align = “center” ne fonctionne pas avec table
J'ai cette table je veux aligner dans le milieu de la page web. Mais il est coincé sur le côté gauche de la page. C'est mon code:
<table class="tableOne" align="center">
<tr >
<img src='Images/Header.png' />
</tr>
</table>
Quel est le problème avec le code? J'ai juste besoin de la table, au milieu de la page.
'quel est le problème avec le code?' Tout à fait beaucoup pour un si petit extrait. Pas de cellule de tableau, l'attribut align, pas de texte alternatif, mauvais nom de la classe d'utilisation, et il ne devrait même pas être une table si elle ne dispose que d'une image à l'intérieur...
Qui ne devrait pas être un tableau de toute façon.
Qu'est-ce que votre DOCTYPE? HTML5 ne prend pas en charge la
Qui ne devrait pas être un tableau de toute façon.
Qu'est-ce que votre DOCTYPE? HTML5 ne prend pas en charge la
align
attribut.OriginalL'auteur Christopher Quibell | 2013-10-26
Vous devez vous connecter pour publier un commentaire.
Ne pas utiliser
align="center"
ce n'est pas une propriété standard. Vous pouvez opter utiliser les CSS à la place.Au centre de la table au sein de son conteneur à l'aide de
margin:auto
.Au centre de la du texte dans la cellule du tableau, utilisez
text-align:center
.Aussi vous n'avez pas l'ajout d'une
<td>
à l'intérieur de la<tr>
. Vous devriez toujours vous assurer que le contenu d'une cellule de tableau est dans un<td>
si votre code HTML est valide.Comme une note de côté, si vous êtes seulement en utilisant la table au centre de votre image, vous devriez vous débarrasser de la table. Cela pourrait être remplacée par une simple div.
HTML
CSS
ah oui, je pense que vous avez raison. Cela dépend de comment vous voulez le centre. À l'aide de
text-align
oualign
serait le centre de la texte à l'intérieur de la cellule, à l'aide demargin:auto
serait le centre de la table à l'intérieur du conteneur.OriginalL'auteur Daniel Imms
@Juhana écrit dans un commentaire, la cause du problème est le manque de
<td>
de balisage. Vous avez besoin d'écrireUn
tr
peuvent avoir seulementth
ettd
éléments, comme des enfants. Ce n'est pas seulement une exigence formelle. Les navigateurs analyser HTML de sorte que si vous essayez d'avoir toutes les autres enfants là-bas (c'est à dire, tout contenu qui ne sont pas placés à l'intérieur d'unth
outd
), elle sera traitée comme si elle a précédé la table. (Vous pouvez voir ce à l'aide d'Outils de développement F12, dans un navigateur et d'inspecter le document à l'arbre.)Si vous voulez juste pour centrer une image, il y a des moyens plus simples que d'une cellule de tableau, par exemple, juste
<center><img ...></center>
ainsi comme la plus élégante des façons, comme<img ... class=figure>
en HTML avec des.figure { text-align: center }
en CSS<center>
était obsolète en HTML 4.01 comme il est décrit à la présentation, pas le contenu.La question n'est pas ce qui est déconseillé dans cette ou que le document ou si quelque chose est en train de décrire la présentation (le but était clairement d'incidence sur la présentation), mais pourquoi le code ne fonctionne pas.
Elle a été frappée d'un très il y a longtemps et donc de soutien pourrait être bientôt supprimé. Vous ne devriez pas être ce qui suggère d'utiliser quelque chose que le web a été d'essayer de se débarrasser de.
si vous cochez l'HTML5 documents, vous verrez que le HTML5 nécessite un soutien continu aux
center
, et il serait inutile pour les navigateurs à la baisse un soutien. Cela, en revanche, n'a rien à voir avec la question qui a été posée et la réponse la plus simple qu'il manque des<td>
est ce qui a causé laalign="center"
à l'échec.OriginalL'auteur Jukka K. Korpela