I searched to see if this has been asked before, and I couldn't find one. Anyways:
Here is a site I have been working on:
http://kontragraphic.110mb.com/
Notice how that the image on the right works, but the image on the left somehow doesn't. I can't figure out why.
If it helps, here is the HTML:
HTML Code:
<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>~Kontragraphic Portal~</title> <meta name="description" content="Tutorials, insight and randomness at the tips of your fingers" /> <meta name="keywords" content="random, various, stupid, fun, photo, graphics" /> <meta name="author" content="Incognito" /> <link rel="stylesheet" type="text/css" href="portalstyle.css" /> </head> <body> <div id="portalimages"> <a href="http://kontragraphic.110mb.com/blog/"><img
src=(http://kontragraphic.110mb.com/portalimg1.png)style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Kontragraphic" /></a> <a href="http://kontragraphic.110mb.com/beta/"><img src="portalimg2.png"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Kontragraphic Beta" /></a> </div> <p>Welcome to Kontragraphic. Please click on the following links. This website is best viewed with Mozilla Firefox
1.5+, Opera 6+, or Safari. If you do not use the listed browsers, it is strongly urged you do so immediately.</p> <br /> <br /> <p style="text-align: center;"><a href="http://kontragraphic.110mb.com/blog/" class="nav">Kontragraphic</a> | <a
href="http://kontragraphic.110mb.com/beta/" class="nav">Kontragraphic Beta</a> (WIP)</p> <div id="footer">
Copyright © 2008 Kontragraphic. All rights reserved.
</div> </body> </html>
and here is the CSS
HTML Code:
#footer
{
clear: both;
position: relative;
top: 20px;
font-style: italic;
font-family: Verdana;
font-size: 11px;
}
p
{
font-family: Verdana;
font-size: 0.7em;
text-indent: 0.25cm;
}
a.nav:link
{
color: orange;
text-decoration: underline;
}
a.nav:visited
{
color: white;
}
a.nav:hover
{
font-style: italic;
}
a.nav:active
{
color: blue;
} Thanks for the help.
Congratulations to AcaCandy on her 100,000th post!
Web Design & Development 
