[CSS] Achtergrond van tr of td veranderen

[Verwijderd]

Hallo mede tweakers,

ik was een beetje aant prutsen met mijn website'je.

Ik vond het wel mooi als je over een link ging dat de achter grond van de cell van kleur veranderde.
Dat is me ook gelukt, maar op een beetje vieze manier. Ik heb bij iedere cel een mouse over event staan dat ie die van kleur moet veranderen.

Nu wilde ik dus de kleuren gaan aanpassen en moet ik tig regels aanpassen.


Nu wil ik dus vragen of ik dat ook in mijn style kan opnemen? Als ik de back-groundcoller van de link verander, dan veranderd alleen de kleur achter de link en niet in de hele cel.

Ik heb ook nog gekeken op de msdn van ms, daar gebruiken ze het ook in het menu, maar ik kwam er niet echt uit

kan iemand mij hiermee helpen??

alvast bedankt

[Verwijderd]

Verwijderd schreef op 28 December 2002 @ 16:04:
Hallo mede tweakers,
Nu wil ik dus vragen of ik dat ook in mijn style kan opnemen? Als ik de back-groundcoller van de link verander, dan veranderd alleen de kleur achter de link en niet in de hele cel.

Ik heb ook nog gekeken op de msdn van ms, daar gebruiken ze het ook in het menu, maar ik kwam er niet echt uit
alvast bedankt

Je kan kijken wat je wilt op de MSDN site, maar daar zal je het niet vinden en wel om het simpele feit dat er geen support voor hover in IE zit op andere elementen dan een link. Alleen Mozilla en Opera 7 ondersteunen hovers op tabel cellen en nog een rits andere HTML tags.

Als IE dat ook ondersteunde was je zo klaar geweest, nu zal je het moeten doen met je onmouseover oplossing. Je kan het echter wel iets simpeler voor jezelf maken door de verandering van de achtergrond kleur vast te leggen in een stylesheet, mocht je dan de kleur willen veranderen in de nabije toekomst, hoef je alleen maar een simpele correctie aan te brengen in je stylesheet.

[Verwijderd]

kijk eens op www.ehm.com/nee.html

[ Voor 27% gewijzigd door Willem op 28-12-2002 18:03 ]

[Verwijderd]

code:

A.rb
{
    color: Navy;
    background-color: #FCFFB1;
    text-decoration : underline;
    font-size : 10px;
    font-weight : normal;
}
A.rb:link
{
    color: Navy;
    background-color: #FCFFB1;
    text-decoration : none;
    font-size : 10px;
    font-weight : normal;
}
A.rb:visited
{
    color: Navy;
    background-color: #FCFFB1;
    text-decoration : none;
    font-size : 10px;
    font-weight : normal;
}
A.rb:active
{
    color: Red;
    background-color: #FCFFB1;
    text-decoration: none;
    font-size : 10px;
    font-weight : normal;
}
A.rb:hover
{
    color: Red;
    background-color: #FCFFB1;
    text-decoration: underline;
    font-size : 10px;
    font-weight : normal;
}

.rb {
background : #FCFFB1; 
color :  #FCFFB1; cursor : hand; 
padding-bottom : 0px;
 padding-left : 0px;
  padding-right : 4px; 
  padding-top : 0px;
   width : 100%
   }

code:

<table>
<tr><td><a href="" class="rb">jouw link</a></td></tr>
</table>

[ Voor 6% gewijzigd door Verwijderd op 28-12-2002 16:28 ]

[Willem]

Kijk eens op www.geenspam.nl en www.w3schools.com en www.kijkhiereerst.nl