La celda que se expande es la de arriba

Mikel L · 24 Nov 2009, 14:01 · Solicitar retirada

Hola tengo un problema :D

tengo una tabla de 3 columnas y dos filas

Imaginemos que es esta
a1 | a2 | a3
b1 | b2 | b3

a2 y b2 las he unido para crear un bloque donde escribir y escribir lo que me de la gana. la llamaremos c

a1 | c | a3
b1 | c | b3

a1 y a3 tienen una imagen de fondo de celda de 400 de alto y 15 de ancho con un no-repeat

y b1 y b3 tienen un ancho de delda de 15 y sin alto espeficado con un repeat-y

La intencion era que al escribir en la columna del medio, las celdas que se expandieran fueran la b1 y b3,

a1 | c | a3
b1 | c | b3
b1 | c | b3
b1 | c | b3
b1 | c | b3
b1 | c | b3
b1 | c | b3

pero las celdas que se expanden son a1 y a3 por lo que los bodes de la tabla quedan vacios.

a1 | c | a3
a1 | c | a3
a1 | c | a3
a1 | c | a3
b1 | c | b3

Mirad el ejemplo http://www.tximeleta.com/aterpetxe/Web2/index.html

Como puedo hacer para que no me cambie el tamaño de las celdas a1 y a3 y la que se expanda sean las b1 y b3 ?

Espero haberme explicado bien :D
Edito: ¿se nota que soy de ciencias? XD

Yaneth · 24 Nov 2009, 17:12 · Solicitar retirada

hola, un gusto saludarte

mira hice esto

<table cellpadding="0" border="0" cellspacing="0">
<tr>
<td valign="top" class="a1">CELDA a1 </td>
<td rowspan="2" class="a2">

a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b</p>
</td>
<td valign="top" class="a3">CELDA a3</td>
</tr>
<tr>
<td class="b1">CELDA b1</td>
<td class="b3">CELDA b3</td>
</tr>
</table>

checalo y me avisas
que la pagina que me diste con tanto texto me pierdo jeje

Mikel L · 24 Nov 2009, 17:41 · Solicitar retirada

Buenas! he puesto color a las celdas derechas y he estrechado la tabla para que el efecto se vea

<table cellpadding="0" border="0" cellspacing="0" width="40">
<tr>
<td valign="top" bgcolor="#ff0000" class="a1">a1 </td>
<td rowspan="2" class="a2">

c</p>

c</p>

c</p>

c</p>

c</p>

c</p>

c</p>

c</p>

c</p>
</td>
<td valign="top" class="a3">a3</td>
</tr>
<tr>
<td class="b1" bgcolor="#0000ff">b1</td>
<td class="b3">b3</td>
</tr>
</table>

en este caso las celdas a1 y b1 se alargan por igual, yo lo que quiero es que la de arriba no se alargue.
Al meter contenido "

c</p>" la celda delcentro se alarga hacia abajo, y en consecuencia, las celdas laterales tambien. quiero que la que se alargue sean las de abajo b1 y b3 y que las de arriba a1 y a3 se keden con las dimensiones especificadas en el CSS.

ahora tengo que irme, intentare probar dandole classe a a1 y a3 y poniendo el valign="top"

Yaneth · 24 Nov 2009, 18:00 · Solicitar retirada

mira
copia esto

<html>
<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="ayuda2.css" />

</head>
<body>

<center>
<table cellpadding="0" border="0" cellspacing="0">
<tr>
<td valign="top" class="a1">CELDA a1 </td>
<td rowspan="2" class="a2" valign="top">

a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 b2a2 bslfk ñsfk ñslkf ñsldkf ñlskf ñslfk ñsldfk ñsldfk ñsldkf sñlfdk sñlfk sñldfk alkdj alkdjf lakdj alkdjf alkdjf alkdjf alkdjflakdjf alkdjf lakdjf lakdjf alkdjf alkdjf alkdjfalkdjf lakdjf lakdjf alkdjf alkdjf alkdjf alkdjf aldkjf laskdj alsdkfj asldkjf alskdjf lakdjf alkdjf lakdjf alkdfj alkdjf alkdjf aldkjf alkdjf alkdjf alkdjf alkdfj alkdjf aldkjf alkdjf</p>

</td>
<td valign="top" class="a3">CELDA a3</td>
</tr>
<tr>
<td class="b1">CELDA b1</td>
<td class="b3">CELDA b3</td>
</tr>
</table>
</center>

</body>
</html>

css

table { width:500px;}
td.a1 { background-color:yellow; width:100px; height:20px}
td.a2 { background-color:white; width:250px; }
td.a3 {background-color:blue; width:100px; height:20px}

td.b1 { background-color:red; width:100px}
td.b2 { background-color:pink; width:250px}
td.b3 {background-color:red; width:100px}

**como nota, mientras sigo agregando texto, se alarga la de arriba
pero una vez termino de escribir y clico en la celda a1 se ajusta todo
y solamente se alargan las de abajo
intentalo y me dices en opera se mira como lo deseas
*******

saludos

Mikel L · 24 Nov 2009, 21:38 · Solicitar retirada

con firefox se ve bien, pero en Internet Explorer no :( y desgraciadamente todo el mundo usa el IE

como ultimo recurso cambiare el diseño de la web y kitare el sombreado de fondo pero bueno.

Yaneth · 24 Nov 2009, 21:53 · Solicitar retirada

se me ocurre algo

si el problema es de fondos
tonces algo asi

a1 a2 a3 **aqui pones los fondos
b1 b2 b3 **aqui en b1 y b3 fondos usas b2 para texto
luego otra vez repites las a, para el fondo inferior

no crees?????

Mikel L · 24 Nov 2009, 22:06 · Solicitar retirada

nada, que no me sale. he optado por kitar el degradado del fondo para que no haya ese prolema.

hare un fondo con adornos muy claritos para que la sombra del borde no se note y listo.

grcias de todas formas. me queda un tema pendiente, la sigueinte vez que me haga falta lo saco. pero es raro pensar que yo sea la priemra persona a la que le ocurre y mas raro que un navegador no lea las dimensiones asignadas por CSS.

gracias yaneth