Comment numbers appear at the top of the page, but not in source code

firago · 2006-03-21 06:20:20

The comment numbers are displayed, however they are stuck up in near the top left of the webpage stacked ontop of each other. However, when I went into the backroom to jimmy with the code, the numbers are not there. Even when I “View Source” The numbers are nowhere to be seen.
The site is located at http://canssite.com/andrew/the-site-is-almost-readty and the comments are just above the top right corner of the picture of Andrew’s head.

Fo’ yo’ info’: Comments are being displayed as a numbered list, I am running Firefox 1.5 on a Mac, and I am working on fixing the live preview at the bottom of the page.

Thanks for all the help that I hope yall are about to give me.

Last edited by firago (2006-03-21 06:20:53)

whatbrick · 2006-03-21 17:22:31

Ok, first I have to say “Congratulations!” because I have never seen anything like that before. :) The numbers will not display in the source because those are generated by the use of the li tags…so what you’re seeing (or not seeing, in this case) is normal.

Now onto a possible fix.

Add this to your CSS:

.comments li
{
clear: both;
}

This will clear any and all floats that have been used in each comment, and hopefully bring the numbers in the ordered-list back down where they belong.

Then remove the margin: 0 0 0 -210px; from the .commentcontain style. You should be able to completely remove the .commentcontain and #comments styling since they don’t seem to effect anything.

See if those changes fix your problem, or at least gives you ideas on how to fix them yourself.

Truthfully, I’d see what I could do to remove the use of all those floats you have in your CSS. If this involves using completely new markup for your site, then I’d still do it. It would be better in the long run because all of those float statements can come back to bite you in the future…you just don’t know how they will react to each other unless you plan things carefully.

If you want to see what the changes will do without having to commit to them, use the web-developer extension for Firefox, then use the ‘Edit CSS’ option under the ‘CSS’ menu.

A quick note here: the site looks different in IE6 and Opera v9.0 (windows). In IE, the comments are pushed over on top of the commentinfo, and in Opera the entire comments block is shifted over to the right.

firago · 2006-03-21 21:23:29

Thanks so much whatbrick, I havent started debugging in other browsers yet, but I’ll take your advice on the floats, and I’ll try to remove most of them.

firago · 2006-03-21 21:58:57

Okay, whatbrick, you’ve solved my live preview problem, but I still dont know where the comment numbers are in the source code.

whatbrick · 2006-03-21 22:52:15

You won’t see any numbers in the source since those numbers are defined by the <li></li> tags. If you create an unordered list, you won’t see the bullet-points in the source code…it’s the same with the numbers generated by the ordered lists.

So this:

<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

Is all you will see in the source code even though this:

Item 1
Item 2
Item 3

Is what is seen in the browser.

Last edited by whatbrick (2006-03-21 22:56:32)

firago · 2006-03-22 19:05:05

Oh, I totally understand now, I forgot that it was an ordered list, sorry. I was thinking it was an unordered list so the numbers should have been there. My bad, that was just an oversight on my part. My bad, thanks so much for everything whatbrick.

firago · 2006-03-24 01:22:55

do you know if there is a way I could move the numbers put there by the ordered list in to where the #. is now? I have no experience styling ordered lists, so if you dont know how that could be done, could you recommend any webpages that would explain how to stlye ordered list elements?

whatbrick · 2006-03-24 01:40:52

Try adding this line to .comments li: list-style-position: inside;

What this does is moves the numbers generated by the ol tag inside the li block. list-style-position: outside; sets them back to outside the li block, which is the default behavior.

Edit:
I’m not sure what the results will be, I just know what that declaration does. I don’t usually use ordered lists for comments since I’m not sure how to style the numbers exactly how I want.

Last edited by whatbrick (2006-03-24 01:46:47)

firago · 2006-03-24 03:17:40

Yeah, I dont think I’ll be able to get the effect I want using ordered lists. I found a plugin that did exactly what I wanted. Sorry I wasted all your time, but thanks so much for all the help.

Textpattern CMS

Textpattern CMS support forum

#1 2006-03-21 06:20:20

Comment numbers appear at the top of the page, but not in source code

#2 2006-03-21 17:22:31

Re: Comment numbers appear at the top of the page, but not in source code

#3 2006-03-21 21:23:29

Re: Comment numbers appear at the top of the page, but not in source code

#4 2006-03-21 21:58:57

Re: Comment numbers appear at the top of the page, but not in source code

#5 2006-03-21 22:52:15

Re: Comment numbers appear at the top of the page, but not in source code

#6 2006-03-22 19:05:05

Re: Comment numbers appear at the top of the page, but not in source code

#7 2006-03-24 01:22:55

Re: Comment numbers appear at the top of the page, but not in source code

#8 2006-03-24 01:40:52

Re: Comment numbers appear at the top of the page, but not in source code

#9 2006-03-24 03:17:40

Re: Comment numbers appear at the top of the page, but not in source code

Board footer