wp_list_pages - Trennstrich

    hallo forum,

    ich lasse mir durch display: inline die seiten nebeneinander ausgeben. klappt soweit problemlos. ich würde die links zu den seiten jedoch gerne zwecks übersichtlichkeit durch einen trennstrich getrennt anzeigen lassen, z.b. so

    startseite | blabla | links | impressum

    ich hab keine ahnung ob das geht und wenn ja wie. die herausforderung wäre ja noch, dass nach dem letzten link (hier: impressum) der strich nicht mehr erscheint....

    vielen dank für hilfe!

    • 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

    hi sumu,

    lokale installation....

    teil aus stylesheet:
    #navmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    }

    #navmenu li{
    margin: 0;
    padding: 0 10px 0 0;
    display: inline;
    border-right: 1px solid black;
    }

    teil aus header.php
    <div id="navmenu">
    <ul>
    <?php wp_list_pages('sort_column=menu_order&title_li='); ?>
    </ul>
    </div>

    mit rechtem border habe ich lösung gerade selbst hinbekommen. nur nach dem letzten seiten-link (hier: impressum) kommt dann halt auch der strich. dazu fällt mir aber wirklich keine lösung ein ;-)

    probier mal folgendes:

    Code
    #navmenu li{
	margin: 0;
        padding: 0 10px 0 0;
        display: inline;
}
 
#navmenu li+li{ 	border-left: 1px solid black;}

    padding wirst du auch ändern müssen glaube ich -aber so geht das ;)


    lg

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden