How can I justify an unordered list? |
How can I justify an unordered list? |
ahill92 |
Oct 9 2010, 06:40 PM
Post
#1
|
Group: Members Posts: 7 Joined: 9-October 10 Member No.: 12,905 |
I have a list I'm trying to create and I can't get it to look the way I want. I want the entire list centered on my page, but I want the list (each line) and my bullets to be lined up and justified. Right now each line is centered in the page. I've tried all sorts of things and nothing seems to work. I hope I'm explaining myself in a logical way, but here's my page link to help you see what I mean:
http://www.wondersofdisney.yolasite.com/logos I mostly know html and a little css. Another dumb question - can you mix the two? Anyways, I would appreciate any help as I'm pulling my hair out having worked on this for 2 days! Thanks!!!!!!!! |
wgabrie |
Oct 16 2010, 11:43 AM
Post
#2
|
Advanced Member Group: Members Posts: 148 Joined: 11-July 10 Member No.: 12,279 |
I think the missing bullets is an Internet Explorer issue, with IE trying to hide the bullets when someone tries to alter the margin or padding on a list. Here's a workaround. It uses CSS's List Style Position to put the bullet inside the list element.
CODE ul {width:50%; margin:0px auto; text-align:left; list-style:circle inside url(http://wondersofdisney.yolasite.com/resources/redmickbullet.png);} ul ul {list-style:disc inside url(http://wondersofdisney.yolasite.com/resources/smredbullet2.png);} This post has been edited by wgabrie: Oct 16 2010, 11:47 AM |
Lo-Fi Version | Time is now: 18th April 2024 - 12:34 AM |