Townboy
Threadersteller
Dabei seit: 07.10.2008
Ort: Kelkheim
Alter: -
Geschlecht:
|
Verfasst Sa 30.05.2009 11:04
Titel Suche Idee zur Ausrichtung |
|
|
Hallo Zusammen,
ich bräuchte mal "schnell" eine Idee.... 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
Natürlich ausgerichtet. 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
Code: | .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;
} |
Code: | <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
|
|