Centering Logo

[clydejones]

checked your site and to me your logo appears centered or am I missing something.

[samisoaps]

Well for me it's not showing as centered. Cleared my cache and all that. Hmmm. Well now to figure out the columns.

Andrea

[Sermonzone]

I show centered in Firefox and left in IE6. But you did not do what Clyde suggested in the earlier post. You have -

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

While he suggests -

#logo {text-align: center;}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}

Clyde knows more CSS than me but that looks like it would work.

Clyde or Kuroi, why would you add float: center; in the logowrapper to do this?

[clydejones]

Clyde or Kuroi, why would you add float: center; in the logowrapper to do this?

You shouldn't,

float: center

is not a valid css selector.

[Sermonzone]

Good reason not to do that!

What is the proper command if not 'float'?

Thanks

[clydejones]

I use

text-align: center

Although it says text-align: It seems to align anything within that particular DIV

If you include an image in a selector i.e.:

#logo {background-image: url(../images/image.jpg);
/*You can specify the image position with*/
background-position: center center;}

PS You can float: left or right but not center

[Sermonzone]

Wow. Now I know that I don't really know anything about CSS. Thanks for the feedback.

[philpalmer]

Hi there

I've tried amending the code in the stylesheets as above but cannot seem to centre the logo either

See www.oldersoftware.co.uk

I've managed to change the width of the site and I'm v.happy with that - it was starting to look pretty cramped before.

Thanks

Phil

[kuroi]

Phil

Your problem is rather different. You are using the tables-based Classic template (not recommended unless you are running a pre-1.3 version of Zen Cart). Your logo is ocntainined within a table cell and in the same row and to the right is another cell. Although that cell is empty, it is defined to have a width of 35% and so pushes back against the cell containing the logo preventing it from centering.

I suggest that you go to your includes/templates/classic/common/tpl_header.php file and remove the redundant cell.

[philpalmer]

Thanks for the reply - Brilliant response!

Here is the code :

<tr>
<td align="left" valign="top" width="35%" class="headerNavigation">
<a href="<?php echo zen_href_link(FILENAME_DEFAULT, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>&nbsp;|&nbsp;
<?php if (isset($_SESSION['customer_id'])) { ?>
<a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a>&nbsp;|&nbsp;
<a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
<?php
} else {
if (STORE_STATUS == '0') {
?>

Which bits of this do I remove?
I did a search on 35%

Thanks!

Phil