Can I Create some padding around this text? If so which part do I add to it??

Alright guys

I am wondering is it possible to add some padding to the main text in the left and right columns?? See here http://www.supreme-host.com/marketplace/marketplace.php

Orginally there was padding for the whole box, which affected the header part as well.. But I have removed that.. Now I would like to be able to place the text away from the edges of the columns..

Do I have to add another css class? Or can I just add padding to a section?

This worked for me...

.middlebox {

background: #FFFFFF;

float: left;

width: 538px;

margin: 10px 5px 10px 5px;

padding: 0px 10px 0px 10px;

display: inline;

border: 1px solid #C0C0C0;

}

Check this on detailed css explanation about padding :

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

Check this on detailed css explanation about padding :

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

How about helping me instead :)

This worked for me...

.middlebox {

background: #FFFFFF;

float: left;

width: 538px;

margin: 10px 5px 10px 5px;

padding: 0px 10px 0px 10px;

display: inline;

border: 1px solid #C0C0C0;

}


dougnbr

You have actually done it for the wrong box.. You have done it for the middle box. Not the two side columns.. If I add the padding to the leftbox, and rightbox as you have shown above, the whole box gets padded, the header, and image...

I just want the text where it says Newest products to be padded...

You would have to create a new class if you don't want it to do it for everything

HTML:

<div class="leftbox">
<div class="menu"
h2 align="center">NAVIGATION</h2>
- Newest Products
</div>
</div>


CSS:

.menu {
padding: 0px 10px 0px 10px;
}

How about helping me instead :)

Teach a man to fish...

Hello Byronwells,
It may be time to start fixing some problems, before you get much further along in development.
Have a look at your 152 errors :eek: (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.supreme-host.com%2Fmarketplace%2Fmarketplace.php)