Menü und CSS

Moin,

versuche es einmal mit

ul.nav {margin: auto;

width:250px;)

in der user.css.

Hinweis: Die breite mußt Du in Abhängigkeit der Anzahl an Menüpunkten anpassen.

Ich persönlich finde das "Zentrieren" nicht so schick. Es wird doch immer von links nach rechts gelesen.

Hallo Christian

Sorry, dass ich wieder einmal dazwischengrätsche, aber dein Vorschlag würde sich auf die Breite aller Navigationen auswirken, egal ob oben (Hauptmenü), unten (Footer), links oder rechts (seitliche Navigation). Und wirklich responsive wäre es ja auch nicht gerade .

Moin Anka,
klar stimmt das, da muss man ggf. eine "bessere" Klasse verwenden.

Mein Test hatte ergeben, dass vor dem "Umbrechen" der Navigation beim Verkleinern des Browserfensters schon der "Burger" kam.

Wie geschrieben, finde ich das Zentrieren auch nicht so hipp.

Christian

Hallo Christian

Mit "nicht wirklich responsive" meinte ich nicht das "Burger"-Menü. Das wird ab einer bestimmten Viewportgrösse immer angezeigt, egal, wie breit das horizontale Menü ist. D.h. es hängt nicht von der Breite des Menüs, sondern von der Browserbreite ab.

Ich meint eher das Menü z.B. im Footer. Wenn du dem eine Breite von mehr als 360px gibst, dann wird es breiter als ein Handy und zerschiesst das Layout.

Damit könnte es besser klappen:

.navigation,
.footer {
    text-align: center;
}
.navigation ul.nav,
.footer ul.nav {
    display: inline-block;
}

Damit könnte sich aber wieder eine andere Baustelle auftun. Es wäre also besser, wenn der TE Menüklassensuffixe verwenden würde. Ich habe schon im Post #9 versucht, ihm den Suffix schmackhaft zu machen, aber den mochte er anscheinend nicht.

Moin,

dann sind unterschiedliche Menüklassen erforderlich.

Christian

Zitat von Worf

Hallo anka,

Ich verstehe deinen Post nicht. Ich habe es so gemacht wie du im #9 beschrieben hast, aber ich möchte deiner Ansicht ja nicht das ja nicht ?????

hast Du aber nicht. Es steht bei Dir so (Auszug):

<ul class="nav menu nav-pills mod-list">

und nicht so:

<ul class="nav menu nav-pills grafik mod-list">

wie hier in #9 vorgeschlagen wurde:

Zitat von anka

Ich würde es an deiner Stelle folgendermassen machen:

1. Erweitere beim Menümodul den Menüklassensuffix. Im Moment steht dort " nav-pills". Mache daraus ein " nav-pills grafik". Achte dabei genau auf die Leerzeichen.

Damit war/ist das Modul vom oberen bzw, Hauptmenü gemeint.

CSS Einträge wiederhole ich nicht hier.

--------------

Zitat von Worf

Nun wäre es schön die Menüs auf Seitenmitte zu Zentrieren. Für den footer wäre es schon mal toll.

Jetzt schreibst Du:

Zitat von Worf

Dein vorgeschlagener Codeschnipsel #25 bewirkt das alle Menüs oben und unten Zentriert werden.

wolltest es ja, siehe #21. Daher die entsprechenden Codeschnipseln.

Bleibt daher:

Zitat von chr-hl

dann sind unterschiedliche Menüklassen erforderlich.

Liebe Grüße

Christine

Hallo Worf

Zitat von Worf

Ich verstehe deinen Post nicht.

Der erste Teil bezog sich auf den Post #25 von Christian ( chr-hl).

Zitat von Worf

Es wäre schön das obere Menü und das footer Menü getrennt zu konfigurieren.

Dann mache es damit:

Oberes Menü:

.navigation {
    text-align: center;
}

.navigation ul.nav {
    display: inline-block;
}

Unteres Menü:

.footer {
    text-align: center;
}

.footer ul.nav {
    display: inline-block;
}

Zum Rest äussere ich mich jetzt nicht mehr, sonst wird alles noch unübersichtlicher als es schon ist. Aber vielleicht merkst du daran, dass es immer mehrere, zum Teil sehr unterschiedliche Lösungswege gibt, und dass es wichtig ist, alles genau umzusetzen.

Zitat von Worf

Es wäre schön alles in einer Zeile zu haben

Postioniere den LI als inline-block.

Ah, ich dachte Du meinst das die Menüpunkte nebeneinander sein sollen, aber das sind sie ja schon.

Auch wenn Du den Copyright-Hinweis nicht brauchst, weil Du auch ohne dem immer Urheber bist und jemand der kopieren will egal ist ob da ein Hinweis steht, kannst Du das extra Modul deaktivieren und das Copyright in das Menü an erster Stelle als Menüüberschrift oder als Trennzischen einfügen.

Nur mit CSS bekommt man das bei diesem Template nicht hin, Dazu müsste man auch die index.php des Templates ändern.

Ja, das verstehen alle.

Dass du Profi wirst erwartet sicher niemand. Aber es ist auch für Supporter nicht einfach, jemandem online zu helfen .

Mal ganz privat: ich möchte gerne einen Wandteppich aufhängen, den ich mir spontan gekauft habe. 2m breit, 80cm hoch.

Ich finde eine Menge Anleitungen im Internet: Schlaufen annähen, Leiste durchstecken, an die Wand dübeln.

Leider kann ich weder Schlaufen nähen noch Dübeln. Eine Freundin fand es ganz einfach, Schlaufen zu nähen und hat mir das erklärt, aber leider

werden meine Schlaufen irgendwas Schräges und sitzen schief.

Man kann einen Rahmen aus Holzleisten anfertigen, den dann an passende Halterungen hängen, die man einfach an die Wand dübelt.

Meine Kenntnisse im Rahmen anfertigen sind laienhaft und woher bekomme ich eine Halterung?

Ich habe auch gute Freunde (Supporter), die mit beim Dübeln gerne zur Hand gehen, wenn ich genau weiss wo ich die Dübel haben will, .

Alle schauen den Teppich an, sagen - ach ja, da brauchst du eine Leiste .. oder hier Schlaufen .. oder hier könnte man was antackern .. vielleicht.

Näh doch Schlaufen an und wir dübeln das ruck-zuck an die Wand.

Nun stehe ich da mit meinem Teppich und werde einen Profi kommen lassen damit das Elend ein Ende hat.

Kommt dir das bekannt vor?

Der ganze Zentrierungs-Kram geht sehr gut mit Flexbox-CSS. Der "steinige Weg" wäre dann vielleicht ja HTML, CSS-Grundlagen. Ansonsten wage noch einen Blick auf die Opportunitätskosten und ob es das ist, was dir Spaß macht und längerfristig etwas bringen könnte.