Cambiar color al pasar sobre un "div" o "tabla"

[datcom]

Hola amigos, haber si ustedes me peuden ayudar.
Estoy con una pagina que va a contener avisos clasificados y queria lograr este diseño
que cuando pase el mouse sobre el casillero del articulo cambie el tono del color o de color.

El ejemplo es este: http://www.segundamano.com.ar/buenos_aires/index.aspx?ad=30|1||4|||||||11014||||||||||||||||| |||1||griddate%20desc

Espero que se entienda, y espero alguna respuesta muchas gracias!


Saludos!
datcom

[Batan]

Hola Datcom

En principio tendrias que usar las propiedades
Display: block para convertir tus DIV o celdas en bloques.

Y para las etiquetas <a href="">producto</a> de cada producto, definirlas en los estilos con las lineas a{background: white;}, para el fondo que se muestra sin pasar el raton; y a:hover{background: blue;}, el fondo que se mostrará cuando pases el puntero del ratón.

Con ellos ya conseguirias los efectos que quieres.

Saludos

[datcom]

Haber esto es correcto? porque no funciona;

Codigo.
<div class="articulo1"><a href="#"></a></div>


estilo:
.articulo1 {
height: 70px;
width: 739px;
display:block;
}

.articulo1 a {
background: white;}


.articulo1 a:hover {background: blue;}


Gracias

[Batan]

Perdon no me explique bien en lo del display.
Debe de ir dentro de la etiqueta del enlace.
Tu código deberia quedar asi.

estilo:

Código CSS:

.articulo1 {
height: 70px;
width: 739px;
}
 
.articulo1 a {
background: white;
display:block;
}
 
 
.articulo1 a:hover {background: blue;}
 

Siento el fallo.

Saludos

[datcom]

ahi ta!
Quedo barbaro y funciona =)

Bueno gracias y un abrazo

Saludos!
datcom