No funciona Hover CSS en Firefox 5.0

jisravila · #1 (**permalink**) 09/07/2011, 17:57

Hola que tal amigos de @forosdelweb tengo un problema con la propiedad HOVER de CSS, si me funciona en Opera y Chrome, pero necesito usarla en Firefox y ahi no me sirve asi tengo mi codigo de CSS.

Código HTML:

<style type="text/css">
.itemParTabla {
	background-color:#DEDEDE;
        color: black;
}
    .itemParTabla:hover{background-color:#BABABA}
</style>

espero puedan ayudarme..

kenso · #2 (**permalink**) 09/07/2011, 19:08

me ayudaria mas si me pasaras el HTML osea el boton ? o donde sea que estes usando esa clase

GAST0N · #3 (**permalink**) 09/07/2011, 20:00

.itemParTabla:hover{background-color:#BABABA} le falta el punto y coma; al final

deberia ser asi: .itemParTabla:hover{background-color:#BABABA ; }

tredio · #4 (**permalink**) 09/07/2011, 20:57

Cita:

Iniciado por GAST0N

.itemParTabla:hover{background-color:#BABABA} le falta el punto y coma; al final

deberia ser asi: .itemParTabla:hover{background-color:#BABABA ; }

realmente ese ";" final no importa porque lo que viene luego es una llave de cierre.

jisravila · #5 (**permalink**) 09/07/2011, 21:00

Cita:

Iniciado por GAST0N

.itemParTabla:hover{background-color:#BABABA} le falta el punto y coma; al final

deberia ser asi: .itemParTabla:hover{background-color:#BABABA ; }

Hola ya probe poniendo el punto y coma y sigue sin funcionar.. alguna otra idea. Gracias por contestar

jisravila · #6 (**permalink**) 09/07/2011, 21:04

Cita:

Iniciado por kenso

me ayudaria mas si me pasaras el HTML osea el boton ? o donde sea que estes usando esa clase

Mira.. este es un codigo de ejemplo

Código HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Pruebas</title>
        <link href="estilos/estilos.css" type="text/css" rel="stylesheet">
    </head>
    <body>
    <table border="1" width="400">
        <thead>
            <th>Nombre</th>
            <th>Edad</th>
            <th>Telefono</th>
        </thead>
        <tbody>
            <tr>
                <td class="itemImparTabla">Juan Jose Avila Campos</td>
                <td class="itemImparTabla">40</td>
                <td class="itemImparTabla">768787686</td>
            </tr>
            <tr>
                <td class="itemParTabla">Fernando Aguilar</td>
                <td class="itemParTabla">56</td>
                <td class="itemParTabla">757647640</td>
            </tr>
            <tr>
                <td class="itemImparTabla">Juan Israel Hernandez</td>
                <td class="itemImparTabla">23</td>
                <td class="itemImparTabla">343943948</td>
            </tr>
            
        </tbody>
    </table>
    </body>
</html>

GAST0N · #7 (**permalink**) 09/07/2011, 21:35

Probe tu codigo en firefox 5 , y anda perfecto ,,, borra el cache del navegador

saludos!

alexk · #8 (**permalink**) 10/07/2011, 05:53

que sorprendentes declaraciones

jisravila · #9 (**permalink**) 10/07/2011, 21:41

Cita:

Iniciado por GAST0N

Probe tu codigo en firefox 5 , y anda perfecto ,,, borra el cache del navegador

saludos!

Hola que tal.. si ya vi amigo que asi simple si funciona.

Pero en realidad en este codigo que pongo es donde no lo puedo echar andar mira.. la fila que resalto es donde se supone que agarra el estilo de la fila y si funciona el efecto sebra pero no funciona el hover que menciono arriba.. gracias

GAST0N · #10 (**permalink**) 10/07/2011, 21:44

Cita:

Iniciado por jisravila

Hola que tal.. si ya vi amigo que asi simple si funciona.

Pero en realidad en este codigo que pongo es donde no lo puedo echar andar mira.. la fila que resalto es donde se supone que agarra el estilo de la fila y si funciona el efecto sebra pero no funciona el hover que menciono arriba.. gracias

veo que en el "<?php echo $fondolinea ?>" le falta el punto y coma al final de la variable $fondolinea

a ver si ahora funciona .. saludos!

jisravila · #11 (**permalink**) 11/07/2011, 08:01

Cita:

Iniciado por GAST0N

veo que en el "<?php echo $fondolinea ?>" le falta el punto y coma al final de la variable $fondolinea

a ver si ahora funciona .. saludos!

No.. ya le puse el punto y coma y sigue sin funcionar ... que raro no? y esque en opera si funciona y en chrome jaja..

GAST0N · #12 (**permalink**) 11/07/2011, 08:20

podrias dejar el codigo con el PHP . porque la imagen que habias puesto ya no sirve

jisravila · #13 (**permalink**) 11/07/2011, 12:23

Cita:

Iniciado por GAST0N

podrias dejar el codigo con el PHP . porque la imagen que habias puesto ya no sirve

Código HTML:

<? $sel_resultado="SELECT * FROM proveedores WHERE borrado=0 AND ".$where;
						   $sel_resultado=$sel_resultado."  limit ".$iniciopagina.",10";
						   $res_resultado=mysql_query($sel_resultado);
						   $contador=0;
						   
                                                   while ($contador < mysql_num_rows($res_resultado)) {
                                                       if ($contador % 2) { $fondolinea="itemParTabla"; } else { $fondolinea="itemImparTabla"; }?>
						<tr class="<?php echo $fondolinea; ?>">
							<td class="aCentro" width="8%"><? echo $contador+1;?></td>
							<td width="6%"><div align="center"><? echo mysql_result($res_resultado,$contador,"codproveedor")?></div></td>
							<td width="38%"><div align="left"><? echo mysql_result($res_resultado,$contador,"nombre")?></div></td>
							<td class="aDerecha" width="13%"><div align="center"><? echo mysql_result($res_resultado,$contador,"nif")?></div></td>
							<td class="aDerecha" width="19%"><div align="center"><? echo mysql_result($res_resultado,$contador,"telefono")?></div></td>
							<td width="5%"><div align="center"><a href="#"><img src="../img/modificar.png" width="16" height="16" border="0" onClick="modificar_proveedor(<?php echo mysql_result($res_resultado,$contador,"codproveedor")?>)" title="Modificar"></a></div></td>
							<td width="5%"><div align="center"><a href="#"><img src="../img/ver.png" width="16" height="16" border="0" onClick="ver_proveedor(<?php echo mysql_result($res_resultado,$contador,"codproveedor")?>)" title="Visualizar"></a></div></td>
							<td width="6%"><div align="center"><a href="#"><img src="../img/eliminar.png" width="16" height="16" border="0" onClick="eliminar_proveedor(<?php echo mysql_result($res_resultado,$contador,"codproveedor")?>)" title="Eliminar"></a></div></td>
						</tr>
						<? 
                                                
                                                        $contador++;
							}// Fin while
						?>

jisravila · #14 (**permalink**) 13/07/2011, 17:23

No he encontrado la solucion