Centering header logo and text Checked FAQ

[gee38l]

Hey All,

I have just followed the FAQ for adding a new logo replacing the logo.gif and i have got a custom logo but its not centred. I would like it centred and in line with my website along with the sales message goes here text. Please have a look at www.truwater.com.au/zencart/.

Any help would be greatly appreciated.

[fairestcape]

try this for the #logo declaration. (IE: be specific about what padding is needed).

#logo{
padding-left: 0em;
padding-bottom: 2em
}

[gee38l]

Thanks for the reply!

I currently have this in the css


#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}

#logo {float: left;}

Would i need to add what u have reccommended to the bottom of this?

[fairestcape]

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):-

#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:-

#logo { 
   float: left;} 

EDIT this one to look like mine:

#logo {
   padding-left: 0em;
   padding-bottom: 2em
} 

[gee38l]

Thanks for the reply i applied the code u advised me but its still on the right i now have just this....

#logo{
padding-left: 0em;
padding-bottom: 2em
}

Like i said no change what am i doing wrong?

[gee38l]

I Just removed the sales message goes here text and the logo is no centred but i dont have my account and shipping links anymore, i have had to add a character for them to come back. I would like the my account link to be left justified and no sales message as this will be on the updated logo can anyone help? I suck this logos etc thnaks in advance

[fairestcape]

Thanks for the reply i applied the code u advised me but its still on the right i now have just this....

#logo{
padding-left: 0em;
padding-bottom: 2em
}

Like i said no change what am i doing wrong?

Clear your browser cache on your home computer... then reload the page.

[fairestcape]

Additionally, you're getting a " on your header. This is because of a bad edit in the DEFINES of the tag line text.

[gee38l]

I left the " there because when i remove the sales message text the my account/shipping info links disspear. I would like the my account/shipping link left justified wih no sales message, can anyone assist?