cjy8s@yahoo.com Posted August 24, 2011 Share Posted August 24, 2011 I am making a website and I am planning on having an indicator that shows your on whichever page, when your on that page. But as far as I can tell that includes putting id tags on each element on each page. So is it possible to build this menu using XML? I can't find a way to do it. Please and thank you??HTML: <div class="menu"> <ul> <li><a href="Collections.html">Collections</a></li> <li><a href="Bracelets.html">Bracelets</a></li> <li><a href="Rings.html">Rings</a></li> <li><a href="Home.html">Home</a></li> <li><a href="Sets.html">Sets</a></li> <li><a href="Earrings.html">Earrings</a></li> <li><a href="Coming Soon!.html">Coming Soon!</a></li> </ul> </div> CSS: .menu { font-family: “Lucida Sans Unicode”, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: 4px; line-height: 1.8em; position: absolute; left: 50%; margin-left: -338px; top: 30px; } .menu ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }.menu li { display: inline; padding: 6px; } .menu a { text-decoration:none; color: #B2B5BF; } .menu a:hover { border: 1px solid; padding-top: 5px; border-bottom: none; border-left: none; border-right: none; border-top-right-radius: 2em; border-top-left-radius: 2em; color: #808184; }a.menu:link, a.menu:visited { border: 1px solid; padding-bottom: 5px; border-top: none; border-left: none; border-right: none; border-top-right-radius: 2em; border-top-left-radius: 2em; color: #808184; } Link to comment Share on other sites More sharing options...
thescientist Posted September 13, 2011 Share Posted September 13, 2011 it would probably just be easier to use a server side language to detect the page you are on and just add a class to the necessary HTML element. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.