[html] Lien d'image écarter

Bonjours,
J'ai un petit souci avec des liens sur des images.
En fet, j'ai deux images qui se compléte. Je l'ai é mis sur ma page html avec un lien différent pour chaque image...
Comme ceci :

Code:

---

1 2 3

<A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2H.jpg" border="0"</A> <A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2B.jpg" border="0"</A>

---

Le petit souci c'est k'il y a un écart entre les deux photos...
Et t'il possible de l'enlever car ce n'est pas trés bô !!!!!

MERCI :lol:

Code:

---

<A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2H.jpg" border="0" /><IMG SRC="Image/world2B.jpg" border="0" /></A>

---

c'est pas mieux comme ca?
(n'oublie pas de fermer tes balises ;))

Bonjours, j'avais effectivement oublier de fermer la balise IMG
Mais, en fet sur mon exemple les 2 ouvre la meme page mais aprés je vais ouvrir deux pages différentes..... Comme ceci :

Code:

---

1 2 3

<A HREF="../Haut.htm" target="Centre"><IMG SRC="Image/world2H.jpg" border="0"/> </A> <A HREF="../Bas.Htm" target="Centre"><IMG SRC="Image/world2B.jpg" border="0"/></A>

---

Es-ce possible sans cet espace entre les deux photos???? MERCI

essaye peut être ca alors :

Code:

---

1 2	<IMG SRC="Image/world2H.jpg" style="cursor:pointer" onclick="window.open('../Bas.html');"/> <IMG SRC="Image/world2B.jpg" style="cursor:pointer" onclick="window.open('../Haut.html');"/>

---

Citation:

---

Envoyé par 10-nice

essaye peut être ca alors :

Code:

---

1 2	<IMG SRC="Image/world2H.jpg" style="cursor:pointer" onclick="window.open('../Bas.html');"/> <IMG SRC="Image/world2B.jpg" style="cursor:pointer" onclick="window.open('../Haut.html');"/>

---

---

:cry: Non toujours cette espace.... :cry:

Peut être comme ceci alors :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

HTML :   <div id="main"> <div id="hautpic"><IMG SRC="Image/world2H.jpg" style="cursor:pointer" onclick="window.open('../Bas.html');"/> </div> <div id="baspic"><IMG SRC="Image/world2B.jpg" style="cursor:pointer" onclick="window.open('../Haut.html');"/> </div> </div>   CSS :   #hautpic, #baspic { float:left; }

---

euh après je vois pas :s ou alors dans un tableau avec border-collapse:collapse; peut-être mais c'est pas propre la mise en page tableau.

Non :cry: , toujours pareil, c'est désepérent...
Tableau idem

J'te remercie de ton aide...
Je vais continué a chercher des trucs a faire.....

Salut,

Citation:

---

Envoyé par Silvia12

Code:

---

1 2 3

<A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2H.jpg" border="0"</A> <A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2B.jpg" border="0"</A>

---

---

Enlève le retour à la ligne...

Code:

---

<A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2H.jpg" border="0"></A><A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2B.jpg" border="0"></A>

---

Quel idiote... lol....

Je te remercie...
Ca marche.......

J'ai encore un souci pour une autre photo....

C'est identique au premier sauf que j'aimerais que les photo sois cote à cote...... (une a droite une a gauche....) sans espace toujours...

Comment faire ca me lé met une sous l'autre...

Cé bon, jé trouvé,
Pour info :

Code:

---

1 2 3 4 5 6

<table border="0"> <tr> <td><A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2H1.jpg" border="0" ALT="Choix du pays_Haut"/><A HREF="../Construction.htm" target="Centre"><IMG SRC="Image/world2H2.jpg" border="0" ALT="Choix du pays_Haut"/></A></td> </tr> </table>

---

Ce n'est pas très joli la mise en page par tableaux.
Préfère une mise en page avec les feuilles de styles.

Si tu as un retour à la ligne lorsque tu aligne deux images, c'est que la largeur du conteneur doit être plus petite que la largeur des images mises bout à bout.

Autre solution : tu as placé chaque image dans une balise de style bloc (qui implique un retour automatique à la ligne). Dans ce cas il faut appliquer aux blocs un style css, un display: inline ou un float: left