Div alignement dans un <td>

Question

j'ai un <td> comme celui-ci

<td valign="middle" class="table_td td top" style="width: 347px"> 
<div id="Style" style="position:absolute;"> 
    <img src="images/additional-keywords-image.gif" style="background: middle right;"> 
</div> 
<span class="feature_text" style="cursor:pointer;" onmouseover="ShowPicture('Style',1)" onmouseout="ShowPicture('Style',0)" id="a1"> Featured Merchant Ad </span><br /> 
<span class="feature_text_small">(Merchant Ad in Home Page,<br /> for valuable Site Exposure)</span> 

div id = "Style" a l'image plus grande que la <td>. AIm est de montrer l'image dans div quand le mouvement se produit sur la première travée. L'image apparaît bien. Mais, je veux que le centre vertical de l'image de div soit à l'envergure avec id = "feature_text" et ait le texte "l'annonce de commerçant en vedette". J'ai essayé mais je n'ai pas réussi. Où est-ce que je fais mal?

Answer 1

Je ne sais pas si j'understod votre question, si vous voulez centrer l'image dans le div style #

Vous ne avez pas besoin ceci dans img

style="background: middle right;" 

Essayez

style="margin:auto;"; 

et en ajoutant cela à div # style (div avec id style)

style="vertical-align:middle; text-align:center; 

Answer 2

Essayez avec:

<div id="Style" style="position:absolute;"> 
    <img src="images/additional-keywords-image.gif" style="background: middle right; position: relative; top: -20px;"> 
</div> 

Tu vas devoir jouer avec la valeur supérieure pour obtenir le centrage vertical juste à droite (le montant dépend de la hauteur de img).