The Joomla! Forum ™

Download

Demo


Board index » Joomla! Older Version Support » Joomla! 1.5 » Templates for Joomla! 1.5 » Default template: Milky Way in Joomla! 1.5

Forum rules


Please click here to view the forum rules



Post new topic Reply to topic  Page 1 of 1
  [ 9 posts ] 
  Print view Previous topic | Next topic 
Author Message
bob332
PostPosted: Mon Jan 02, 2012 6:05 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Dec 30, 2011 10:15 pm
Posts: 9
How can I change the logo in milkway to be completely centered in the whole area at the top and have it change as the size of the site width changes? having it centered with absolute px settings doesn't work once the page width is changed below the max unlike the rest of the site that 'accordians' between different widths.

please assist... :eek:

thanks in advance,
bob


Last edited by bob332 on Sun Jan 08, 2012 5:58 pm, edited 1 time in total.

Top
 Profile  
 
leolam
PostPosted: Mon Jan 02, 2012 7:14 am 
User avatar
Joomla! Master
Joomla! Master
Online

Joined: Mon Aug 29, 2005 10:17 am
Posts: 12028
Location: Netherlands/ UK/ S'pore/Jakarta/ North America
link to your site so i can look at css?

Leo 8)

_________________
--- Joomla Professional Support Services :: http://gws-desk.com ---
--- Joomla Professional and Specialized Hosting :: http://gws-host.com ---
--- Ready to Roll Joomla! Web Sites : 1 - 7 days only! :: @ gws-market.com ---
Top
 Profile  
 
bob332
PostPosted: Mon Jan 02, 2012 7:39 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Dec 30, 2011 10:15 pm
Posts: 9
Thanks Leo - currently just the stock css w/ this change to the logo area:

Code:
div#logo {
   /*Original values
        position: absolute;
   left: 0;
   top: 0;
   float: left;
   width: 298px;
   height: 75px;
   background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
   margin-left: 30px;
   margin-top: 25px;
        */
        position: absolute;
   left: 0;
   top: 0;
   float: left;
   width: 777px;
   height: 88px;
   background: url(../images/BobsQuads3.png) 0 0 no-repeat;
   margin-left: 147px;
   margin-top: 25px;
}


site - http://www.bobsquads.com
Top
 Profile  
 
bob332
PostPosted: Tue Jan 03, 2012 9:32 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Dec 30, 2011 10:15 pm
Posts: 9
any assistance would be greatly appreciated
Top
 Profile  
 
bob332
PostPosted: Sat Jan 07, 2012 9:36 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Dec 30, 2011 10:15 pm
Posts: 9
Anybody? Please assist ???
Top
 Profile  
 
kenmcd
PostPosted: Sun Jan 08, 2012 4:15 pm 
User avatar
Joomla! Champion
Joomla! Champion

Joined: Thu Aug 18, 2005 2:09 am
Posts: 5154
Location: California
.
Change the logo div margins to auto which will center the logo
Code:
div#logo {
    margin-left: auto;
    margin-right: auto;


and remove the padding in header_r which is pushing it off to the right
Code:
div#header_r {
    padding-left: 370px;
    padding-right: 30px;


.

_________________
██ AllMedia4Joomla Project
██ http://sourceforge.net/projects/allmedia4joomla/
██ AllMedia YouTube Feed Gallery module released
██ Download: http://sourceforge.net/projects/allmedia4joomla/files/
Top
 Profile  
 
bob332
PostPosted: Sun Jan 08, 2012 5:57 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Dec 30, 2011 10:15 pm
Posts: 9
excellent :)

here is what I ended up w/:
Code:
div#header_r {
   /*Original values
        height: 90px;
   padding-left: 370px;
   padding-right: 30px;
   padding-top: 25px;
   overflow: hidden;
   text-align: left;
        */
        height: 90px;
        padding-top: 25px;
   overflow: hidden;
   text-align: left;
}

&
Code:
div#logo {
   /*Original values
        position: absolute;
   left: 0;
   top: 0;
   float: left;
   width: 298px;
   height: 75px;
   background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
   margin-left: 30px;
   margin-top: 25px;
        */
        position: relative;
   left: 0;
   top: 0;
   float: center;
   width: 777px;
   height: 88px;
   background: url(../images/BobsQuads3.png) 0 0 no-repeat;
   margin-left: auto;
        margin-right: auto;
   margin-top: auto;
}


looks the same on my phone (htc aria), laptop & ipad, exactly what I wanted, again thanks :)
Top
 Profile  
 
TechAccess
PostPosted: Wed Feb 01, 2012 1:54 pm 
User avatar
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Jan 20, 2012 2:15 pm
Posts: 23
Location: Nashville
Thank you! This helped me so much, and my site looks a lot better for it.

_________________
Promoting independence/participation of all persons with disabilities in school, work, play and everyday activities through assistive technology since 1989.
Top
 Profile  
 
drjumba
PostPosted: Thu Feb 16, 2012 10:55 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Feb 09, 2012 7:35 am
Posts: 28
Location: Durban , Ladysmith
To put more clarity on this, this is what i did with my site.
I designed my logo image to its smallest size in a graphics editor program, and faded it to the site color to both left and right ends. i then centerd that png image which makes it seem as small as the browser can be and as large as the blowser once it gets larger.

Hope that will also contribute to other users

Thank you

_________________
http://drjumba.co.za
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 9 posts ] 


Board index » Joomla! Older Version Support » Joomla! 1.5 » Templates for Joomla! 1.5 » Default template: Milky Way in Joomla! 1.5

Who is online

Users browsing this forum: No registered users and 7 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group