Listenelemente mit Float

  • Hallo zusammen,

    ich sitze an einem neuen Template und brauche für eine Pseudo Sitemap eure Hilfe.

    Ich möchte auf einer Seite alle Kategorien in einer Liste ausgeben. Dabei sollen die Hauptkategorien normal untereinander stehen, die Unterkategorien (Kinder) sollen allerdings gefloated sein.

    Das Problem an sich ist nicht schwer zu lösen, allerdings wird nach dem letzten Kind die Hauptkategorie nicht darunter, sondern daneben gesetzt. Ich weiß nicht mehr was ich tun soll und bitte die CSS Profis um dringende Hilfe.

    Problem:

    Anbei meine Codeschnipsel:

    1. im html


    PHP
    <section id="sitemap_list">
    
    
                <ul>
                    <?php wp_list_categories('orderby=name&show_count=1&child_of=&title_li=&hide_empty=0'); ?> 
                </ul>
    
    
    </section>


    2. im CSS

    Code
    #sitemap {margin:5px auto; font-size:1.2em;}
    
    
    #sitemap_list {padding-top:20px; margin-top:20px; border-top:1px dashed #ccc;}
    
    
    #sitemap_list ul {margin:0px 0px 0px 10px; padding:0; list-style-type:circle; width:300px;}
    #sitemap_list ul li {margin:0px 10px; font-size:1em; padding:5px;}
    #sitemap_list ul li ul {padding:10px; margin:0; clear:both;}
    #sitemap_list ul li ul li {font-size:0.8em; border:none; margin:0px 0px 0px 10px; padding:0; list-style-type:circle; float:left;}
    • 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

Jetzt mitmachen!

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