kan ikke bruge text-valign og vertical-align

For at bruge vertical-align:center skal det være f.eks. en table-cell (display switch)
... det virker dog kun i FF og fordrer at man skipper float:right; - og det vil jo ødelægge hele designet så det duer nok ikke...

.main_feedback {
    font-size:9pt;
    font-family: trebuchet ms;
    color: #fff;
    text-align: left;
    width:140px;
    height:150px;
    background: url(images/author.jpg) no-repeat;
    padding: 3px 8px;


display:table-cell;
vertical-align:middle;

}


... så jeg vil nok anbefale noget top padding og mindre height for at udligne...

eksempel:

.main_feedback {
    font-size:9pt;
    font-family: trebuchet ms;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    width:140px;

    height:140px; /* 150 -> 140 */

    float:right;
    background: url("images/author.jpg") no-repeat;

    padding: 13px 8px 3px 8px; /* 3 -> 13*/

    margin: 0 0 5px 10px;
}

Jamen mclemens > når jeg er logget ind som administrator kommer der et ekstra lnik så den fylder hele kassen, så er der jo ikke plads til top padding.

Så skal du nok rette html output:


<table class="main_feedtab"><tr><td class="main_feedback"><center><strong>Information:</strong></center>Skrevet af: <a href="http://woox.dk/wordpress/profil/#Dennis">Dennis</a><br>Dato: 24. september 2006<br>Tidspunkt: kl. 11:54<br>- <a href="http://woox.dk/wordpress/archives/45#respond" title="Kommentar til Partner Ads - Tjen penge med det samme">Kommentare (0)</a><br>- <a href="http://woox.dk/wordpress/archives/45" rel="bookmark">Permanen<br>t link</a></td></tr></table>


og prøve dette css:

.main_feedback {
    font-size:9pt;
    font-family: trebuchet ms;
    color: #fff;
    text-align: left;
    width:150px;
    height:150px;padding: 0px 8px;
    vertical-align:middle;
}

.main_feedtab {
  float:right;width:156px;display:inline-table;
  margin:20px 0px 0px 5px;padding:0px;
  background: url("images/author.jpg") no-repeat;
  border-collapse:collapse;
}

p {margin:0px;padding:20px 0px;}



... alternativt kan et javascript (måske) rykke dem nedad - sig til hvis det er ...
- jeg er på arbejde lige p.t. , men kigger /tester på et script iaften hvis det er ...

display:inline-table; i ovenstående var et overflødighedshorn ...

Selv om jeg ikke vil til at bruge tabeller får du points alligevel ;) SÅ kan jeg altid vende tilbage og kopier den.

Jeg vil heller ikke selv bruge tabeller men måske rode med padding og mindre height som nævnt i 03:17:20 ... Men løsningen du spørger på er en tabel's egenskaber (og indtil vi når IE 7 understøttes display:table-cell ikke på div'sene ...) - ellers kunne man placere med noget top, left samt negativ margin i en relativ placeret div, men det udelukkes grundet [ når jeg er logget ind som administrator kommer der et ekstra lnik så den fylder hele kassen, så er der jo ikke plads til top padding. ]

... Men måske kunne du variere class på elementet afhængig
af om man var logget ind (større eller mindre padding) ...

Tak for point :)