Kategorie anzeigen?

peterpa

Hallo,

ich habe folgende Seite:

Ich rede nun über folgenden Code Abschnitt:

PHP

<div class="box1 clearfix">
                        <div class="post clearfix">
                            <h5 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a><img style="margin-left:5px; border:none;" alt="de" src="http://forentest.newsundmehr.org/wp-content/themes/irresistible/de.png" /></h5> <div style="margin-left:5px;"></div> <span class="tagpost">Under: <?php the_category(', ') ?></span>

Ich hätte gerne das Under: Kategorien Name, neber der Flagge mit einem kleinen Abstand und nicht drunter. Egal wie ich es einbinde, es ist immer eine Zeile drunter. Was habe ich da falsch eingebunden?

Vielen Dank für eure Hilfe :)

Liebe Grüße
[LEFT][COLOR=#E9E9E9][FONT=Arial]http://forentest.newsundmehr.org/?cat=1[/FONT][/COLOR][/LEFT]

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

Entweder nimmst du Inline-Elemente statt Block-Elementen (schau mal hier: CSS 4 You - The Finest in Stylesheets: Workshop: Elemente), oder du machst die Block-Elemente zu Inline-Elementen (display) oder du verwendest float. Nur 3 von vielen möglichen Vorschlägen. ;-)

peterpa

Wow, vielen Dank für die Hilfe. Könntest du vielleicht bei dem Code einmal ein konkretes Beispiel machen? Ich lerne so etwas am besten :-) Vielen Dank!

marX

Ich zeig dir mal Variante 1, ist die "einfachste" finde ich.

PHP

<h5 id="post-<?php the_ID(); ?>">
  <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
  <img style="margin-left:5px; border:none;" alt="de" src="http://forentest.newsundmehr.org/wp-content/themes/irresistible/de.png" />
[COLOR="Red"][del]</h5>[/del][/COLOR]
  <[COLOR="#ff0000"][del]div[/del][/COLOR][COLOR="Blue"]span[/COLOR] style="margin-left:5px;"></[COLOR="#ff0000"][del]div[/del][/COLOR][COLOR="Blue"]span[/COLOR]>
  <span class="[COLOR="Magenta"]tagpost[/COLOR]">Under: <?php the_category(', ') ?></span>
[COLOR="#0000ff"]</h5>[/COLOR]

Was macht das leere <div>? Nur einen Abstand von 5px? Dann würde ich den Abstand eher in die style.css auslagern, z.B. in der Klasse [COLOR="#ff00ff"].tagpost[/COLOR] zuweisen. padding eignet sich da bei Inline-Elementen ganz gut.

"Nachteil" an dieser Variante: das Überschriftenelement <h5> enthält mehr Informationen, es ist also semantisch nicht unbedingt korrekt eingesetzt. Wenn dich dieser (logische) Makel nicht stört, dann würde ich die Variante einsetzen. ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kategorie anzeigen?

Jetzt mitmachen!