Comment List Stylng

[dhdesign]

On your image_template.html file, change the div name back the way it was ( <div id="info-comments"> ). I just checked your site, and you still have the div name as "image_comments".

Once you've done that, then do the CSS changes I recommended in post #7. Reupload both the image_template.html file and the css file to their respective folders on the server. Then clear your cache, and check your site again.

Let me know when you've done this and I'll check it from my end.

[dhdesign]

Okay, I've just checked, and the changes that you made to the CSS file for the light style are indeed working - your comments display with the styles indicated for the ul and li.

Now make the same changes to the CSS file for the dark style, and you should be good to go!

[oswegan]

done

[oswegan]

The ul and li might look like it's there but when I make changes to it on the css, to put in a space or line or whatever, nothing happens.

[dhdesign]

You have to make the same changes to the dark.css file as well.

The only one that's been changed so far is the light.css file, and those changes were showing up correctly.

[oswegan]

did that

but still none of the changes I make to the li and ul code do anything.

All I am really trying to do is put some separation between comments.

[dhdesign]

What browser are you using to view your site? I've checked it using both Firefox and Opera and the changes are there in those browsers. However, when I check it in IE6, the changes are NOT there.

Don't make any more changes just yet - I'm going to do a couple of screenshots to show you what both styles look like in Firefox so you know what I'm talking about.

[oswegan]

I had to move this up into the "info" section underneath "info-comments"

#info-comments ul {
margin-bottom:10px;
}

#info-comments li {
margin-bottom:10px;
}

[oswegan]

well I'm in IE6 at my office right now so maybe that's it.

I use FF at home on the mac

[dhdesign]

The last set of changes (margin-bottom: 10px) to both the ul and li tags added space below the comments in IE, but the .gif image to replace the bullet isn't showing up in IE.

Here's the screenshots from Firefox: