Add separator lines between comments and space between pic and comments?, How to do it? Options

[yoos]

Hi! In my friends comments I have two "issues" I'm trying to fix.

1. I would like a space between my friends pics and their comments. The pics seem to be a little far to the right, so maybe if the images could be moved to the left a bit that would look good?

2. I would like separator lines between the comments to more easily distinguish the difference between them.

Here are some pics to help show what I mean...

this is how my friends comments look right now:



This is where I want the space:




this is where I want the separator lines:




Thank you!!


I forgot... my space is here:

[emotaku]

yeah, i was just fixing that problem up on my page this morning. you'd probably be better off by giving your comments section a class name. this is optional:

<div class="comments"><table><tr><td><table><tr><td>

put that at the bottom of your who you'd like to meet section. if you do, add this somewhere in your css:

.comments td img {
padding-right:30px;
padding-bottom:20px;
}

and if not

td img {
padding-right:30px;
padding-bottom:20px;
}

it'll solve the spacing, should be self explanitory what changes what. classing it would help because it'd make the css apply only to that div instead of to every td on the page.

.blacktext10 {
border-top-width:1px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color:000;
border-style:solid;
display:block;
width:100%;
}

should add a solid black line above the comment portion, i don't think you can set it so it's all the way across the comment and display picture, but it's good enough. try editing it, padding works on it too.

[yoos]

Sweet! I got the separator line working, but the space between the friend pic and comments isn't working .

I put the following in where you said, but then almost everything got shifted and messed up so I decided not to go that route.

.comments td img {
padding-right:30px;
padding-bottom:20px;
}

I then tried putting the following in both the about me and who I'd like to meet (between the style tags), but neither work?

td img {
padding-right:30px;
padding-bottom:20px;
}

[emotaku]

remove this

NOTE {This is an attempt to put space between friends pics and comments}

table table table table td img {
padding-right:0px;
padding-bottom:0px;
padding-left:10px;
padding-top:0px;margin-left:0px;
}

and it'll work.

also, bring down the width in .blacktext10, it's stretching the page.