ASP: CSS Navigation bar med ASP?

[Kenny Bones]

Hei! Jeg lurer på en ting. Jeg har en side med én top-frame og én frame for resten av siden.

I top-framen har jeg en horisontal css-meny som har en mouse over og en click on-state. Så er da spørsmålet, hvordan får jeg menyen til å "huske" og "skjønne" hvilken side jeg er på? Har prøvd denne menyen her:

 

http://www.asp101.com/articles/prabhu/tabnavbar/default.asp

 

Men fyren har lagd menyen med tabeller. Og jeg forstår lissom ikke hvordan jeg kan få gjort det om til css!

Any ideas? Menyen min ser i utgangspunktet slik ut:

 

**CSS**

#nav {
position: absolute;
top: 101px;
left: 390px;
list-style: none;
margin: 0;
padding: 0;
height: 28px;
display: inline;
overflow: hidden;
width: 603px;
background: url(Html/Img/site/menu/navbar.gif)
}

#nav li {
position:relative;
float:left;
margin: 0; 
padding: 0;
display: inline;
overflow: hidden;
list-style-type: none;
}

#nav a {
float: left;
padding: 28px 0 0 0;
overflow: hidden;
height: 0px !important; height /**/:20px; /* for IE5/Win */
}

#nav a:hover {
background-position: 0 -28px;
}

#nav a:active, #nav a.selected {
background-position: 0 -56px;
}

#hjem a  {
width: 58px;
background: url(Html/Img/site/menu/hjem.gif) top left no-repeat;
}

#hjelp a  {
width: 107px;
background: url(Html/Img/site/menu/hjelp.gif) top left no-repeat;
}

#brukerveil a  {
width: 140px;
background: url(Html/Img/site/menu/brukerveil.gif) top left no-repeat;
}

#e-learn a  {
width: 126px;
background: url(Html/Img/site/menu/e-learn.gif) top left no-repeat;
}

#forum a  {
width: 65px;
background: url(Html/Img/site/menu/forum.gif) top left no-repeat;
}

#kontakt a  {
width: 96px;
background: url(Html/Img/site/menu/kontakt.gif) top left no-repeat;}	
.leftmenu_wrap {
float: left;
}

 

**HTML**

<ul id="nav">
<li id="hjem"><a href="#"></a></li>
<li id="hjelp"><a href="#"></a></li>
<li id="brukerveil"><a href="#"></a></li>
<li id="e-learn"><a href="#"></a></li>
<li id="forum"><a href="#"></a></li>
 <li id="kontakt"><a href="#"></a>		</li></ul>

</div>

 

Har noen giddet forklare meg hvordan jeg kan få flettet disse to sammen? Fått min meny inn i den ASP-templaten?

Og hvordan kan jeg få det til å fungere med framen mon tro? Blir jeg nødt til å fjerne framene og heller legge inn top-framen inn i selve siden? Eller kan jeg bruke include for å legge til menyen fra et annet dokument? Sistnevnte ville kanskje vært det beste.. Tips?

 

Edit: Frame er fjernet og include er lagt til istedet. Fungerer bra. Men forstår fortsatt ikke hvordan jeg skal sette inn css-menyen. Får bare feilmeldinger når jeg prøver å legge til <li> osv istedet for <TABLE> som det står fra før. Men ser at i css-koden står det faktisk TABLE som en egen class. Betyr det kanskje at jeg må lage en klasse som heter LI også da mon tro? Trodde vanlig html-kode ble akseptert jeg.

 

Edit: Slik vil jeg ha menyen med andre ord.

http://www.456bereastreet.com/

 

Ikke nødvendigvis med ASP om det er mulig på andre måter. Men menyen min som er der fra før fungerer slik:

http://www.456bereastreet.com/lab/ul_navbar/step11/

 

Altså når jeg trykker på en knapp vises onclick-staten. Men så fort jeg klikker et annet sted så forsvinner den. Denne skal altså holdes nede så lenge siden er oppe.

Endret 14. desember 2007 av Kenny Bones

[tZar]

Har du siden liggende ute noe sted så vi kan se hva du har gjort? For å bruke frames så kan du sette target. Hvis du endrer med javascript så er det normalt window.parent.frames.framesnavn.location eller noe slikt (tatt fra hukommelsen)

[Kenny Bones]

Tenkte over dette med frames. Er det egentlig nødvendig å bruke det? Fordi jeg brukte jo "include" for å få til den andre menyen. Og jeg prøvde også netopp å bruke include for å legge til toppen også og det ser jo likt ut.

 

Jeg har lagt til toppen med include. Er fortsatt litt kode å rydde opp i i html-dokumentet som er toppen. Poenget er at når jeg klikker på en av tabbene så skal de holdes nede så lenge er i den seksjonen om du skjønner.

 

Edit: Slik vil jeg ha menyen med andre ord.

http://www.456bereastreet.com/

 

Ikke nødvendigvis med ASP om det er mulig på andre måter. Men menyen min som er der fra før fungerer slik:

http://www.456bereastreet.com/lab/ul_navbar/step11/

 

Altså når jeg trykker på en knapp vises onclick-staten. Men så fort jeg klikker et annet sted så forsvinner den. Denne skal altså holdes nede så lenge siden er oppe.

Endret 14. desember 2007 av Kenny Bones

[tZar]

På 456bereastreet har de satt klassen "sel" på linken som er valgt. Det må jo du også gjøre.

 

Hvis feks linken er showpage.asp?show=about så kan du ha

 

if request.querystring("show")="about" then

class="sel"

else

class=""

end if

 

response.write "<li class=""" & class """>About</li>"

[Kenny Bones]

Ah, blir så forvirret av koden som jeg bruker som jeg fant her:

http://www.asp101.com/articles/prabhu/tabnavbar/default.asp

 

Der finner jeg ikke noe if.request.querystring osv.

 

Edit: Sendte deg en PM btw.

Endret 14. desember 2007 av Kenny Bones

[tZar]

Joda, de bruker det der også

 

if curpage = tab(i,0) then

osv...

 

Det nok godt mulig at du greit kan løse det kun css, men kan ikke helt komme på hvordan i farten, men det klarer sikkert gutta i HTML delen å gi deg et svar på ganske kjapt.