Limitar espacio de texto

[breakervans]

Hola, estoy usando columnas en mi hoja html, pero el fallo es que en el diseño de la web me gustaría situar las columnas dentro de un área, que está preparada para que haya el texto y no por toda la página como hace. Qué código debería usar?

[jmdz]

Vas a tener que explicarnos (y/o mostrarnos) un poco mejor que es lo que queres hacer

[millan2525]

al hablar de columnas supongo que te referirás a tablas

en el atributo table, puedes ponerle la anchura, en porcentaje o en pixeles.

ejemplo <table width=80%>

[morior]

Si tienes que poner una caja de texto que tenga un espacio limitado lo puedes hacer con un textarea:

<textarea name="perfil" rows=10 cols=70></textarea>

Con eso limitas el espacio, no sé si es eso lo que buscas.

[breakervans]

Concretamente es poder escribir en el código de fuente y que automáticamente al llegar a un punto salte a la línea siguiente, para que no se salga del área de texto. Como se hace lo de la tabla?

[morior]

Iniciado por breakervans

Concretamente es poder escribir en el código de fuente y que automáticamente al llegar a un punto salte a la línea siguiente, para que no se salga del área de texto. Como se hace lo de la tabla?

Pues yo sigo sin entenderlo. Siento no haber sido de ayuda

[breakervans]

jeje a ver que te lo repersento gráficamente para que lo visualizes

|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
||||||Área de texto||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||

Cuando comienzo a escribir en el código de la web me pasa esto


|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
Este es el texto que quiero escribir y se me descuadra
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||

Y quiero que pase esto:


|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
||Este es el texto que||
|quiero escribir que no|
||||se me descuadra||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||

Es decir, que no se salga de los límites de la imagen del fondo para que quede mejor

[abimaelrc]

Si es una columna solo tienes que indicar el tamaño del ancho de esa columna para que así el texto continúe hacia abajo cuando llegue al limite del ancho.

[breakervans]

Pero es que son dos columnas y no me salgo para configurarlas para que ocupen ese tamaño entre las dos...

[morior]

Ammm vale. Pues entonces yo creo que lo tuyo pasa por el código que lo debes tener mal. ¿Por qué no pegas el código para que le hecho un vistazo? Mira, por ejemplo esto es una tabla y no se desajusta:

¿No has probado con algo así?

Código PHP:

  <table width="200" border="1">
    <tr>
        <th>aaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaa</th>
    </tr>
    <tr>
        <th>aaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaa aaaaa</th>
    </tr>
    <tr>
        <th>aaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaaaaaaaaa</th>
    </tr>
</table> 
   

[abimaelrc]

Como te indique tienes que declarar que ancho debe tomar la columna. Lo que te sugiero es que postees lo que haz hecho y con algún ejemplo para que te puedan ayudar mejor, pero te sugiero que mientras tanto hagas lo que te dije sobre indicar el ancho a la columna que deseas corregir.

[breakervans]

Me gusta la tabla, pero como puedo hacer para que salgan en horizontal y no en vertical?

[morior]

Pues sería algo así no?

Código PHP:

  <table width="200" border="1"> 
    <tr> 
        <th>aaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaa</th> <th>aaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaa</th> 
    </tr> 
    <tr> 
        <th>aaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaa aaaaa</th> <th>aaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaa</th> 
    </tr> 
    <tr> 
        <th>aaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaaaaaaaaa</th> <th>aaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaa</th> 
    </tr> 
</table> 
   

Como ves cada etiqueta tr representa una fila y cada etiqueta th representa una columna

[breakervans]

aah ya entiendo, ya está corregido, ahora solo me falta como dejar algo de margen entre una columna y otra, y por favor, me decis como haría para separar ambas columnas con una imágen (en este caso una línea vertical que hago yo y guardo en png)?

[blogger]

Por que no buscas mejor un tutorial sobre tablas en el google?

[breakervans]

vale, voy a probar

[morior]

Jjaaja es verdad aquí poco a poco nos has ido sacando lo suyo.

Pues un buen tutorial o manual acerca de html te vendría bien.
Saludos

[breakervans]

jeje ya encontre alguno y me esta sirviendo la verdad pero bueno, muchas gracias a todos por ayudarme, saludos

[morior]

Bueno ya sabes que más dudas que tengas te puedes pasar por aquí. Sólo por curiosidad, me gusta conocer las fuentes de otras personas.
Nos puedes decir qué tipo de manual te estás leyendo? así si no lo tengo leído le puedo echar un ojo.