Styles and stylesheets are read CHRONOLOGICALLY, so declarations ought to be constructed carefully.
For example, if you have at the top of your stylesheet:
#logo {float: left; }
and then at the bottom you have:-
#logo {float: right; }
The browser will apply the LAST one, and IGNORE the first one. So your logo would float RIGHT.
-----------------------------------------------------------
Now, in the case of your logo, you will see that the CURRENT declarations that apply to the logo (amongst others):-
PHP Code:
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
#logo {
float: left;}
You will see just such duplication in practice - only that they say the same thing!
You are ALREADY floating the logo LEFT in the first declaration (okay, so it's nested with a lot of other style id's that SHARE the same declaration, but it still applies to #logo).
So there is NO NEED for you to have a separate declaration:-
PHP Code:
#logo {
float: left;}
EDIT this one to look like mine:
PHP Code:
#logo {
padding-left: 0em;
padding-bottom: 2em
}
Bookmarks