Discussion :

[Silvia12]

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 :

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

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

[10-nice]

Code :

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

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

[Silvia12]

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 :

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

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

[10-nice]

essaye peut être ca alors :

Code :

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

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');"/>

[Silvia12]

essaye peut être ca alors :

Code :

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

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');"/>

Non toujours cette espace....

[10-nice]

Peut être comme ceci alors :

Code :

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

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.

[Silvia12]

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

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

[ilood]

Salut,

Code :

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

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 :

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

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

[Silvia12]

Quel idiote... lol....

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

[Silvia12]

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

[Silvia12]

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

Code :

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

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>

[ilood]

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