cambiar imagen de celda hover,

gilber966 · #1 (**permalink**) 17/03/2012, 18:21

hola si me pueden echar una mano

tengo en un div dos tablas la primera no me da problema:

Código HTML:

Ver original<table class="dias"  id="dias" name="dias">
        <tr >
            <td class="bcder">
                
            </td>
            <td class="bciz">
                
            </td>
        </tr>
        <tr >
            <td class="cder">
                
            </td>
            <td class="ciz">
                <input type="radio" name="dia" id="" onclick="nb">lunes
            </td>
        </tr>
        /*asi hasta el domingo*/
    </table>

La segunda:

Código HTML:

Ver original<table id="enb" name="enb">
        <tr>
            <td  id="9a" name="9a" class="9a" >
                
            </td>
            <td id="9b" name="9b" onclick="-.">
                
            </td>
            <td id="9c" name="9c" onclick="-.">
                
            </td>
            <td id="9d" name="9d" onclick="-.">
                
            </td>
            <td id="9e" name="9e" onclick="-.">
                
            </td>
        </tr>/*asi hasta 0a, 0b, 0c, 0d, 0e

lo que necesito es que al pasar el punero sobre una celda especifica cambie el color de fondo por una imagen de fondo.

el code css:

Código CSS:

Ver originaltable#enb{
margin-top: -320px;
    margin-left: +122px;
}
 
table#enb td{
background-color: #DBEBF6;
background-repeat: no-repeat;
height:25px;
width:25px;
}
td.9b, table#enb .9b:hover{ [COLOR="Red"]intentos pero nada no se como[/COLOR]
 
background: url(images/9.gif);
background-repeat: no-repeat;
 
}

emprear · #2 (**permalink**) 17/03/2012, 21:45

Varios errores, las clases se identifican con el atributo class no con name, las clases y ó id no pueden comenzar con un numero

name="9b" --> mal
class="9b" --> mal
class="b9" --> bien

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
.b9:hover{
background-image: url(brindis.jpg);
}
 
/*]]>*/
</style>
</head>
<body>
<table>
<tr>
<td class="b9">xxxx</td>
</tr>
</table>
</body>
</html>

Saludos

gilber966 · #3 (**permalink**) 18/03/2012, 11:17

Cita:

Iniciado por emprear

Varios errores, las clases se identifican con el atributo class no con name, las clases y ó id no pueden comenzar con un numero

name="9b" --> mal
class="9b" --> mal
class="b9" --> bien

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
 
 
 
 
/*]]>*/
</style>
</head>
<body>
<table>
<tr>
<td class="b9">xxxx</td>
</tr>
</table>
</body>
</html>

Saludos

Hola, gracias me funciono asi:

Código CSS:

Ver original#a9:hover{
background-image: url(images/9.gif);
background-repeat: no-repeat;
}

Código HTML:

Ver original<td  id="a9" name="a9" class="a9" onclick="" >
                
            </td>
            <td id="a9" name="a9" class="a9"class="a9"onclick="-.">
                
            </td>
            <td id="a9" name="a9" class="a9" onclick="-.">
                
            </td>
            <td id="a9" name="a9" class="a9" onclick="-.">
                
            </td>
            <td id="a9" name="a9" class="a9" onclick="-.">