css Navigation, Linien setzen

[Pit]

Hallo Rolf,

Ich weiß gar nicht genau, wo ich ansetzen soll, aber ich fang mal hier an:

Was Du vermutlich WOLLTEST, war, am linken Link die linke Seite abzurunden und am rechten Link die rechte Seite. Dazu hättest Du eine Leerstelle zwischen #navlinks und :first-child bzw. :last-child machen müssen, eine Leerstelle ist der "ist Kind von" Selektor.

Das muß ich mir morgen mal genauer durchlesen, bzw. nähere Infos hierzu besorgen. Aber mal kurz nachgefragt: Das Ergebniss passte doch, oder?

Aber das nützt Dir nichts. Wenn Du den Rand auf die Links verlegst, kommst Du mit der inline Logik in Konflikt, die Leerstellen nicht entfernt. Links und Buttons sind inline-Elemente (deswegen landen sie nebeneinander), und darum haben sie auch ohne Margin einen Abstand. Ein Rand auf den Links wäre deshalb nicht durchgehend.

Ach herrje… Da blick ich nimmer durch, muß ich morgen drüber nachdenken.

Es ist daher sinnvoll (und auch logischer), den Rand und die Rand-Abrundung auf den Link-Container zu legen. Das hattest Du in deiner ersten Version völlig richtig.

Und wie du den Trennstrich zwischen die Buttons machst, hatte ich Dir doch erklärt. Du hättest nur den Buttons den border-radius wegnehmen müssen, damit der Trennstrich gerade ist.

Achso, ok. Jetzt versteh ich zumindest diesen Part.

Ich bastele aber nochmal etwas, um dir zu zeigen wie man mit flexbox gut um die Kurve kommt.

Sehr gerne, freu' ich mich drauf. Trotzdem muß ich ggf. morgen nochmal zu den anderen Punkten nachfrage, ich würde die gan z gerne verstehen...davon bin ich derzeit noch etwas entfernt… Danke! auf jeden Fall für die Erklärungen und die Mühe, die Du Dir machst.

Pit