2 menus and "current" state please help [Archive]

l0rdshad0w1

12-30-2007, 06:56 PM

I have a problem with current state, i have 2 menus and i want 1 item from each menu to be highlighted depending on it's status(active or not)

can someone show me how to do it right?am i suposed to use "classes" instead of "ids"?

<body id="romana">
<body id="taxa"> 
................................................
<link rel="stylesheet" href="meniu.css" type="text/css" />
<div class="buttonscontainer" style="width: 324px; height: 30px">
<div class="buttons">
<ul id='menu'>
<li ><a href='index.html' id="romananav" >Romana</a></li>
<li ><a href='english/index.html' id="englishnav" >English</a></li>
<li ><a href='francais/index.html' id="francaisnav" >Francais</a></li>
<li ><a href='deutsch/index.html' id="deutschnav" >Deutsch</a></li>
</ul>
</td>
</div>
................................................................
<link rel="stylesheet" href="default.css" type="text/css" />
<div class="buttonscontainer">
<div class="buttons">
<a><b><font size="2" color="#000000">AutoBorcea</font></b></a>
<a href="taxa.html" id=taxanav>Home</a>
</div>
------------------------default.css
.buttonscontainer {width: 175px;}

.buttons a {color: #FF9900;
background-color: #FFFFFF;
padding: 2px;
padding-left: 3px;
display: block;
font: 11px Tahoma, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #FF9900;
color: #333;
text-decoration: none;}

body#romana a#romananav,
body#english a#englishnav,
body#francais a#francaisnav,
body#deutsch a#deutschnav,
body#taxa a#taxanav

ul li a.current {
color: #333;
background: #FF9900;
}

effpeetee

12-30-2007, 07:19 PM

My site page Sources has three menus, You could have a look at it to see if it helps you.
The CSS is in the HEAD section.

Frank

http://exitfegs.co.uk/Sources.html

a:link {
color: #FFF;
background-color: inherit;
text-decoration: none;
}

a:visited {
color: #FFFF00;
background-color: inherit;
}

a:hover {
color: #FF0000;
background-color: inherit;
}

a:active {
color: #FFFFFF;
background-color: inherit;
}

View Source.