August 18, 200818 yr Hi, I hope somebody will help me. I've got s structural list as a navigation menu (styled with CSS) and I would love to have a small arrow at the top of the active page's name. How could I do that? Thanks!
August 19, 200818 yr Hi, I hope somebody will help me. I've got s structural list as a navigation menu (styled with CSS) and I would love to have a small arrow at the top of the active page's name. How could I do that? Thanks! Ok, here we go, assuming you have made a background image for your active state... 1. Add an ID to your BODY tag, you need a separate ID for each page, ie... <body id="home"> 2. In your nav list add unique class to each link... <ul class="nav"> <li><a href="index.html" class="navhome">Home</a></li> <li><a href="order.html" class="navorder">Order</a></li> <li><a href="quote.html" class="navquote">Quote</a></li> </ul> 3. Finally in your CSS add the styles... body#home ul.nav a.navhome, body#order ul.nav a.navorder, body#quote ul.nav a.navquote {background: url(yourimage.gif) no-repeat center;} Try it and see if it works for you!
August 19, 200818 yr By the way... is there any way to do it without background images? Yes, but background image is the best way.
Create an account or sign in to comment