Sangrado en fb2 (con coolreader más concretamente)

[johansolo]

Viene de los mensajes http://www.lectoreselectronicos.com/...ll=1#post59650 y http://www.lectoreselectronicos.com/...ll=1#post61605 y los contesto abriendo este hilo porque se desvía completamente del tema original.

Una consulta de profano. Después de trastear con el css y con las listas, no consigo que la sangría se quede como si hiciera una lista en html, es decir, con el 1., 2., 3.... sobresaliendo por la izquierda y el resto del texto haciendo sangría. No sé si me he explicado bien.
He trasteado con el indent y el margin, hasta incluso poniéndolos en negativo pero nada.
¿Habrá alguna manera de hacerlo, modificando tu css?
Gracias de antemano.

Parece que necesitas el padding-left: que, además (cosa increíble), veo que aparentemente si está soportado por el CoolReader (otra cosa es que funcione). Se usa para estas cosas, y también para otros tipos de sangría, como por ej. la francesa junto con el text-indent, etc.

He visto el mensaje de pepebook después de leer la contestación de jotas.

Ultimamente me he estado peleando bastante con el formato y entre otras cosas con las sangrías.

Las modificaciones de estilo que admite coolreader por css funcionan casi igual que las que admiten los navegadores web, pero entre otras cosas que no funcionan igual están los sangrados.

Para hacer un sangrado normal se usa la propiedad text-indent con valores positivos.

La propiedad text-indent mueve la primera línea tanto como tu le digas.

En cambio la propiedad padding-left mueve todo el párrafo lo que tú le digas.

Un ejemplo que puedes pegar en un fb2 que edites:

<p style="text-indent:3em">Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría.</p>

<p>Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría.</p>

En páginas sobre css he visto que la forma de hacer sangría francesa es poniendo valores negativos a text-indent y algún valor positivo a padding-left, pero el coolreader simplemente no admite esa opción, o yo al menos no he conseguido que lo admita.

Volviendo al ejemplo de antes:

<p style="padding-left:3em; text-indent:-3em">Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría. Esto tiene sangría.</p>

<p style="padding-left:3em">Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría. Esto NO tiene sangría.</p>

Al menos de la forma normal no he sabido hacerlo, si alguien averigua como se puede estaría muy agradecido si lo contara aquí.

[pepebook]

Es verdad que en html no hay problema con el text indent negativo, pero también es cierto que no consigo hacerlo funcionar con los archivos fb2 y el CoolReader. El padding-left si que lo coge bien pero no el text-indent negativo.
No obstante seguiré intentando.

[jotas]

Creo que el text-indent negativo no funciona, efectivamente, me suena haberlo probado alguna vez.

Los CoolReader nuevos traen bastantes correcciones y mejoras en el tratamiento de las CSS, se pudiera probar otra vez.

De todas formas, Buggins acaba de poner un mensaje interesante precisamente de cosas útiles para el asunto inicial, que ni conocía pudiera hacer el CR:



The CSS is added is not described in the wiki support:

text-align-last and text-indent: hanging

Suitable for poetry:

v { text-align: justify; text-align-last: right; text-indent: 2em hanging }

Also in the wiki does not support described, numbered and unnumbered lists:

display: list-item; list-style-type:

[johansolo]

De todas formas, Buggins acaba de poner un mensaje interesante precisamente de cosas útiles para el asunto inicial, que ni conocía pudiera hacer el CR:



The CSS is added is not described in the wiki support:

text-align-last and text-indent: hanging

Suitable for poetry:

v { text-align: justify; text-align-last: right; text-indent: 2em hanging }

Also in the wiki does not support described, numbered and unnumbered lists:

display: list-item; list-style-type:

¿Puedes poner un enlace a ese mensaje? Que no estoy familiarizado con el foro donde postea Buggins.

[Terisa]

Gracias por el item text-align-last. Es una propiedad que no conocía, y tengo que ver si la acepta el mobipocket, porque si es así me va a venir muy bien para las citas. Lo del hanging, el primo hermano de la sangría francesa, también lo tomaré en cuenta por si

[jotas]

¿Puedes poner un enlace a ese mensaje? Que no estoy familiarizado con el foro donde postea Buggins.

Pues donde siempre, la madre de todas las madres y de dónde, en tiempos por una parte tan lejanos y por otra parte tan cercanos, pudimos empezar a conocer y extraer nuestra, entonces inexistente o casi nula, e incluso en ocasiones desaparecida y borrada (San Google), información y material de cualquier tema interesante o relacionado:

http://www.the-ebook.org/forum/viewt...=445752#445752

[jotas]

Gracias por el item text-align-last. Es una propiedad que no conocía, y tengo que ver si la acepta el mobipocket, porque si es así me va a venir muy bien para las citas. Lo del hanging, el primo hermano de la sangría francesa, también lo tomaré en cuenta por si

si... si? .. si? ... tut .. tut .. tut ... tut .. tut... ¿se cortó la linea de teléfono?

Hala, dale fuerte al Mobi ese y el lector de tus amores, y que haya suerte, que aunque separados parece que nos vamos quedando el rincón y lado oscuro de los lectores cada día un poco más.

[Terisa]

si... si? .. si? ... tut .. tut .. tut ... tut .. tut... ¿se cortó la linea de teléfono?

Hala, dale fuerte al Mobi ese y el lector de tus amores, y que haya suerte, que aunque separados parece que nos vamos quedando el rincón y lado oscuro de los lectores cada día un poco más.

Sí, es lo que pasa cuando te llaman a cenar Y sí, parece que nos quedamos en el lado oscuro fuera de Amazon

[pepebook]

Creo que el text-indent negativo no funciona, efectivamente, me suena haberlo probado alguna vez.

Los CoolReader nuevos traen bastantes correcciones y mejoras en el tratamiento de las CSS, se pudiera probar otra vez.

De todas formas, Buggins acaba de poner un mensaje interesante precisamente de cosas útiles para el asunto inicial, que ni conocía pudiera hacer el CR:



The CSS is added is not described in the wiki support:

text-align-last and text-indent: hanging

Suitable for poetry:

v { text-align: justify; text-align-last: right; text-indent: 2em hanging }

Also in the wiki does not support described, numbered and unnumbered lists:

display: list-item; list-style-type:

Funciona y funciona bien, hace lo que yo quería que hiciera y lo hace bien.
Gracias por escucharnos a los "plastas" que pedimos, pedimos, pedimos y seguimos pidiendo. Era lo único que me faltaba para redondear el "aparatillo", todo lo demás, gracias a tí, va perfecto.

[jotas]

En páginas sobre css he visto que la forma de hacer sangría francesa es poniendo valores negativos a text-indent y algún valor positivo a padding-left, pero el coolreader simplemente no admite esa opción, o yo al menos no he conseguido que lo admita.

Me dice el boss que pasa de añadir o permitir valores negativos para esa u otras propiedades, pero que probemos a hacerlo de la siguiente forma:

{ text-indent: 2em hanging;  }