Jump to content

How can I build this menu in XML?


cjy8s@yahoo.com
 Share

Recommended Posts

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

  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...