Foros del Web » Creando para Internet » HTML »

Separación de palabras en un párrafo

Estas en el tema de Separación de palabras en un párrafo en el foro de HTML en Foros del Web. Hola a todos, estoy construyendo una nube de etiquetas para una página web, y tengo un problema a la hora de presentarlas. En una nube ...
  #1 (permalink)  
Antiguo 04/02/2010, 09:51
 
Fecha de Ingreso: julio-2003
Mensajes: 209
Antigüedad: 14 años, 4 meses
Puntos: 0
Separación de palabras en un párrafo

Hola a todos,

estoy construyendo una nube de etiquetas para una página web, y tengo un problema a la hora de presentarlas. En una nube de etiquetas no interesa que una etiqueta, aunque tenga más de una palabra, se muestre en dos líneas separadas. Es decir, si mi nube fuese:

Azul Rojo Azul
marino Verde
Amarillo

Si os fijáis parece que la etiqueta azul está separada, y lo que pasa es que en el bloque no cabía "Azul Marino" y se ha separado en dos líneas. ¿Existe alguna manera de hacer que las palabras no se rompan por saltos de línea? He probado metiéndolas en <span>azul marino</span> pero me las rompe igualmente. Querría que las "etiquetas" se mantuviese juntas:

Azul Rojo
Azul marino
Verde Amarillo

¿Se os ocurre algo? ¡Gracias!

Última edición por dolarsrg; 04/02/2010 a las 10:07
  #2 (permalink)  
Antiguo 04/02/2010, 09:56
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Separación de palabras en un párrafo

Bueno en HTML puedes declararlo usando <br /> en css se puede hacer de esta forma, (ahora no sé si se sigue usando este tipo de código)
Código CSS:
Ver original
  1. span{
  2.   word-break: keep-all;
  3. }
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 04/02/2010, 09:56
Avatar de morior  
Fecha de Ingreso: agosto-2009
Ubicación: Barcelona
Mensajes: 437
Antigüedad: 8 años, 4 meses
Puntos: 12
Respuesta: Separación de palabras en un párrafo

Para separar palabras tendrás que recurrir a lenguajes de programación tipo php, yo de tí me pasaría por el foro de php, o sino que muevan el tema.
__________________
Juego de navegador online
  #4 (permalink)  
Antiguo 04/02/2010, 10:05
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Separación de palabras en un párrafo

Cita:
Iniciado por morior Ver Mensaje
Para separar palabras tendrás que recurrir a lenguajes de programación tipo php, yo de tí me pasaría por el foro de php, o sino que muevan el tema.
En este caso no es necesario usar un lenguaje en el servidor, sino más bien dividir las palabras conforme él las quiere ver.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 04/02/2010, 10:06
 
Fecha de Ingreso: julio-2003
Mensajes: 209
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Separación de palabras en un párrafo

Hola, muchas gracias a los dos. Sólo por si no me expliqué del todo bien: yo lo que quiero es que no se separe la palabra "Azul marino", quiero que quede así:

Azul Rojo
Azul marino
Verde Amarillo

Muchas gracias por lo del word-break, voy a probar :)
  #6 (permalink)  
Antiguo 04/02/2010, 11:25
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Separación de palabras en un párrafo

Hola, span es un elemento de linea, prueba a cambiarle el display a block.

Salud!
  #7 (permalink)  
Antiguo 05/02/2010, 03:39
 
Fecha de Ingreso: julio-2003
Mensajes: 209
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Separación de palabras en un párrafo

Genial, muchas gracias!! Con inline-block va bien, el problema es que en Iexplorer no es que funcione con mucha lógica pero eso ya es un problema menor
  #8 (permalink)  
Antiguo 05/02/2010, 17:35
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: Separación de palabras en un párrafo

Hola:

También la puedes poner así:

Azul&nbsp;marino

Saludos.

  #9 (permalink)  
Antiguo 06/02/2010, 02:08
 
Fecha de Ingreso: julio-2003
Mensajes: 209
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Separación de palabras en un párrafo

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

También la puedes poner así:

Azul&nbsp;marino

Saludos.

Waa que fácil! y parece que funciona en todos los navegadores! que buena idea. Gracias a ti también.

Etiquetas: palabras, párrafo
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 02:07.