|
|||
Einblenden von Text (eines DIV) bei anklicken eines Buttons
Hallo Forum,
suche schon den ganzen Tag im Web nach einer Lösung für mein Problem. Hintergrund: Meine Seite soll oben ein horizontales Menu mit Untermenupunkten haben. Unter einer bestimmten Breite des Browserfensters soll nur noch ein Button sichtbar sein. Wenn man auf den Button drückt soll am rechten Rand ein Menu eingeblendet werden. Über Abfragen der Fenstergrösse und zwei separate CSS Dateien habe ich das wechseln zwischen Menu und Button hinbekommen. Wenn ich jetzt auf den Button drücke soll ein Menu eingeblendet werden (ohne Javascript). Ich schaffe es den Hintergrund zu verändern, aber nicht ein anderes Menu dazustellen. Hier einmal die (hoffentlich wesentlichen) Code Bestandteile: HTML: <div> <button type="button" id="menu_button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> CSS: ul#menu-level-1 { .... display:none; } #menu_button:active { background: blue; } button#menu_button:active > ul#menu-level-1 { display: block;} Wenn ich in dem ersten CSS den display auf block setze, dann wird das Menu korrekt angezeigt. Ich hoffe mir kann geholfen werden Viele Grüsse mb68 |
Sponsored Links |
|
|||
Teilweise gelöst
Also, ich habe jetzt das HTML so abgeändert:
Code:
<div id="menu_button"> <button type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div id="menu_mobile"> ###MENU_QUER### </div </div> Code:
div#menu_button:active > ul#menu-level-1 { display: block; } Nach Möglichkeit nur mit CSS, da das ganze in einem CMS generiert wird und da möchte ich Javascript oder feste ID Tags in den verschiedenen Seiten vermeiden. Danke mb68 Geändert von mb68 (19.04.2014 um 23:30 Uhr) Grund: Fehlendes Detail |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
gibt es eine andere Lösung ohne Tabelle? | online | CSS | 16 | 24.04.2009 08:41 |
Float und Clear | Earl of Green | CSS | 3 | 22.02.2009 18:48 |
Internet Explorer verschluckt Grafik | Webentwickler Eric | CSS | 4 | 06.07.2007 14:53 |
Probleme mit float | Webentwickler Eric | CSS | 5 | 21.06.2007 20:09 |
Falsche Darstellung beim Internet Explorer | LordAvalon | CSS | 4 | 09.04.2007 16:22 |