Bonjour,

Je ne comprends pas vraiment le problème. Normalement, une image n'est pas un lien ! Quelle est cette "fonction rollover" que tu utilises ? Ne serait-ce pas celle-ci qui transforme tes images en lien ? Si oui, il faudrait que tu nous en donnes un aperçu (ou alors, donne-nous l'adresse du site où l'on puisse constater de visu le problème).

De façon générale, il faut enlever les balises <a> qui entourent vraisemblablement tes images dans le code html.

Je vais essayer d'être plus explicite (mon site n'étant pas encore en ligne). Le principe, c'est une liste de petites images qui lorsqu'on les survol s'affichent en plus grand. Ceci est obtenu grace à une fonction javascript dans l'entête:

<script type="text/javascript">
    function afficher(a,b)
    {
    	if (document.images)
        	a.src=b;
    }
</script>

<a href="#" 
onMouseOver="afficher(big, 'images/demolition/melun_2_big.jpg')";
onMouseOut="afficher(big, 'images/demolition/defaut_melun.jpg')";>
<img src="images/demolition/melun_2.jpg" border="0" />
</a>

<img src="images/demolition/defaut_melun.jpg" border="0" name="big" align="middle" />

Bonjour,

Essaye comme ça :
Ne place pas les événements dans une <a>. Et tu n'auras plus de lien.
Mets-les dans une <p>, une <div>…
    L'intelligence artificielle se définit comme le contraire de la bêtise naturelle.

Bonjour gihef,

Ta technique marche et c'est exactement ce que je voulais. Cependant, c'est dans la mise en forme que ça ce corse. Toutes ces photos sont dans un tableau ou à chaque ligne sont disposées 3 photos. Le problème est qu'à chaque div, il y a un retour à la ligne.
Et j'avoue ne pas trop avoir envie de faire une class css pour chacun d'eux.

Merci

Alors mets-les dans des <span>.
Ou choisis d'afficher les <div> inline.

<div style="display:inline; margin:0; padding:0;…"

J'ai utilisé des <span> et ça marche impec.
Merci pour tes bons conseils.
A+