Align list to the left

csa · #1 Aug 15th, 2006, 08:57

Is there an easy way to align a bulleted list to that it is right up the left hand side and is viewable in all browsers? See Attached. In this instance I am using my own image bullets rather than pre-set. Thanks

Ryan Fait · #2 Aug 15th, 2006, 09:01

I don't quite understand what you're trying to do, but something like this will give you full control:

Code: Select all

<style type="text/css">
    ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    li {
        margin: 0;
        padding: 0 0 0 10px;
        background: #fff url("bullet.gif") no-repeat 0 50%;
    }
</style>

masonbarge · #3 Aug 15th, 2006, 11:39

You really need to restate your question more carefully. I can't tell what you want to do.

moojoo · #4 Aug 15th, 2006, 14:43

Something like this should get you going.

#foo ul {
padding:0;
margin:0;
}

#foo li {
list-style-type:none;
padding: 0 0 0 12px; /* or whatever the bullet size is plus a few pixels */
background: url(../images/foo_bullet.jpg) center left no-repeat;
}

csa · #5 Aug 16th, 2006, 08:22

Thank you css posters, this has worked.

Will try and expand on my posts in future.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Using a list for navigation, can you center a list?	tonyb	Web Page Design	4	May 9th, 2008 16:26
2 Drop down list - auto select depending on choice from first list	ciaranleeper	JavaScript Forum	0	Mar 26th, 2008 10:38
Spacing between list items incorrect when span tag is used in a list item...	MikeTheVike	Web Page Design	5	Apr 18th, 2007 01:52
List to align left	csa	Web Page Design	6	Feb 26th, 2006 07:19
Having trouble moving list to the left	csa	Web Page Design	2	Dec 12th, 2005 08:56

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Align list to the left