![]() |
#61 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,763
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
![]() |
![]() |
![]() |
#62 |
Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
I generally recommend using a visually distinct font for headings. In particular, using a sans serif font for headings in conjunction with a serif main body font tends to make the distinction between normal text and headings very obvious even if the font sizes are similar. You could also move to a condensed font for smaller headings, allowing you to have less of a vertical size difference than you would otherwise need.
Last edited by dgatwood; 12-23-2015 at 07:36 PM. |
![]() |
![]() |
![]() |
#63 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
just FYI... hyperlinks can be styled in css too. They don't have to be blue and underlined...
|
![]() |
![]() |
![]() |
#64 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,763
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
But if you have the header some style that shows it's a link, then it looks ugly. You need to show that a link is a link and chapter headers that are links are ugly and obsolete as well.
|
![]() |
![]() |
![]() |
#65 |
Addict
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 316
Karma: 3200000
Join Date: Oct 2015
Location: Madison, WI
Device: Kindle 5th Gen
|
It sorta does weird things to my head to imagine any sort of header linking you AWAY from the content that directly follows it.
|
![]() |
![]() |
![]() |
#66 |
Unicycle Daredevil
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 13,944
Karma: 185432100
Join Date: Jan 2011
Location: Planet of the Pudding Brains
Device: Aura HD (R.I.P. After six years the USB socket died.) tolino shine 3
|
I think it's OK to use headers as backlinks to a TOC, especially if you have an omnibus edition with more than one level of TOCs.
|
![]() |
![]() |
![]() |
#67 | |
Karmaniac
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 2,553
Karma: 11499146
Join Date: Oct 2008
Location: Miami FL
Device: PRS-505, Jetbook, + Mini, +Color, Astak Ez Reader Pro, PPW1, Aura H2O
|
Quote:
There are no such rules in this kind of thing. |
|
![]() |
![]() |
![]() |
#68 | |
The Grand Mouse 高貴的老鼠
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 73,964
Karma: 315160596
Join Date: Jul 2007
Location: Norfolk, England
Device: Kindle Oasis
|
Quote:
If you want a link on a heading, put a link on the heading. If you want headings underlined, define that in the CSS. It really does make life a lot easier when you separate the structure from the display attributes. Especially if anything needs to be changed later. |
|
![]() |
![]() |
![]() |
#69 |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,549
Karma: 19500001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Exactly, that's the essential point you have to learn. Use each element for what it's intended, and you'll have a clean, valid, no-surprises, easy-to-maintain code. Don't rely on side effects or common defaults, and define explicitly what you think is important.
|
![]() |
![]() |
![]() |
#70 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,763
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
|
![]() |
![]() |
![]() |
#71 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,763
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
I think it's poor style to do so. It makes the headers blue (color screen) and underlined. There's no reason for this these days. You can get to the ToC in 3 presses. besides, anything used to show that a chaoter heading is a link is going to look ugly.
|
![]() |
![]() |
![]() |
#72 | ||
Unicycle Daredevil
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 13,944
Karma: 185432100
Join Date: Jan 2011
Location: Planet of the Pudding Brains
Device: Aura HD (R.I.P. After six years the USB socket died.) tolino shine 3
|
Quote:
Quote:
Nope. I make my links simply grey. I've seen quite a few books where that is deliberately used as a design element for headers. |
||
![]() |
![]() |
![]() |
#73 | |
Addict
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 316
Karma: 3200000
Join Date: Oct 2015
Location: Madison, WI
Device: Kindle 5th Gen
|
Quote:
On the other hand I do like how your method doesn't call much extra attention to itself, whereas descriptive links would constantly remind people they're reading a book on a gadget. But then on the other, other hand, if it draws too little attention to itself, it won't be recognizable as a link. Last edited by phillipgessert; 12-24-2015 at 10:38 AM. |
|
![]() |
![]() |
![]() |
#74 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,763
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Any Reader using RMDSK can access the ToC easily. That includes the 505, and the ePub fitted 500. Kindles always were able to access the ToC easily. So what Readers cannot access the ToC easily?
|
![]() |
![]() |
![]() |
#75 |
Karmaniac
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 2,553
Karma: 11499146
Join Date: Oct 2008
Location: Miami FL
Device: PRS-505, Jetbook, + Mini, +Color, Astak Ez Reader Pro, PPW1, Aura H2O
|
They might be able to access TOC, but with a link you can redirect to the Index,
which, in cases of a lot of links, or certain structures, could be more useful than a TOC, or have better layout. |
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Converting cm to em in css stylesheet | roger64 | ePub | 41 | 06-13-2014 01:00 PM |
Question: Find/Replace in css stylesheet | ElMiko | Sigil | 12 | 12-25-2011 06:29 AM |
ePub margins : @page vs stylesheet.css | Agama | Calibre | 1 | 08-16-2010 04:37 PM |
How to maintain a global CSS stylesheet | amoroso | Sigil | 7 | 07-18-2010 08:37 PM |
Where is the stylesheet.css? | roger64 | Sigil | 4 | 03-23-2010 02:12 PM |