Foros del Web » Creando para Internet » CSS »

texto cortado

Estas en el tema de texto cortado en el foro de CSS en Foros del Web. Una pequeña duda amigos, cuando ingreso un texto en mi WP, el texto se corta y le pone una rayita, ejemplo: “Mire alrededor y verá ...
  #1 (permalink)  
Antiguo 26/04/2013, 16:53
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.033
Antigüedad: 13 años, 10 meses
Puntos: 8
texto cortado

Una pequeña duda amigos, cuando ingreso un texto en mi WP, el texto se corta y le pone una rayita, ejemplo:

“Mire alrededor y verá aflicción; mire hacia su interior, y se sen-
tirá deprimido; mire a Jesús y tendrá reposo.”

Cómo puedo solucionarlo?

esta es la web

Saludos
  #2 (permalink)  
Antiguo 27/04/2013, 18:54
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 8 años, 8 meses
Puntos: 192
Respuesta: texto cortado

Podrías haber puesto una página en particular donde se observe el problema :P


Esos son guiones (en inglés "hyphens"). Si el texto está justificado, a mi me gustan los guiones pues ayudan a la legibilidad (no me gusta el texto justificado en web).

En tu sitio, encontré las siguientes reglas en tu hoja de estilos (style.css):

Código CSS:
Ver original
  1. .widget-area .widget {
  2.     -webkit-hyphens: auto;
  3.     -moz-hyphens: auto;
  4.     hyphens: auto;
  5.     [...]
  6. }
  7.  
  8. .site-content article {
  9.          [...]
  10.     -webkit-hyphens: auto;
  11.     -moz-hyphens: auto;
  12.     hyphens: auto;
  13. }

Simplemente eliminá:

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

en ambas reglas.
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 29/04/2013, 08:14
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.033
Antigüedad: 13 años, 10 meses
Puntos: 8
Respuesta: texto cortado

Muchas gracias amigo, excelente respuesta
  #4 (permalink)  
Antiguo 29/04/2013, 21:12
jeissondav1
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: texto cortado

Cita:
Iniciado por Naahuel Ver Mensaje
Podrías haber puesto una página en particular donde se observe el problema :P


Esos son guiones (en inglés "hyphens"). Si el texto está justificado, a mi me gustan los guiones pues ayudan a la legibilidad (no me gusta el texto justificado en web).

En tu sitio, encontré las siguientes reglas en tu hoja de estilos (style.css):

Código CSS:
Ver original
  1. .widget-area .widget {
  2.     -webkit-hyphens: auto;
  3.     -moz-hyphens: auto;
  4.     hyphens: auto;
  5.     [...]
  6. }
  7.  
  8. .site-content article {
  9.          [...]
  10.     -webkit-hyphens: auto;
  11.     -moz-hyphens: auto;
  12.     hyphens: auto;
  13. }

Simplemente eliminá:

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

en ambas reglas.
gracias desconocia esas utilidades c:
  #5 (permalink)  
Antiguo 29/04/2013, 21:14
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 8 años, 8 meses
Puntos: 192
Respuesta: texto cortado

Tené en cuenta que está en estado experimental todavía
https://developer.mozilla.org/en-US/docs/CSS/hyphens
__________________
nahueljose.com.ar

Etiquetas: cortado
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 17:13.