28220 sujets

CSS et mise en forme, CSS3

Bonjour,
Voila le pb, j'ai un texte qui lorsqu'il est survolé fait apparaitre une image, jusqu'a là tout va bien, par contre l'image au survol est clicable.
Et je ne voudrais pas que cette image ait un lien?Comment faire

Ci dessous le code

<a href="Experiences.htm">Divers éléments<span><img src="Planche_de_bord_ ASLW.jpg" /></span></a>

Merci d'avance pour vos posts.

Steph
Bonjour,
Pour IE5/6, il te faudra utiliser du javascript :
onmouseover
pour les autres, c'est possible.

Autre solution, tu remplace ton lien par
href="#"
et dans la feuille de style:
cursor:default
pour que la main n'apparaisse pas
Modifié par chmel (06 Nov 2005 - 20:29)
chmel a écrit :
Autre solution, tu remplace ton lien par
href="#"
et dans la feuille de style:
cursor:default
pour que la main n'apparaisse pas
Cela répond il à sa question ? Personnellement j'ai compris qu'il souhaite conserver un lien sur le texte, mais pas sur l'image. Dans ce dernier cas le code serait le suivant :
img {
display:none;
}
a:hover + img {display:block}

<span><a href="Experiences.htm">Divers éléments</a><img src="Planche_de_bord_ ASLW.jpg" /></span>
Ce qui ne fonctionne pas avec IE. Mais quitte à utiliser un script, mieux vaut conserver le code CSS propre et rendre IE compatible par ce script.
Bonjour,
Je n'avait peut-être pas bien compris en effet, mais l'image peut aussi être suffisemment décalée du curseur pour ne pas être cliquable
chmel a écrit :
l'image peut aussi être suffisemment décalée du curseur pour ne pas être cliquable
Oui tu as raison, un décalage permet qu'elle ne soit plus techniquement cliquable, il n'en reste pas moins qu'elle conserve son lien ce qui n'est pas forcement correcte sur le plan sémantique. Comme le besoin a été exprimé sous la forme :
sarchi a écrit :
je ne voudrais pas que cette image ait un lien
J'ai pensé qu'il était préférable de séparer texte et image, ce qui offre l'occasion d'employer un sélecteur rarement utilisé Smiley cligne
Xavier a écrit :
J'ai pensé qu'il était préférable de séparer texte et image, ce qui offre l'occasion d'employer un sélecteur rarement utilisé Smiley cligne

Tu penses bien.
Je vais me pencher sur les scripts IE7 dont tu as fourni le lien. Je ne comprends pas bien l'anglais; ils ont fait un script capable d'émuler pour IE des sélecteurs CSS2 comme +, >, :hover ?
a écrit :
ils ont fait un script capable d'émuler pour IE des sélecteurs CSS2 comme +, >, :hover ?
Oui c'est ça. Il y a même bien plus dans IE7. Je te donne un lien qui ne nécessite pas trop d'anglais, et liste tous les manques ou bugs que IE7 corrige. Tu peux constater que la liste est longue.
Par ailleurs le "ils" n'est pas Microsoft, mais un développeur anglais, Dean Edwards qui a entrepris ce travail seul.
Modifié par Xavier (07 Nov 2005 - 23:39)