[LØST] Trenger hjelp med en meny!

[Tagso]

Hei å hå!!

 

Trenger litt hjelp med en meny.. Takk til dem som gidder og titte litt..

 

Bruker føgende kode:

 

 

#navigation {

font-size:1em;

background:#3366CC;

height:2em;

line-height:2em;

color:#fff;

border-top: 2px solid #000000;

border-bottom: 2px solid #000000;

}

 

#navigation li{

 

list-style-type:none;

white-space:nowrap;

float:left;

}

 

#navigation li a{

display:block;

font-weight:bold;

text-transform:uppercase;

text-decoration:none;

background:3366CC ;

color: #FFFFFF ;

float:left;

padding:0 10px 0 10px;

}

 

#navigation .selected, #navigation a:hover{

background:#0033FF;

color:#fff;

}

 

------------------------------

 

Når man går inn på en side så skal jeg ha en farge som markerer den siden man er inne på, altså ikke bare når man trykker på den valgte siden.

 

hem hem

Endret 5. august 2007 av Tagso

[Badering]

Noe lignende dette burde funke:

 

I css fila:

 

#navigation li a.active {

font-weight:bold;

wattefuxx:1337imbapx;

etc}

 

Derretter markerer du linken du vil markere med <a href="url" class="active">Link</a>

 

Godt hende jeg tar feil nå, men skulle tro det var noe lignende. Finnes kanskje noen bedre løsninger though.

[Tagso]

Hems, så ikke ut som det virket.. Heller er det bare meg som ikke fatta det helt.

Noen som vet om dette skal funke ?

[Jakob K]

Det skal egentlig fungere fint, ja.

 

Eksempel sammen med CSS-koden du sa du brukte:

<ul id="navigation">
 <li><a href="/">Hjem</a>
 <li><a href="om/">Om</a>
 <li class="selected"><a href="kontakt/">Kontakt</a>
</ul>

 

#navigation {
font-size:1em;
background:#3366CC; 
height:2em;
line-height:2em;
color:#fff;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}

#navigation li {
list-style-type:none;
white-space:nowrap;
float:left;
}

#navigation li a {
display:block;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background:3366CC; 
color: #FFFFFF;
float:left;
padding:0 10px 0 10px;
}

#navigation .selected, #navigation a:hover{
background:#0033FF; 
color:#fff;
}

[Tagso]

Takker, fant ut av det istad..

Måtte bare justere en del her og der, men den ble jo mye bedre nå gitt..