css bullet lists

January 29th, 2006, 10:37 pm

I am trying to achieve a bulleted list using css instead of tables. But have noticed that the bullets don't show up in Internet Explorer, ony Mozilla. Below is the code I used. I'm clueless as to why Ie doesn't load the bullets

thank you

Code: [ Download ] [ Select ]

<ul>
    <li>Example 1</li>
    <li>Example 2</li>
    <li>Example 3</li>
    <li>Example 4</li>

</ul>

1. <ul>
2.     <li>Example 1</li>
3.     <li>Example 2</li>
4.     <li>Example 3</li>
5.     <li>Example 4</li>
7. </ul>

Code: [ Download ] [ Select ]

ul {
  list-style-type: square;
}

1. ul {
2.   list-style-type: square;
3. }

January 29th, 2006, 11:23 pm

What version of IE are you runnig. It seems to work fine in IE 6

January 30th, 2006, 1:23 am

version 6

January 30th, 2006, 6:43 am

Code: [ Download ] [ Select ]

ul.main {
margin-left:15px;
list-style-type:square;
font-size:.9em;
font-family:verdana;
color:#ffffff;

1. ul.main {
2. margin-left:15px;
3. list-style-type:square;
4. font-size:.9em;
5. font-family:verdana;
6. color:#ffffff;

when used <ul class="main">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>

gives a square bullet. I wouldnt think that just because of the class would make a difference. Although I didnt try the 'bare bones' without a class the way you had it.

January 30th, 2006, 8:29 am

The code you provided does make square bullets in IE. Try it in a blank page
that contains nothing else and you will see.

Without being able to see your page as a whole, I would guess that the margins
of the list are out of whack somehow. The bullets are probably there but are
being displayed underneath another part of the page.

If you could show us the rest of the page it would be helpful.

January 30th, 2006, 9:27 am

List Display Problems In Explorer For Windows

I've found that article helpful in the past.