Hallo, ich hab folgendes Problem bei der Seite <!-- w --><a class="postlink" href="http://www.bhkwpartner.de/test/index.html">http://www.bhkwpartner.de/test/index.html</a><!-- w --> sollte dass Menü mit dieser Grafik (im Anhang) angezeigt werden. Es wird aber nur ein weißer Hintergrund angezeigt man kann aber die Verweise lesen, wenn man aber dass Menü berührt wird alles weiß angezeigt, ich bin auf dass grafische Menü von dieser Seite darauf gekommen <!-- m --><a class="postlink" href="http://www.webmasterpro.de/coding/article/menues-mit-css-erstellen.html">http://www.webmasterpro.de/coding/artic ... ellen.html</a><!-- m -->
Hier mein Code:
Index.html
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>
BHKWPartner - das optimale BHKW von Ihrem Installateur!
</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
<h1>
BHKWPartner Das richtige Aggregat vom richtigen Installateuer!
</h1>
</div>
<ul id="navigation">
<li> <a href="index.html">Startseite</a> </li>
<li> <a href="simulation.html">Simulationsanfrage </a> </li>
<li> <a href="planung.html">BHKW-Planung </a> </li>
<li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
<li> <a href="aktuelles.html">Aktuelles </a> </li>
<li> <a href="info.html">Info </a> </li>
<li> <a href="agb.html"> AGB </a> </li>
<li> <a href="impressum"> Impressum </a> </li>
</ul>
</body>
</html>CSS Datei:
Code
* {
margin:0;
padding:0;
border:0;
list-style:none;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
div#header {
background-color:orange;
text-align:center;
margin-top:3px;
border-style:double;
line-height:3cm;
padding-top: 2%;
}
div#header h1 {
font-size:14pt;
color:#fff;
}
ul#navigation li {
margin: 5px;
width: 20%;
}
ul#navigation li a {
display: block;
border: 1px solid #000;
background:url ("menu.png") no-repeat top;
padding: 10px;
color: #000;
font-weight: bold;
}
ul#navigation li a:hover {
display: block;
border: 1px solid #54993f;
background: url ("menu.png")no-repeat bottom;
color: #fff;
}