
Originally Posted by
countrycharm
Hi jettrue I have a question for you. What padding do I change to get my logo to fit with out the white space showing at all. Here is a link to my site.
Thank you
Replace the sections below in stylesheet.css with the following:
Code:
#navMain {
float:right;
width:750px;
line-height:normal;
height:32px;
}
#navMain ul {
float:right;
list-style:none;
}
#navMain li {
display:inline;
}
#navMain a {
float:left;
text-decoration:none;
}
#navMain a span {
float:left;
display:block;
padding: 7px 15px 0 15px;
text-align:center;
width:90px;
cursor:pointer;
height:25px;
}
Now, the left and right will always have white space, unless you use a wider logo, or make the site the same width as the logo. You can change the width of the site in this section of the stylesheet:
Code:
#nw {
width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */
min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
}
/* IE only. Controls Width of Site and Main Content*/
* html #nw {
width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
}
Bookmarks