...

View Full Version : Resolved List icon problem



Banana
10-31-2009, 09:05 PM
I'm new with all that HTML and CSS and I need a little help. :(

I tried to add an image as a list item marker but it didn't work and I'm not really sure actually where do i have to put it in. Could someone please help me out here?

HTML


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Website test</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen,projection">
</head>
<body bgcolor="black">
<div align=top right>

<ul id="nav">
<li><a href="#" title="Go to the front page">Home</a></li>
<li><a href="#" title="Retrieve support from staff">Support</a></li>
<li><a href="#" title="Send an email to us">Contact</a></li>
<li><a href="#" title="View company info">About</a></li>
</ul>
</div>

</body>
</html>

CSS


#nav {
list-style-type: none;
width: 200px;
background: #141414;
float: right;
border-style:solid;
border-width:1px;
border-color:white;
}

#nav li {
display: inline;
}

#nav a {
display: block;
height: 23px;
padding: 9px 0 0 9px;
font-size: 13px;
text-decoration: none;
color: #FFF;
border-bottom: 1px solid #090909;
border-left: 1px solid #090909;
}

#nav a:hover {
background: #242424;
border-style:solid;
border-width:1px;
border-color:white;
}

Excavator
10-31-2009, 09:07 PM
Hello Banana,
Have a look at an example page of mine - http://nopeople.com/CSS/li_image/index.html

Banana
10-31-2009, 09:29 PM
Thank you! I think i figured it out :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum