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

Code:

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

Code:

#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