A voir également:
- HTML : de l'aide svp !
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
7 réponses
Bonjour teebo,
C'est Aristote.
Voilà. Dans une application dynamique, j'ai inséré le code HTML suivant :
<table width="863" border="0" align="left" cellpadding="3" cellspacing="3">
<tr>
<td width="422" align="left" valign="top"><img name="ImageGauche" src="" width="50" height="50" alt=""></td>
<td width="420" align="left" valign="top">TexteDroite</td>
</tr>
<tr>
<td align="left" valign="top"><p>TexteGauche</p>
</td>
<td align="left" valign="top"><img name="ImageDroite" src="" width="50" height="50" alt=""></td>
</tr>
</table>
Je modifie dans ma page dynamiquement ce code en remplacant les sources des images ImageGauche et ImageDroite, puis j'insère le texte etc.
Ce code, créé avec DreamWeaver, a pour but de pouvoir mettre cote à cote 1 image et 1 texte, soit l'un à gauche et l'autre à droit et inversement. Or, quand je fais le test, les deux éléments (texte + image) ne sont pas alignés sur la ligne du haut.
Tu trouveras en pièce jointe (si tu me donnes ton email), l'imprim écran que j'obtiens. En somme, je veux que le texte et l'image des canards soit alignés en haut et non décalés...
Merci de ton aide.
Aristote
C'est Aristote.
Voilà. Dans une application dynamique, j'ai inséré le code HTML suivant :
<table width="863" border="0" align="left" cellpadding="3" cellspacing="3">
<tr>
<td width="422" align="left" valign="top"><img name="ImageGauche" src="" width="50" height="50" alt=""></td>
<td width="420" align="left" valign="top">TexteDroite</td>
</tr>
<tr>
<td align="left" valign="top"><p>TexteGauche</p>
</td>
<td align="left" valign="top"><img name="ImageDroite" src="" width="50" height="50" alt=""></td>
</tr>
</table>
Je modifie dans ma page dynamiquement ce code en remplacant les sources des images ImageGauche et ImageDroite, puis j'insère le texte etc.
Ce code, créé avec DreamWeaver, a pour but de pouvoir mettre cote à cote 1 image et 1 texte, soit l'un à gauche et l'autre à droit et inversement. Or, quand je fais le test, les deux éléments (texte + image) ne sont pas alignés sur la ligne du haut.
Tu trouveras en pièce jointe (si tu me donnes ton email), l'imprim écran que j'obtiens. En somme, je veux que le texte et l'image des canards soit alignés en haut et non décalés...
Merci de ton aide.
Aristote
Salut Aristote,
Non je ne sais pas mais je sais que sur ce forum, plein de monde est compétent donc pourra t'aider
Non je ne sais pas mais je sais que sur ce forum, plein de monde est compétent donc pourra t'aider
Un essai rapide ma donné ce que tu sembles raconter:
ligne1:
colonne1: image
colonne2: texte
ligne 2:
colonne1: texte
colonne2: image
Testé sur Mozilla 1.5 maintenant si cela vient de la taille des images ... reste à redéfinir la dimension des cellules.
ligne1:
colonne1: image
colonne2: texte
ligne 2:
colonne1: texte
colonne2: image
Testé sur Mozilla 1.5 maintenant si cela vient de la taille des images ... reste à redéfinir la dimension des cellules.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
"Que de solutions" ? mais quelles sont-elles au juste ?
Effectivement, mon code représente un tableau mais je souhaite que le texte et l'image soient alignés en haut de la cellule...
Alors ki ki le sait ?
Aristote
"Que de solutions" ? mais quelles sont-elles au juste ?
Effectivement, mon code représente un tableau mais je souhaite que le texte et l'image soient alignés en haut de la cellule...
Alors ki ki le sait ?
Aristote
Bjr,
Sur IE6 ok mais sur FireBird effectivement on dirait qu'il se produit un saut de ligne ...
La solution utilise un tag <div> ou <span> à la place du tag <p>
Ecrit
<td align="left" valign="top"><div>TexteGauche</div></td>
par ex
@+
PhP [Push the button,Don't push the
. button,Trip the station,Change the channel]
Sur IE6 ok mais sur FireBird effectivement on dirait qu'il se produit un saut de ligne ...
La solution utilise un tag <div> ou <span> à la place du tag <p>
Ecrit
<td align="left" valign="top"><div>TexteGauche</div></td>
par ex
@+
PhP [Push the button,Don't push the
. button,Trip the station,Change the channel]
Bonjour Aristote,
Je ne vois vraiment pas où est ton problème. Je viens de copier-coller le code que tu nous donnes dans une page web afin de le vérifier et franchement il n'y a aucun problème :
ligne 1 : image gauche et texteDroite sont justifiés tous deux en haut et à gauche, dans leurs cellules respectives.
ligne 2 : idem pour TexteGauche et image droite.
Remplace 0 par 1 dans ton BORDER et tu pourras t'en rendre compte. Cela dit, comme tu as fait un imprim'écran où apparaît le problème, tu peux toujours me l'envoyer sur :
dragonban@yahoo.fr
Dragonban
Dragonban,
le petit Dragon d'Internet
Je ne vois vraiment pas où est ton problème. Je viens de copier-coller le code que tu nous donnes dans une page web afin de le vérifier et franchement il n'y a aucun problème :
ligne 1 : image gauche et texteDroite sont justifiés tous deux en haut et à gauche, dans leurs cellules respectives.
ligne 2 : idem pour TexteGauche et image droite.
Remplace 0 par 1 dans ton BORDER et tu pourras t'en rendre compte. Cela dit, comme tu as fait un imprim'écran où apparaît le problème, tu peux toujours me l'envoyer sur :
dragonban@yahoo.fr
Dragonban
Dragonban,
le petit Dragon d'Internet
