Avatar billede cdygaard Nybegynder
17. september 2004 - 13:32 Der er 10 kommentarer og
1 løsning

Problem med anker id

Jeg har lavet et anker som jeg gerne vil have et bestemt udseende for, og har derfor givet det id'et loginlink. Problemet er bare at den hele tiden bruger a, a:hover og a.visited istedet for a.loginlink. Mit css ser sådan ud:

a.loginlink     {
    position: absolute;
    top: 40px;
    left: 80px;
    font: normal bold 14px "Times New Roman";
    text-decoration: underline;
    color: #0099FF;
}

a         {
      font: normal underline 12px "Times New Roman";
      color: #009900;
}

a:hover     {
      font: normal underline 12px "Times New Roman";
      color: #000000;
}

a:visited     {
      font: normal underline 12px "Times New Roman";
      color: #DDDDDD;   
}
Avatar billede cdygaard Nybegynder
17. september 2004 - 13:33 #1
Mit link ser sådan ud:

<a id='loginlink' href='index.php' onclick='login()'>log ind</a>

Hvad er der galt?
Avatar billede morteeart Nybegynder
17. september 2004 - 13:46 #2
<a class="loginlink" href="index.php" onlick='login()'> login ind</a>
Avatar billede cdygaard Nybegynder
17. september 2004 - 13:51 #3
Den bruger stadig de andre typer anker.
Avatar billede bernhof Nybegynder
17. september 2004 - 14:51 #4
du kan også bruge :hover og :visited på din loginlink-class.
prøv med:

a.loginlink:hover {
    font: normal bold 14px "Times New Roman";
    color: #0099FF;
}

a.loginlink:visited {
    font: normal bold 14px "Times New Roman";
    color: #0099FF;
}
Avatar billede bernhof Nybegynder
17. september 2004 - 14:51 #5
- altså - tilføj disse to til stylesheetet.
Avatar billede cdygaard Nybegynder
17. september 2004 - 15:07 #6
Tak mik, det fandt jeg også lige selv ud af. Du får point alligevel. ;0)
Avatar billede bernhof Nybegynder
17. september 2004 - 15:11 #7
Tak :)
Avatar billede roenving Novice
18. september 2004 - 13:42 #8
-- og lige en gang til om rækkefølgen af pseudo-selektorerne:

De kan _kun_ virke efter hensigten, hvis de sættes i denne rækkefølge:

a
a:link
a:visited
a:hover
a:active !-)
Avatar billede bernhof Nybegynder
18. september 2004 - 15:12 #9
@roenvig > her tænker du cross-browser, ikke? for i IE har jeg ikke haft problemer med det.
Avatar billede roenving Novice
18. september 2004 - 15:35 #10
Den viser det også forkert i IE (et af de steder, hvor den faktisk gør som standarden siger den skal !-)

Hvis :visited har en anderledes visning end :hover, vil den angivne rækkefølge betyde, at du aldrig vil se :hover-styles, hvis det er et tidligere besøgt link !o]
Avatar billede bernhof Nybegynder
18. september 2004 - 15:38 #11
Hehe, ok- var jeg ikke klar over. Har vel bare været heldig og ramt rigtigt ;)
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