Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] parrafos

Estas en el tema de parrafos en el foro de CSS en Foros del Web. Hola, al editar un párrafo la primera linea de texto se mueve hacia la derecha, es decir no queda justificada, y la verdad no he ...
  #1 (permalink)  
Antiguo 09/12/2013, 10:16
 
Fecha de Ingreso: diciembre-2013
Ubicación: bogota
Mensajes: 10
Antigüedad: 10 años, 4 meses
Puntos: 0
parrafos

Hola,
al editar un párrafo la primera linea de texto se mueve hacia la derecha, es decir no queda justificada, y la verdad no he podido encontrar el por que, por favor si alguien sabe que me guíe,

muchas gracias
  #2 (permalink)  
Antiguo 09/12/2013, 14:53
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: parrafos

Pon el código.

Aunque lo normal es que no se justifique la última linea, no la primera.
  #3 (permalink)  
Antiguo 09/12/2013, 17:07
 
Fecha de Ingreso: diciembre-2013
Ubicación: bogota
Mensajes: 10
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: parrafos

Gracias mira este es el html:

Código HTML:
Ver original
  1. <div id="porcentajesanteriores" class="fluid">El <span style="color: #009E00; font-size:medium">75%</span> de los participantes a la Reunión del Concreto ha asistido al menos a otra y un <span style="color: #F40004 ; font-size:medium">30%</span> ha sido fiel y no ha faltado a ninguna.
  2.     Participar en la Reunión del Concreto, significa interactuar con mas de <span style="color: #F2A400; font-size:medium">2.000</span> ingenieros, constructores, colombianos y extranjeros, dispuestos a ver, conocer, aprender y actualizarse en el sector y en su profesión.</div>

y este el css:

Código CSS:
Ver original
  1. #porcentajesanteriores {
  2. width: 100%;
  3. margin-left: 0;
  4. clear: both;
  5. }

ojalá me puedas ayudar, la verdad estoy revisando un back que tengo cuando la empece a crear y no tiene ese problema y el css esta igual, y la verdad no se donde mas revisar.

Muchas gracias.

Última edición por pzin; 09/12/2013 a las 17:09 Razón: formato código
  #4 (permalink)  
Antiguo 09/12/2013, 17:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: parrafos

Usa highlight cuando publiques código.

Pues no se reproduce el problema con ese código: http://jsfiddle.net/8Se2L
  #5 (permalink)  
Antiguo 09/12/2013, 17:18
 
Fecha de Ingreso: diciembre-2013
Ubicación: bogota
Mensajes: 10
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: parrafos

Gracias nuevamente

no se si es alguna configuración general ya que me pasa en todos los párrafos este es el enlace de la pagina para que veas el problema: http://www.asocreto.org.co/web_rc2014/
no se en que parte del código se pueda ver afectado esto.
  #6 (permalink)  
Antiguo 09/12/2013, 17:31
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: parrafos

El problema viene por aquí:

Código CSS:
Ver original
  1. .gridContainer {
  2.   text-indent: 4px;
  3. }

Realmente te pasa en toda la web, pero no se aprecia tanto sino en el lugar que comentas. Si usas el inspeccionar de elementos, al desactivar y volver a activar esa propiedad verás que todo se mueve cuatro píxeles.

De todas formas para ese texto deberías de usar unos párrafos, no unas listas.
  #7 (permalink)  
Antiguo 10/12/2013, 07:11
 
Fecha de Ingreso: diciembre-2013
Ubicación: bogota
Mensajes: 10
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: parrafos

Muchas gracias, problema resuelto, tendré en cuenta la sugerencia de usar párrafos......


Etiquetas: parrafos
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 14:50.