kburner:
Looks like I am doing it your way...
positioned the logoWrapper as relative.
#logoWrapper {
width: 1000px;
height: 110px;
background-image:url(../images/header_example_four.jpg);
text-align: right;
background-repeat:no-repeat;
margin: 0em;
padding: 0em;
position: relative;
}
navmain as absolute and to the right.
#navMain ul li a {
float: right;
margin-top: 1.2em;
margin-left: 0.1em;
margin-right: 3.5em;
position: absolute;
}
created a sliding door button for the <li> declarations and included that in the stylesheet instead of having those inline styles
???? not sure how to do this???
created individual classes for each button - located at end of stylesheet
.login {
}
.account {
}
.cart{
}
Kim
This is what your css should look like:
#navMain {
margin:0;
font-size: 1.1em;
line-height: normal;
width: 160px;
position:absolute;
top:5px;
right:5px;
}
#navMain ul {margin:0;padding: 0;display:block;list-style:none;}
#navMain li a {
padding: 8px 0 0 35px;
height:24px;
text-decoration:none;
background: url(../images/tableft.gif) no-repeat left top;
color:#000;
}
#navMain ul li a span {
display:block;
background: url(../images/tabright.gif) right top;
padding:2px 15px 2px 6px;
}
#navMain ul li a:hover {background-position:0% -42px;}
#navMain ul li a:hover span {padding:2px 15px 2px 6px;background-position:100% -42px;}
This is what your modified tpl_header.php should look like:
[PHP]<div id="navMain">
<ul>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGOFF; ?></span></a></li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?><span></a></li>
<?php } } ?>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><span><?php echo HEADER_TITLE_CART_CONTENTS; ?></span></a></li>
<?php }?>
</ul>
</div>[/PHP]
save your sliding door tableft.gif and tabright.gif to
includes/templates/YOUR_TEMPLATE/images
Attachment #6460
Attachment #6461
