Ich bin daran meine Site neu mit Joomla aufzusetzen aber schaffe es einfach nicht das Menu horizontal statt vertikal darzustellen 
Folgende Einstellungen sind zur Zeit aktiv:
- Modul "Main Menu" Erweitert
- CSS-Klasse Menü: menu-horizontal
- Layout: Collapsible Dropdown
- Modul-Tag: nav
und trotzdem erscheint das Menu so: https://www.strickler.info/index.php
Was mache ich da falsch?
Liebe Grüsse Köbi
Hallo Köbi und willkommen im Forum.
Rufe im Backend das Menü-Modul auf: Inhalt -> Site Module: "Main Menu"
Weise das Menü-Modul der Modulposition "menu" zu!
Wähle im Menü-Modul den Reiter "Erweitert"!
Ändere dort folgende Einstellungen:
Nun wird das Menü horizontal angezeigt.
Sollte das nicht der Fall sein, leere bitte Joomla- und Browsercache und aktualisiere deine Seite!
Hallo Köbi,
für mich sieht es so aus, als hättest Du die Menüs unterhalb von /home angelegt.
Beispiel: home/kontakte usw.
Liebe Grüße
Christine
Ja, würde ich auch sagen, Stammbäume ect. sehen so aus als wären sie Unterpunkte von "HOME"
Hallo miteinander
Vielen Dank für Eure Hinweise, es lag tasächlich daran dass ich die Menüs unterhalb von Home angelegt habe!
Gruss Köbi
Thema bitte noch auf erledigt stellen
(Oben beim Themaname auf das rote Dreieck doppelt klicken)
Hallo
Bin dankbar um das Eingangsposting. So gehts.
Ich habe eine Zusatzfrage zu den Abständen zwischen Menüpunkten, die Einstellungen genau wie im Eingangsposting.
Der Quellcode:
<ul class="mod-menu mod-menu_dropdown-metismenu metismenu mod-list menu-horizontal">
<li class="metismenu-item item-119 level-1 default active"><a href="/page.de/index.php/de/" class="pagelink">Stellt sich vor</a></li>
<li class="metismenu-item item-117 level-1"><a href="/page.de/index.php/de/methodik" >Methodik</a></li>
</ul>
Problem mit der CSS: padding: 0 geht nur mit quälen.
.menu-horizontal .metismenu-item {padding:0!important;margin-right:2px;}
Nicht so schön. Weiss jemand, wie Llösen?
Danke, flipper
Moin,
bitte einen Link zum Problem und besser ein eigenen Threads eröffnen.
Christian
Danke, ich arbeite an der Page lokal, es wird noch dauern. Vielleicht besser mit dem eigenen Thread, stimmt.
Hallo,
eigentlich sollte
.metismenu.mod-menu .metismenu-item {
margin: 0 10px 0 0;
}
in der user.css weiterhelfen, vorausgesetzt, ich habe das jetzt richtig verstanden.
Christian
Danke, leider nein, das Problem liegt etwas tiefer. Die Werte in der user.css zu überschreiben, das klappt nicht, nur mit padding:0!important; (screenshot oben). Ohne !important bleiben die nachgemessenen padding: 20px 10px (screenshot unten).
???
Die user.css wird im Normalfall als letzte CSS-Datei geladen und überschreibt bzw. ergänzt das vorher geladene CSS.
Mit important ist das so eine Sache!
"Mein" CSS hat auch margin und nicht padding und das hat die Menüpunkte entsprechend auseinander gezogen.
Leider ist es so mehr ein Ratespiel.
Btw. Hast Du auch den Browsercache gelöscht?
Christian
Die user.css überschreibt vorangegangene Werte. Cache gelöscht. Beides klar. Danke vorerst, Ratespiel war nicht die Absicht.
