Posts: 9,981
Name: Giselle
Location: Washington State
|
Brian I hope this can help you because I am real new to CSS, and I think what you are asking is what took me several weeks to figure out among other things.  I have two lists, one vertical with many links, one link below the other link and the other list is horizontal and it works, the horizontal list is below the vertical list. Originally with the vertical list I had a huge space between each link, didn't look good. I ended up going to w3 schools working with the information trying to apply it to my page, I will supply the code which I used and the links.
CSS:
ul
{
list-style-type:none;
padding:0;
margin:0;
font: 1em bold Arial, Helvetica, sans-serif;
padding: 1em 0;
font-weight: bold;
text-align: left;
margin-left: 4px;
}
li
{
HTML:
<ul>
<li><a href="http://urladdress">name of link</a></li>
<li><a href="http://urladdress">name of link</a></li>
(so on and so forth)
</ul>
http://www.w3schools.com/css/css_list.asp
http://www.w3schools.com/css/tryit.a...ckground-image
Hope this helps you......
|