Liste ul li erzeugt als erste Zeile Leerzeile

elotse

Ich habe eine Darstellung der Liste welche ich mir nicht erklären kann.

Die Liste wird wie folgt erzeugt:

PHP

<!-- Bereich fuer die neuesten Beitraege -->
<h2>Die letzten 30 Beitr„ge:</h2>
<ul>
<?php get_archives('postbypost', 30); ?>
</ul>
<!-- Bereich fuer Monatsarchiv -->
<h2>Monatsarchiv:</h2>
<ul>
<li>
<?php wp_get_archives('type=monthly&show_post_count=1'); ?>
</li>
</ul>

Alles anzeigen

Wird von mir ul li verwendet wie im Beispiel Manatsarchiv erscheint als erste Zeile eine Leerzeile ohne Text:confused:
Verwende ich nur ul ohne li was nach meinem Verständnis nicht i.O ist, wird die Liste richtig dargestellt!!!!
Das Beispiel ist hier zu sehen.

Vielen Dank im voraus

Werbepost

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

marX

Dein Code ergibt inkorrektes Markup. So wirds richtig:

PHP

<ul>
<?php wp_get_archives('type=monthly&show_post_count=1'); ?>
</ul>

wp_get_archives erzeugt die <li> selbst.

elotse

Danke, wer lesen kann braucht nicht zu fragen:oops:

Nun habe ich aber eine weitergehende Frage, ich habe jetzt zuerst die Doku gelesen und konnte nichts zu ul und li finden!

Ich verwende für eine andere Liste folgenden Code:

PHP

<ul>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
</ul>

dabei wird immer eine Leerzeile nach jedem Datensatz erstellt:confused:
Beispiel ist hier

marX

Da ist keine "Leerzeile", sondern Abstand. Der generierte Code sieht bei dir in etwa so aus:

PHP

<div class="entrytext">
          <ul>
            <li>
              <a href="http://www.kk4you.de/toernbericht-2006-levitha-nach-amorgos-ormos-aegiali-110.htm">Törnbericht 2006 -Levitha nach Amorgos Ormos Aegiali</a>
            </li>
          </ul>
        </div>
      
      </div>
	    
            <div class="post" id="post-109">
        
        <div class="entrytext">
          <ul>
            <li>
              <a href="http://www.kk4you.de/toernbericht-2006-kalymnos-ormos-vathy-nach-levitha-109.htm">Törnbericht 2006 -Kalymnos Ormos Vathy nach Levitha</a>
            </li>
          </ul>
        </div>
      
      </div>

Alles anzeigen

Die Abstande kommen zum einen von den Listen <ul> (margin-bottom:5px) und zum anderen von den <div class="post"> (margin-bottom:2px, padding-bottom:2px).

Du solltest die Liste schon anders generieren, nämlich für jeden Post nur ein Listenelement, keinen kompletten Post-Container. Also in etwa so:

PHP

<div class="post">
<ul>
<?php while( have_posts() ) : the_post(); ?>
  <li>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
  </li>
<?php endwhile; ?>
</ul>
</div>

elotse

Danke, es funktioniert

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Liste ul li erzeugt als erste Zeile Leerzeile

Jetzt mitmachen!

Benutzer online in diesem Thema