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