Es geht aber wirklich nur um die Navigation, mit dem Logo funktioniert alles.
Beiträge von Tanja
-
-
Darunter und mittig wäre der Wunsch.
Das mit der Checkbox ist eine voreingestellte & eingebundene Version eines Toggle Menüs. Haben dieselbe Version des Drop-Down-Menüs auch schon in der Schule verwendet & diese ändert nichts an selbst erstellten CSS-Datei der Website.
-
Hallo!
Versuche meine Navigation (ul) zu zentrieren. Habe schon versucht nav-Element selbst zu zentrieren sowie nav ul zu zentrieren, nichts scheint zu funktionieren.
Die Klassenselektoren im HTML-Code sind für ein Drop-Down-Menü, also nicht zu berücksichtigen. CSS des Drop-Down-Menü sollte CSS der Website nicht beeinflussen.
War zumindestens bis jetzt immer so.
HTML
Alles anzeigen<nav class="mainMenu"> <label for="toggleMenu" class="menuTitle"> <img src="images/Logo.png" alt="Logo" /> </label> <input type="checkbox" id="toggleMenu" /> <ul class="menu"> <li><a href="#">Startseite</a></li> <li><a href="pages/galerie.html">Galerie</a></li> <li><a href="pages/team.html">Team</a></li> <li><a href="pages/gaestebuch.html">Gästebuch</a></li> <li><a href="pages/kontakt.html">Kontakt</a></li> </ul> </nav>
CSS
Alles anzeigennav { background-color:#FFF; width:98%; } nav ul { text-align:center; } nav ul li { display:inline; list-style:none; } nav ul li a { text-align:center; text-decoration:none; margin:2%; color:#000; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
Wäre sehr dankbar für einige Vorschläge und Hilfestellungen.
Tanja