Color en todo el fondo de la celda

Ya ta...si es q soy mas torpe ais!
teneis razon funciona...millllll graciass ^_*

pero lo has probado en el estilo de la celda?

no puedes poner algo más de código... pon el estilo que has utilizado para la celda y el de la tabla, please...

¿Lo has puesto en los estilos del TD? Poniendo "vertical-align: middle" debe funcionar sin problemas.

---
Miguel Sánchez
<a href="http://www.miguelsanchez.com" target="_blank">www.miguelsanchez.com</a>

eso lo he probado y no se mueve el texto...ni con middle, ni con top, ni con baseline...

en el estilo de la tablao celda, prueba con esto...

vertical-align:middle;

jaja....uy tranquilo perrillo q yo tengo dudas para que me resolvais por un tubo jeje!
Por ejemplo ahora ya q tengo esto hecho :

a.menu:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #D50000;
text-decoration: none;
background-color: #FBEAEA;
display:block;
height:22px;
}

a.menu:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
background-color: #7D0000;
display:block;
height:22px; }

El texto le intento alinear con respecto al fondo con el vertica-alignment pero no se me mueve...alguna opción...

queda así:

http://www.aireretro.com/camara.gif

pues yo que venia ayudarte y ya te handado todas las soluciones posibles :-(

Si era lo del display block, muchisimas gracias a todos...ya lo he solucionado!

Graciassss!!!

El problema es que todos los TDs de la página tomarán esas características. Si quieres puede poner un ID a la tabla del menú y decirle a la CSS que se ocupe sólo de los TDs de esa tabla. Por ejemplo, si a la tabla le llamas "pepito" (qué original...) quedaría algo así:

#pepito td {background: #efefff; display:block}

Eso no afectará al resto de tus TDs.

Saludos.

---
Miguel Sánchez
<a href="http://www.miguelsanchez.com" target="_blank">www.miguelsanchez.com</a>

con css:

en el estilo...
<code>&lt;style type="text/css"&gt;
&lt;!--
.tabla {
background-color: #FFB0B0;
padding-left: 0px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
}
--&gt;
&lt;/style&gt;
</code>

El padding-left está a 0 para que se quede pegado como en tu ejemplo...

en la tabla...

<code>&lt;table width="100" border="0" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
&lt;td class="tabla"&gt;ooo&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;</code>

y modificando el cellpadding y el cellspacing de la tabla?

<code>&lt;table cellpadding="5" cellspacing="1" border="0"&gt;</code>

Prueba con algo como:

td {background: #ff0000; display: block}

la clave es el display:block.

Saludos.

---
Miguel Sánchez
&lt;a href="http://www.miguelsanche.com" target="_blank"&gt;www.miguelsanche.com&lt;/a&gt;

son td y no están dentro de una capa!

violeta prueba a meter esto:

<code>a.linkcolorao, a.linkcolorao:visited{color:#F00;background-color:#300;display:block;text-decoration:none;}

a.linkcolorao:hover{color:#F00;background-color:#000;display:block;text-decoration:none;}</code>

es una primera aproximación, di si te sirve, esto lo que hace
es 'forzar' al elemento con la clase 'linkcolorao' a que ocupe todo el ancho de su 'padre'

no,no,no...no quiero q cambie de color...solo el fondo pero no se como ponerlo pq le pongo width:100% y no me va...
Solo quiero hover en el texto pero no en la celda...
Quiero un estilo para eltexto q coja todo el ancho de la celda por defecto...
y eso como se hace?

Hola.

¿Tienes la tabla del menú dentro de una capa?

Saludos.

---
Miguel Sánchez
&lt;a href="http://www.miguelsanchez.com" target="_blank"&gt;www.miguelsanchez.com&lt;/a&gt;

pero luego vamos a querer que cambie de color segun pasamos por encima? y son td o son divs?

Ayuda plis!