This is what they see
This is my code
php
PHP Code:
<div id="menu">
<div class="centre">
<ul>
<li class="active first">Home</li>
<li><a href="info.html">Company Info</a></li>
<li class="submenu">Product Range</li>
<li class="products"><a class="fancybox fancybox.iframe" href="http://www.debeer.com.au/" title="De Beer Australia">De Beer</a></li>
<li class="products"><a class="fancybox fancybox.iframe" href="http://www.valsparautomotive.com.au/" title="Valspar Australia">Valspar</a></li>
<li class="products"><a class="fancybox fancybox.iframe" href="http://www.licindustrial.com.au/" title="LIC Australia">LIC</a></li>
<li class="products"><a href="saima.htm">SAIMA</a></li>
<li><a href="fleetlink.html">Fleetlink</a></li>
<li><a href="distributors.html">Distributors</a></li>
<li><a class="fancybox fancybox.iframe" href="http://www.smart-trade.co.nz/" target="_blank">Rewards</a></li>
<li><a href="contact.html">Contact</a></li>
<?php
if (isset($_SESSION['user_id'])) {
echo "<li><a href='members/myaccount.php'>My Account</a></li>";
} else {
echo "<li><a href='members/login.php'>Distributor Login</a></li>";
}
?>
</ul>
</div>
</div>
css
Code:
#menu {background:url('../images/menu_bg.png') repeat-x; background-color:#000; height:30px;}
#menu ul {list-style:none; height:auto;}
#menu ul li {background:url('../images/separator.jpg') no-repeat top left; color:#fff; font-family:"ITC Stone Sans", "lucida Grande", "Lucida Sans Unicode", Verdana, Arial; font-style:italic; font-size:12px; float:left; height:17px; padding:3px 0 5px 25px;}
#menu ul li.submenu {color:#79858b;}
#menu ul li.products, #menu ul li.first {background:none;}
#menu ul li.first {padding-left:0;}
#menu ul li.active {color:#e42518;}
#menu ul li a:link, #menu ul li a:visited {color:#fff; text-decoration:none;}
#menu ul li a:hover {color:#e42518;}