Hallöchen,
ich bin seit heute in der CSS-Szene unterwegs, und habe mir ein kleines Menü-Tutorial gesucht und dieses ein bisschen umgebaut.
Leider zeigt meine Website die Bilder vom Menü nicht an, auch nicht wenn ich im Hover bin.
Woran liegts?
Hier einmal meine Seite: http://zinneal.bplaced.net/keybinder/
Wenn man auf der linken Seite zwischen Header und Main in den kleinen Bereich geht merkt man zwar, dass man auf einen Link stößt, doch leider werden keine Bilder o.ä. angezeigt.
Der Code:
Code
.nav_container {
margin-left: auto; margin-right: auto;
width: 1027px;
padding-top:0px;
}
#navMenu{
display: inline;
margin: 0;
padding: 0px;
position: relative;
z-index: 5;
}
#navMenu li{
float: left;
display: inline;
}
a.navHome, a.navHome_a {
display:block;
float:left;
width:150px;
height:60px;
background-image: url(”../img/button/home.png");
}
a.navHome:hover {
background: url(”../img/button/homehover.png”);
}
a.navHome_a {
background: url(”../img/button/homeis.png”);
}
a.navDownload, a.navDownload_a {
display:block;
float:left;
width:150px;
height:60px;
background: url(”../img/button/dl.png");
}
a.navDownload:hover {
background: url(”../img/button/dlhover.png”);
}
a.navDownload_a {
background: url(”../img/button/dlis.png”);
}
<div class="nav_container">
<ul id="navMenu">
<li><a href="#" class="navHome" title="Home"></a></li>
<li><a href="#" class="nav_Download_a" title="Download"></a></li>
</ul>
</div>lg
