Saltos de línea en texto web

Hola, voy a estrenarme en este foro tan interesante con la siguiente pregunta: ¿cómo se hace para que dentro de un texto web haya puntos y aparte -o sea, un salto de línea-, y que además en la línea que empieza bajo cada uno de ellos se respete la sangría izquierda? He probado a usar la etiqueta
en el html, aplicando a la vez estilos con CSS. El resultado es perfecto en todo -color, fuente, márgenes-, salvo en la sangría izquierda predeterminada en el CSS, que sólo se aplica en la pimera línea del texto.

¿Alguien sabe cómo puedo lograr que se mantenga esa sangría izquierda tras los puntos y aparte?

Gracias anticipadas y un saludo al foro :wink:

Se aplica colocando "text-indent: XXpx" entre los corchetes del elemento al que se lo queremos aplicar en la hoja de estilos.

osea ke si tu parrafo esta dentro del div contenido en la hoja de estilos tendras ke poner:

#contenido p {text-indent: 15px}

Insomne escribió:Hola, voy a estrenarme en este foro tan interesante con la siguiente pregunta: ¿cómo se hace para que dentro de un texto web haya puntos y aparte -o sea, un salto de línea-, y que además en la línea que empieza bajo cada uno de ellos se respete la sangría izquierda? He probado a usar la etiqueta
en el html, aplicando a la vez estilos con CSS. El resultado es perfecto en todo -color, fuente, márgenes-, salvo en la sangría izquierda predeterminada en el CSS, que sólo se aplica en la pimera línea del texto.

¿Alguien sabe cómo puedo lograr que se mantenga esa sangría izquierda tras los puntos y aparte?

Gracias anticipadas y un saludo al foro :wink:

Hola:
A lo mejor yo estoy equivocado al entender tu pregunta, me imaginaba que preguntabas poner un punto y aparte pero dentro del mismo párrafo como por ejemplo el salto de línea que produce el BR que no es como el que produce el párrafo ya que el párrafo pone mucho mas espacio entre el término de uno y comienzo del otro. Como si tuvieses un texto que ocupara unas cinco líneas pero que en la tercera quisieras un punto y aparte pero que no se convierta en otro párrafo, si no que siguiera perteneciendo al párrafo pero que comience en la siguiente línea. Creo que años atrás se podía hacer con la BR y con los UL . Era algo como poner la BR y a continuación los UL, dándoles a los UL de esa capa unos margin o paddin (no lo recuerdo bien) pero desde que comenzaron a normalizar las directivas , esos arreglos dejaron de ser.
Saludos
A lo mejor no era eso lo que preguntabas. Así que de ante mano disculpa.

Gracias por vuestras rápidas respuestas. En efecto, Bobby, entre los valores que he incluido en el CSS está la indentación -el text-indent-; el problema (y misterio para mí) es que sólo se aplica ese text-indent únicamente a la primera línea del texto. En el momento en que fuerzo un punto y aparte, la siguiente línea no tiene esa sangría predeterminada, y empieza directamente bajo la línea anterior.

Raulyure, no me debes disculpa alguna, en primer lugar porque intentas ayudarme, y en segundo lugar porque has interpretado correctamente mi pregunta. Sí, mi problema con los puntos y aparte es justo tal y como lo describes; de momento voy a seguir probando a ver si lo soluciono.

Gracias de nuevo y un saludo 8)

Si escribes
#contenido p {text-indent: 15px}
aki lo ke estas ordenando eske tengan sangria:

todos los parrafos con alineacion a la izkierda o justuficada ke se encuentren dentro del contenido y dentro de las etiketas

</p>

si tienes parrafos fuera del div contenido o fuera de las etiketas

</p> tendras ke cambiar la orden

coloca varios
.
OJO SIN </br> eso no :D:D

Probaré eso de los
seguidos que mencionas, zoirprithoxd. Bobby, amable tu indicación se cumple para los párrafos independientes, pero creo que no resulta en el caso de los puntos y aparte dentro de cada párrafo. De hecho, en mi css para el div #contenido tengo especificado un text-indent, que sin embargo sólo es aplicado a la primera línea de cada párrafo.

Como dato curioso puedo decir que ayer probé a solucionarlo forzando primero el punto y aparte con un
, y luego aplicando <span style="text-indent: 20px;"> (con su correspondiente cierre </span>) a la primera palabra de la nueva línea. Por alguna razón que se me escapa, al principio surtió efecto, pero luego lo repetí varias veces y no hubo manera de obtener el dichoso sangrado :shock: . ¿Tendrá algo que ver que sea un texto cortado y pegado desde un procesador (Abiword en mi caso), o es que simplemente eso del <span> no sirve para tal cometido? :roll:

Un saludo al foro.

Insomne escribió:Hola, voy a estrenarme en este foro tan interesante con la siguiente pregunta: ¿cómo se hace para que dentro de un texto web haya puntos y aparte -o sea, un salto de línea-, y que además en la línea que empieza bajo cada uno de ellos se respete la sangría izquierda? He probado a usar la etiqueta
en el html, aplicando a la vez estilos con CSS. El resultado es perfecto en todo -color, fuente, márgenes-, salvo en la sangría izquierda predeterminada en el CSS, que sólo se aplica en la pimera línea del texto.

¿Alguien sabe cómo puedo lograr que se mantenga esa sangría izquierda tras los puntos y aparte?

Gracias anticipadas y un saludo al foro :wink:

Hola:
Por lo que yo se, existe una directiva que permite mostrar el texto tal cual se encuentra en el código fuente, se llama <PRE>, su cometido es delimitar un texto que se quiere mostrar con el formato propio del código fuente, lo que normalmente se traduce en un tipo de texto proporcional respetando espacios, saltos de línea, tabuladores etc.
Saludos.

Parece interesante eso del <PRE> ¿Podrías ponerme un ejemplo de cómo se usa?-o sea, qué parte del código debo incluir esa etiqueta-?

Insomne escribió:Hola, voy a estrenarme en este foro tan interesante con la siguiente pregunta: ¿cómo se hace para que dentro de un texto web haya puntos y aparte -o sea, un salto de línea-, y que además en la línea que empieza bajo cada uno de ellos se respete la sangría izquierda? He probado a usar la etiqueta
en el html, aplicando a la vez estilos con CSS. El resultado es perfecto en todo -color, fuente, márgenes-, salvo en la sangría izquierda predeterminada en el CSS, que sólo se aplica en la pimera línea del texto.

¿Alguien sabe cómo puedo lograr que se mantenga esa sangría izquierda tras los puntos y aparte?

Gracias anticipadas y un saludo al foro :wink:

Hola:
Pues acabo de probar esa directiva, realmente es un preformateado , porque te convierte el texto en la Courier parece ser pero de que da resultado claro que lo da,
Hice la prueba poniendo la directiva dentro de un párrafo, por ejemplo:

<PRE>Cuando se habla de los separadores en html, se suele decir que eran sistemáticamente ignorados por los navegadores.
después del br he puesto dos espacios y la línea a comenzado abajo respetando esos espacios</PRE> solo que te cambia un poco el formato del texto como te lo dije anteriormente creo que a Courier, así que no se si eso te valdrá, y de antemano disculpa por la extensión de esta respuesta.
Saludos
Habrá que probar

Tranquilo, Raulyure, a menudo las respuestas largas son las más útiles precisamente por ser las más detalladas. De todas formas ya he dado con una solución: poner "text-indent: 0;" en el archivo css general, y luego insertar la primera palabra tras el punto y aparte entre <span style="margin-left: 20px;"> y </span>.

Gracias a todos por vuestras sugerencias. 8)