Hab es mal auf diese weise Versucht, wie du es meintest ohne "" Bleibt aber immer noch gleich.
ul#navigation li a:hover {
display: block;
border: 1px solid #54993f;
background: url ("menu.png")no-repeat bottom;
color: #fff;
}PS: Hab vorher dass Bild anhängen vergessen, ist jetzt auf diese Antwort zu sehen.
[Blockierte Grafik: http://s5.directupload.net/images/user/100609/temp/gkdxh24y.gif]
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
<!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:
* {
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;
}