Foros del Web » Creando para Internet » HTML »

Problema con celda

Estas en el tema de Problema con celda en el foro de HTML en Foros del Web. Hola he diseñado una web con photoshp y la e recortado en trozs e insertado en celdas para darle forma. pero me pasa lo siguiente ...
  #1 (permalink)  
Antiguo 25/05/2008, 17:43
 
Fecha de Ingreso: noviembre-2007
Mensajes: 264
Antigüedad: 16 años, 4 meses
Puntos: 0
Problema con celda

Hola he diseñado una web con photoshp y la e recortado en trozs e insertado en celdas para darle forma. pero me pasa lo siguiente
aki dejo un eskema de mi tabla


Imagen 1

Imagen 2


La parte b quiero que este fija porque sino el diseño del menu se me estropea, pero nose porque cuando en la celda A escribo bastantes datos hasta agrandarla, se baja tambien la celda b, que es lo que no quiero...
nose xk pasa xk en el dreamweaver no m sucede esto, se que en su sitio..
alguien sabe como puedo solucionarlo. Un saludo, gracias de antemano

PD: le tngo asignado a cada celda su ancho y su alto,
  #2 (permalink)  
Antiguo 25/05/2008, 18:15
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problema con celda

Prueba a dejarle el alto a la celda que está encima de la B y a la propia B, y quítaselo a la celda de debajo de la B.

Si esto no funciona, pon el código que estás usando.

Mikel.
  #3 (permalink)  
Antiguo 26/05/2008, 02:55
 
Fecha de Ingreso: noviembre-2007
Mensajes: 264
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: Problema con celda

Cita:
Iniciado por Mikmoro Ver Mensaje
Prueba a dejarle el alto a la celda que está encima de la B y a la propia B, y quítaselo a la celda de debajo de la B.

Si esto no funciona, pon el código que estás usando.

Mikel.
Gracias, el problema se me soluciona con mozilla firefox, pero con IE se estropea mas la pagina las celdas de descuadran :S, xk pasa eso??? un saludo dejo el codigo

Cita:
<table width="922" border="0" cellpadding="0" cellspacing="0" align="center">

<tr>
<td width="34" height="748" rowspan="6" align="center" valign="top" background="es1.PNG"><img src="l1.PNG" width="34" height="748"></td>
<td width="850" height="26" colspan="5" align="center" valign="top"><img src="top.PNG" width="850" height="26"></td>
<td width="38" height="748" rowspan="6" align="center" valign="top" background="es4.PNG"><img src="l2.PNG" width="38" height="748"></td>
</tr>
<tr>
<td width="850" height="162" colspan="5" align="center" valign="top" background="top2.PNG"></td>
</tr>
<tr>
<td width="850" height="32" colspan="5" align="center" valign="top"><img src="top3.PNG" width="850" height="32"></td>
</tr>
<tr>
<td width="132" height="254" align="center" valign="top" background="fo1.PNG">&nbsp;</td>
<td width="32" height="528" rowspan="3" align="center" valign="top" background="es2.PNG"><img src="m1.PNG" width="32" height="528"></td>
<td width="527" height="528" rowspan="3" align="center" valign="top" background="fo3.PNG">&nbsp;</td>
<td width="31" height="528" rowspan="3" align="center" valign="top" background="es3.PNG"><img src="m2.PNG" width="31" height="528"></td>
<td width="128" height="528" rowspan="3" align="center" valign="top" background="fo3.PNG">&nbsp;</td>
</tr>
<tr>
<td width="132" height="27" align="center" valign="top"><img src="cel1.PNG" width="132" height="27"></td>
</tr>
<tr>
<td width="132" height="247" align="center" valign="top" background="fo2.PNG">&nbsp;</td>
</tr>


<tr>
<td width="922" height="52" colspan="7" align="center" valign="top"><img src="footer.PNG" width="922" height="52" /></td>
</tr>
</table>
  #4 (permalink)  
Antiguo 26/05/2008, 05:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problema con celda

La mejor manera de resolverlo es metiendo una tabla dentro de la celda de encima de la b, tabla que contiene esas tres celdas; la de encima, la de la b y la de debajo. De esa manera, les das la altura que quieras a las tres celdas y éstas no se ven afectadas por lo que crezca la celda de la derecha.

Como verás, debes quitar el tamaño a esa celda y también quitar los rowspan 3, etcétera.

Cita:
<table width="922" border="1" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="34" height="748" rowspan="6" align="center" valign="top" background="es1.PNG"><img src="l1.PNG" width="34" height="748"></td>
<td width="850" height="26" colspan="5" align="center" valign="top"><img src="top.PNG" width="850" height="26"></td>
<td width="38" height="748" rowspan="6" align="center" valign="top" background="es4.PNG"><img src="l2.PNG" width="38" height="748"></td>
</tr>
<tr>
<td width="850" height="162" colspan="5" align="center" valign="top" background="top2.PNG"></td>
</tr>
<tr>
<td width="850" height="32" colspan="5" align="center" valign="top"><img src="top3.PNG" width="850" height="32"></td>
</tr>
<tr>
<td width="132" align="center" valign="top" background="fo1.PNG">
<table border="0" width="100%"><tr><td width="100%" height="254px">&nbsp;</td></tr><tr><td height="27px"><img src="cel1.PNG" width="132" height="27"></td></tr><tr><td height="247px">&nbsp;</td></tr></table>
</td>
<td width="32" height="528" align="center" valign="top" background="es2.PNG"><img src="m1.PNG" width="32" height="528"></td>
<td width="527" height="528" align="center" valign="top" background="fo3.PNG">&nbsp;</td>
<td width="31" height="528" align="center" valign="top" background="es3.PNG"><img src="m2.PNG" width="31" height="528"></td>
<td width="128" height="528" align="center" valign="top" background="fo3.PNG">&nbsp;</td>
</tr>
<tr>
<td width="922" height="52" colspan="7" align="center" valign="top"><img src="footer.PNG" width="922" height="52" /></td>
</tr>
</table>
Pruébalo y modifica lo que necesites. También se pueden mejorar otras cosas, porque la altura final la marcará el conjunto completo, por lo que no necesitas usar la altura de las barras laterales ni la anchura de otras una vez definida esta.

Si me dices que esto funciona como quieres y no sabes cómo hacerlo, te la paso limpia limpia de cosas sobrantes.

Mikel.
  #5 (permalink)  
Antiguo 26/05/2008, 05:50
 
Fecha de Ingreso: noviembre-2007
Mensajes: 264
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: Problema con celda

pero ske mi problema ske la celda b es una imagen, que forma parte del diseño y necesito k este en ese sitio sin moverse...:S y kiero k se estire toda la web hacia abajo sin que se mueba, la celda de abajo de "b" kiero k se estire pero la b y la de arriba no... un saludo
  #6 (permalink)  
Antiguo 26/05/2008, 07:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problema con celda

Pues eso es exactamente lo que hace este código. ¿Lo has probado?

Además, como te decía te sobran cantidad de medidas, que están establecidas por otro lado:

Cita:
<table width="922" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="34" rowspan="6" align="center" valign="top" background="es1.PNG"><img src="l1.PNG" width="34" height="748"></td>
<td height="26" colspan="5" align="center" valign="top"><img src="top.PNG" width="850" height="26"></td>
<td width="38" rowspan="6" align="center" valign="top" background="es4.PNG"><img src="l2.PNG" width="38" height="748"></td>
</tr>
<tr>
<td height="162" colspan="5" align="center" valign="top" background="top2.PNG"></td>
</tr>
<tr>
<td height="32" colspan="5" align="center" valign="top"><img src="top3.PNG" width="850" height="32"></td>
</tr>
<tr>
<td width="132" align="center" valign="top" background="fo1.PNG">
<table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td width="100%" height="254px">&nbsp;</td></tr><tr><td height="27px"><img src="cel1.PNG" width="132" height="27"></td></tr><tr><td height="247px">&nbsp;</td></tr></table>
</td>
<td width="32" align="center" valign="top" background="es2.PNG"><img src="m1.PNG" width="32" height="528"></td>
<td width="527" align="center" valign="top" background="fo3.PNG">&nbsp;</td>
<td width="31" align="center" valign="top" background="es3.PNG"><img src="m2.PNG" width="31" height="528"></td>
<td width="128" align="center" valign="top" background="fo3.PNG">&nbsp;</td>
</tr>
<tr>
<td height="52" colspan="7" align="center" valign="top"><img src="footer.PNG" width="922" height="52" /></td>
</tr>
</table>
Mikel.

Última edición por Mikmoro; 26/05/2008 a las 07:12
  #7 (permalink)  
Antiguo 26/05/2008, 07:33
(Desactivado)
 
Fecha de Ingreso: febrero-2008
Ubicación: Argentina, Santa Fe, Rosario
Mensajes: 350
Antigüedad: 16 años, 2 meses
Puntos: 5
Respuesta: Problema con celda

Mirá esto:
Código:
<td bla bla>
<img heigh=xxx>
Cambialo por esto:
Código HTML:
<td heigh=xxx>
bla bla
Salu2
  #8 (permalink)  
Antiguo 26/05/2008, 08:57
Avatar de Radikal Edward  
Fecha de Ingreso: febrero-2005
Mensajes: 5
Antigüedad: 19 años, 2 meses
Puntos: 0
De acuerdo Respuesta: Problema con celda

Cita:
Iniciado por Mikmoro Ver Mensaje
La mejor manera de resolverlo es metiendo una tabla dentro de la celda de encima de la b, tabla que contiene esas tres celdas; la de encima, la de la b y la de debajo. De esa manera, les das la altura que quieras a las tres celdas y éstas no se ven afectadas por lo que crezca la celda de la derecha.
Yo tenía el mismo problema, una imagen se me ubicaba dependiendo siempre del la altura de celda del medio. Con la solución planteada por Mikmoro pude solucionar el problema. Dentro de la celda que se encuentra a la misma altura de la que cambia de tamaño le puse una tabla y ahí dentro creé nuevamente las demás celdas que necesitaba para obtener el efecto deseado.

Desde ya muchas gracias por la información.
  #9 (permalink)  
Antiguo 26/05/2008, 11:58
 
Fecha de Ingreso: noviembre-2007
Mensajes: 264
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: Problema con celda

muchas gracias Mikmoro y compañia lo he probado y va perfec!! muchas gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 16:01.