login  Naam:   Wachtwoord: 
Registreer je!
 Forum

td style background en CSS

Offline DeafBoy - 01/02/2006 17:10
Avatar van DeafBoyHTML beginner CSS:
  1. {
  2. color: #FFFFFF;
  3. text-decoration: none;
  4. }
  5.  
  6. a:visited
  7. {
  8. color: #B2B2B2;
  9. text-decoration: none;
  10. }
  11.  
  12. a:hover
  13. {
  14. color: #FFFFFF;
  15. text-decoration: none;
  16.  
  17. }
  18.  
  19. a:active
  20. {
  21. color: #FFFFFF;
  22. text-decoration: none;
  23. }


HTML

  1. <td width="100" class="borders3" onmouseover="this.style.backgroundColor='#B2B2B2';"onmouseout="this.style.backgroundColor='#EAEAEA';" align="center"><a href="test.html">TEST</a></td>


Het probleem is als volgt:
Je ziet een menu met een lichtgrijze achtergrond en donkergrijze letters. Als je er over heen gaat, dan moet het donkergrijze achtergrond worden en letters moeten wit worden.
Maar als je erop klikt dan moet dat ook gebeuren.

Maar ik krijg het elke keer niet voor elkaar. Al geprobeerd met OnClick erbij, werkt averechts.. wie kan me helpen

10 antwoorden

Gesponsorde links
Offline Pieter - 01/02/2006 17:15
Avatar van Pieter Gouden medaille

SEO guru
Wat zit je in godsnaam met die onmouseover e.d. te sukkelen.
Je kan dat gewoon met td a:hover enzo doen, niet?
Offline Realtec - 01/02/2006 17:20
Avatar van Realtec HTML interesse td a:hover

Dat werkt toch niet in alle browsers?
Offline Simon - 01/02/2006 17:22 (laatste wijziging 01/02/2006 17:22)
Avatar van Simon PHP expert
  1. {
  2. color: #B2B2B2;
  3. text-decoration: none;
  4. }
  5.  
  6. a:visited
  7. {
  8. color: #B2B2B2;
  9. text-decoration: none;
  10. }
  11.  
  12. a:hover
  13. {
  14. color: #FFFFFF;
  15. text-decoration: none;
  16.  
  17. }
  18.  
  19. a:active
  20. {
  21. color: #FFFFFF;
  22. text-decoration: none;
  23. }

en alle javascripts weg uit die html
probeer dan eens
Offline DeafBoy - 01/02/2006 17:23 (laatste wijziging 01/02/2006 17:25)
Avatar van DeafBoy HTML beginner Ja en de achtergrond kleur dan? Die moet er ook aanwezig zijn.
Die Javascripts is bedoeld voor de achtergrond van die letters..(menu)

Dus achtergrond kleur van die TD moet ook veranderen als je met de muis overheen gaat en erop gaat klikken en verlaten van die link.
Offline Maarten - 01/02/2006 17:28 (laatste wijziging 01/02/2006 17:28)
Avatar van Maarten Erelid in je onmouseover:
onmouseover="this.className='rolloverclass'"

en dan in je css
.rolloverclass {
// hier je ding
}

Beetje overzichtelijker
Offline nathanael - 01/02/2006 17:38
Avatar van nathanael Gouden medaille

HTML gevorderde
dan kun je het beter in een keer in je css zetten:

  1. a:link {
  2. color: #B2B2B2;
  3. background-color: #FFFFFF;
  4. display: block;
  5. width: 150px;
  6. height: 15px;
  7. text-decoration: none;
  8. }
  9. a:hover {
  10. color: #FFFFFF;
  11. background-color: #B2B2B2;
  12. display: block;
  13. width: 150px;
  14. height: 15px;
  15. text-decoration: none;
  16. }
  17. /*enz enz */
Offline DeafBoy - 02/02/2006 16:32
Avatar van DeafBoy HTML beginner Ben bezig met dat stuk van nathanael. Alleen als je erover heen gaat verandert hij toch niet van kleur in #B2B2B2. Wel als je erop klikt. Wat ik ook probeer.. Ben ik soms iets vergeten?
Offline Ontani - 02/02/2006 16:40
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
onclick gaat nog altijd enkel met javascript
Offline DeafBoy - 02/02/2006 16:44
Avatar van DeafBoy HTML beginner Als je erop klikt werkt ie WEL:!: Maar met je muis overheen gaan werkt ie niet..
Offline nathanael - 02/02/2006 17:08
Avatar van nathanael Gouden medaille

HTML gevorderde
Citaat:
Als je erop klikt werkt ie WEL Maar met je muis overheen gaan werkt ie niet..


Heb precies dezelfde code getest, bij mij werkte hij perfect...

Dus je doet toch iets fout
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.321s