...

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



Byronwells
12-08-2009, 06:27 AM
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?

dougnbr
12-08-2009, 06:57 AM
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;

}

hthought
12-08-2009, 09:15 AM
Check this on detailed css explanation about padding :

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

Byronwells
12-08-2009, 10:08 AM
Check this on detailed css explanation about padding :

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

How about helping me instead :)

Byronwells
12-08-2009, 10:10 AM
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...

j05hr
12-08-2009, 10:16 AM
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;
}

Rowsdower!
12-08-2009, 03:22 PM
How about helping me instead :)

Teach a man to fish...

Excavator
12-08-2009, 06:20 PM
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)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum