...

View Full Version : Padding/marging text augh!



intcon
05-23-2010, 07:33 PM
Hi all..

I'm trying to position the text in my nav bar, with 12 pixels of space on top, and 12 below...
here's what I have...
.links {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: bold;
padding:12px 0px;
}
shouldn't that work? I know it's something reaaaaaaaaally stupid I'm missing! :( I tried using margin instead of padding and still got nowhere...

I also have this for my body

body {
margin:0px auto;
border:0;
width:800px;
background:#fff;
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color:black;
font-weight: bold;
}
But how do I make the text in the body have a 5px padding on the right and left hand sides?

I've been looking for the past hour, and yes, I'm a newbie and clueless with it! Nothing I try works!

thanks for any help....=)

carrie

abduraooft
05-23-2010, 09:00 PM
I'm trying to position the text in my nav bar, with 12 pixels of space on top, and 12 below... Try setting a line-height with some big value instead.

But how do I make the text in the body have a 5px padding on the right and left hand sides? Please post your complete code (html+CSS) or a link to your page.

intcon
05-23-2010, 09:11 PM
well i'll be darned. :thumbsup: that worked!

here's my page...
http://www.monarchcottages.com/hobbit/

and my css
http://www.monarchcottages.com/hobbit/hobbit.css

I'm also hoping to continue running a green column down the left hand side...:rolleyes: but was going to save that for a different post...=)..if you'd like to take a shot at it though, I'd hugely appreciate it!

thanks so much!

carrie

intcon
05-24-2010, 03:14 AM
any thoughts anyone?

=)

thanks

carrie

Excavator
05-24-2010, 07:04 AM
Hello intcon,
The easiest way to get your green column to go the full height of your container is a method called faux columns (http://nopeople.com/CSS/faux_columns/index.html).
Google that for more examples.

intcon
05-24-2010, 05:06 PM
thanks for the answer excavator! much appreciated!

carrie



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum