Put each comment in a box?

[rj]

My people are a bit confused reading comments as they seem to run into each other, I think they mean that no titles just sigs often confuses them on where a specific comment begins.

I have seen other blogs with each comment is in a bordered box.
I thought I had seen a plugin for that but cant find one anymore.
So into style css I must go.

I need to know which comment area this would go in, and if

border: 10px solid red;

Is the correct command

I also want to put my general background into the comment area and am not sure which of the comment areas that goes in either.

Thanx
RJ

[garvinhicking]

Hi!

That usually depends on your template. If you tell us your URL we can specifically tell you what to insert.

Templates like carl_contest and others already have distinct comment boxes...

HTH,
Garvin

[rj]

Against my better judgement...

The problem is that this is a political site and the law of statistics means it is going to offend about half the people!
I hope one of them isnt you Garvin!

http://rackjite.com/serendipity/index.php

I want each comment in its seperate box with my hazy.jpg background, which I renamed to background.jpg

[carl_galloway]

That does need a bit of work doesn't it?

Looking at your comments, I would say you're pretty much using the default comment layout, so begin by editing your style.css and adding this;

Code: Select all

.serendipity_comment {border:1px solid; }

That should get you started.

[mgroeninger]

And to get even more advanced, you can do something like:

Code: Select all

.serendipity_commentBody {
    border: #000 1px solid;
}
.serendipity_comment_source {
    border: #000 1px solid;
}

Play with those styles (and the one Carl Gave you), and you can make them look really good!

[rj]

cool! Thanx! Almost ready to push this thing out on the world!

I added the background by myself but after many tries I cant seem to get the text padded away from the left and right sides of the new boxes.
I wrote this and put it here and there and it didnt take.

padding-right: 10px
padding-left: 10px

is that right?
Where should it go?

[d_cee]

Hi

you could try this bit of code to replace the the sections you've added to your style.css file

Code: Select all

.serendipity_comment {
	font-size: small;
	margin-right: 15px;
	margin-left: 15px;
	padding: 3px 3px 40px 3px;
	background-color: #FFFFFF;
}

.serendipity_commentBody {
	border: #006699 1px solid;
	padding: 10px;
}

.serendipity_comment_source {
	border: #006699 1px solid;
	margin-top: 5px;
	padding: 3px 10px 3px 10px;
}

Make sure to replace this code you've added

Code: Select all

.serendipity_comment {
	background: url(templates/carl_green//img/topbanner.jpg) repeat;
	width:600px;

	font-size: small;

	margin-right: 15px;

	margin-left: 15px;

	padding: 3px;

	padding-bottom: 40px;

	background-color: #FFFFFF;

	border-right: 1px dotted #BBB;

  	overflow: auto;

}

.serendipity_commentBody { 
    border: #000 1px solid; 

} 

{padding-right: 10px
padding-left: 10px 
}
.serendipity_comment_source { 
    border: #000 1px solid; 
} 





.serendipity_comment_source {


	margin-top: 5px;

	padding-left: 5px;

}

HTH

Dave