...

View Full Version : Unordered list



syco__
09-04-2011, 03:09 AM
I have an unordered list as with my links in it how do i make the line spacing for each link to have a little more

this is what i have at the moment


#nav li { list-style: none;
display: inline;
}

#nav ul li { line-height: 100em;
}


#nav being the div that the list is in.

Thanks

teedoff
09-04-2011, 03:22 AM
If I understand you, add padding to the a tag.

syco__
09-04-2011, 03:26 AM
i want to add some space between each link.

Link1
Link2
Link3
Link4

I want more spacing between each of the links as they look really cramped

teedoff
09-04-2011, 03:38 AM
Then add some padding to the <li> tag.

syco__
09-04-2011, 03:58 AM
#nav li { list-style: none;
display: inline;
padding-top:10px;
}

doesn't do anything

vikram1vicky
09-04-2011, 05:22 PM
Do you want vertical or horizontal navigation???

syco__
09-05-2011, 03:37 AM
vertical.

teedoff
09-05-2011, 04:08 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
#nav ul li {
padding-bottom: 25px;
}
</style>
</head>

<body>
<div id="nav">
<ul>
<li><a href="index.html" target="_blank" title="Chieftain Clothimg Home" ></a>Home</li>
<li><a href="inspiration.html" title="Chieftain Clothing Inspiration page" target="_blank"></a>Inspiration</li>
<li><a href="shop.html" title="Chieftain Clothing Shop page" target="_blank"></a>Shop</li>
<li><a href="contact.html" title="Chieftain Clothimg contact page" target="_blank"></a>Contact</li>
<li><a href="team.html" title="Chieftain Clothimg Team page" target="_blank"></a>Out Team</li>
<li><a href="http://chieftainclothing.com/blog" title="Chieftain Clothimg Blog page" target="_blank"></a>Blog</li>
</ul>
</div>
</body>
</html>

Again, very simple. Add padding to the list tag.

vikram1vicky
09-05-2011, 10:19 AM
You can use line-height property also..



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum