[W3C] 2 images aligné une à gauch l'autre à droite

Version imprimable

28/02/2006, 16h37
alexp

[W3C] 2 images aligné une à gauch l'autre à droite

bonjour, sur mon site web j'ai mis quelques images et j'aimerais savoir quels codes de programmation je dois rentrer pour que 2 images de même taille soit à la même auteur mais une à gauche et l'autres à droite. J'aimerais aussi pouvoir ecrire un texte entre les 2 sur plusieurs lignes.
28/02/2006, 16h48
kissmytoe
Code:

1 2 3 4 5 6 7 <TABLE> <TR> <TD><IMG SRC='endroitFichier' WIDTH='grosseur' HEIGHT=''HAUTEUR'></TD> <TD>TEXTE</TD> <TD><IMG ...></TD> </TR> </TABLE>
Grosseur et largeur en pixel (Ex : Width='100')

Liens a voir:
IMG : http://www.htmlcodetutorial.com/images/_IMG_WIDTH.html
TABLE : http://www.htmlcodetutorial.com/tables/_TABLE.html
28/02/2006, 16h56
amika

c'est mieux d'utiliser des <div> au lieu des <table>
28/02/2006, 17h24
SpaceFrog

commence par aliger l'image de droite avec un float right puis l'image de gauche avec un float left
28/02/2006, 17h48
alexp

et lorsque l'image fait office de lien quel est la syntaxe exacte, parsque j'ai essayé de mettre
<TD> avant et après le <a> designant un lien mais mon lien ne fonctionne plus

les balises <a></a> se placent juste autour de l'image..
Code:

1 2 <a href="#"><img style="float:left;" src="" /></a> <a href="#"><img style="float:right;" src="" /></a>

01/03/2006, 11h11
alexp

pour ce qui est du lien c'est un peu différent : à gauche il me faut l'image qui à un lien. Actuellement ladite image est bien à gauche et le lien fonctionne, ce qu je veux maintenant c'est pouvoir claer mon texte à droite sur plusieurs ligne et à la hauteur de l'image. J'ai reussi à le faire sans le lien en utilisant les balises table td tr cité plus haut. Mais si je les mets sur mon lien la mise en forme est bonne mais le lien ne fonctionne plus. Ci dessous le code de l'image contenant le lien(qui fonctionne)

Que faut il utiliser pour ajouter du texte comme précisé plus haut?

<p><a HREF="http://lien.free.fr" title=" mon titre"NAME="mon nom"><img src="images/image.jpg" alt="image "></a>
01/03/2006, 16h17
jj del amorozo
Citation:
Envoyé par kissmytoe

Code:

1 2 3 4 5 6 7 <TABLE> <TR> <TD><IMG SRC='endroitFichier' WIDTH='grosseur' HEIGHT=''HAUTEUR'></TD> <TD>TEXTE</TD> <TD><IMG ...></TD> </TR> </TABLE>

Grosseur et largeur en pixel (Ex : Width='100')

Liens a voir:
IMG : http://www.htmlcodetutorial.com/images/_IMG_WIDTH.html
TABLE : http://www.htmlcodetutorial.com/tables/_TABLE.html
sur cette soluce je suis a moitier d'accord :*
le text si tu le met en center ou justifier il doit etre a coter de l'image mais la ou je ne suis pas d'accord :"Grosseur et largeur en pixel (Ex : Width='100')" utilisé des % sinon d'un ecran a l'autre d('une resolution a l'autre ca ne fonctionera pas bien.

je dit ca c pour vous en %%%% :lol:
JJ
01/03/2006, 17h01
SpaceFrog

et moi je dis table # mise en page ...
utiliser des tableaux pour la mise en page st à proscrire...
bienque ce soit beaucoup plus simple ...
01/03/2006, 17h26
alexp

Citation:

Envoyé par SpaceFrog

et moi je dis table # mise en page ...
utiliser des tableaux pour la mise en page st à proscrire...
bienque ce soit beaucoup plus simple ...

Pourquoi est-ce à proscrire?
comment faire alors?Est-ce que une feuille de style css serait plus approprié?
01/03/2006, 17h29
SpaceFrog

les tables ne sonbt fait que pour afficher des information tabulaires... et en aucune façon pour faire de la mise en page ...
Toute mise en page selon le W3c se fait au moyen de div span et css ...
06/03/2006, 13h37
alexp

pour le moment je vais me contenter de table, je verrais plus tard pour div.
Merci à tous de vos reponses