Foros del Web » Creando para Internet » HTML »

dar ancho maximo a un parrafo

Estas en el tema de dar ancho maximo a un parrafo en el foro de HTML en Foros del Web. Hola amigos. texto un texto demasiado extenso, sin saltos de linea ni nada. lo tengo entre <span>. y lo que quiero hacer es, darle un ...
  #1 (permalink)  
Antiguo 19/07/2010, 12:20
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Exclamación dar ancho maximo a un parrafo

Hola amigos.
texto un texto demasiado extenso, sin saltos de linea ni nada.
lo tengo entre <span>.

y lo que quiero hacer es, darle un ancho limite, o sea, como por ejemplo, poner que el ancho sea 350px.
y automaticamente, de un salto de linea en los 350px de ancho, pero sin usar tablas.

espero y me haya entendido =P
saludos!!
  #2 (permalink)  
Antiguo 19/07/2010, 12:39
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: dar ancho maximo a un parrafo

Pues nada más dale un ancho de 350 px, no veo cual es el problema. A menos que tengas palabras muy largas (mas de los 350px) no hay problema.

Y si es un párrafo usa la etiqueta <p> que para eso son.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 19/07/2010, 12:46
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: dar ancho maximo a un parrafo

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <style type="text/css">
  6.  
  7. .estilo1 {
  8. background-image:url("img/pic1.png");
  9. width:350px;
  10. height:100px;
  11. }
  12.  
  13. .estilo2 {
  14. background-image:url("img/pic1.png");
  15. width:350px;
  16. height:auto;
  17. }
  18.  
  19. .estilo3 {
  20. background-image:url("img/pic1.png");
  21. width:350px;
  22. height:100px;
  23. }
  24.  
  25. span{
  26. width:350px;
  27. }
  28.  
  29. </head>
  30.  
  31.  
  32. <div class="estilo1"></div>
  33. <div class="estilo2"><span>ddddddddddddddddddddddddddddddddddddddddddddddddddd
  34. dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
  35. dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
  36. dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
  37. dddddddddddddddddddddddddddddd</span></div>
  38. <div class="estilo3"></div>
  39.  
  40. </body>
  41. </html>

Última edición por XxflezhaxX; 19/07/2010 a las 12:52
  #4 (permalink)  
Antiguo 19/07/2010, 12:48
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: dar ancho maximo a un parrafo

LO HE PUESTO EN DOS POST, POR QUE HABIA UN PROBLEMA, EL CODE HTML, SE ENCIMABA AL DEMAS TEXTO.
Espero no sea molestia

he hecho un estilo de caja, con el background de arriba, enmedio y abajo.
en medio en donde texto el texto, y el ancho de la imagen es de 350px.

por lo que mi texto se sale de la imagen.

y si uso <p>, la caja se divide en 3 partes, o sea, el backgrpund de arriba, en mdio y abajo, y esto se debe a q el parrafo da un salto de linea, por eso uso span, y le agrego la propieda en CSS

Código CSS:
Ver original
  1. span {
  2. width:350px;
  3. }

y no me funciona.
  #5 (permalink)  
Antiguo 19/07/2010, 12:51
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: dar ancho maximo a un parrafo

Pruebalo con un texto, ya que eso es una palabra sin espacios, y es lo que te comentaba, también puedes agregar: word-wrap: break-word; pero lo más fácil es que pruebes con un texto que tenga espacios.

Saludos
__________________
Grupo Telegram Docker en Español
  #6 (permalink)  
Antiguo 19/07/2010, 12:53
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: dar ancho maximo a un parrafo

como como?
o sea, que ajuste el texto con saltos de linea?

y me podrias explicar eso de word-wrap etc.
que no he visto esto yo.

saludos
  #7 (permalink)  
Antiguo 19/07/2010, 12:59
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: dar ancho maximo a un parrafo

A ver, lo que pasa es que en tu código tenias un texto así:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaa

Con las propiedades de ancho no puedes hacer que haga salto de linea, ya que el salto de linea es para palabras con espacios, y lo que tienes ahí, al no tener espacios la toma como una sola palabra y no la parte.

La única solución para textos así es usar la propiedad word-wrap, pero no sirve en ie y es de CSS3.

Por eso lo que tienes que hacer es usar un texto normal, sin palabras tan largas.

Saludos
__________________
Grupo Telegram Docker en Español
  #8 (permalink)  
Antiguo 19/07/2010, 13:00
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: dar ancho maximo a un parrafo

XxflezhaxX:


Realmente tienes una palabra de tantos caracteres?
Esto te va a servir probablemente

http://foros.emprear.com/html/word-w...en-celdas.html

PD:
A propósito, funciona con IE 6+, FF, Opera, Safari 4 y Chrome...
Saludos

Última edición por emprear; 19/07/2010 a las 13:05
  #9 (permalink)  
Antiguo 19/07/2010, 14:58
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: dar ancho maximo a un parrafo

Gracias carlangueitor, lo que pasa que no entendia.
pero ya comprendi, y si, efectivamente usare texto normal, solo que yo ponia esa palabra tan laaaaaarga!! como ejemplo de la extension de un texto normal, y que la partiera en deternimado ancho.

entonces ese es el problema que no tiene espacios.

entonces al escribir normal.
ejemplo:

habia una vez, en aquella isla pequeñita, un naufrago con su amigo el loro. Ellos estaban...

y si pongo el ancho de 100px.

me la partida:

habia una vez, en
aquella isla pequeñita,
un naufrago con su
amigo el loro. Ellos
estaban...

Bueno si es asi ya entendi =D Gracias.

y otrs cosas, entonces solamente uso el width:XXpx; y <span>

gracias desde ya!! =D
  #10 (permalink)  
Antiguo 19/07/2010, 19:21
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: dar ancho maximo a un parrafo

ok, hice lo que me pasaste emprear, el texto lo adentr en un tag <pre> y he puesto el code CSS que habia en tu pagina.
Gracias, y por cierto, no tengo una palabra con tantos caracteres, era solo un ejemplo, pero de q da!!
va bien!! ya aprendi algo nuevo =P
  #11 (permalink)  
Antiguo 19/07/2010, 19:30
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: dar ancho maximo a un parrafo

XxflezhaxX:

En particular ese código lo tuve que usar justamente porque como en el ejemplo, tenia que escribir una URL muy larga (bueno, no tanto como la del ejemplo... jeje), ademas me parece muy practico porque te ajusta todo.

y lo probé personalmente en todos los navegadores que te indiqué

Saludos
  #12 (permalink)  
Antiguo 24/07/2010, 04:13
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: dar ancho maximo a un parrafo

Hola:

Si quieres un texto de ejemplo usa Lorem ipsum...

Saludos.


Etiquetas: ancho, dar, maximo
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




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