Menu
I’m very much a newbie and I’m trying to set up a page, but I’m having trouble with my links. I’ve tried everything and have no clue as to where I bungled something up!
My styles are as follows:
#navigation {
position: relative;
margin: 0px;
padding: 150px 5px 20px 5px;
font-weight: bold;
font-size: 11px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
#navigation a:link {
color :#000000;
text-decoration : none;
}
#navigation a:visited{
color :#000000;
text-decoration : none;
}
#navigation a:hover {
color :#006600;
text-decoration : none;
}
#navigation a:active {
color :#000000;
text-decoration : none;
}
And my code is as follows:
<div id=”navigation”>
<p><a href=”index.html”>HOME</a></p>
<p><a href=”artist.html”>ARTIST STATEMENT</a></p>
<p><a href=”bio.html”>BIO</a></p>
<p><a href=”oil.html”>OIL<br />PAINTINGS</a></p>
<p><a href=”collage.html”>COLLAGE</a></p>
<p><a href=”lightbox.html”>LIGHTBOXES</a></p>
<p><a href=”essay.html”>ESSAY</a></p>
</div>
Thanks in advance for any help!