web-dev-qa-db-fra.com

valign = “top” ne fonctionne pas en td

Mon problème est affiché comme "résolu" ici, mais apparemment je ne comprends pas la solution (?). J'ai des piles de code HTML hérité qui semble commencer à échouer dans mon navigateur. Je ne sais pas pourquoi, peut-être à cause d'attributs "non pris en charge"? (Extrêmement frustrant, au fait. Pourquoi éliminer ces attributs beaucoup plus simples qui ont bien fonctionné pendant des décennies? Je ne mets pas en erreur ce que quelqu'un pense de mon style de codage, du moment que cela fonctionne.)

En particulier, j'utilise et le valign ne fonctionne pas . J'ai donc essayé ce qui suit, sans succès:

<td align=center vertical-align:top>
<td text-align:center; vertical-align:top>
<td text-align:center; vertical-align:text-top>
<td vertical-align:text-top>

Maintenant, je suis seulement plus frustré. Aucune suggestion?

htmlcsshtml-tablevalign
9
Alan K Hunt

Le vertical-align:top n'est pas censé se produire dans la balise td elle-même. Vous devez le mettre dans une ligne style="" ou dans les règles CSS pour td.

Utiliser style="":

<td align="center" style="vertical-align:top">
<td style="text-align:center; vertical-align:top">
<td style="text-align:center; vertical-align:text-top">
<td style="vertical-align:text-top">

Pour la méthode CSS, vous devrez attribuer une classe ou un identifiant distinct à chaque td afin que leurs styles soient différents.

13
s0d4pop

Vous pouvez utiliser valign= top pas valign: top or vertical-align: top dans votre balise HTML et utiliser vertical-align: top; en css

Vous pouvez le faire dans votre HTML

<td align=center valign=top>

Dans votre feuille de style css

td{vertical-align: top;}

Et dans votre style en ligne

<td align=center style="vertical-align: top;">
1
Bhojendra Rauniyar

Insted vertical-align:top utilisez valign="top". 

Voici votre code:

<td align="center" valign="top">

Remarque: N'utilisez jamais : dans les attributs HTML. Au lieu d'utiliser valign:top, vous devez donc utiliser valign="top"

0
Enve