Rollover sobre div

[elavdeveloper]

Hola amigos. Me encanta el nuevo diseño del blog de maestrosdelweb y quisiera saber como hacer con CSS un efecto muy bonito que tiene este. Me refiero a los enlaces que hay en la parte inferior del blog, que al pasar sobre alguno de ellos cambia de color un cuadrado que está de fondo (que me imagino sea un div).... ¿Saben como se hace?

[epoj]

supongo que esta definida la etiqueta a, para que, al pasar el mouse sobre ella, cambie de color...

a:hover {background-color: color;}

[elavdeveloper]

Si, yo se hacer lo del link con la etiqueta a pero fíjate que no es el background lo que cambia de color, es como si estuviera dentro de un contenedor y el contenedor, al pasar el mouse sobre el, cambia de color...

[fer10]

que paginas es la del blog ?

[elavdeveloper]

Entra a maestrosdelweb.com/actualidad/ y ahí verás al final de la página los enlaces....

[eddygonzalez2000]

yo lo que hice una vez fue que dentro de celdas le cambie el color al fondo asi
.navigation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color:#666666 ;
display:block;
padding:8px;
width:140;

}
.navigation:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color:#333333 ;
display:block;
padding:8px;
width:140;


}


y el html

<table width="750" border="0">
<tr>
<td width="145">

<h1 class="navigation" > <a target="frame" href="contenido.html"> HOME </a> </h1> </td>
<td width="145">
<h1 class="navigation"><a target="frame" href="ingreso.html"> FORMULARIO </a> </h1> </td>
<td width="145">

<h1 class="navigation"><a target="frame" href="web.html" > DEVELOPER </a></h1> </td>
<td width="145">
<h1 class="navigation"><a target="frame" href="links.html"> LINKS </a></h1> </td>
<td width="148">
<h1 class="navigation"><a target="frame" href="descargas.html"> DESCARGAS </a> </h1> </td>

</tr>
</table>

no se si es eso lo que queres.

[axiertxo]

Buenas, eso que dices se hace asi:

<style>
.me_coloreo{
background:#000;


float:left;
clear:both;
}
.me_coloreo a{
color:#fff;
text-decoration:none;
}
.me_coloreo a:hover{
background:#fff;
color:#000;
text-decoration:none;
}



</style>

<div class="me_coloreo"> <a href="#">Yo soy el link numero uno y al pasar por
encima....</a></div>

<div class="me_coloreo"><a href="#">Yo soy el link numero dos y al pasar por
encima....</a></div>

<div class="me_coloreo"><a href="#">Yo soy el link numero tres y al pasar por
encima....</a></div>

[elavdeveloper]

Gracias!!!