|
|||
Das meinte ich mit meinem ersten Eintrag:
Zitat:
|
Sponsored Links |
|
|||
Zitat:
Ich benutze das Tool in Chrome. Nichtsdestotrotz muss man sich doch etwas durchhangeln, bis man den Fehler gefunden hat. Gerade dann, wenn mehr als eine Stylesheet geladen wird. |
Sponsored Links |
|
|||
Verzeih die Annahme, aber die Anzahl an Stylesheets ist doch irrelevant für diese Tools? Da sieht man doch schnell, dass display: inline auf ein Element wirkt. Aber das war nur am Rande, wenn du diese verwendest dann ist es doch gut
|
|
|||
Habe das Problem mir einem eigenen Template-override des mod_menu lösen können.
Leider bin ich jetzt auf das nächste Problem gestoßen: Das Menü lässt sich nicht mehr zentrieren. Hier ist jetzt der Code Code:
<nav id="tgs-2ndnav" class="wrap navbar navbar-default tgs-2ndnav"> <div class="container"> <div class="col-xs-12"> <div class="moduletable jmoddiv jmodinside" data-jmodediturl="https://tgschwalbach.de/joomla/index.php?option=com_config&controller=config.display.modules&id=363&return=aHR0cHM6Ly90Z3NjaHdhbGJhY2guZGUvam9vbWxhL2luZGV4LnBocC9vdGhlci1wYWdlcy90dXJuZW4%3D" data-target="_self" data-jmodtip="<strong>Modul bearbeiten</strong><br />Abteilungsmenü - Turnen<br />Position: 2ndmenu"> <ul class="nav nav-****s"> <li class="item-1203"><a href="/joomla/index.php/berichte-turnen">Berichte aus der Turnabteilung</a></li> <li class="item-1340"><a href="/joomla/index.php/abteilungsleitung-turnen">Abteilungsleitung</a></li> </ul> </div> </div> </div> </nav> Die Einträge in der Stylesheeet Code:
#tgs-2ndnav div {text-align: center;} #tgs-2ndnav ul {width: 100%; margin: 0 auto;} |
|
|||
Verwende zum zentrieren Flexbox.
https://css-tricks.com/centering-css-complete-guide/ |
|
|||
Leider handelt es sich weder um ein Inline-, noch um ein lock-Element.
Trotzdem danke. Habe das UL-Element jetzt mit Code:
#tgs-2ndnav ul {display: inline-table;} Jetzt ist es so, wie ich es mir vorgestellt habe. Danke Euch! Geändert von Berndi (09.02.2017 um 09:32 Uhr) |
|
|||
Es gibt nur inline oder block Elemente, eines von beiden muss es also sein.
Und verwende nicht inline-table, verwende lieber flexbox, wie schon im vorigen Post geschrieben. Einfach den Teil mit "Can you use Flexbox" aufklappen. Oder gibt es einen Grund bei deiner Seite Flexbox nicht zu verwenden? |
|
|||
Gibt es außer "funktioniert nicht" auch eine bessere Fehlerbeschreibung? Flexbox ist vielleicht am Anfang etwas verwirrend, aber sollte hier der bevorzugte Weg sein. Auch, weil es funktioniert. Eventuell hast du die Flexbox dem falschen Container zugeordnet?
Hier noch ein Guide zu flexbox, das für mich am Anfang verwirrende bei Flexbox war die Unterscheidung zwischen "was muss ich dem Container und was muss ich den Kindelementen sagen" um das gewünschte Ergebnis zu erreichen. https://css-tricks.com/snippets/css/a-guide-to-flexbox/ In deinem Fall muss display:flex und justify-content: center auf die ul angewandt werden. |
Sponsored Links |
|
|||
Entschuldige bitte...
So sieht es aus, wenn die Seite auf großen Screens angezeigt wird. Sowohl mit flexbox, als auch mit inline-table ... so weit so gut ... Auf XS-Screens sieht die Flexbox allerdings so aus: Die Menüpunkte erscheinen nicht mehr untereinander. Mit inline-table aber schon: (entschuldige die großen Buchstaben, aber wegen der Bilder musste ich eine größere Schriftart wählen...) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
horizontales Menü in horizontales Pulldown-Menü ändern | Stephan1958 | CSS | 5 | 11.01.2012 14:37 |
Vertikales submenue in horizontales mainmenue einbinden | susigeha | CSS | 7 | 25.02.2011 09:20 |
horizontales Menü mit Subemenü ohne Listenelemente aber mit Grafiken | metalmarder | CSS | 4 | 21.02.2009 21:38 |
In horizontales Menü dropdown einbinden | Star_Scream | CSS | 1 | 14.10.2008 14:45 |
[gelöst] Horizontales Dropdownmenu mit Unterordnern | sui | CSS | 5 | 27.10.2005 19:51 |