HTML Forum

**robba** · 06:50 PM

I'm using Frontpage 2003. I've created a <ul>. For each list item the bullet sits in the middle of the text item. I want it to sit at the start of each text item. Any ideas welcome as this is driving me crazy!

**vangogh** · 01-08-2007, 07:08 PM

Rob could you post some of the code that Frontpage created? It's hard to know what the problem might be without being able to see some code. I can't think of any reason why the bullet would be in the middle of each text item. It shouldn't be that way.

**LadynRed** · 01-08-2007, 09:03 PM

Make sure you zero out all margins and padding on the UL before you do anything else. In fact, zero out margins and padding on all the major elements first, then put them back in as needed.

**robba** · 01-09-2007, 08:41 AM

hi guys, sorry for posting the same issue twice - didn't see it appear first time. Here's the code, and the other suggestion to zero the margins I'll try later today. Many thanks!:

<ul style="list-style-type: disc">
<li>


Moodboard design
consultation.</li>
<li>



Room survey</li>
<li style="list-style-type: disc">

360 degree, 3D
photo-realistic
representation of
your room which can be
viewed either on a DVD
player or computer.</li>
</ul>

**LadynRed** · 01-09-2007, 09:40 AM

Quote:

Moodboard design
consultation.

This is just bad markup. If you're going to use CSS, use it properly and don't use deprecated tags such as . Put that font color in the style declarations for the . You should also not use in-line CSS that way, put all your style declarations in an external file or in the <head> section of your document.

Here's the deal on lists and bullets:

Quote:

All browsers do indent the list so the bullets will display within the DIV container, but they have chosen different ways to do this. Gecko-based browsers like Firefox use 40px of LEFT PADDING inside the UL, and so does Safari for the Mac. On the other hand, IE and Opera use 40px of LEFT MARGIN on that same UL

So, you're going to have to use a combination of margins and padding to get the bullets to display where you want them.

You might also want to read thru this tutorial on lists:
http://css.maxdesign.com.au/listutorial/index.htm

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!