Hola, tengo un problema con el estilo de mi tabla, la cual la imprimo con los datos de una tabla en mySQL, el punto es que quiero que al pasar el mouse, se ilumine toda la fila y no solo una celda, el código de mi tablita es este:
Código PHP:
<TABLE border="0" align="center">
<TR><TH>claveMateria</TH><TH>Nombre Materia</TH><TH>Nombre Corto</TH></TR>
<?php
include "bdconection.php";
$link = conectarse();
$sql = "SELECT * FROM materias ORDER BY claveMateria";
$result = mysql_query($sql) or die("La siguiente consulta contiene algún error:<BR>nSQL: <B>$sql<B>");
while ($row = mysql_fetch_array($result))
{
echo '<TR><TD>' . $row['claveMateria'] . '</TD>';
echo '<TD>' . $row["NombreMateria"] . '</TD>';
echo '<TD>' . $row['NombreCorto'] . '</TD></TR>';
}
?>
</TABLE>
Y el estilo de la tabla es éste:
Código CSS:
Ver original#mostrarTabla
{
position:absolute;
width:465px;
height:430px;
font-family:Verdana, Geneva, sans-serif, calibri;
border:1px solid transparent;
background-color:#000000;
margin:15px 15px;
color:#000000;
position:bottom;
overflow: auto;
}
#mostrarTabla th {font-size: 11px; text-align: center; color: #FFF; background:#0B3B39;}
#mostrarTabla td {font-size: 10px; text-align: right; color: #FFF; background:#333;}
#mostrarTabla tr:hover{height: 15px; color: #FFF; background:#6E6E6E;}
como verán utilizo
#mostrarTabla tr:hover{height: 15px; color: #FFF; background:#6E6E6E;} para que cuando se pase el mouse cambie el color al que tiene, pero esto no sucede, en cambio si en vez de
tr uso
td, funciona bien pero pues solo con la celda, intente encerrar en un
<DIV> el
<TR> dentro del ciclo, pero no me funciono, tambien intente usar una clases poniendo
<TR class="shine"> y en el CSS
tr.shine:hover {color: #FFF; background:#848484;} pero tampoco :(, espero me puedan ayudar