Letztes Menü-Element ohne Rahmen

    Hi!

    Ich habe eine Menüleiste mit verschiedenen Punkten. Jeder hat als Begrenzung einen Rand rechts. Das letzte Item soll den Rand nicht haben.

    Dachte, ich mach das mit last-child. Funktioniert aber nicht. Was ist falsch?

    .blue { background:url(images/menu_blue.jpg) top left repeat-x; }
    #main-menu ul.blue li { border-right:2px solid #000000; }
    #main-menu ul.blue li:last-child {border:none;}
    #main-menu ul.blue li a {color:#FFFFFF;}
    #main-menu ul.blue li a:hover { color:#c00;}

    Danke und Grüße
    Michael

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    sehe gerade keinen Fehler..
    Browsercache geleert?
    css auch gespeichert und hochgeladen?
    im richtigen Theme editiert?

    gibts einen Link zur Seite?

    liegt daran, das es sich nicht um das letzte Element handelt
    da

    Code
    <div class="clear"></div>


    das Letzte ist

    entweder du verwendest first-child und border-left

    oder gehst über die ID des letzten Menüpunkts

    CSS
    li#menu-item-342 { border: none !important;}

    Ok, Problem gelöst über first-child.
    Vielen vielen Dank!!

    Aus reiner Neugier würde mich noch interessieren: wie komme ich an die ID der einzelnen Menüpunkte?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden