Archief - HTML/CSS: Waarom werkt dit scriptje niet (ext. style sheet)

[

[EZ]

Legacy Member

• 25 mrt 2006

• #1

Ik heb hier juist een external style sheet gemaakt, alles is in orde behalve dit:

Code:

a:link {color: white; text-decoration: underline}
a:active {color: white; text-decoration: underline}
a:hover {color: white; text-decoration: none}
a:visited {color: white; text-decoration: underline}

Ik wil dus dat een link wit en onderlijnd is (zowel een gewone als een actieve als een bezochte), en wanneer je over de link hovered, moet het lijntje eronder verdwijnen.

In de internal style sheet ging dit, nu niet meer terwijl de andere delen van de opmaakt wel gaan, dus de opmaak wordt wel degelijk uit de ext. style sheet geladen.


Nu is mijn vraag: Wat klopt er niet???


Alvast bedankt,
[ EZ ]

o

omfg

Legacy Member

• 25 mrt 2006

• #2

die code lijkt te kloppen, maar post anders eens de site zodat we het kunnen zien

[

[EZ]

Legacy Member

• 25 mrt 2006

• #3

De ext. style sheet heb'k alleen nog maar toegepast op de FAQ pagina, hier:
http://users.telenet.be/pimppictures/faq.html

En hier is de style sheet:
http://users.telenet.be/pimppictures/stylesheet.css


Net ondekt dat in FF de onderlijning niet weg gaat als ge hovered, maar in IE blijkbaar wel!?

o

omfg

Legacy Member

• 25 mrt 2006

• #4

bij mij werkt het wel (in IE en in FF).. mss eens ctrl+r of ctrl+f5 doen

[

[EZ]

Legacy Member

• 25 mrt 2006

• #5

Werkt nog altijd niet, ma als het bij andere mense wel gaat is het goed he

Is zien in de settings van mijn FF, misschien ligt het daar aan...
Nope, daar ligt het ook niet aan.
Wel raar, toen het nog inline CSS was werkte da wel

Z

Zero Grav

Legacy Member

• 25 mrt 2006

• #6

Uw Love, Hate verhouding is alleszins al fout.

a:link
a:visited
a:hover
a:active

Die color:white hoeft trouwens enkel bij de link zelf te staan als je die blijft gebruiken.

[

[EZ]

Legacy Member

• 25 mrt 2006

• #7

Ah, merci, da vroeg ik mij al een tijdje af.
En ik dacht da het alfabetisch zetten handiger was


EDIT: Na de volgorde te verandere en de color:white weg te doen bij 3 tags, werkt het wel, maar de als'k op de link klik wordt hij blauw (visited) , dus die color:white moet misschien wel blijve staan!?

EDIT²: Jep, als de color:white's blijven staan werkt alles zoals ik het wil

Blijkbaar lag het dus aan de volgorde, 'k wist nie da da zoveel uitmaakte...
Allemaal merci

Z

Zero Grav

Legacy Member

• 25 mrt 2006

• #8

Hmm, foutje van mijn kant, sorry.

s

servi

Legacy Member

• 25 mrt 2006

• #9

waarom 3 keer hetzelfde schrijven ?


dit doet het evengoed :

a {color: white; text-decoration: underline}
a:hover {color: white; text-decoration: none}


En dan heeft ge u helemaal niet druk te maken over de volgorde van hoe dat allemaal moet staan.

[

[EZ]

Legacy Member

• 25 mrt 2006

• #10

servi zei:

. . .
a {color: white; text-decoration: underline}
a:hover {color: white; text-decoration: none}
. . .

Klik om te vergroten...

Zo stond het in de inline style sheet, ma voor de zekerheid (of professionaliteit ) had'k de 4 tags gebruikt.

[

[EZ]

Legacy Member

• 25 mrt 2006

• #11

Moete eiglijk ook bij "body" of "p" u tags in een bepaalde volgorde zetten???

o

omfg

Legacy Member

• 25 mrt 2006

• #12

[EZ] zei:

Moete eiglijk ook bij "body" of "p" u tags in een bepaalde volgorde zetten???

Klik om te vergroten...

ik weet het niet maar ik denk dat het logischer is om eerst uw body te definieren, en dan je andere

Z

Zero Grav

Legacy Member

• 25 mrt 2006

• #13

Enkel de link,hover,active,visited moeten in een bepaalde volgorde staan. Maar kom, het lijkt me logisch dat je ook het volgende niet gaat doen:

background-image: url("../design/images/background.png");
background: green;

[

[EZ]

Legacy Member

• 25 mrt 2006

• #14

Idd