Bullet Points on Site

[teaboy5]

Hi all

I posted about this months aga, and got a few good replies. But i never got it working and then forgot about it

if you go to www.armaghmarble.com and check it on firefox the bullet points appear, but if you use IE7 they dont. Now for the life of me i cant get this working at all!

Can anyone help me?

 

[Tripnologist]

You need to use left margin on your ul. At least that's how I do it.

 

[teaboy5]

You need to use left margin on your ul. At least that's how I do it.

At the moment it looks like this in the html, what do you reckon it should be?

<div id="top">

<div id="topnav">
<ul>
<li><a href="index.html">homepage</a></li>
<li><a href="homes.html">homes</a></li>
<li><a href="commercial.html">commercial &amp; monoliths</a></li>
<li><a href="exterior.html">exteriors - paving &amp; steps</a></li>
<li><a href="interiors.html">interiors</a></li>
<li><a href="building.html">building stone</a></li>
<li><a href="profile.html">profile</a></li>
</ul>
</div>


And the css for the topnav is

#topnav {
float:left;
display:inline;
margin-left:100px;
padding-top:4px;
color:#FFFFFF;
}

 

[Tripnologist]

Well, here is the default CSS I use for my lists. I keep it in my reset file and never had a problem with it.

/* List Style */
ul { margin: 0 0 0 20px; padding: 0; list-style: disc;}
ul li { padding: 0 0 0 10px;}
ul li ul { list-style: circle;}

 

[teaboy5]

#topnav {
float:left;
display:inline;
margin-left:100px;
padding-top:4px;
color:#FFFFFF;
}

I ended up removing the following

float:left;
display:inline;

and it worked?

I done this before and never seemed to work.

Odd indeed.

Thanks for the help