WN - ASP-sida + Css-meny?

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

Kod:

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

Kod:

#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

Kod:

<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>