problèmed'alignement html sur le forum Création de sites web - 23-05-2006 15:10:15

Liste des sujets

problèmed'alignement html

[RedZone]Porn

Niveau 3

23 mai 2006 à 15:10:15

Il faut que mon image soit centrée verticalement et quand j´écris sa

<ALIGN=MIDDLE><IMG SRC="image.gif" HEIGHT="300" WIDTH="300"></MIDDLE>

et bien mon image reste en haut de la page J´ai fait quoi de faux ?

Leptikus

Niveau 3

23 mai 2006 à 16:40:50

Premièrement ta syntaxe est fausse...
<align="middle"><img src="image.gif" .....</align>

Deuxièmement il me semble que la balise <align> n´existe pas en HTML, il s´agit plutôt d´un attribut...

Ton image se trouve-t´elle dans un tableau ?

neum

Niveau 2

23 mai 2006 à 17:57:38

Salut,

La syntaxe est fausse oui, et en plus "align" est en effet un attibut :

Par exemple dans une cellule de tableau :

<div align="middle">ton image</div>

Ensuite "middle" s´entend pour le placement horizontal de ton élément (ici donc une image) dans la page. Mais en aucun cas pour la centrer de façon absolue dans la page : même si l´image se met au milieu horizontal, elle va rester en haut de page...
Pour ce faire, il faut rajouter l´attribut : "CENTER" pour donc, comme son nom l´indique, la centrer en verticalité aussi.
Moyennant quoi absysses + coordonnées ainsi paramétrées = centre. Sinon, par exemple, comme savoir où est le centre d´un rectangle???

Voilà. En espérant t´avoir aidé. Bye.

deepblue

Niveau 16

23 mai 2006 à 18:01:06

Leptikus

Niveau 3

24 mai 2006 à 09:12:44

Deepblue il me semble que la solution que tu proposes centre l´image horizontalement or [RedZone]Porn souhaite la centrer verticalement...

deepblue

Niveau 16

24 mai 2006 à 13:59:19

oups desole, j´ai mal lu lol

Si tu est dans un div et que tu connasi la heuteur max du blog, tu mets un padding

Yoda_Software

Niveau 30

24 mai 2006 à 19:16:33

Leptikus

Niveau 3

25 mai 2006 à 14:08:03

La solution de Yoda n´est pas mauvaise mais il me semble qu´elle n´est pas supportée par tous les navigateurs

Yoda_Software

Niveau 30

26 mai 2006 à 16:15:07

Ce n´est pas une question de navigateur, mais du type de bloc dans lequel se trouve l´image, car celà fonctionne très bien dans un tableau, mais visiblement pas dans un div. La preuve :
<html>
<head>
<style type="text/css">
table
{
border: 1px dotted blue;
width: 100%;
}
td
{
width: 33%;
height: 200px;
text-align: center;
}
.haut
{
vertical-align: top;
background-color: #CCCCCC;
}
.milieu
{
vertical-align: middle;
background-color: #DDDDDD;
}
.bas
{
vertical-align: bottom;
background-color: #EEEEEE;
}
</style>
</head>
<body>
<table>
<tr>
<td class="haut">Texte en haut</td>
<td class="milieu"><img src="./image.gif" width="80px" height="84px" /></td>
<td class="bas">Texte en bas</td>
</tr>
</table>
</body>
</html>

Yoda_Software

Niveau 30

26 mai 2006 à 16:16:56

Le code donné ci-dessus fonctionne très bien sous IE v6.0, Opera v8.5 et Firefox v1.5

I_am_a_mootix

Niveau 7

26 mai 2006 à 16:21:51

au moins on est sur que c´est juste avec ces trois la

Yoda_Software

Niveau 30

26 mai 2006 à 17:17:47

Ils font partie des principaux navigateurs utilisés.

Aide à l'achat Mac
Macintosh
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Steam Deck
Hardware

La vidéo du moment

News jeu

87 360 spectateurs

Le bureau des brevets TROLLE Nintendo en pleine affaire Palworld !

C'est une scène digne d'une comédie dont l'industrie du jeu vidéo a le secret. Depuis des mois, Nintendo tente de cadenasser le marché pour protéger sa poule aux œufs d'or contre les créateurs de Palworld, le studio Pocketpair. Mais alors que le titan nippon pensait verrouiller méthodiquement les mécaniques de capture de créatures en étendant ses brevets, il vient de se heurter à un mur inattendu. Et ce mur n'est pas dressé par les avocats de la défense, mais par le Bureau japonais des brevets lui-même. Dans un échange administratif, l'organisme d'État a rejeté une demande clé du constructeur avec une dose de sarcasme qui fait désormais le bonheur du Web.

Toutes les news jeu