Im newish to css webpages.. simple help please

[Wes1890]

http://www.ebenezer-ministries.net/testy/em.htm

http://www.ebenezer-ministries.net/testy/style.css (the stylesheet)

 

I've always made webpages with html tables.. but these people want me to redesign their site in CSS (no tables).. well im new to it so heres my prob

 

On the left where it says "Contact info", above it there is about a 5px blank space that i dont want.. also, there is a little space between the "contact info" and the box below it.. how do i fix this?

 

thats all for now

 

btw, where is a good place to learn css webdesign? i found a few, but none of them are really in-depth about it

[phpQuestioner]

http://www.ebenezer-ministries.net/testy/em.htm

http://www.ebenezer-ministries.net/testy/style.css (the stylesheet)

 

I've always made webpages with html tables.. but these people want me to redesign their site in CSS (no tables).. well im new to it so heres my prob

 

On the left where it says "Contact info", above it there is about a 5px blank space that i dont want.. also, there is a little space between the "contact info" and the box below it.. how do i fix this?

 

thats all for now

 

btw, where is a good place to learn css webdesign? i found a few, but none of them are really in-depth about it

 

I would have to see the code your talking about too see what you mean.

 

here is a good place for you to starting learning CSS:

 

http://www.w3schools.com/css/css_examples.asp

 

 

[Wes1890]

^ view the html source page, and i've linked you to the CSS page.. 

 

if you need me to post the sources instead then just say so... but they are easily accessible as-is..

 

and thanks for the link

[phpQuestioner]

sorry about that - I missed the links - looked right past them  :-\

 

you need to set your CSS style for <h1> and <p> tags; the browser is automatically adding padding to the top and the bottom of these tags by default.

 

plus you are already using padding for both of these tags in your CSS:

 

 

#left_container h1 {

  background-color: #0061a2;

  padding: 5px;

  font-weight: bold;

  color: #fff;

  font-size: 14px;

  font-family: Arial,Verdana,Helvitica,sans-serif;

}

 

#left_container p {

  border: 1px solid black;

  padding: 3px;

  color: #000;

  font-size: 11px;

  font-family: Arial,Verdana,Helvitica,sans-serif;

}

 

[therealwesfoster]

awesome so simple.. thank you

 

this is my new account btw.. my old one got deleted

 

 

ok, i have a new question now.. the stuff on the right side of the page ("Conmation" and everything below it) wont stay on the right.. as you can see, email and phone is shifted to the left whenever the Contact Info block is out of the way... how would I make it stay right?

 

another thing, when i add another block inside the left container, it overlaps the overall container, why's that?

 

thanks!

[phpQuestioner]

ok, i have a new question now.. the stuff on the right side of the page ("Conmation" and everything below it) wont stay on the right.. as you can see, email and phone is shifted to the left whenever the Contact Info block is out of the way... how would I make it stay right?

 

set the text-align property to right for the <h1> tag surrounding "Conmation"

 

#right_container h1 {text-align:right}

 

 

another thing, when i add another block inside the left container, it overlaps the overall container, why's that?

 

what exactly do you mean by block - another <div> tag; is that what you mean?