Lukas: border-radius hover überlappt

SELF-Forum

border-radius hover überlappt

Lukas
– Informationen zu den Bewertungsregeln

Hallo zusammen.

ich bin dabei ein Menü zu erstellen. Um "Runde Ecken" im Untermenü zu bekommen habe ich den border-radius auf 10 gesetzt. Bei hover oder selected (siehe Screenshot) geht jedoch die Hintergrundfarbe über den Rand hinaus. Wie kann ich das verhindern?

Vielen Dank,
Lukas

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. border-radius hover überlappt

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Lass mich raten: du hast den border-radius auf das ul-Element gepackt, die hover-Sache aber auf ein li- oder a-Element.

    Works as designed würde ich sagen.

    Den border-radius (und die Hintergrundfarbe) auf das erste und letzte li-Element (oder das a-Element jeweils darin) und gut ist.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. border-radius hover überlappt

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Lukas:

    nuqneH

    Bei hover oder selected (siehe Screenshot) geht jedoch die Hintergrundfarbe über den Rand hinaus. Wie kann ich das verhindern?

    In dem du den entsprechenden Menüpunkten auch border-radius verpasst: dem ersten bei den bei den beiden oberen Ecken, dem letzten bei den beiden unteren. Die Pseudoklassen :first-child und :last-child helfen dabei.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. border-radius hover überlappt

      Lukas
      – Informationen zu den Bewertungsregeln

      Nach langem rumtüfteln habe ich es dann mithilfe von :first-child und :last-child geschafft:) Vielen Dank!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln