Visa ett inlägg
Oläst 2008-07-13, 14:09 #14
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
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>
allstars är inte uppkopplad   Svara med citatSvara med citat