Thread: help with css
View Single Post
Old 02-12-2010, 11:07 PM   #1
bobcdy
Fanatic
bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.bobcdy ought to be getting tired of karma fortunes by now.
 
bobcdy's Avatar
 
Posts: 509
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
bobcdy is offline   Reply With Quote