login  Naam:   Wachtwoord: 
Registreer je!
 Forum

css tabel en link probleem (Opgelost)

Offline dieterke - 13/04/2008 15:04
Avatar van dieterkeNieuw lid ik heb een vraag, want zelf lukt het niet.
als ik een tabel heb met een witte achtergrond, en een blauwe link erin en als er met de muis wordt overgegaan moet de achtergrond van de tabel blauw worden, dit gebeurt ook, maar dan wordt mijn link onzichtbaar. omdat de link niet de volledige breedte van men tabel inneemt kan het dus zijn dat ik niet met de muis over de link kom, maar wel over de tabel, dus de kleur van de link moet dan wel veranderen. maar ik kan dus niet met hover werken voor de link, iemand een ander idee?

4 antwoorden

Gesponsorde links
Offline dieterke - 13/04/2008 15:18
Avatar van dieterke Nieuw lid html code:(alleen maar het stukje dat je nodig hebt)

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="navigatie">
  2.  
  3. <TABLE class='menu'>
  4. <TR><TD><img width="65" height="25" align="left" src="Chrono.jpg"><br /></TD></TR>
  5. <TR><TD class='menu'><a href="index.php?p=0">nieuws</a><br /></TD> </TR>
  6.  
  7. <TR><TD class='menu'><a href="index.php?p=1">team</a><br /></TD> </TR>
  8. <TR><TD class='menu'><a href="index.php?p=2" name="fotos">kalender</a><br /></TD> </TR>
  9. <TR> <TD><img  width="65" height="25" align="right" src="Chrono.jpg"><br /></TD> </TR>
  10. <TR><TD class='menu'><a href="index.php?p=3">records</a><br /></TD> </TR>
  11. <TR> <TD class='menu'><a href="index.php?p=4">resultaten</a><br /></TD> </TR>
  12. <TR> <TD class='menu'><a href="index.php?p=5">verslagen</a><br /></TD> </TR>
  13.  
  14. <TR><td><img  width="65" height="25" align="left" src="Chrono.jpg"><br /></TD> </TR>
  15. <TR> <TD class='menu'><a href="index.php?p=6">trainingen</a><br /></TD> </TR>
  16. <TR> <TD class='menu'><a href="index.php?p=7">sponsors</a><br /></TD> </TR>
  17. <TR> <TD class='menu'><a href="index.php?p=8">foto's</a><br /></TD> </TR>
  18. <TR> <TD><img  width="65" height="25" align="right"  src="Chrono.jpg"><br /></TD> </TR>
  19.  
  20. <TR> <TD class='menu'><a href="http://users.skynet.be/sportclubs/AVOS/avos.html">AVOS</a><br /></TD> </TR>
  21. <TR> <TD class='menu'><a href="index.php?p=9">links</a><br /></TD> </TR>
  22. <TR> <TD class='menu'><a href="mailto:janssens.rony@pandora.be; dietersneyders@hotmail.com">contact</a><br /></TD> </TR>
  23. <tr> <td><img  width="65" height="25" align="left" src="Chrono.jpg"></td> </tr>
  24. <tr><td  class='menu'> <a TARGET="_top" href="index.php?p=10">log in</a> <br /></td> </tr>
  25.  
  26. <tr><td  class='menu'><a href="index.php?p=11">archief</a><br /></td></tr>
  27. <tr><TD class='menu'><a href="index.php?p=12">zoeken</a><br /></TD></tr>
  28. <TR> <TD><img width="65" height="25"  align="right"  src="Chrono.jpg"><br /></TD> </TR>
  30.  
  31. </div>


css code:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. A { text-decoration: none; color: blue;}
  2. TABLE.menu { border: none;  text-align: center; border-color: #0067CE;}
  3. TD.menu { text-align: center; font-weight: bold;  background-color: #FFFFFF; width: 90px;}
  4. TD:hover.menu { text-align: center;  font-weight: bold;  background-color: blue; width: 90px;}


nu werk ik met een hover voor de td's maar als ik da doe, zie ik mijn link niet weer omdat het dezelfde kleur is, enig idde hoe op te lossen?
Offline Martijn - 13/04/2008 15:27 (laatste wijziging 13/04/2008 15:36)
Avatar van Martijn Crew PHP
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. td#darkbg a{color: #ecad74;  text-decoration: none;}
  2. td#darkbg a:hover {  color: #339999;  text-decoration: none;}
  3. td#darkbg a:active {  color: #339999;  text-decoration: underline;}


als je dan doet <td id="darkbg"> krijg je die hover kleuren 

k bedoelde hiermee, dat als je td verkleurd, je de tekst ook kan laten doen, maar na nog ene keer lezen geloof ik dat je dit niet bedoelde
Offline dieterke - 13/04/2008 15:33 (laatste wijziging 13/04/2008 15:38)
Avatar van dieterke Nieuw lid door DeviourSoul bennek erachter gekomen he het moet dank je....
td:hover.menu a{color: #FFFFFF; text-decoration: none;} heebek gebruikt
Offline yetti4 - 13/04/2008 15:44 (laatste wijziging 13/04/2008 15:45)
Avatar van yetti4 JS interesse je moet het met javascript doen. aan a's ids geven en dan
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <td onmouseover="document.getElementById('idvanlink').style.backgroundColor='red' " >


edit: te laat 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s