List styling - dislay: none - Page 2

JSWolf · 09-14-2023, 08:36 AM

Here is the CSS and HTML I would use for your lists.

HTML

Code:

<blockquote>
<p class="list">Virginia Creeper, Creeping</p>

CSS

Code:

blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-left: 1.5em;
}
.blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 0;
  margin-left: 1.5em;
}
.list {
  margin-left: 1.2em;
  text-indent: -1.2em;
}

Then you you get to the end of the first stanza...

Code:

</blockquote>
<blockquote>

For the last stanza, use...

Code:

<blockquote class="blockquote">

To prevent the chance of a blank page depending on settings.

WV-Mike · 09-14-2023, 10:25 AM

Quote:

Originally Posted by JSWolf

Here is the CSS and HTML I would use for your lists.

I added that to the page.
Weirdly enough ReadEra renders the text in italics.

I added : text-decoration: none;
to:
.list {
margin-left: 1.2em;
text-indent: -1.2em;
}
But it still renders as italicized in ReadEra
Thanks,
WV-Mike

Quote:

Originally Posted by JSWolf

HTML

Code:

<blockquote>
<p class="list">Virginia Creeper, Creeping</p>

CSS

Code:

blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-left: 1.5em;
}
.blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 0;
  margin-left: 1.5em;
}
.list {
  margin-left: 1.2em;
  text-indent: -1.2em;
}

Then you you get to the end of the first stanza...

Code:

</blockquote>
<blockquote>

For the last stanza, use...

Code:

<blockquote class="blockquote">

To prevent the chance of a blank page depending on settings.

Jellby · 09-14-2023, 12:52 PM

If you want any kind of control on display, you just need to remember three words: don't use lists.

WV-Mike · 09-14-2023, 03:50 PM

Quote:

Originally Posted by Jellby

If you want any kind of control on display, you just need to remember three words: don't use lists.

By "list" do you mean these tags: ol, ul, li ?

If so, the above CSS/HTML provided by JSWolf is not a list.
Correct?

Thanks,
WV-Mike

Jellby · 09-14-2023, 03:57 PM

Right. With lists I mean the HTML list tags (<ol>, <ul>, <dl>).

rjwse@aol.com · 09-15-2023, 08:15 AM

There are so many kinds of lists. Have a look at this file in calibre's tag editor for ideas. Best Regards, Pop

WV-Mike · 09-15-2023, 12:53 PM

Quote:

Originally Posted by rjwse@aol.com

There are so many kinds of lists. Have a look at this file in calibre's tag editor for ideas. Best Regards, Pop

Thanks, Pop

WV-Mike

09-14-2023, 08:36 AM	#16
JSWolf Resident Curmudgeon Posts: 80,677 Karma: 150249619 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Here is the CSS and HTML I would use for your lists. HTML Code: <blockquote> <p class="list">Virginia Creeper, Creeping</p> CSS Code: blockquote { margin-top: 1em; margin-right: 1.5em; margin-bottom: 1em; margin-left: 1.5em; } .blockquote { margin-top: 1em; margin-right: 1.5em; margin-bottom: 0; margin-left: 1.5em; } .list { margin-left: 1.2em; text-indent: -1.2em; } Then you you get to the end of the first stanza... Code: </blockquote> <blockquote> For the last stanza, use... Code: <blockquote class="blockquote"> To prevent the chance of a blank page depending on settings. Last edited by JSWolf; 09-14-2023 at 08:39 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
TOC styling	stellatus	Editor	2	02-19-2022 05:32 PM
Styling of the dictionary in Neoreader	Markismus	Onyx Boox	1	10-26-2020 04:34 AM
Styling of H1 not as expected	Arkadian	Conversion	5	09-09-2014 05:49 AM
Styling lists	democrite	ePub	12	01-17-2013 02:03 PM

09-14-2023, 12:52 PM	#18
Jellby frumious Bandersnatch Posts: 7,570 Karma: 20150435 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	If you want any kind of control on display, you just need to remember three words: don't use lists.

09-14-2023, 03:57 PM	#20
Jellby frumious Bandersnatch Posts: 7,570 Karma: 20150435 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Right. With lists I mean the HTML list tags (<ol>, <ul>, <dl>).

Advert

Advert