Poser une question

Re: Probleme de position de l'image

Salut,

Avant tout attention, le Java n'a rien à voir avec le Javascript. C'est un autre langage de programation.

Prend l'habitude de donner ton code s.t.p. C'est plus facile à saisir tes questions et plus facile pour toi de voir d'éventuelles corrections.

Enfin, si je comprend bien tu veux centrer tes éléments un en dessous de l'autre mais tu utilise la propriété alignement de l'image (align). Qui n'est pas fait pour ça. Elle spécifie comment les élément s'afficheront autour d'elle (image) mais pas d'elle même.

Ce qui porte à confusion c'Est que align=right fait comme si l'image était aligné à droite mais c,est une illusion. En c'est que l'image est à la droite du texte, ce qui la met effectivement à la droite de l'écran.

Tu as alors deux solutions en HTML pour aligner et disposer les éléments dans la page :

1. La plus simple est de tout centré.

<center>
<p>texte...</p>
<img...>
<img...>
<p>texte...</p>
<img...>
</center>

Tu peux même spécifier un alignement particulier pour le texte dans cette exemple <p align="left">texte...</p>

2. Plus complexe mais permet plus de contrôle. Avec un tableau (<table>) :

<table>
<tr><td><p>texte...</p></td></tr>
<tr><td><img...></td></tr>
<tr><td><img...></td></tr>
<tr><td><p>texte...</p></td></tr>
</table>

Dans ce dernier cas tu peux aligner chaque ligne comme bon te semble, avec la propriété "align" de la table (pas celle de l'image) :

<table>
<tr><td align="left"><p>texte...</p></td></tr>
<tr><td align="center"><img...></td></tr>
<tr><td align="right"><img...></td></tr>
<tr><td align="center"><p>texte...</p></td></tr>
</table>

Enfin note que depuis plusieurs année le HTML 4.0 cède de plus en plus la place au XHTML 1.0 et nouvellement 2.0. Tu peut avoir un code de transition, mi-HTML 4.0 et mi-XHTML 1.0. Ce qu'il y a de particulier avec le XHTML et les nouvelles techniques de programmation, c'est l'usage du CSS pour donner du style à ton document tout comme pour l'aligner.

Ciao
Oznog

Réponses

Aucune réponse à ce message...