Hilfe bei der Darstellung der Artikelinfos

Hi,

ich bräuchte mal Hilfe bei der Darstellung der Artikelinfos, denn ich arbeite gerade an einem neuen Design.

Sie werden bei mir untereinander dargestellt, anstatt nebeneinander - wie bekomme ich das auf die Reihe, dass alles in einer Zeile dargestellt wird?

style.css

#content div.post p.details_small {
padding-left: 20px;
background: transparent url(images/back-details.jpg) no-repeat left center;
color: #aaa;
font-size: 13px;
}


#content div.post p.comments_small {
padding-left: 20px;
background: transparent url(images/back-comments.jpg) no-repeat left center;
color: #aaa;
font-size: 13px;
}


#content div.post p.date_small {
padding-left: 20px;
background: transparent url(images/back-recenti.png) no-repeat left center;
color: #aaa;
font-size: 13px;
}

index.html

<p class="details_small">
<?php the_category(', ') ?></p>
<p class="comments_small"><?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?></p>
<p class="date_small"><?php the_author(); ?> @ <?php the_time('j. F Y') ?></p>

Zitat von Ben-Inside

wie bekomme ich das auf die Reihe, dass alles in einer Zeile dargestellt wird?

Na ganz einfach - die Absätze (<p>) killen.

Ja, schon klar, aber dann fallen die Bilder komplett weg.

Zitat von Ben-Inside

Ja, schon klar, aber dann fallen die Bilder komplett weg.

Dann ändere die p in span.
Oder gib ihnen im Style die Eigenschaft float:left;

Bei <span> fallen die Bilder, das funktioniert auch nicht.

Mein Problem ist, dass es drei Class sind, die nacheinander auf eine Zeile sollen mit jeweils einem Bild davor.

Also:

Kategorie | Kommentare | Post-Datum

Zitat

Bei <span> fallen die Bilder, das funktioniert auch nicht.

Wenn du das Style dann nicht ansprechend anpasst ist das klar.
Oder lass eben wiegesagt die <p>'s floaten.

Zitat

Mein Problem ist, dass es drei Class sind, die nacheinander auf eine Zeile sollen mit jeweils einem Bild davor.

Das ist kein Problem...

Okay, danke erstmal.

Habe noch eine ähnliche Frage:

Bei der Anzeige der Kommentare wird zunächst der Name des Kommentators groß angezeigt. Darunter kommt die Information zum Datum bzw. der Bearbeiten-Link. Alles war bislang links ausgerichtet in der Form:

DATUM - BEARBEITEN

Setze ich im style.css float:right, dann richtet es mir DATUM rechts aus, BEARBEITEN auch, aber eine Zeile unten drunter. Der Bindestrich bleibt aber links. Das macht mich fertig. Bitte helft mir!

comment.php

<big><?php comment_author_link() ?></big>
<?php if ($comment->comment_approved == '0') : ?>
<span class="await_mod">Kommentar wird kontrolliert</span>
<?php endif; ?>
<span class="comment_data"><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('j. F Y') ?> @ <?php comment_time() ?></a> <?php edit_comment_link(__("Edit This"), '- ',''); ?></span>
<?php comment_text() ?>

style.css

ol.commentlist li span.comment_data a {
font-size: 13px;
float:right;
}