login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS + overgang

Offline lasdesigner - 02/10/2005 11:39
Avatar van lasdesignerPHP beginner Hallo, weet iemand hoe ik dit doet met CSS?
http://www.q-bb.nl/forum/index.php

Ik wil graag dat als je erover heen gaat, het een andere kleur wordt, netzoals daar. Hoe doe ik dit?

Groeten, Luuk

7 antwoorden

Gesponsorde links
Offline nemesiskoen - 02/10/2005 11:49
Avatar van nemesiskoen Gouden medaille

PHP expert
delta_004's nutteloze reactie is verwijderd.
Het is wel mogelijk.
Je moet iets inbouwen in je table met een "mouserover" zoals je hier kan zien (uit de broncode gehaald).

  1. <tr onmouseover="this.className='hover';" onmouseout="this.className='';">


Dan maak je een css stijl genaamd:

  1. .hover {
  2. /* achtergrond verandering */
  3. }
Offline lasdesigner - 02/10/2005 11:56
Avatar van lasdesigner PHP beginner hmmm... ok, dus dan moet ik bij onmouseout="this.className='' de class hebben die ik normaal ook gebruik (als ik er niet overheen ga)
Offline nemesiskoen - 02/10/2005 11:57
Avatar van nemesiskoen Gouden medaille

PHP expert
ja, als normaal je klas "foo" is en je class als je er over gaat "bar" is dan doe je:

  1. <tr onmouseover="this.className='bar';" onmouseout="this.className='foo';">
Offline lasdesigner - 02/10/2005 12:00
Avatar van lasdesigner PHP beginner ok, bedankt! Ik ga het nu proberen te gebruiken, hoop dat 't een beetje lukt;)

Bedankt voor de uitleg (en nuttige reactie!)
Offline Steven - 02/10/2005 20:10 (laatste wijziging 02/10/2005 20:11)
Avatar van Steven HTML interesse
  1. a:hover {text-decoration: blink; color:#0000FF;}


Het gaat toch over tekst?
Offline Rens - 02/10/2005 20:14
Avatar van Rens Gouden medaille

Crew algemeen
Neej, hij wil dat als je over de td heen gaat, dat die een andere kleur krijgt.

a:hover is trouwens voor links en niet voor text.
Offline Gerard - 03/10/2005 00:24
Avatar van Gerard Ouwe rakker
  1. <td bgcolor="#EEEEEE" align="left"
  2. onMouseOver="this.style.backgroundColor='#E4E5E5';
  3. this.style.cursor='hand';"
  4. onMouseOut="this.style.backgroundColor='#EEEEEE';"
  5. onClick="window.location.href='forumdisplay.php?s=f6f646503b6c60feba437c8a40444733&forumid=2'">

Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2020 Sitemasters.be - Regels - Laadtijd: 0.387s