HTML- Paragraph indent w/ no spaces? Help please? - Page 3

Joseph Picard · 05-26-2012, 01:54 AM

I was afraid this would come back to the idea of separate files for the chapters.. blurg.

Now I just have to figure out how to add them all to an ebook.

dwig · 05-26-2012, 10:22 AM

Quote:

Originally Posted by JSWolf

The way to do it so it works best is to have a separate XML for each chapter. Then you can forget about page breaks.

graphic ornament
a couple blank lines
chapter title as a <h1>.

That would work except for one thing... the blank lines. You style for the line putting in the graphic ornament would add a bottom margin and then you have your chapter title.

or ...
... style the <h1> tag to have a top margin. Either way its best to use a margin rather than using the antique typewriter method of inserting blank lines.

Also, some ereaders, both app and device, don't fully support styles applied to the image tag. You will likely find it more reliable to apply the style to a container (<p>or <div>) that wraps the <img> tag rather than to the <img> tag itself.

Jellby · 05-26-2012, 01:35 PM

... and you need to have the <img> wrapped in a container anyway, you can't have a naked <img> directly inside <body> (well, you can, but it's does not validate)

JSWolf · 05-26-2012, 08:47 PM

Quote:

Originally Posted by Joseph Picard

I was afraid this would come back to the idea of separate files for the chapters.. blurg.

Now I just have to figure out how to add them all to an ebook.

Use Sigil. It works very well for splitting files and adding them in and letting you move them around for the proper order.

JSWolf · 05-26-2012, 08:48 PM

Quote:

Originally Posted by dwig

or ...
... style the <h1> tag to have a top margin. Either way its best to use a margin rather than using the antique typewriter method of inserting blank lines.

Also, some ereaders, both app and device, don't fully support styles applied to the image tag. You will likely find it more reliable to apply the style to a container (<p>or <div>) that wraps the <img> tag rather than to the <img> tag itself.

One thing I did forget was to suggest changing the <h1> to an <h2> as <h2> with it's default font size works well in most cases for a chapter title.

dwig · 05-26-2012, 09:30 PM

Quote:

Originally Posted by JSWolf

One thing I did forget was to suggest changing the <h1> to an <h2> as <h2> with it's default font size works well in most cases for a chapter title.

I agree that <h2> is more often than not the better choice for chapter titles. I reserve <h1> for use on the title page and for "Part 1", etc., in multi-part tomes that then break each part into chapters.

I have encountered the occasional work where the author's excessively verbose chapter titles are better rendered using <h3>, but these are rare.

pvs · 07-20-2012, 12:35 PM

Great info in this thread, saw the post about placing an image before a chapter heading. I had the problem as well of the image being shown on a seperate page, then the chapter title. On one ebook I made I had a small image before and after the chapter heading, and my simple way was this,

<h2 class="chapter" id="heading_id_2" title="Chapter 1"><img src="../Images/LineA.jpg" /><br />Chapter 1<br /><img src="../Images/LineB.jpg" /></h2>

I found that this held the image and the chapter title together.
In CSS my code is,

.chapter {
display: block;
font-size: 1.41667em;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 1.5em;
margin-left: 0;
margin-right: 0;
margin-top: 3em;
text-align: center
}

07-20-2012, 12:35 PM	#37
pvs Member Posts: 20 Karma: 475242 Join Date: May 2010 Device: ipad mini	Great info in this thread, saw the post about placing an image before a chapter heading. I had the problem as well of the image being shown on a seperate page, then the chapter title. On one ebook I made I had a small image before and after the chapter heading, and my simple way was this, <h2 class="chapter" id="heading_id_2" title="Chapter 1"><img src="../Images/LineA.jpg" /><br />Chapter 1<br /><img src="../Images/LineB.jpg" /></h2> I found that this held the image and the chapter title together. In CSS my code is, .chapter { display: block; font-size: 1.41667em; font-weight: normal; line-height: 1.3em; margin-bottom: 1.5em; margin-left: 0; margin-right: 0; margin-top: 3em; text-align: center } Last edited by pvs; 07-20-2012 at 12:39 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Preference: Paragraph indent or a little paragraph spacing?	1611mac	General Discussions	48	11-11-2011 12:43 AM
Paragraph spaces in ePub to Mobi conversion disrupts indent formatting	markpearl	Conversion	34	09-21-2011 02:42 PM
WTB: Ability to change indent without ticking 'remove spaces between lines'	gweminence	Calibre	9	08-27-2011 09:05 AM
Paragraph indent-size should not applied to centered paragraphs?	ShellShock	Calibre	3	01-16-2010 11:54 AM
Paragraph indendation or spaces?	enarchay	Sony Reader	0	05-28-2009 05:18 AM

05-26-2012, 01:54 AM	#31
Joseph Picard Enthusiast Posts: 27 Karma: 497132 Join Date: May 2012 Device: Various	I was afraid this would come back to the idea of separate files for the chapters.. blurg. Now I just have to figure out how to add them all to an ebook.

05-26-2012, 01:35 PM	#33
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	... and you need to have the <img> wrapped in a container anyway, you can't have a naked <img> directly inside <body> (well, you can, but it's does not validate)

Advert

Advert