nicht angemeldet
Hallo,
das klappt nicht, so wie ich mir das zusammen gebastelt habe.
Meine Grafik neben dem Link ist leider direkt schon sichtbar, ohne das ich mit der Maus über den Link komme.
Kannst Du mal bitte kurz den Code prüfen.
Danke und Gruss
Günter
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>...</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* { margin:0; padding:0; }
body { font-family: Verdana; color: #333333; font-size: 1em; }
#navi { width:170px; height:414px; background:url(navi_background_pic.gif) no-repeat; float: left; }
#nav1 a:hover {background-image:url(navi_arrow_pic.jpg); background-position: center left; text-decoration:none; background-repeat:no-repeat;}
</style>
</head>
<body>
<div id="navi">
<ul class="nav1">
<li><a href="#"> <img src="navi_arrow_pic.gif" alt="Home" />Home</a></li>
<li><a href="#"> <img src="navi_arrow_pic.gif" alt="Mikroskopie" />Test1</a></li>
<li><a href="#"> <img src="navi_arrow_pic.gif" alt="Kultur" />Test2</a></li>
<li><a href="#"> <img src="navi_arrow_pic.gif" alt="Medizin" />Test3</a></li>
<li><a href="#"> <img src="navi_arrow_pic.gif" alt="Wortspiele" />Test4</a></li>
<li><a href="#"> <img src="navi_arrow_pic.gif" alt="Links" />Test5</a></li>
<li><a href="#"> <img src="navi_arrow_pic.gif" alt="Impressum" />Kontakt</a></li>
</ul>
</div>
</body>
</html>