Ik ben bezig met een videoclip site en wil dat de <td> klikbaar is.. ik weet niet precies hoe ik dit moet doen.. ook moet de achtergrondkleur verandere en de muis moet in zo een hand veranderen.. het volgende heb ik

PHP Code:

<style>
.over td{background:#FFFFFF;}
.over td:hover{background:#000000;}
</style>


<table align="center" cellspacing="2" width="600" align="center">
<tr>
<td valign="top" align="left">
 
<?php
$ophalen = mysql_query("SELECT * FROM `video` order by `datum` DESC LIMIT 40")or die(mysql_error());
 
echo '<table align="center" cellpadding="5" width="600" align="center" class="over">';
echo '<tr>';
 
$i = 1;
while($array = mysql_fetch_assoc($ophalen))
{
echo '<td width="149">

Bij die onderste <td> moet het dus van toepassing zijn.. eerder had ik ook het onderstaande geprobeerd maar werkte niet..

PHP Code:


echo '<td width="149" onMouseOver="javascript:this.style.backgroundColor=#000000;" onMouseOut="javascript:this.style.backgroundColor=#FFFFFF;" onClick="LINKHIER" onmouseover="this.style.cursor='hand'"> 


Achtergrond kleur wijzigen bij een onmouseover:
Dat kan gewoon met behulp van de onderstaande CSS code, hiermee verander je ook direct de cursor in een hand.

td {
background-color: #FFF;
cursor: pointer;
}
td:hover {
background-color: #000;
}

Bij het aanklikken een pagina aanroepen:
onclick="window.location.href = 'url.php';"

Beste, Ik heb het aangepast en alleen de cursor veranderd, mouseover + link werken niet..

ik heb hetvolgende..

In me css:

PHP Code:

/* mouseover */
}
.td {
background-color: #FFF;
cursor: pointer;
}
.td:hover {
background-color: #000;
} 


als code:

PHP Code:

echo '<table align="center" cellpadding="5" width="600" align="center" class="td">';
echo '<tr>';
$i = 1;
while($array = mysql_fetch_assoc($ophalen))
{
echo '<td width="149" onclick="window.location.href = url.php;">'; 


=================================================

Ik heb bij 'url.php'; de ' tekens weg moeten halen i.v.m. een fout omdat die daarmee de echo opent... is dat de reden waarom die niet werkt?

.td moet zijn td

Met .td roep je de een class met de naam td aan. Met td roep je het element td aan.

PHP Code:

td {
  background-color: #FFF;
  cursor: pointer;
}

td:hover {
  background-color: #000;
} 


PHP Code:

echo '<table align="center" cellpadding="5" width="600" align="center">';
echo '<tr>';
$i = 1;
while($array = mysql_fetch_assoc($ophalen))
{
echo '<td width="149" onclick="window.location.href = url.php;"> 


Zo moet het werken.

Heel je CSS klopt niet, er staat ook een accolade voor niets boven?

Code:

/* mouseover */
td {
background-color: #FFF;
cursor: pointer;
}
.td:hover {
background-color: #000;
}

Aanvullend bericht:
echo <td width="149" onclick="window.location.href = url.php;">

Moet zijn:

echo '<td width="149" onclick="window.location.href = \'url.php\';">';

Nja als ik die . weghaal dan is bij alle <td> van me site de bgcolor #000000.. dus dan gaat dat al niet lukken.. en alsnog werkt die mouseover niet dan..
Aanvullend bericht:
Bedankt bedankt, alleen die kleur mouseover werkt nog niet...

Klopt, verwijs dan specifiek naar een class? Zo moeilijk is dat niet hoor? Gebruik je .hovereffect ipv van td als naam dan voeg je class="hovereffect" toe aan de TDs die je dat effect wilt geven.

Nja dat heb ik ook gedaan maar die kleur komt niet..

Mijn css:

.hovereffect {
background-color: #FFF;
cursor: pointer;
}
.hovereffect:hover {
background-color: #000;
}

mijn bestand:

echo '<table align="center" cellpadding="5" width="600" align="center" class="hovereffect">';
echo '<tr>';
$i = 1;
while($array = mysql_fetch_assoc($ophalen))
{
echo '<td width="149" onclick="window.location.href = \'url.php\';">

Robbin tuurlijk werkt het niet":

<td width="149" onclick="window.location.href = \'url.php\';">

moet zijn
<td class="hovereffect" etc...

dat leek mij ook logisch heb dat geprobeerd en ook dan komt er geen kleur...
Aanvullend bericht:
Ik heb hem na een tijdje vogelen toch nog goed gekregen.. nu doe ik het met


echo '<td class="hovereffect" width="149" onclick="window.location.href = \'url.php\';" onMouseOver="this.style.backgroundColor=\'#6E6E6E\ ';" onMouseOut="this.style.backgroundColor=\'#FFFFFF\' ;" bgcolor="#FFFFFF">

En dan heb ik die cursor in de css laten staan..

en als je die class op de tr zet ipv de td?

Zo dan?

td.hovereffect {
background-color: #FFF;
cursor: pointer;
}
td.hovereffect:hover {
background-color: #000;
}

<td class="hovereffect">Inhoud</td>

Ik doe al een hele tijd niets meer met CSS dus misschien lul ik uit mijn nek, maar de pseudo-class :hover wordt nog steeds niet lekker ondersteund door Internet Explorer, het kan ook nog afhangen van het doctype dat je gebruikt.