• 0

[HTML] Alignment


Question

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.

post-62680-1140738081.jpg

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...&lt;br&gt;&lt;br&gt;&lt;ol&gt;&lt;li&gt;Okay.&lt;/li&gt;&lt;li&gt;Okay.&lt;/li&gt;&lt;li&gt;Yup.&lt;/li&gt;&lt;li&gt;Uh-huh.&lt;br&gt;&lt;/li&gt;&lt;/ol&gt;

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?

Link to comment
https://www.neowin.net/forum/topic/435915-html-alignment/
Share on other sites

3 answers to this question

Recommended Posts

  • 0
  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.

Link to comment
https://www.neowin.net/forum/topic/435915-html-alignment/#findComment-587237302
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • I am forced to use Windows for two reasons. The Adobe package does not run on Linux and I do not have enough money to buy an Apple M3 or M4. Otherwise I would have abandoned Windows a long time ago. I use Linuxmint on a virtual machine and it is clear how fast it is compared to the rigid Windows. We have had multi-core processors for a long time but they do not exist for Windows. They only think about useless things shoved down the customers' throats.
    • Yeah what can you expect in the first 4 years?? Where on your body is the Zune tattoo?
    • Microsoft still tries really hard to convince people about Windows 11. It does not realize, the harder it tries the more people hate it. And it is not people's fault. It is MS that tries violently to own your computing environment without your consent. Cheers MS!
    • I've got a basic black and white laser printer that's connected via USB and doesn't do wifi etc. I think I'm going to be just fine.
    • Edge 138 is out with AI-powered history search and other changes by Taras Buria Microsoft has released Edge 138, the latest major update for the browser. Version 138.0.3351.55 introduces some interesting changes and new features, such as AI-powered history search. There are also several bug fixes and security patches. For regular users, the biggest and most important change in Edge 138 is AI-powered history search. This feature allows you to find sites in your history using synonyms, phrases, or misspelled words. Microsoft uses an on-device model, which does not send your data anywhere. Note that this feature is rolling out gradually, which means it might take a few days or weeks to show up on your system. Another useful change is new performance notifications. Performance and Extensions Detector notifications may appear in the main menu when the browser detects performance dips to help users learn about available performance-optimization tools. Autofill settings received a new consent toggle, which allows Microsoft to improve the autofill capabilities by collecting field names as you browse. This only applies to field names, such as "First Name, "Email," etc. It does not send the data you enter or autofill to Microsoft. Other changes include the following: Use the Primary work profile as the default profile to open external links. With this feature, for Windows, Edge checks if the Primary Work Profile exists and makes it the default profile for opening external links if available. Microsoft 365 Copilot Chat Summarization in Microsoft Edge Context Menu. This feature helps users quickly unpack and ask questions about their open page. Copilot on the Microsoft Edge New Tab Page (NTP). Users may see suggested work and productivity-related Copilot prompts in their search box on the NTP page. Adding support for viewing Sensitivity labels applied to a Microsoft Information Protection (MIP) Protected PDF. Enterprise customers can view sensitivity labels applied to MIP protected PDF to be well informed of the data classification to enable them to handle such sensitive documents. And here is what was fixed: Fixed an issue that caused WebDriver automation to fail in Microsoft Edge versions 133 and later. Fixed an issue where re-enabled textarea elements remained non-editable. This issue affected activating a role assignment in Privileged Identity Management. Finally, Edge 138 patches six security vulnerabilities, three of which were Microsoft Edge-specific, and the remaining three originated from Chromium. You can find details about those fixes here. The next Microsoft Edge update, version 139, is expected in the week of August 7, 2025.
  • Recent Achievements

    • Week One Done
      suprememobiles earned a badge
      Week One Done
    • Week One Done
      Marites earned a badge
      Week One Done
    • One Year In
      runge100 earned a badge
      One Year In
    • One Month Later
      runge100 earned a badge
      One Month Later
    • One Month Later
      jfam earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      564
    2. 2
      +FloatingFatMan
      177
    3. 3
      ATLien_0
      168
    4. 4
      Michael Scrip
      123
    5. 5
      Xenon
      122
  • Tell a friend

    Love Neowin? Tell a friend!