Foros de daboweb

MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación => Webmasters - Diseño Web - Programación - Diseño gráfico => Mensaje iniciado por: Jeviciya en 21 de Noviembre de 2006, 09:04:09 pm

Título: Evitar que se "baje" fila de tabla
Publicado por: Jeviciya en 21 de Noviembre de 2006, 09:04:09 pm
Tengo un problema con las tablas... os cuento:

Hago la plantilla en photoshop y la paso a html. Cuando voy a dreamweaver para empezar a meter texto y sobrepasa el tamaño de la celda, el resto se baja y se me deforma todo el diseño.. os pongo un ejemplo para que lo veais:


ESTO ES COMO QUIERO QUE SALGA

(http://img230.imageshack.us/img230/2879/buenoym5.th.jpg) (http://img230.imageshack.us/my.php?image=buenoym5.jpg)



Y ASÍ ES COMO ME SALE:
(http://img230.imageshack.us/img230/6531/maloxy5.th.jpg) (http://img230.imageshack.us/my.php?image=maloxy5.jpg)




Que puedo hacer para que solo baje la parte donde va el texto¿ o que la parte que no quiero que se mueva, ocupe todo lo que ocupa el texto?, es decir, que se "estire" automaticamente..no se si me he explicado bien.

Gracias!
Título: Re: Evitar que se "baje" fila de tabla
Publicado por: WillyN en 21 de Noviembre de 2006, 11:54:08 pm
Sospecho,

Como buen novato que soy, :smoke: que tendras que trabajar con capas, en Dreamweaver.
Título: Re: Evitar que se "baje" fila de tabla
Publicado por: halo en 22 de Noviembre de 2006, 08:27:16 am
Deja un copy/paste del código.
Título: Re: Evitar que se "baje" fila de tabla
Publicado por: Jeviciya en 22 de Noviembre de 2006, 11:16:37 am
Este es el codigo de un ejemplo:


Citar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th colspan="2" bgcolor="#000066" scope="row">&nbsp;</th>
  </tr>
  <tr>
    <th width="65" height="110" scope="row"><img src="file:///C|/Documents and Settings/alejandro/Escritorio/Rocio/Photoshop/Practica web fundicor/Images/02.jpg" width="124" height="176" /></th>
    <th width="635" rowspan="2" scope="row"><p>sdfsfsfs</p>
    <p>f</p>
    <p>sdfs</p>
    <p>dfdsfsdfdsfsdfs</p>
    <p>dsfsdfsfsfs</p>
    <p>dfsdf</p>
    <p>sdfsdfsdfs</p></th>
  </tr>
  <tr>
    <th height="43" scope="row"><img src="file:///C|/Documents and Settings/alejandro/Escritorio/Rocio/Photoshop/Ejercicio web Comp informaticos/Images/img22.gif" width="123" height="43" /></th>
  </tr>
  <tr>
    <th height="19" colspan="2" bgcolor="#000099" scope="row">&nbsp;</th>
  </tr>
</table>
</body>
</html>
Título: Re: Evitar que se "baje" fila de tabla
Publicado por: Gepetto en 23 de Noviembre de 2006, 09:28:57 pm
Podrias utilizar dos tablas dentro de una: Una para el lateral (en la que podrás especificar el ancho y alto a tu gusto), otra para el cuerpo y otra invisible que una las dos. O también podrias usar frames o marcos.
Título: Re: Evitar que se "baje" fila de tabla
Publicado por: halo en 24 de Noviembre de 2006, 09:18:15 am
Código: [Seleccionar]
<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th colspan="2" bgcolor="#000066" scope="row">&nbsp;</th>
  </tr>
  <tr>
    <th width="65" height="110" scope="row"><img src="file:///C|/Documents and Settings/alejandro/Escritorio/Rocio/Photoshop/Practica web fundicor/Images/02.jpg" width="124" height="176" /><img src="file:///C|/Documents and Settings/alejandro/Escritorio/Rocio/Photoshop/Ejercicio web Comp informaticos/Images/img22.gif" width="123" height="43" /></th>
    <th width="635" rowspan="2" scope="row"><p>sdfsfsfs</p>
    <p>f</p>
    <p>sdfs</p>
    <p>dfdsfsdfdsfsdfs</p>
    <p>dsfsdfsfsfs</p>
    <p>dfsdf</p>
    <p>sdfsdfsdfs</p></th>
  </tr>
 
  <tr>
    <th height="19" colspan="2" bgcolor="#000099" scope="row">&nbsp;</th>
  </tr>
</table>