Avatar billede mysli Nybegynder
07. juni 2005 - 03:23 Der er 13 kommentarer

Problem med link.

Jeg har følgende i en .css fil:

<style type='text/css'>

        .N1 A:Link {    color: #000000;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        font-family: Verdana;
    }
   
   
        .N1 A:hover {    color: #000000;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        font-family: Verdana;
    }

img {border: 0;}

</style>

Min navigation får så en <span class="N1"></span> om sig, ved hvert link.

Problemet er så, at den ikke gider vise N1 A. Det forbliver bare som standard farver og skrifttype. Når jeg så tager musen hen over, bliver fonten lavet om til verdana og ændrer farve, alt som der står den skal gøre i N1 A:Hover.

Hvorfor?
Avatar billede roenving Novice
07. juni 2005 - 03:27 #1
-- du må ikke have html-kode i en css-fil, så væk med <style> og </style>-tags !-)
Avatar billede mysli Nybegynder
07. juni 2005 - 03:31 #2
Tak for det, men det hjalp ikke på mit problem.
Avatar billede busschou Praktikant
07. juni 2005 - 07:11 #3
Nu er det jo sådan at A:Link og A:hover med mere det tilhører et <a> tag og ikke et <span> tag. Så hvis det skal virke ordentlig i flere browsere skal du ændre det til et <a> tag. Eller alternativt bruge javascript til at ændre stylen ved mouseover
Avatar billede the_ghost Nybegynder
07. juni 2005 - 07:33 #4
Prøv at poste den linie i dit HTML dokumenent, hvor du sætter css filen.
Avatar billede notes2c Nybegynder
07. juni 2005 - 08:06 #5
busschou >> :hover, :active tilhøre ikke a tags men er pseudo classes se evt http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes.

Så td:hover er helt legalt, problemet er bare at M$ ikke har implimenteret dette i ie på andet end a tag's.
Avatar billede busschou Praktikant
07. juni 2005 - 08:51 #6
notes2c >> fik da ret i 50% at hvis det skal virke i flere browsere så bør det kun benyttes på links ;o) Jeg er ikke selv tilhænger af IE , men mener omvendt at så mange benytter IE at der bør tages hensyn til det - desværre
Avatar billede busschou Praktikant
07. juni 2005 - 08:55 #7
notes2c >> citat fra dit link
--
CSS doesn't define which elements may be in the above states, or how the states are entered and left. Scripting may change whether elements react to user events or not, and different devices and UAs may have different ways of pointing to, or activating elements.
--
Ergo er det jo op til ens browser at tolke og gøre som den nu mener det skal gøres.
Guderne må vel så egentlig vide om det nogensinde bliver ordenlig cross-browser på alle tags :o)
Avatar billede notes2c Nybegynder
07. juni 2005 - 08:56 #8
busschou >> klart det var bare for at understrege at det efter standarden burde virke på alle tag's
Avatar billede softspot Forsker
07. juni 2005 - 09:22 #9
Prøv med:

.N1 A {   
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  font-family: Verdana;
}
   
   
.N1 A:hover {   
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  font-family: Verdana;
}

img {border: 0;}
Avatar billede roenving Novice
07. juni 2005 - 14:52 #10
-- hvilket jo var det, jeg skrev @07/06-2005 03:27:51 ?-)

-- og jeg går da ud fra, at måden mysli gør det på, er at sætte a-tags inde i sit span, for ellers giver det jo ikke mening at bruge css-arv (cascading !-)

<span class="N1">
<a href="...">Link 1</a><br>
<a href="...">Link 2</a><br>
<a href="...">Link 3</a><br>
<a href="...">Link 4</a>
</span>
Avatar billede softspot Forsker
07. juni 2005 - 16:14 #11
Jeg er ikke helt enig roenving, du skrev at man ikke må bruge <style> i et stylesheet, men du skrev ikke noget om at man ikke han skulle fjerne :link fra A... eller har jeg misforstået noget af det du skrev...? :)
Avatar billede roenving Novice
07. juni 2005 - 20:05 #12
-- hrm, hvis det var dit ærinde fremgår det ikke særligt tydeligt ...

-- og jeg er da også grundlæggende uenig i, at både anchors og links skal fremstå på samme måde !-)
Avatar billede softspot Forsker
16. juni 2005 - 18:53 #13
Muligvis, men jeg ville ikke ændre i det oprindelige stylesheet (da jeg ikke skal blande mig i hvordan mysli's sider skal se ud :))...
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