Horizontal ASP menu based on CSS mouse states?

[kenny bones]

Hi! I'm currently working on a menu which is based on CSS and is listed with <li> tags. The CSS code looks like this:

#nav {
position: absolute;
top: 101px;
left: 390px;
list-style: none;
margin: 0;
padding: 0;
height: 28px;
display: inline;
overflow: hidden;
width: 603px;
background: url(Html/Img/site/menu/navbar.gif)
}
 
#nav li {
position:relative;
float:left;
margin: 0; 
padding: 0;
display: inline;
overflow: hidden;
list-style-type: none;
}
 
#nav a {
float: left;
padding: 28px 0 0 0;
overflow: hidden;
height: 0px !important; height /**/:20px; /* for IE5/Win */
}
 
#nav a:hover {
background-position: 0 -28px;
}
 
#nav a:active, #nav a.selected {
background-position: 0 -56px;
}
 
#hjem a  {
width: 58px;
background: url(Html/Img/site/menu/hjem.gif) top left no-repeat;
}
 
#hjelp a  {
width: 107px;
background: url(Html/Img/site/menu/hjelp.gif) top left no-repeat;
}
 
#brukerveil a  {
width: 140px;
background: url(Html/Img/site/menu/brukerveil.gif) top left no-repeat;
}
 
#e-learn a  {
width: 126px;
background: url(Html/Img/site/menu/e-learn.gif) top left no-repeat;
}
 
#forum a  {
width: 65px;
background: url(Html/Img/site/menu/forum.gif) top left no-repeat;
}
 
#kontakt a  {
width: 96px;
background: url(Html/Img/site/menu/kontakt.gif) top left no-repeat;}    
.leftmenu_wrap {
float: left;
}
 

And the HTML code looks like this:

<ul id="nav">
<li id="hjem"><a href="#"></a></li>
    <li id="hjelp"><a href="#"></a></li>
    <li id="brukerveil"><a href="#"></a></li>
    <li id="e-learn"><a href="#"></a></li>
    <li id="forum"><a href="#"></a></li>
  <li id="kontakt"><a href="#"></a>        </li></ul>
 
</div>
 

Pretty basic so far right? So, I was browsing the net and came across this ASP script: http://www.asp101.com/articles/prabh...ar/default.asp

And now I'm trying to merge these together the best way I can, but I don't understand anything.. The ASP menu in the link posted above is based on tables and not css! So how can I do the same thing only with my own menu?
Would someone care to explain or perhaps copy and paste a little to perhaps create a working example? Shouldn't be that hard should it? I just can't wrap my head around the html table codes in the ASP-files cause each entry in the menu has it's own asp-file and the menu gets sorta compiled from each of these files and with another file where the rest of the menu lies (include/common.asp).

[kenny bones]

bumpybumpbump bumpitybump. Really need some help on this. Isn't it possible to use css code in the asp tags? Is there something I can put in the original code to better understand what is what and how the menu gets created dynamically?

[acoder]

I don't know the exact ASP syntax, but you could check the current page. Let's say it's hjem.asp. If it is, then set the 'hjem' LI element to an 'active' class. In your CSS, you will need to set the properties of this active class:

.active { ... }

I think that should be enough to solve your problem. Hopefully, one of the ASP experts can help you with the ASP syntax.

[jhardman]

Kenny,

Your css-based code is actually better, the table based menu you linked to is terrible. The great thing the ASP code did was put all of the menu in a separate file which can be included in every page in your site. You can do this with your menu, just put the entire menu in a separate file, and include that in every file you want to have the menu. The code you linked to used some function call to highlight which page you were already on to make it obvious that that link in the menu is different from the rest, that is the only useful part of that code. Let me know if this helps.

Jared