[HTML] Alignment

[keitheronie]

Hello.

I have a page where information is being pulled from a database and then outputted. However, if the user adds in a bulleted or numbered list to their post, they don't align properly. This is happening in both IE and FF.

Here is the code before passing through the server:

<DIV class="PostView">
	<DIV class="PostViewHeader">
		&lt;DIV class="PostViewHeaderCount"&gt;Post #&lt;%Response.Write(count)%></DIV>;
		&lt;DIV class="PostViewHeaderDate"&gt;&lt;A name="&lt;%Response.Write(Replies("postID"))%>;%Response.Write(Replies("postID"))%>text-decoration: none;"&gt;&lt;%Response.Write(Replies("poDate"))%></A></DIV>V&gt;
	&lt;DIV class="PostViewContent"&gt;
		&lt;DIV class="PostViewContentSide"&gt;
			&lt;B&gt;&lt;%Response.Write(Replies("usUsername"))%></B><BR>Information Here
		&lt;/DIV&gt;
		&lt;DIV class="PostViewContentMain"&gt;
			&lt;DIV style="margin-left: 25px;"&gt;&lt;%Response.Write(Replies("poBody"))%></DIV>IV id="PostMenu" align="right"&gt;
				&lt;A href="PostEdit.asp?ForumID=<%Response.Write(ForumID)%>&ThreadID=<%Response.Write(ThreadID)%>&PostID=<%Response.Write(Replies("postID"))%>">Edit</A>ref="PostDelete.asp?ForumID=<%Response.Write(ForumID)%>&ThreadID=<%Response.Write(ThreadID)%>&PostID=<%Response.Write(Replies("postID"))%>">Delete</A>;/DIV&gt;
		&lt;/DIV&gt;
	&lt;/DIV&gt;
&lt;/DIV&gt;

Here is the code in the database to be output under "poBody":

Testing...<br><br><ol><li>Okay.</li><li>Okay.</li><li>Yup.</li><li>Uh-huh.<br></li></ol>

Does anyone have any idea how to get the numbers to line up properly with the rest of the text? And not be undented further than the text?

[krankyiuys]

I can't see anything wrong with your first two pictures. The text seems to be perfectly aligned in the vertical plane in both images, and so does the number list.

[keitheronie]

Sorry, I must not have described it well enough. I'm looking for the numbers to align with the text, not the text after the numbers to align with the text... Does that make any sense?

[krankyiuys]

  technoblinc said:

Sorry, I must not have described it well enough. I'm looking for the numbers to align with the text, not the text after the numbers to align with the text... Does that make any sense?

Still not explained that well, but I think I see what you're trying to do. Try setting the padding-left or margin-left property on the <ol> tag in your stylesheet to 20px (or more depending on how much you want to indent it) and see if that makes any difference. Alternatively, place the numeric list inside a div tag and set the margin or padding for that div to 20px. Your only other alternative is to not use the <ol> tag and just use php or asp to generate the numbers for your list.