Søg
Avatar billede nielle Nybegynder
10. juni 2003 - 11:08 Der er 28 kommentarer og
1 løsning

Hvorfor bliver mine links ikke røde når jeg "hover" over dem?

Hej,

Jeg har følgende definitioner i mit CSS. Af en eller anden grund bliver mine links ikke røde når jeg "hover" over dem - underligt, for text-decoration delen fungere som den skal.

A {
  font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;
  }
A:active {
  color: black; background-color: rgb(255,215,0);
  }
A:hover {
  color: red; text-decoration: underline;
  }
A:link {
  color: black;
  }
Avatar billede Slettet bruger
10. juni 2003 - 11:11 #1
Må vi se et link i stedet?
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 11:12 #2
byt rundt på a:hover og a:link
Avatar billede nielle Nybegynder
10. juni 2003 - 11:52 #3
phoenix -> Et link: http://www.acomma.com/udvikling2/template

Det et menuen i venstre sode som opføre sig mystisk.
Avatar billede Slettet bruger
10. juni 2003 - 11:53 #4
Det virker fint i IE6.
Avatar billede nielle Nybegynder
10. juni 2003 - 11:53 #5
pelkjaer  -> Hvorfor det? Når det nu er hover jeg gerne vil have effekten på? Eller er det rækkefølgen du mener?
Avatar billede nielle Nybegynder
10. juni 2003 - 12:01 #6
phoenixv -> Jeg køre selv MSIE 6 (og WinXP). Men det virkere altså bare ikke her. Er det mon en browserindstilling som jeg er kommet til at fumle med?
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:03 #7
Det er rækkefølgen ja.

Den sidste bestemmer altid - dvs første gang man bruger din side er hover rød, men har man klikket bestemmer a:link - og så er de sorte ved hover.
Avatar billede Slettet bruger
10. juni 2003 - 12:04 #8
Muligvis. Når jeg holder musen over linkene, bliver de både fint understregede og røde.
Men pelkjaer mener, at link skal stå før hover:

a:link {
  color: black;
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}
a:hover {
  color: red;
  text-decoration: underline;
}
a:active {
  color: black;
  background-color: rgb(255,215,0);
}
Avatar billede html_wizard Nybegynder
10. juni 2003 - 12:06 #9
tools -> internet options -> advanced -> underline links = always
Avatar billede Slettet bruger
10. juni 2003 - 12:07 #10
active bør i øvrigt altid stå sidst.

html_wizard>> Det er farven, der er problemer med.
Avatar billede nielle Nybegynder
10. juni 2003 - 12:08 #11
pelkjaer -> Ikke destomindre hjælper det ikke at bytte dem om (for mig altså).

Ang. rækkefølgen så kan jeg godt forstå at "A:link {..." overrider "A {..." men den burde sgu da ikke override "A:hover {..." - det kan jeg simpelthen ikke se logikken i! Men det er måske bare mig som forventer at der skal være logik i det?
Avatar billede nielle Nybegynder
10. juni 2003 - 12:09 #12
phoenixv -> Virkere det hos dig nu?
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:10 #13
A {
  font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;color: black;
  }

A:visited {
  color: black;
  }

A:hover {
  color: red; text-decoration: underline;
  }
 
A:visited {
  color: black;
  }
A:active {
  color: black; background-color: rgb(255,215,0);
  }
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:11 #14
hov,  a:visited efter a:hover var en smutter
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:11 #15
A {
  font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;color: black;
  }

A:visited {
  color: black;
  }

A:hover {
  color: red; text-decoration: underline;
  }

A:active {
  color: black; background-color: rgb(255,215,0);
  }
Avatar billede Slettet bruger
10. juni 2003 - 12:11 #16
Det virker stadig, ja.
Avatar billede Slettet bruger
10. juni 2003 - 12:11 #17
Men jeg synes, du bør skrive det, som pelkjaer eller jeg dikterer.
Avatar billede nielle Nybegynder
10. juni 2003 - 12:12 #18
Så er det altså ikke rækkefølgen!
Avatar billede nielle Nybegynder
10. juni 2003 - 12:13 #19
Hvis det ellers virker for alle andre så må det vel være en browser instilling hos mig...
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:13 #20
Jo det *er* rækkefølgen :)

phoenixv har sikkert ikke haft klikket på et link, og derfor "bestemmer" a:hover stadig.
Avatar billede nielle Nybegynder
10. juni 2003 - 12:15 #21
phoenixv -> Nu er det altså ikke fordi at jeg vil stille mig på bagbenene, men hvorfor skal jeg egentlig det? Er det defineret sådan i CSS1 standarden eller hvad? Jeg synes at det er dybt ulogisk at rækkefølgen skulle have en indflydelse der?
Avatar billede nielle Nybegynder
10. juni 2003 - 12:18 #22
Tj nu virker det også hos mig (efter at have rettet som pelkjaer
12:11:30 skriver). Jeg kan nu stadig ikke se logikken i det... Hvad blev der forresten af "A:link {..."?
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:18 #23
a:link og a gør det samme
Avatar billede nielle Nybegynder
10. juni 2003 - 12:19 #24
Hvem vil have points?
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:19 #25
tak :)
Avatar billede nielle Nybegynder
10. juni 2003 - 12:20 #26
Væsrsgo :^)
Avatar billede roenving Novice
10. juni 2003 - 12:50 #27
>>pelkjaer
12:11:30 -- du har fuldstændig ret, det _er_ rækkefølgEN -- se dog også:

12:18:30 -- der har du tilgengæld kun ret, hvis anchor faktisk er et link ...

;O)
Avatar billede pelkjaer Nybegynder
10. juni 2003 - 12:51 #28
roenving>>Det er det jo også :o)
Avatar billede Slettet bruger
10. juni 2003 - 16:01 #29
nielle>> Læs her:
http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »