Avatar billede Keld Nielsen Professor
21. juli 2004 - 12:28 Der er 12 kommentarer og
2 løsninger

Flere udformning af link-farve

Jeg har en standard farve på mine links, men ønsker at der men en style også skal følge andre links-farver.
Jeg har gjort det på flg. måde, der dersværre ikke virker, hvor kan fejlen være? 


.agent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 9px;
    margin: 0px;
}
.agent:link {color: white; text-decoration: none}
.agent:visited {color: black; text-decoration: none}
.agent:hover {color: yellow; text-decoration: none}
.agent:active {color: black; text-decoration : none}
Avatar billede taskmgr Nybegynder
21. juli 2004 - 12:32 #1
Prøv med:

a:link.agent {color: white; text-decoration: none}
a:visited.agent {color: black; text-decoration: none}
a:hover.agent {color: yellow; text-decoration: none}
a:active.agent {color: black; text-decoration : none}
Avatar billede roenving Novice
21. juli 2004 - 12:33 #2
Har du den klasse på dine links:

<a href="#" class="agent">Link</a>

Det lyder faktisk som om det er din container, som har den klasse, så du i stedet skal:

.agent a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 9px;
    margin: 0px;
}
.agent a:link {color: white; text-decoration: none}
.agent a:visited {color: black; text-decoration: none}
.agent a:hover {color: yellow; text-decoration: none}
.agent a:active {color: black; text-decoration : none}
Avatar billede roenving Novice
21. juli 2004 - 12:33 #3
>>taskmgr

-- det har du med garanti ikke selv prøvet ...
Avatar billede taskmgr Nybegynder
21. juli 2004 - 12:36 #4
Det kan du bande på at jeg har :) Det virker fint her.
Avatar billede terrak Nybegynder
21. juli 2004 - 12:37 #5
Dine links vil kun få de ønskede farver hvis du smider class="agent" i dem, eksempelvis <a href="#" class="agent">Test-link</a>.

Vil du give alle dine links farver, uden at skulle skrive class="agent" i hver eneste, erstatter du ".agent" med "a" i dit style(bemærk at punktummet også skal væk). Så kommer farverne på alle objekter i dit dokument, som er af typen "a" (<a></a>).
Avatar billede taskmgr Nybegynder
21. juli 2004 - 12:42 #6
Det kan faktisk godt være at jeg har misforstået spm., nu når jeg ser jeres indlæg.
Avatar billede Keld Nielsen Professor
21. juli 2004 - 12:45 #7
Ja. men jeg har en hel tabel der er formateret med stylen .agent, og i den tabel er der en stak link, som jeg håbede jeg kunne benytte en anden farve til, uden at skulle definere hver enkelt.

Det er rigtig det virker når jeg sætter class="agent" ind på hver link.
Avatar billede taskmgr Nybegynder
21. juli 2004 - 12:48 #8
Så skal du bruge roenving's metode. (<table class="agent"...>)
Avatar billede terrak Nybegynder
21. juli 2004 - 12:50 #9
I det tilfælde virker roenving's svar ;)
Avatar billede Keld Nielsen Professor
21. juli 2004 - 12:53 #10
OK ...regnede lidt på det, og vendte det hele på hovedet, der var langt flere link i tabellen, end i resten af sitet, så jeg var doven, og valgte det hurtigste.

Jeg mangler et par svar !
Avatar billede taskmgr Nybegynder
21. juli 2004 - 12:54 #11
Jeg beklager i øvrigt min første kommentar der, som roenving nævnte, ikke havde nogen som helst relevans her :)
Avatar billede terrak Nybegynder
21. juli 2004 - 13:19 #12
Du mangler kun roenving's svar, da det er det eneste rigtige svar ;)
Avatar billede roenving Novice
21. juli 2004 - 13:32 #13
Velbekomme '-)
Avatar billede roenving Novice
21. juli 2004 - 14:04 #14
-- og tak for point ;~}
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