Click to See Complete Forum and Search --> : Need help with text alignment


drumz
03-23-2009, 06:33 PM
I have been tweaking an=d tweaking and this is about as close as I can get it. See attachments, _try is how it is lining up. The only one that is perfect is the middle one. Can someone get this better? I may be making it harder because of assigning attributes to the UL and LI...
HTML: <div id="left-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog/index.php">Blog</a></li>
<li><a href="speaking.html">Speaking</a></li>
<li><a href="advertise.html">Advertise</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
CSS:
#left-menu ul {
padding: 36px 20px 4px 28px;
line-height: 21px;
color: #FFFFFF;
}

#left-menu li {
padding: 0px 20px 4px 20px;
list-style-image: url(images/arrow_wht.jpg);
list-style-type: circle;
}

Thanks in advance!

Fang
03-24-2009, 01:59 AM
Can you give a link?

drumz
03-24-2009, 04:15 PM
Not really, it's still in development. It's in a div by itself so getting it right in the div should work. I don't have any conflicts with other divs on the page if that's your concern.
Thanks,

Fang
03-25-2009, 01:48 AM
Without seeing the full document, I can only assume the image size is the problem.
An alternative method is to remove the list-style and place the image as a background to the list item, giving the text a margin-left to clear the image.

drumz
03-25-2009, 01:12 PM
Thanks, I ended up tweaking it and got it how I want.