Ich möchte das dies hier:
[Blockierte Grafik: http://files.xmsg.info/temp/iststand.jpg]
so ausschaut (hab ich per grafikprogramm geschoben):
[Blockierte Grafik: http://files.xmsg.info/temp/sollstand.jpg]
Der Code der das Erzeugt:
PHP
<div class="info"><span class="category"><?php _e('Category: ','avenue'); ?>
<?php the_category(', ') ?></span> | <span class="bubble"><?php comments_popup_link(__('Leave a Comment','avenue'), __('One Comment','avenue'), __('% Comments','avenue'), '', __('Comments off','avenue')); ?></span><span class="sociable2"><?php print sociable_html(); ?></span></div>Das dazugehörige CSS:
Code
#postmeta {}
.data {
clear: left;
height: 32px;
color: #1f5866;
font-size: 11px;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 8px 0px 3px 42px;
border-bottom: 2px solid #cad7d9;
background: url(images/globe.gif) no-repeat top left transparent;}
.data a {color: #8fadb3;}
.red a {color: #b34700;}
.note {
clear: left;
color: #1f5866;
font-size: 11px;
line-height: 1.2em;
font-style: normal;
margin: 0px 0px 48px 0px;
padding: 4px 0px 0px 0px;}
.note a {color: #b34700;}
.sorry {
color: #b34700;
font-size: 11px;
font-style: italic;
margin: 8px 0px 0px 0px;
padding: 3px 0px 3px 0px;
border-top: 1px solid #cad7d9;
border-bottom: 1px solid #cad7d9;}
.login {
color: #b34700;
font-size: 11px;
font-style: italic;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.navigation {
color: #1f5866;
font-size: 11px;
margin: 40px 0px 0px 0px;
padding: 2px 0px 17px 0px;
border-top: 2px solid #a1bcbf;
border-bottom: 1px solid #cad7d9;}
.navigation a {color: #1f5866;}
.alignleft {float: left; text-align: left;}
.alignright {float: right; text-align: right;}
/* ---------------------------------------------------------------------------------- */
.category {
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 20px;
background: url(images/category.gif) no-repeat top left transparent;}
.bubble {
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url(images/bubble.gif) no-repeat top left transparent;}
.line {margin: 0px 0px 7px 0px; padding: 0; border-top: 1px solid #cad6d9;}
.mid {padding-top: 110px;}
.sociable {
margin: 2px;
margin-top: -10px
padding: 0px 0px 4px 0px;
text-align: right;
width: 150px;
}
.sociable2 {
width: 140px;
}Ich bekomms einfach nicht hin. Entweder sieht es aus wie jetzt, oder es ist fast so wie es soll nur aber das der rechte teil eine zeile zu tief ist. :(
LastManStanding.de - written by LastOne falls noch mal wer schauen möcht. hab schon mit firebug und co gespielt, aber irgendwie hab ich wohl nen denkfehler.