[CSS] Na bezoek geen hover meer - Softwareontwikkeling

vrijdag 28 september 2001 15:13

Acties:

DON'T PANIC

Topicstarter

Nou, ik zal ook eens een keer een vraag stellen. Hier heb ik een testpagina staan met in een tabelletje 3 links naar andere pagina. Als ik de testpagina de 1e keer laad dan laaten de links bij hover netjes hun kleurtje zien. Als ik echter op zo'n link heb geklikt en ik ga dan terug dan doet de hover actie het niet meer bij die link, maar wel bij de anderen.

Wat zie ik over het hoofd?

code:

<html>
<head>
<title>testpagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="whdc.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
  <table border="0" cellspacing="0" cellpadding="0" align="center" class="navtable" width="150">
  <tr>
     <td><a href="index.htm" class="menu">Home</a></td>
  </tr>
  <tr>
     <td><a href="1.htm" class="menu">test1</a></td>
  </tr>
   <tr>
     <td><a href="2.htm" class="menu">test2</a></td>
  </tr>
  <tr>
     <td><a href="3.htm" class="menu">test3</a></td>
  </tr>
</table>
</body>
</html>

De CSS file ziet er zo uit:

code:

body {  font-family: Arial, Helvetica, sans-serif; font-size: 14px}
.navtable {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: $
a.menu:link {  color: #000000; text-decoration: none;}
a.menu:hover {  color: #FF7901; text-decoration: underline;}
a.menu:visited {  color: #000000; text-decoration: none;}

*insert signature here

vrijdag 28 september 2001 15:15

Acties:

Verwijderd

a.menu:hover { color: #FF7901; text-decoration: underline;}
a.menu:visited { color: #000000; text-decoration: underline;}

makkelijk he, css...

vrijdag 28 september 2001 15:20

Acties:

TheDjasp

het wordt toch niks

makkelijk he, css...

Da's toch niet helemaal wattie bedoelt.. de visited link moet geen lijntje hebben.

Wat je moet doen is dit:

code:

1
2
3

a.menu:link {  color: #000000; text-decoration: none;}
a.menu:visited {  color: #000000; text-decoration: none;}
a.menu:hover {  color: #FF7901; text-decoration: underline;}

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

vrijdag 28 september 2001 15:29

Acties:

Tjark

DON'T PANIC

Topicstarter

yup, dat is het.

Ik vind het erg vreemd dat volgorde wat uitmaakt!
Ik heb dus alleen die hover regel dus nu onder visited gezet en nu werkt het.

Wat is het idee daar achter?

*insert signature here

vrijdag 28 september 2001 15:46

Acties:

TheDjasp

het wordt toch niks

Wat is het idee daar achter?

Een style-sheet wordt van boven naar beneden doorlopen, en wanneer meerdere classes op een object van toepassing zijn worden ze van boven naar beneden toegepast.

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

vrijdag 28 september 2001 18:03

Acties:

wicher|IA

Op vrijdag 28 september 2001 15:29 schreef TjarkVerhoeven het volgende:
yup, dat is het.

Ik vind het erg vreemd dat volgorde wat uitmaakt!
Ik heb dus alleen die hover regel dus nu onder visited gezet en nu werkt het.

Wat is het idee daar achter?

dat volgorde uitmaakt in CSS is juist iets heel moois

vrijdag 28 september 2001 18:09

Acties:

Verwijderd

Ik zie dat je de css instellingen van een visited link precies hetzelfde wil hebben als die van een nog niet visited link... dan doe je dat heel makkelijk zo:

code:

1 2	a.menu:link, a.menu:visited { color: #000000; text-decoration: none;} a.menu:hover { color: #FF7901; text-decoration: underline;}

Scheelt weer een regel. Je kan de 'items' scheiden met de komma als de css instellingen van de verschillende 'items' precies hetzelfde moeten zijn...

vrijdag 28 september 2001 20:44

Acties:

Tjark

DON'T PANIC

Topicstarter

ok, erg bedankt. weer wat geleerd

*insert signature here