Problem with lists

[linton]

I am having a problem with creating a simple list. Basically, the bullets are showing up in the margin instead of within the 'MAIN' page.

I think it might have something to do with the padding since my list items work/display well in a raw page or a page with no layout applied.

I have attached a jpeg. The site or page is not ready to be put up yet hence I can't provide a link.

I will like to use bullets instead of paragraphs. Thanks

 

 

 

<ul>

<li>The books</li>

<li>The tables</li>

<li>The car</li>

<li>The train</li>

</ul>

 

* {

margin: 0px;

padding: 0px;

}

 

#main {

width: 960px;

}

h1, h2, h3, h4, h5, h6, p {

padding-right: 30px;

padding-left: 45px;

padding-bottom: 10px;

}

[Andrea]

Look into this: http://www.w3schools.com/cssref/pr_list-style-position.asp

 

or

 

http://www.alistapart.com/articles/taminglists/

 

Not sure what you mean by bullets instead of paragraphs.

[linton]

Look into this: http://www.w3schools.com/cssref/pr_list-style-position.asp

 

or

 

http://www.alistapart.com/articles/taminglists/

 

Not sure what you mean by bullets instead of paragraphs.

 

Thanks, will check out those links in a little while.

Basically, I want to be able to use bullets as I have done here, http://www.lookupyoursite.com/web/events.html

instead of the paragraph tag like I did here, http://www.lookupyoursite.com/web2/recipes.html for the recipe page.

I don't recall how I was able to get the 'list' to work on the events.html page but I struggled with the same issue of the bullet tabs showing up in the margin as shown in the little attached image.

I think the padding is affecting it. Thanks again.

Edited March 9, 2012 by linton