Dropdown Menü mit Bildern


Quellcode
<html>

<head>
<style type="text/css">
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown:hover .dropdown-content {display: block;}
.desc {padding: 5px; text-align: center;}
</style>
</head>

<body>
<div class="dropdown"><img src="../Bilder/life.jpg" alt="Bilderdropdown" width="100" height="50px"/>
<div class="dropdown-content"><a href="../Bilder/Life.jpg"><img src="../Bilder/life.jpg" alt="Cinque Terre" width="150" height="auto"/></a><div class="desc">Bild Life</div>
<div class="dropdown-content"><a href="../Bilder/ambi.jpg"><img src="../Bilder/ambi.jpg" alt="Cinque Terre" width="150" height="auto"/></a><div class="desc">Bild Ambi</div>
<div class="dropdown-content"><a href="../Bilder/ambi2.jpg"><img src="../Bilder/ambi2.jpg" alt="Cinque Terre" width="150" height="auto"/></a><div class="desc">Bild Ambi2</div>
</div></div>
</body>

</html>