<li style="background: ('images/nav-bar/home.png') no-repeat center 0px;"> <a href="index.php"> Home </a> </li> <li style="background: ('images/nav-bar/products.png') no-repeat center 0px"> <a href="services.php"> Services </a> </li> <li style="background: ('images/nav-bar/downloads.png') no-repeat center 0px"> <a href="index.php"> Downloads </a> </li> <li style="background: ('images/nav-bar/about.png') no-repeat center 0px"> <a href="index.php"> About Us </a> </li> <li style="background: ('images/nav-bar/faqs.png') no-repeat center 0px"> <a href="index.php"> Faqs </a> </li> <li style="background: ('images/nav-bar/contact.png') no-repeat center 0px"> <a href="contact.php"> Contact Us </a> </li>
ul#nav{ direction:rtl; float:left; } ul#nav li{ display:inline-block; height:85px; } ul#nav li a:hover{ color:orange; text-align:center; } ul#nav li a{ vertical-align:basline; font-size:18px; font-weight:bold; display:block; }
background: url('...');
ul#nav li { width: 85px; margin: 0 auto; position: relative; }
ul#nav li a { position: absolute; right: 0; left: 0; width: 100%; bottom: 0; text-align: center; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)