Foros del Web » Creando para Internet » CSS »

Separación de anómala entre párrafos

Estas en el tema de Separación de anómala entre párrafos en el foro de CSS en Foros del Web. Me estoy volviendo loca porque, con el código que veis a continuación, los párrafos no se comportan como yo esperaba: Código: example {float: left; display: ...
  #1 (permalink)  
Antiguo 15/12/2009, 03:25
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Pregunta Separación de anómala entre párrafos

Me estoy volviendo loca porque, con el código que veis a continuación, los párrafos no se comportan como yo esperaba:

Código:
example {float: left; display: block; margin-left: 20px; width: 410px;}
En vez de dos saltos de línea separando los distintos párrafos, sólo hay uno, por lo que resulta muy difícil leer el texto. Es decir, sí hay puntos y aparte, pero ésa es toda la diferencia entre uno y otro párrafo. Si quiero que estén separados entre sí normalmente, tengo que pulsar Enter tres veces, y no debería ser así.

Dejando aparte margin-left y width, que sí espero estar entendiéndolos bien, ¿qué es lo que me estoy perdiendo de float y/o display?

Gracias de antemano por leerme.

Última edición por Daphne; 15/12/2009 a las 03:57 Razón: El número de veces que hay que pulsar Enter es tres, no dos
  #2 (permalink)  
Antiguo 15/12/2009, 03:50
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Separación de anómala entre párrafos

no comprendo bien tu explicacion, aunque entiendo que quieres separar cada parrafo por dos lineas. ¿podrias mostrar un ejemplo de la maquetacion de los parrafos? de momento creo que lo unico que tienes que hacer es asignar un margin-top o margin-bottom a los parrafos.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 15/12/2009, 03:55
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Separación de anómala entre párrafos

Así sale el texto ahora:

Cita:
Me doy cuenta de que he dicho mal una de las cosas anteriores. Para separar dos párrafos hay que dar Enter tres veces, no dos, y eso es lo anormal.
Ponerte un ejemplo, es sencillo. No hace falta ni siquiera una captura de pantalla.
Tal como está el código ahora, los párrafos quedan así de horribles en vez de como deberían quedar (ver ejemplo de abajo).
Esto es lo que quiero:

Cita:
Me doy cuenta de que he dicho mal una de las cosas anteriores. Para separar dos párrafos hay que dar Enter tres veces, no dos, y eso es lo anormal.

Ponerte un ejemplo, es sencillo. No hace falta ni siquiera una captura de pantalla.

Tal como está el código ahora, los párrafos quedan así de horribles en vez de como deberían quedar (ver ejemplo de abajo).

Última edición por Daphne; 15/12/2009 a las 03:56 Razón: Mayor claridad
  #4 (permalink)  
Antiguo 15/12/2009, 03:58
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Separación de anómala entre párrafos

¿alguna razon de por qué aplicarle float:left;? en todo caso es normal si le aplicas float porque dicha propiedad hace que el flujo del elemento sea diferente. si necesitas el float, aplicale clear:right;. en adicion, tienes que aplicarle un margin-top o margin-bottom.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 15/12/2009, 04:05
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Separación de anómala entre párrafos

La razón es que a la izquierda hay otro <div> que tiene que quedar a la misma altura que estos <div> con los que estoy teniendo problemas.

Sabía que el float cambiaba el flujo del elemento, pero lo de los párrafos se me ha hecho raro. Yo diría que no me había pasado nunca antes.

Probaré añadiendo un margin-bottom. Gracias.
  #6 (permalink)  
Antiguo 15/12/2009, 04:49
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Separación de anómala entre párrafos

Nada. No sirve. Además, es que no cambia nada, como si le pongo margin-bottom veinte mil, que le da igual. No entiendo qué puede estar pasando.

Si a alguien se le ocurre algo, por favor, necesito ayuda.
  #7 (permalink)  
Antiguo 15/12/2009, 04:56
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Separación de anómala entre párrafos

muestra la estructura HTML. estoy asumiendo que tienes el codigo de los parrafos como sigue.
Código:
<p>Me doy cuenta de que he dicho mal una de las cosas anteriores. Para separar dos párrafos hay que dar Enter tres veces, no dos, y eso es lo anormal.</p>

<p>Ponerte un ejemplo, es sencillo. No hace falta ni siquiera una captura de pantalla.</p>

<p>Tal como está el código ahora, los párrafos quedan así de horribles en vez de como deberían quedar (ver ejemplo de abajo).</p>
y por cierto, un ejemplo para que lo puedas visualizar funcionando, con el mismo ejemplo anterior.
Código:
p{
float:left;
clear:left;
margin:0 0 1em;
width:300px;
background:#ccc;
}
y me equivoque en algo, era clear:left; para que cada parrafo quede uno debajo del otro.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #8 (permalink)  
Antiguo 15/12/2009, 05:15
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Separación de anómala entre párrafos

Los párrafos ya quedan uno debajo del otro, lo que no hacen es quedar separados a una distancia de separación normal entre párrafos y no sé cómo definir eso.

He probado clear: left y se descuadran los <div> que precisamente quiero mantener a la misma altura con el float: left. Es decir, el <div> de los párrafos anómalos aparece un poco por debajo del otro <div> con el que debería estar alineados horizontalmente.

¿Alguna otra sugerencia?
  #9 (permalink)  
Antiguo 15/12/2009, 05:27
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Separación de anómala entre párrafos

¿otra sugerencia? si tienes el documento en la web, señala la URL. sino, muestranos el codigo fuente de las partes implicadas. no puedo seguir adivinando sin saber como tienes el documento.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #10 (permalink)  
Antiguo 15/12/2009, 05:40
 
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 320
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Separación de anómala entre párrafos

Si supiera dónde está el fallo, sabría lo que tengo que mostraros. Sólo sé que en cuanto le aplico la class=example (definida en el primer mensaje) a cualquier texto, los párrafos se empiezan a comportan de esta manera.

Por eso he supuesto que el fallo debería estar (aunque sigo sin explicarme cómo) necesariamente en las líneas que he pegado al principio del hilo.

Estoy tan perdida que no sé qué más "partes implicadas" puede haber.

Última edición por Daphne; 15/12/2009 a las 05:41 Razón: Aclaración
  #11 (permalink)  
Antiguo 15/12/2009, 05:54
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Separación de anómala entre párrafos

muestra todo el codigo, tanto html como css. entiendo que el codigo que has mostrado esta relacionado con los parrafos, pero se necesita saber la estructura de los elementos y los estilos aplicados. los parrafos pueden estar afectados por multiples propiedades y eso es lo que necesito determinar, cuales son. de lo contrario, no se que mas decirte.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
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 19:59.