Imagen de fondo en enlace

aruizroldan · #1 (**permalink**) 15/05/2007, 06:06

Hola. Tengo una tabla de 198px de ancho y 5 columnas de 24px de alto cada una.
Tengo dos imagenes fondo01.gif y fondo02.gif.

La idea es que al pinchar en cada celda, y al pasar el ratón, se cambie de fondo01.gif a fondo02.gif y se quede este fondo hasta q pinchamos en otro enlace. ¿Como se haría esto?

Gracias.

asinox · #2 (**permalink**) 15/05/2007, 15:27

Bueno, puedes hacer algunos trucos, por lo general eso talvez seria con javascript, pero de igual forma, podrias hacer lo siguiente: crear un link "invisible" osea algo <a href="#"></a> y luego en tu css le das a ese enlace el mismo ando y alto de tu celda, luego le aplicas un background, y en su propiedad hover le aplicas otro background con la otra imagen....asi pensandolo rapido eso te puedo decir (no lo pruebo pues ando impartiendo clases ahora), pero dale!.

asinox · #3 (**permalink**) 15/05/2007, 15:31

En fin me puse hacerlo y aqui esta el codigo:

Código PHP:

  <html>

<head>

<title>probando celdas con link invisible</title>

<style type="text/css">

 
table{

    width:200px;

    height:200px;

    border:1px solid #000;    

}

table tr td a{

    width:200px;

    height:200px;

}

table tr td a:hover{

    background-color:red;

}

</style>

</head>

<body>

 
<table>

<tr>

<td><a href="#"></a></td>

</tr>

</table>

 
 
</body>

</html>

lickybuay · #4 (**permalink**) 17/05/2007, 12:22

pero quieres que se quede prendido cuando entras a dicha sección verdad.. supongamos le doy click a empresa.. estoy en la sección empresa y esté prendido el boton (distinto fondo), estoy en lo correcto? manejas php? si es así te paso el que yo hice (php/css) que te servirá super bien pa lo que quieres hacer.