Hoover-effekt og litt mer

[dot_]

Kan noen si meg hvordan jeg kan låse en aktiv link i menyen til en bestemt farge?

 

Se vedlegg.

 

 

#navcontainer ul

{

background-color: #555555;
color: White;
float: left;
width: 100%;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.3em 0.6em;
background-color: #555555;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #333333;
color: white;
}

Endret 29. april 2007 av dot_

[Haraldson]

Slik som dette?

[dot_]

Slik som dette?

8502157[/snapback]

 

Bingo!

 

Sitter du på noen ressurssterke sider innenfor denne teknikken, kanskje?

 

[Haraldson]

Jeg vil anbefale deg å spørre i den eksisterende tråden i PHP-forumet, eller forfatte en ny og bedre en. Alt du trenger å spørre om er hvordan du kan gi menypunktene en class="active"-attributt når den aktuelle siden er lastet, for eksempel - så er det bare å bruke klassen i kombinasjon med CSS for å style hvordan den aktive 'staten' skal se ut.

[eigan]

http://css.maxdesign.com.au/listamatic/horizontal03.htm

[Runar]

http://css.maxdesign.com.au/listamatic/horizontal03.htm

8502559[/snapback]

Det er ikke det han lurer på, Einar. Les tråden du

[eigan]

Oja. Nå skjønner jeg. Sorry. Leste nemlig tittelen, da trudde jeg han mente "hover" som da du beveger musen over

 

Tror denne passer bedre da. Det som gjøres er å sette class="aktiv" i "<li>" Dermed kan du redigere den i css til å bli "aktiv". Vanligvis, lik css kode som den du har på hover effekten

 

EDIT: Men med nærmere titt, ser det ut til at problemet er løst...

Endret 30. april 2007 av Einar

[Runar]

Tror denne passer bedre da. Det som gjøres er å sette class="aktiv" i "

" Dermed kan du redigere den i css til å bli "aktiv". Vanligvis, lik css kode som den du har på hover effekten

8503574[/snapback]

Det er fortsatt langt fra det trådstarter vil Han vil ha hjelp til å automatisk gi den klassen "aktiv", som ved hjelp av PHP.

 

Mr.Berg postet jo en link til løsningen.