CSS: Menue per Klick auf ein image aufklappen

[Linuchs]

Hallo peter,

danke für den Tipp. Funktioniert. Habe die Checkbox mit display:none versteckt und zeige an der Stelle das Menü-Icon. Zum Zuklappen zusätzlich ein Kreuz im Menü-Container:

<style>
#menue {
  position: absolute;
  white-space: nowrap;
  background: rgba(255,255,255,.9);
  border: .1pt solid #ccc;
  padding: 5px;
  top: 1.5em;
  right: 5px;
  z-index: 99;
  display:none;
}
input#menue_schalter {display:none;}
input#menue_schalter:checked ~ #menue {display:block;}
</style>
<input type=checkbox id=menue_schalter />
<label for="menue_schalter"><img class="ic_gr cur_pointer" src="/img/icon_menu.png" alt="Menu" title="Menu" /></label>
<div id=menue class=em12>
  <p class=ro><label for="menue_schalter"><img class="cur_pointer ic_gr" src="img/icon_kreuz.png" alt="X" /></label></p>
  <p>###Interessante Seiten###Interesting pages###Interessante pagina's###:</p>
  <p><a href="/?zp=p509&amp;lg=[lg]"  title="p509">###Europakarte der Events###European map of events###Europese kaart van de gebeurtenissen###</a></p>
  <p><a href="/?zp=p581a&amp;lg=[lg]" title="p581a">###Liste remso-Mitglieder###List of remso members###Lijst van remso-leden###</a></p>
  <p><a href="/?zp=p153&amp;lg=[lg]"  title="p153">###Städte-Liste###List of cities###Lijst van steden###</a></p>
  <p><a href="/?zp=p161&amp;lg=[lg]"  title="p161">###Fernradwege###Long-distance cycle routes###Lange-afstand fietsroutes###</a></p>
  <p><a href="/?zp=p114&amp;lg=[lg]"  title="p114">###Abo: Wohin am Wochenende?###Subscription: Where to go at the weekend###Sub: Waar naartoe in het weekend###</a></p>
</div>

Gruß, Linuchs