Coloreado onmouseover

[user2008]

Que tal a todos

Dentro de una celda con un link deseo realizar un efecto en el cual cuando el usuario pase el mouse sobre la misma se ponga de un color; y cuando el mouse no esté sobre dicha celda que no se muestre fondo. Este sistema es usado en las pestañas de muchos themes de wordpress pero nunca he podido averiguar como realizarlo.

Si no se entiende avisenme

[kseso?]

Hola User2008
Supongamos que llamas tabla_enlaces donde quieres ese efecto:

.tabla_enlaces a {display: block;}
.tabla_enlaces a:hover {background-color:#XXX}

Claro que lo suyo es que definas el resto de propiedades y de estados del enlace
De todas formas, cuando veas un efecto y quieras ver cómo lo logran, no hay nada como Firefox+web developer ó firebug
Un saludo

[user2008]

no ha funcionado
el menu contiene 4 elementos
cada elemento (link de texto) se encuentra en un td o celda
cuando el mouse no esta sobre la celda no se muestra bg
pero cuando el mouse pasa sobre la celda la misma se colorea de verde
esto es para hacer un efecto de "tags" en la pagina

gracias por su ayuda !

[Darwinformatico]

Justo acabo de realizar un menu como el que dices... desgraciadamente yo no utilizo tablas... aun no he tenido necesidad (soy medio noob) lo he hecho con divs te dejo el codigo a ver si te sirve (ojala y si) =)

este es el menu


este es con mouse over sobre alguna opcion



CSS

#menu
{

margin:120px 0 0 610px;
padding:0;
}
#menu ul
{
margin:0;
padding:0;
}

#menu ul li
{
border:.01px solid transparent;
background-image:url(unaimagencualquiera.png);
background-repeat:no-repeat;
height:40px;
width:114px;
display:block;
padding:0;
float:left;
text-align:left;
margin-right:.5em;
}


#menu li a
{
padding-top:15px;
padding-left:25px;
color:#fff;
font:bold 14px georgia;
text-decoration:none;
line-height: 1.3em;
display:block;
}


#menu li a:hover
{

background-image:url(otraimagen.png);
background-repeat:no-repeat;
height:27px;
width:114px;
}

HTML

<div id="menu">
<ul>
<li><a href="#" >&nbsp;&nbsp;&nbsp;Inicio<br /></a>
<li><a href="http://anotherblog.wordpress.com/">&nbsp;&nbsp;&nbsp;Blog<br /></a></li>
<li><a href="form.html" >Contacto<br /></a></li>
</ul>
</div>

Nota: estoyutilizando imagenes como background para dar un efecto mas agradable, puedes usar colores si asi lo deseas =) espero te sirva

Saludos!

[Mikmoro]

Si las celdas de la tabla contienen sólo los enlaces (las celdas de las que hablas), y estás celdas tienen una tamaño asignado, puedes hacerlo así:

td a {display:block; height: 100%; width: 100%;}
td a:hover {background-color: #f00;} con el color que quieras