CSS Menu


css_menu2.gif


For the Aboove menu:
<style type=”text/css”>
.images {background:#c00; width:20px;
height:20px; padding:1px;}
#nav ul {margin:0 auto 100px auto;padding:0;
list-style:none;display:table; white-space:nowrap;
font-family: arial, verdana, sans-serif; font-size:11px;}
#nav li {display:table-cell; margin:0; padding:0;}
#nav a {float:left; color:#fff;
background: #040 url(left2.gif) no-repeat left bottom;
margin:0 2px 0 0; padding:0 0 0 2px; text-decoration:none;
letter-spacing:1px;}
#nav a b {float:left; display:block;
background:transparent url(right2.gif) no-repeat right bottom;
padding:5px 16px 5px 12px;}
#nav a:hover {background-color:#6f9c6f; cursor:pointer;}
#nav #current a {background-color:#6f9c6f;}
#nav {padding:1px 0 0 0; background:#fff; border-top:8px solid #040;}
</style>

<!–[if IE]>
<style type=”text/css”>
#nav ul {display:inline-block;}
#nav ul {display:inline;}
#nav ul li {float:left;}
#nav {text-align:center;}
</style>
<![endif]–>

<div id=”nav”>
<ul>
<li><a href=”centered_float_left.html?current=one”>
<b>HOME</b></a></li>
<li><a href=”centered_float_left.html?current=two”>
<b>PRIVACY POLICY</b></a></li>
<li id=”current”><a href=”centered_float_left.html?current=three”>
<b>CONTACT US</b></a></li>
<li><a href=”centered_float_left.html?current=four”>
<b>PRODUCTS</b></a></li>
<li><a href=”centered_float_left.html?current=five”>
<b>SITE MAP</b></a></li>
</ul>
</div>

Advertisements

~ by greatemran on July 29, 2007.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: