[Townboy]

Hallo Zusammen,

ich bin der Neue und hätte mal gerne ein Problem

Ich bastel gerade an einer Toolbox im Iconstil. Link: hier

Im Headline Text oben rechts die Icons. Es soll wie folgt aufgebaut werden:

Überschrift - Datum - Iconset

Irgendwo habe ich jedoch was übersehen. Ich schaffe es nicht das Datum in eine Box zu bringen die eine Höhe von 20px hat und an der Oberlinie mit dem Iconset zentriert ist.

Ich bräuchte mal nen alternativen Vorschlag, wie ich das noch lösen könnte.

Hier mein Code:

CSS

.toolbox {
	width: 300px;
	float: right;
	margin-left: auto;
	margin-right: 10px;
	margin-top: 10px;
	border: solid 1px #FF0000;
	line-height: 25px;
}
.toolbox ul {
	list-style-type: none;
}
.toolbox li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
}
.time {
	height: 14px;
	border: 1px solid #000000;
	padding: 3px;
	margin-top: -5px;
}

<div class="toolbox">
						<ul>
								  <li class="time"><?php the_time('j M Y') ?></li>
								  <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/Person.jpg" alt="Autor <?php the_author(); ?>" width="20" height="20" border="0"></li>
								  <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/sprechblase.jpg" alt="Kommentare" width="20" height="20" border="0">
								  <?php comments_popup_link('0', '1', '%');?>
								  </li>
								  <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/Favor.jpg" alt="Artikel zu den Favoriten" width="20" height="20" border="0"></li>
								  <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/email.jpg" alt="Artikel per Email versenden" width="20" height="20" border="0"></li>
								  <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/drucker.jpg" alt="Artikel drucken" width="20" height="20" border="0"></li>
								  <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/pdf.jpg" alt="Artikel als PDF generieren" width="20" height="20" border="0"></li>
						</ul>
</div>

Viele Grüße
Mike

[uspri]

Gib mal allen li ein float:left; und den img in den li ein display:block; und ein float:left;

Sollte dem Ziel schonmal näher kommen.