[mr_lundis]

Förslag 1 implementerar man vanligtvis genom att sätta en klass på det aktuella meny-elementet när man loopar igenom dem (detta förutsätter att menyn genereras dynamiskt av en template motor/asp-script).

[jonny]

Jag har svårt att förstå problemet. Du använder CSS på precis samma sätt i ASP som i HTML. Det är ju trots allt HTML som genereras på servern.

[mr_lundis]

Så vit jag förstår så vill Starnoire ha ett sätt att märka upp det aktiva meny-elementet, via asp, för att sedan kunna styla det via css.

[allstars]

Jo, men det behöver man inte asp-script för...

Som tidigare sagt sätt ett id eller en class på body som markerar vilken sida man är på och sedan css och byta style för den aktiva fliken.

Sätt först generella regler för alla flikar

ul#nav li {float: left;}
ul#nav li a {
	display: block;
	padding: 16px 8px;
	border: none;
	color: #999;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
	}

Sedan, efter att du satt id eller class på bodyn ange vad som skall vara annorlunda

#home li#nav-home,
#company li#nav-company,
#products li#nav-products,
#news li#nav-news,
#media li#nav-media,
#contact li#nav-contact,
#order li#nav-order {
	background: url(../img/menuindicator.gif) bottom center no-repeat;
	}

#home li#nav-home a,
#company li#nav-company a,
#products li#nav-products a,
#offers li#nav-offers a,
#news li#nav-news a,
#media li#nav-media a,
#contact li#nav-contact a,
#order li#nav-order a {
	color: #fff; background: none; border: none;
	}

På detta vis behöver man inte lägga till en class=active eller id=active.
Kom ihåg dock att alla LI behöver en identifierare

markupen för menyn i detta exempel ser ut så här

<ul id="nav">
	<li id="nav-home"><a href="/sv/index.asp">Hem</a></li>
	<li id="nav-company"><a href="/sv/index.asp">Företaget</a></li>
	<li id="nav-products"><a href="/sv/produkter.asp">Produkter</a></li>
	<li id="nav-news"><a href="/sv/nyheter-och-massor.asp">Nyheter &amp; mässor</a></li>
	<li id="nav-media"><a href="/sv/media.asp">Media</a></li>
	<li id="nav-contact"><a href="/sv/kontakt.asp">Kontakt</a></li>
	<li id="nav-order"><a href="/sv/bestallning.asp">Beställ</a></li>
</ul>