Alignement vertical dans les tableaux?

Question

J'ai un objet dans une table et je suis incapable de régler l'alignement vertical (cela ne semble pas fonctionner).

Pourquoi est-ce?

Exemple:

http://jsfiddle.net/PHDWz/1/

Answer 1

Quand je donne la td une hauteur .. le contenu est vertical aligné au milieu ....

<table cellspacing="0"> 
    <thead> 
     <tr> 
      <th scope="col" style="width: 180px">Description</th> 
      <th scope="col">Textarea</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td height="400">Bla bla bla! Write something if you like! </td> 
      <td> 
       <textarea></textarea> <span><img src="http://www.qualtrics.com/university/wp-content/plugins/wp-print/images/printer_famfamfam.gif" alt="printer"> A printer!</span> 
      </td> 
    </tbody> 
</table> 

Answer 2

Le texte dans la colonne de gauche se trouve au milieu verticalement quand je prolonge la zone de texte. Ceci est en utilisant Safari, s'il vous plaît élaborer si quelque chose d'autre

Answer 3

juste ajouter une colonne supplémentaire pour éviter le "Une imprimante!" lien étant obligé d'être en quelque sorte attaché comme align-bottom à la zone de texte.
Dans votre css, vous pouvez omettre l'alignement vertical pour l'étendue car vous l'avez dupliqué dans le td externe.

<table cellspacing="0"> 
<thead> 
    <tr> 
     <th scope="col" style="width: 180px">Description</th> 
     <th scope="col" colspan="2">Textarea</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Bla bla bla! Write something if you like! </td> 
     <td><textarea></textarea></td> 
     <td><span><img src="http://www.qualtrics.com/university/wp-content/plugins/wp-print/images/printer_famfamfam.gif" alt="printer"> A printer!</span> 
     </td> 
</tbody>