- Registriert
- 03.07.10
- Beiträge
- 13
Hi Leute.
Ich habe in einer Website eine Navigation mit Listen gemacht.
Jetzt will ich jeden Menüpunkt mit einem Aquabutton hinterlegen aber das Bild wird nicht angezeigt.
Ich benutze Espresso.
Ich habe in einer Website eine Navigation mit Listen gemacht.
Jetzt will ich jeden Menüpunkt mit einem Aquabutton hinterlegen aber das Bild wird nicht angezeigt.
Code:
<ul class="navigation">
<li class="start"> <a href="index.html"> Start </a> </li>
<li class="name1"> <a href="name1.html"> name1 </a> </li>
<li class="name2"> <a href="name2.html"> name2 </a> </li>
<li class="kontakt"> <a href="kontakt.html"> Kontakt </a> </li>
<li class="impressum"> <a href="impressum.html"> Impressum </a> </li>
</ul>
Code:
.navigation {
list-style-type: none;
margin: 0;
padding: 0;
width: 960px;
background-color: #dbe4ff;
background-image: url('Bilder/aqua-button.png');
}
.navigation a {
margin-bottom: 1px;
color: white;
background-image: url ('Bilder/aqua-button.png');
text-decoration: none;
display: block;
padding: 5px;
height: 36px;
width: 168px;
}
.navigation a:hover {
color: white;
border-style: hidden;
background-image: url('Bilder/aqua-button.png');
background-repeat: no-repeat;
background-position: right center;
}
.navigation a.last {
border-bottom: none;
}
.navigation a.last:hover {
border-bottom: none;
}
.start{
width: 190px;
float: left;
text-align: center;
}
.name1{
width: 190px;
float: left;
text-align: center;
}
.name2{
width: 190px;
float: left;
text-align: center;
}
.kontakt{
width: 190px;
float: left;
text-align: center;
}
.impressum{
width: 190px;
float: left;
text-align: center;
}
.clear{
clear: left;
}