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.