Avatar billede criffer Nybegynder
02. oktober 2002 - 20:10 Der er 8 kommentarer og
1 løsning

hovereffekt og lign. i classer

Jeg har en hjemmeside der er lavet i tabeller, derfor er det smart med css. Jeg vil godt have at mine links reagere forskelligt:

jeg har fundet ud af hvordan man kan lave forsk klasser ex:

.alm-overskrift {
    font-family: tahoma;
    font-size: small;
    font-weight: bold;
    color: #000000;
}


hvordan kan man lave forskellige hover effekter for hver klasse eller forskellige aktiv farve og lign?
Avatar billede fialdo Nybegynder
02. oktober 2002 - 20:14 #1
Du kan prøve at læse lidt her:
http://www.html.dk/tutorials/css/lektion6.asp
Avatar billede criffer Nybegynder
02. oktober 2002 - 20:15 #2
hvordan er det smartest at lave sine skriftstørrelser, så de bliver vist ens ?

px eller hva' ?  hvordan kan man regne det om til alm. størrelser ?
Avatar billede agercon Nybegynder
02. oktober 2002 - 20:15 #3
a:link - ubrugte henvisningen
a:visited - besøgte henvisningen
a:hover - når musen er over henvisningen
a:active - når henvisningen er aktiv

De herligste hilsner, Claus Sørensen
Avatar billede criffer Nybegynder
02. oktober 2002 - 20:16 #4
ja det forstår jeg godt, men det er for hele siden, er det muligt at hjerne streg under links kun i bestemte "klasser" class eller hvad man kalder det ?
Avatar billede criffer Nybegynder
02. oktober 2002 - 20:17 #5
.alm-overskrift {
    font-family: tahoma;
    font-size: small;
    font-weight: bold;
    color: #000000;
}

sådan en her !
Avatar billede criffer Nybegynder
02. oktober 2002 - 20:17 #6
bagefter <a href="link.html" class=".alm-overskrift">link</a>

.. kan man lave forskellige hover effekter aktiv farve for forskellige klasser
Avatar billede agercon Nybegynder
02. oktober 2002 - 20:21 #7
Ja - brug:

a:link.alm-overskrift {....}
a:visited:alm-overskrift {...}
a - a alene bruges f.eks. til bogmærker (<a name="Kapitel2">Kapitel 2</a>)

Desuden er rækkefølgen vigtig, da a:active ikke bliver vist, hvis den står før a:hover

De herligste hilsner, Claus Sørensen
Avatar billede agercon Nybegynder
02. oktober 2002 - 20:21 #8
Ja - brug:

a:link.alm-overskrift {....}
a:visited:alm-overskrift {...}
a - a alene bruges f.eks. til bogmærker (<a name="Kapitel2">Kapitel 2</a>)

Desuden er rækkefølgen vigtig, da a:active ikke bliver vist, hvis den står før a:hover

De herligste hilsner, Claus Sørensen
Avatar billede =maddog= Nybegynder
02. oktober 2002 - 20:22 #9
snildt
a {color:black;}
a:hover.havre {color:red;}
a:hover.gryn {color:blue;}

<a href="#" class="havre">OTA</a>
<a href="#" class="gryn">Solgryn</a>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester