Jump to content

Problem with lists


linton

Recommended Posts

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

 

 

post-38912-038494400 1331294973_thumb.jpg

 

<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;

}

Link to comment
Share on other sites

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 by linton
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...