Discussion :

[alexp]

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.

[kissmytoe]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[amika]

c'est mieux d'utiliser des <div> au lieu des <table>

[SpaceFrog]

commence par aliger l'image de droite avec un float right puis l'image de gauche avec un float left

[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

[AlphaYoDa]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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>

[jj del amorozo]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 %%%%
JJ

[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 ...

[alexp]

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é?

[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 ...

[alexp]

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