02-12-2010, 10:07 PM | #1 |
Fanatic
Posts: 527
Karma: 1048576
Join Date: May 2009
Device: bebook; prs-950; nook simple touch; HTC Jetstream tablet
|
help with css
Help! I'm trying to learn css for formatting epubs, and I think its going ok, but I have one problem I can't figure out: it's the importance of the sequence in the css. For example, the following css seems to work fine in both sigil and Adobe DE, but if I change the sequence and put the blockquote element before div.indent, then <div. blockquote> works in sigil but not in Adobe DE. Same problem if the h1,h2,h3, etc. is higher in the sequence. I wouldn't worry much about Adobe DE except that my Bebook reacts in the same way with epubs.
Does anyone know why the location in the css is so important to Adobe DE? Perhaps there something fundamentally wrong with the following css? Any help will be greatly appreciated! body {background: #ffffcc; margin top: 0em; margin bottom: 0em; margin right: 0em; margin left: 0em; } --> div.indent {text-indent: 3%;text-align: justify;} div.center {text-align:center;} h1,h2,h3,h4,h5,h6 {color:black; text-align:center;} img.sgc-7 {height: 100%;} div.blockquote {font-size: 85%; color: #0000FF; margin-right: 5em; margin-left: 5em; margin-top: 2em; margin-bottom: 2em} Bob |
02-12-2010, 10:10 PM | #2 |
Fanatic
Posts: 527
Karma: 1048576
Join Date: May 2009
Device: bebook; prs-950; nook simple touch; HTC Jetstream tablet
|
There should be a <!-- at the top of the css.
Bob |
Advert | |
|
02-13-2010, 11:59 AM | #3 |
Fanatic
Posts: 527
Karma: 1048576
Join Date: May 2009
Device: bebook; prs-950; nook simple touch; HTC Jetstream tablet
|
I found the answer with some experimenting. The css should have looked like this:
body {background: #ffffcc;} div.blockquote {font-size: 85%; text-align: justify; color: #0000FF; margin-top: 2em; margin-bottom: 2em; margin-right: 2em; margin-left: 2em; } h1,h2,h3,h4,h5,h6 {color:black; text-align:center;} div.indent {text-indent: 3%; text-align: justify; margin-top: 0em; margin-bottom: 0em; margin-right: 0em; margin-left: 0em; } div.center {text-align:center;} img.sgc-7 {height: 100%;} Bob |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Standardised CSS? | MacEachaidh | Sigil | 5 | 08-09-2010 11:18 AM |
CSS glitch | crutledge | Sigil | 2 | 05-16-2010 08:05 AM |
Path to CSS | PlainBobMax | Calibre | 2 | 03-08-2010 10:55 PM |
RSS and CSS ? | zelda_pinwheel | Calibre | 10 | 10-28-2009 11:15 PM |
Help with CSS, anyone? | rogue_ronin | Workshop | 36 | 08-14-2009 09:28 PM |