View Single Post
Old 03-26-2013, 09:17 PM   #1
Iroc
Junior Member
Iroc began at the beginning.
 
Posts: 5
Karma: 10
Join Date: Mar 2013
Device: Kobo Glo
Please help me with CSS code...am really lost

Hello guys/gals



Have been lurking this forum for a while now, mostly looking for answers since am no expert when it comes to CSS and all stuff digital

I cant seem to figure out the CSS and how it cascades, I really get lost.

Made me some basic style sheet but its not doing what I would like it to do

I'll past it at the end. If there is a kind soul out there that could finish it for me I would be really happy (new year style happy).

Here are my wishes:
-I want it to start the first letter of the first paragraph in a chapter with a huge bold letter (http://epubzengarden.com/?style=mode.../chapter1.html) like this.
-I want it to not indent only the first paragraph and indent all the rest for easier reading.
-I want it to have some kind of code for italic part and that the margin is set to lets say 1/4 of the page width or something that looks esthetic. For quotes and similar
(http://epubzengarden.com/?style=mode.../chapter1.html) text under chapter I

Here is the code (and don't laugh)

p{
color:black;
text-align:justify;
font-family:arial;
font-size:16px;
margin-left:2px;
margin-right:2px;
text-indent:10px;
letter-spacing:0px;
word-spacing:3px;
line-height:100%;
}

h1{
color:black;
text-align:center;
font-family:arial;
font-size:30px;
letter-spacing:0px;
word-spacing:3px;
line-height:100%;
}

h2{
color:black;
text-align:center;
font-family:arial;
font-size:25px;
letter-spacing:0px;
word-spacing:3px;
line-height:100%;
}

h3{
color:black;
text-align:center;
font-family:arial;
font-size:20px;
letter-spacing:0px;
word-spacing:3px;
line-height:100%;
}

All the help is appreciated.
Iroc is offline   Reply With Quote