![]() |
#16 |
Connoisseur
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 60
Karma: 6698
Join Date: Sep 2022
Location: South Africa
Device: kindle pw10
|
Just tried Brett Markey's suggestion (#3).
It does exactly what I want. Thanks Brett. |
![]() |
![]() |
![]() |
#17 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,655
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
|
![]() |
![]() |
Advert | |
|
![]() |
#18 |
Connoisseur
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 60
Karma: 6698
Join Date: Sep 2022
Location: South Africa
Device: kindle pw10
|
Personal.
What's the difference? Last edited by skil-phil; 04-19-2024 at 06:48 AM. |
![]() |
![]() |
![]() |
#19 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,655
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
The difference is how you do the code. For personal you do what you want that works. For sale, you do what works best in most cases. For example, you do not use pseudo code but instead do <span> in a book for sale because the <span> is the most compatible.
|
![]() |
![]() |
![]() |
#20 |
Well trained by Cats
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 30,263
Karma: 57979022
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
|
![]() |
![]() |
Advert | |
|
![]() |
#21 |
Connoisseur
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 60
Karma: 6698
Join Date: Sep 2022
Location: South Africa
Device: kindle pw10
|
Thanks, understand the difference.
|
![]() |
![]() |
![]() |
#22 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,655
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
If you are selling, you have to use the simplest most compatible code possible.
|
![]() |
![]() |
![]() |
#23 | |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 984
Karma: 1183425
Join Date: Dec 2016
Location: Goiânia - Brazil
Device: iPad, Kindle Paperwhite
|
Quote:
Code:
hr.scenebreak:before { content: "* * * "; } |
|
![]() |
![]() |
![]() |
#24 |
Not Quite Dead
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 194
Karma: 654170
Join Date: Jul 2015
Device: Paperwhite 4; Galaxy Tab
|
Yes, I prefer to use hr as well. I read that screen-readers prefer it. In fact, I don't even bother giving the horizontal rule a class. I answered the OP without bringing up these secondary issues.
To be clear however, when using the horizontal rule to do that job, it is best to keep things simple and not bother combining it with the pseudo-element technique. Last edited by Brett Merkey; 04-21-2024 at 09:14 AM. Reason: to be clear... |
![]() |
![]() |
![]() |
#25 | |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 984
Karma: 1183425
Join Date: Dec 2016
Location: Goiânia - Brazil
Device: iPad, Kindle Paperwhite
|
Quote:
The proper HTML element to create a thematic breaks is hr. Assistive technologies will understand that. If you use a p or a div, AT may try to read it (if 'content' is present). As for styling, you can decide. On most (all?) browsers and reading systems, if no CSS is applied, then you have a horizontal rule for the hr element. But you can style it differently, without loosing the correct semantic. |
|
![]() |
![]() |
![]() |
#26 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,655
Karma: 134254544
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
I use a 20% wide 2px line for a section break. I use <hr/> for that. The CSS has the code for the space above and below the line. It works rather well. And it looks so much better then *** or * * *. IMHO, the asterisks look tacky.
|
![]() |
![]() |
![]() |
#27 | |
the rook, bossing Never.
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 12,235
Karma: 89531599
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper11
|
Quote:
But the three * * * (a flat asterism) is traditional. The hr line is a web originated thing. |
|
![]() |
![]() |
![]() |
#28 |
Not Quite Dead
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 194
Karma: 654170
Join Date: Jul 2015
Device: Paperwhite 4; Galaxy Tab
|
Suspecting that asterism was being used incorrectly, I looked it up:
https://en.wikipedia.org/wiki/Asterism_%28typography%29 The thing we are discussing is actually called a dinkus. (!) This word looks somewhat risqué and probably should not be used in polite society. Learn something new every day... Last edited by Brett Merkey; 04-21-2024 at 07:17 PM. |
![]() |
![]() |
![]() |
#29 | |
Not Quite Dead
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 194
Karma: 654170
Join Date: Jul 2015
Device: Paperwhite 4; Galaxy Tab
|
I don't like those tacky asterisks either. I use a lozenge-shaped visual:
Quote:
|
|
![]() |
![]() |
![]() |
#30 | |
null operator (he/him)
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 20,831
Karma: 27620684
Join Date: Mar 2012
Location: Sydney Australia
Device: none
|
Quote:
Syntaxes all of us, and semantic is not a noun. BR |
|
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
A CSS question | Woodssi | Sigil | 4 | 01-18-2022 08:36 PM |
css question | ralphiedee | Sigil | 74 | 12-23-2012 06:29 AM |
CSS Question | jackibar | Sigil | 24 | 03-01-2012 09:12 AM |
CSS question | crutledge | Workshop | 17 | 12-17-2011 07:52 AM |
CSS Question | AppleTard | Calibre | 1 | 06-12-2011 12:07 AM |