space in between my friends and comments

D1Doris · Joined: 28 Sep 2008 Posts: 17

I'd like to get a space in between my friends section and my comments. Right now they're both on a red background and my comments start right where my friends end, so it kinda looks like they're in the same box. I'd like to get a space in between the two.
The same goes for my about me section and my friends section.

Does anyone know how to do that?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

Posting the current code being used might get you some help faster.

D1Doris · Joined: 28 Sep 2008 Posts: 17

I solved the problem by creating a 10px border at the top and the bottom.

This is the code I'm using:

table.friendSpace, table.friendSpace {border-width: 10px 0px; border-style: solid; border-color: black;}

That was fine until I changed my background to something other than black. If I put 'transparent' instead of 'black' the border doesn't show up at all. How do I make the border transparent?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

Transparent is not a property of "border". You just think you fixed your problem by putting in a 10px border. If you need right/left spacing, try padding: 0 10px; instead or experiment with values until you have it the way you want.

BTW, short method to write "border-width: 10px 0px; border-style: solid; border-color: black;" is: "border: 10px solid black;" (without quotes, of course). Named colors are not recommended as some named colors have the same hex value and browsers just give the same color for the different names.

D1Doris · Joined: 28 Sep 2008 Posts: 17

Thanks, that was really useful, this time I was able to create a real space instead of a fake one! I'm learning Smile

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

You're welcome. Always glad to hear about something I posted actually being useful. Laughing