![]() |
Jag vill bygga en sida i asp men använda en gammal snygg meny jag har, som bygger på flikar där css:en markerar vilken sida som är aktiv.
Om jag nu använder include file, hur får jag ihop det så att menyn visar rätt flik? Den ska alltså förstå vilken sida som är aktiv... |
Läs av querystringen, och markera beroende på det.
|
Någon kod att exemplifiera med?
|
if request.querystring("page") = "start" then
response.write "<img src=start_markerad.gif>" end if |
Hm. Det är en lite mer komplicerad meny så det räcker inte att byta en bild, den måste använda min css-fil på något sätt. Tror det här blir alldeles för komplicerat för en nybörjare på asp, får nog tänka ut nåt annat..
|
Hur ser CSS scriptet ut då?
|
Det finns 2 valiga sätt att lösa detta på:
1. Man sätter en klass på den aktuella meny-noden (förslagsvis när man renderar menyn). 2. Man sätter ett id på body'n för att på så sätt applicera css regler som är unika för just den sidan |
Det blir lättare att svara om du postar aktuella kodsnuttar.
|
Kan du inte bara göra olika csser för varje meny och sedan välja css efter vilken sida man är på?
|
Tack för tipsen!
Jag gillar mr_lundis förslag 2, förslag 1 fattar jag nog inte riktigt hur det skulle se ut... Det här är det som styr menyn: #header a { float:left; display:block; background:url("right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#656565; } #header a:hover { color:#000; } #header #current { background-image:url("left_on.gif"); } #header #current a { background-image:url("right_on.gif"); color:#333; padding-bottom:5px; } |
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).
|
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.
|
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.
|
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;} Kod:
#home li#nav-home, 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"> |
Alla tider är GMT +2. Klockan är nu 10:32. |
Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson