FAQ |
Kalender |
![]() |
#1 | ||
|
|||
Nykomling
|
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... |
||
![]() |
![]() |
![]() |
#2 | ||
|
|||
Bara ett inlägg till!
|
Läs av querystringen, och markera beroende på det.
|
||
![]() |
![]() |
![]() |
#3 | ||
|
|||
Nykomling
|
Någon kod att exemplifiera med?
|
||
![]() |
![]() |
![]() |
#4 | ||
|
|||
Mycket flitig postare
|
if request.querystring("page") = "start" then
response.write "<img src=start_markerad.gif>" end if |
||
![]() |
![]() |
![]() |
#5 | ||
|
|||
Nykomling
|
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..
|
||
![]() |
![]() |
![]() |
#6 | ||
|
|||
Mycket flitig postare
|
Hur ser CSS scriptet ut då?
|
||
![]() |
![]() |
![]() |
#7 | ||
|
|||
Medlem
|
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 |
||
![]() |
![]() |
![]() |
#8 | ||
|
|||
Supermoderator
|
Det blir lättare att svara om du postar aktuella kodsnuttar.
__________________
Full-stack developer, free for smaller assignments |
||
![]() |
![]() |
![]() |
#9 | ||
|
|||
Flitig postare
|
Kan du inte bara göra olika csser för varje meny och sedan välja css efter vilken sida man är på?
|
||
![]() |
![]() |
![]() |
#10 | ||
|
|||
Nykomling
|
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; } |
||
![]() |
![]() |
Svara |
|
|