Avatar billede eromaster Nybegynder
08. august 2003 - 13:32 Der er 12 kommentarer og
1 løsning

farver på link

Jeg har et style script som sørger for alt det med tekst farve og link farve. Men hvordan laver jeg det sådan at nogle enkelt skal have en anden "a:hover" farve end den i style sciptet?

<a href="test.asp" style="???">Test</a>
Avatar billede l_otto Nybegynder
08. august 2003 - 13:34 #1
må jeg se din <link rel="stylesheet" type="text/css" href="ccs.txt">
Avatar billede eromaster Nybegynder
08. august 2003 - 13:37 #2
Du kan se det her:

a,  a:visited,  a:link, a:active
{
    color: #FFFFFF;
    text-decoration: none;
}

a:hover, a:visited:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
Avatar billede eromaster Nybegynder
08. august 2003 - 13:38 #3
Det er jo så standarden - men der er så de enkelte link hvor a:hover, a:visted:hover skal skiftes til "color red"
Avatar billede gonza.dk Nybegynder
08. august 2003 - 13:43 #4
a.link:visited,  a:link, a:active
{
    color: #000000;
    text-decoration: none;
}

a.link:hover, a:visited:hover
{
    color: #000000;
    text-decoration: underline;
}
a:visited,  a:link, a:active
{
    color: #ffffff;
    text-decoration: none;
}

a:hover, a:visited:hover
{
    color: #ffffff;
    text-decoration: underline;
}

<a class='link' href='foo.htm'>foo</a>
Avatar billede gonza.dk Nybegynder
08. august 2003 - 13:45 #5
altså, du angiver class i dit link, dette class stemmer så overens med et i dit stylesheet, alle links der ikke har angivet et class bruger den normale.

I mit eks. hedder class'et 'link'
Avatar billede eromaster Nybegynder
08. august 2003 - 13:45 #6
bingo
Avatar billede eromaster Nybegynder
08. august 2003 - 13:45 #7
hehe er ikke helt n00b :)
Avatar billede gonza.dk Nybegynder
08. august 2003 - 13:46 #8
eromaster -> vidste jeg ikk om du var, men måtte hellere lige forklare det (i tilfælde af at andre skulle få gavn af det senere hen ;o))
Avatar billede eromaster Nybegynder
08. august 2003 - 13:47 #9
hehe det er også bare HELT fint - og jeg fik jo løst problemet :) THX, du er en knag...
Avatar billede gonza.dk Nybegynder
08. august 2003 - 13:48 #10
så lidt da, takker for points :-D
Avatar billede roenving Novice
08. august 2003 - 14:02 #11
I har altså fået lavet noget vrøvl, men hvis det alligevel virker, så ...

a:visited,  a:link, a:active
{
    color: #ffffff;
    text-decoration: none;
}

a:hover, a:visited:hover
{
    color: #ffffff;
    text-decoration: underline;
}

a:visited:hover betyder a:visited _og_ a:hover, så både a:hover og a:visited står altså to gange -- visited ovenikøbet med forskellig definition, så den sidste vil vinde ...

Og den sidste korrekte match vil altid vinde, så det er overflødigt at angive en :active før en :hover, da musen jo er nødt til at være ovenpå for at trykke ...

Rækkefølgen man skal bruge, hvis alle 4 muligheder er forskellige:
a:link -- der er en href indeni
a:visited -- linket er besøgt af dig/denne browser
a:hover -- musen er ovenpå
a:active -- museknappen er nedtrykket

Så ovenstående kunne koges ned til:

a:link
{
    color: #ffffff;
    text-decoration: none;
}

a:visited:hover
{
    color: #ffffff;
    text-decoration: underline;
}

-- og virke præcis på samme måde !-)
Avatar billede eromaster Nybegynder
08. august 2003 - 14:03 #12
hehe og du har ikke læst spørgsmålet i toppen :)
Avatar billede roenving Novice
08. august 2003 - 14:16 #13
Jo, det har jeg men mit ærinde var ikke at du skulle have et svar, ddet har gonza jo givet, jeg ville bare give lidt oplysning, som måske kunne bruges en anden gang du skulle lave noget css ...

-- den nedkogte version af hele svaret kunne være:

.link:link{
color: #000000;
text-decoration: none;
}
.link:visited:hover{
color: #000000;
text-decoration: underline;
}
a:link{
color: #ffffff;
text-decoration: none;
}
a:visited:hover{
color: #ffffff;
text-decoration: underline;
}

;-)
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