Pixelpost

witek · #1 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**+ · #2 02-18-2008, 05:34 AM

The answer is CSS. You can add lines to the items, remove the bullets, do almost anything.

witek · #3 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**+ · #4 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 · #5 02-19-2008, 03:27 PM

Quote:

Originally Posted by austriaka

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**+ · #6 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 · #7 02-19-2008, 04:12 PM

Quote:

Originally Posted by austriaka

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**+ · #8 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=ht...hp?showimage=5

Pixelpost

Authentic Photoblog Flavour