The Joomla! Forum ™






Post new topic Reply to topic  [ 9 posts ] 
Author Message
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  
 
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  
 
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  
 
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  
 
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  
 
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  
 
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  
 
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  
 
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  [ 9 posts ] 



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