PDA

View Full Version : Comments script question.

witek
02-18-2008, 03:59 AM
Just looking how to add a <HR> code or something similar to my comments script to separate comments for my images, as right now they've got no separation between them. That and maybe change the bullet style beside them?
Dennis
02-18-2008, 05:34 AM
The answer is CSS. You can add lines to the items, remove the bullets, do almost anything.
witek
02-18-2008, 06:28 AM
I looked all over it. Where do I add that? I'm using the base of the 'simple' template included with the install. I edited it the way I like it, but just wondering where to add these to.

This is my css for comments:

#comment-top {
background:#333;
border-bottom:1px solid #aaa;
padding:5px;
margin-bottom:25px;
height:15px;
}

#comments {
width:95%;
text-align:left;
page-break-after: always;
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
border: thin solid #666666;
}

#comments ul {
list-style-type:none;
margin:0px;
padding:10px;
}

#comments li {
display:block;
margin:0px;
margin-bottom:10px;
color:#eee;
text-decoration:none;
padding:10px;
border:1px solid #aaa;
page-break-after: always;
}
austriaka
02-18-2008, 12:42 PM
list-style-type:none; should supress any bullet style in your list of comments.
To insert a line at the bottom of each comment you can use border-bottom:1px solid #aaa; instead of border:1px solid #aaa; in #comments li {
or add border-bottom:2px solid #aaa; after border:1px solid #aaa; to enforce the bottom border
witek
02-19-2008, 03:27 PM
list-style-type:none; should supress any bullet style in your list of comments.
To insert a line at the bottom of each comment you can use border-bottom:1px solid #aaa; instead of border:1px solid #aaa; in #comments li {
or add border-bottom:2px solid #aaa; after border:1px solid #aaa; to enforce the bottom border

I can't say that that has worked. Any other methods to try?
austriaka
02-19-2008, 04:07 PM
are you sure you edit the right css file?

Perhaps you have a link yo we can see
witek
02-19-2008, 04:12 PM
are you sure you edit the right css file?

Perhaps you have a link yo we can see

yeah, I have the right css. I embedded the code in the page itself so you can see: http://witek.hostsnake.com/index.php?showimage=5 And click the comments box.
austriaka
02-19-2008, 04:35 PM
you have to apply the style definitions to the <ul> and <li> tag, not to the <span>

Please repair your HTML code before, you even have no <head>...
http://validator.w3.org/check?uri=http://witek.hostsnake.com/index.php?showimage=5