You are here:   Home
Register   |  Login

Programmer Newsletter

Minimize

Master Programmer

Minimize

Find articles on computer software, programming, ASP.net, Sql server, databases, C#, websites, Internet, Windows, Outlook macros.

Programming Articles

Minimize
29

Have you had the bullets, numbers or letters for your list items overlay an image or some other item on your page?

Try this.

ul,ol
{
list-style-position:inside;
}

I had floated an image to the left. Text flowed around the image fine, but the list numbers disappeared behind the image.

This happened in Internet Explorer 9, but only when I specifed the DOCTYPE as the first line in the page. You should specify a DOCTYPE so your page displays more consistently across browsers. See this article on How to Fix Problems with Internet Explorer that do not happen in other browsers using DOCTYPE.

But, there is a problem. Now, the text of the list items flow even with the bullets. What I want, is the bullets lined up on the left and the text aligned to the right of the bullets.

Have not found a solution to this yet. Putting the list inside a DIV did not help.

Post Rating

Comments

There are currently no comments, be the first to post one.

Post Comment

Name (required)

Email (required)

Website

Programmer Newsletter

Minimize

Subscribe to the Internet Handholding newsletter



Reccomend Programmer.bz

Minimize

Share/Bookmark Bookmark and Share