why doesn't this CSS work?

Barty · 02-09-2011, 02:01 PM

cinverting html->mobi, I have this css

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML>
<HEAD>
	<TITLE>xxxxxxxxxxxxxxxx</TITLE>
<style TYPE="text/css">
h3.chap {font-size:1.5em; font-weight:bold; font-style:italic; page-break-before:always;}
</style>
</HEAD>
<BODY>
<h3 class="chap">Chapter 1</h3>

the font is bold but not bold and italic. also, the page-break-before is ignored. what am I doing wrong?

ldolse · 02-09-2011, 10:28 PM

h3 headers are probably always going to look bold. The only things which aren't quite correct is using 'TYPE' instead of 'type' in <style> tag, and the final ';' isn't required. I wouldn't expect that to break anything, but maybe it did somehow.

You can use Calibre's extra css option to accomplish this as well. Add this line to the extra css option during conversion:
h3.chap {font-size:1.5em; font-weight:bold; font-style:italic; page-break-before:always}

or
h3{font-size:1.5em; font-weight:bold; font-style:italic; page-break-before:always}

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Css Drop Caps does not work in an Epub on a Reader	brewt	ePub	63	09-07-2012 01:46 AM
epub CSS versus "Regular" CSS	konrad	ePub	4	02-18-2011 10:29 AM
css pseudo elements and adjacent combinators in extra css?	ldolse	Calibre	2	12-21-2010 06:09 PM
Help with CSS, anyone?	rogue_ronin	Workshop	36	08-14-2009 10:28 PM
Using CSS in Word to make a Drop Cap work in an Epub	brewt	ePub	3	01-31-2009 07:00 PM

02-09-2011, 10:28 PM	#2
ldolse Wizard Posts: 1,337 Karma: 123455 Join Date: Apr 2009 Location: Malaysia Device: PRS-650, iPhone	h3 headers are probably always going to look bold. The only things which aren't quite correct is using 'TYPE' instead of 'type' in <style> tag, and the final ';' isn't required. I wouldn't expect that to break anything, but maybe it did somehow. You can use Calibre's extra css option to accomplish this as well. Add this line to the extra css option during conversion: h3.chap {font-size:1.5em; font-weight:bold; font-style:italic; page-break-before:always} or h3{font-size:1.5em; font-weight:bold; font-style:italic; page-break-before:always}

Advert