Comment ne pas afficher le trait bleu avec IE

Résolu/Fermé
alineas - 28 mars 2007 à 13:14
 Anthony - 30 juil. 2010 à 16:57
CouCou !
comment faire pour NE PAS afficher avec IE, le trait ( bleu ) qui apparait autour d'une zone ( image, texte ... ) quand celle-ci est activée par le pointeur , ... ???

D'avance un GRAND merci

Sandrine ( encore :-)

7 réponses

a:link img,a:active img,a:visited img,a:hover img {
  border:0;
}



Je réponds avec un an de retard mais bon ... mieux vaut tard que jamais ...
5
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
1 avril 2007 à 19:28
Bonjour,

Crée un style dans l'en-tête de tes pages (ou mieux, dans une feuille de styles externe) et précise que tu ne veux pas de bordures autour des images.
Donc, entre <head> et </head> :
  <head>
…
    <style type="text/css">
      img { border : none; }
    </style>
…
  </head>
3
bonjour Gihef,
merci pour ton aide mais il n'y a d'amélioration... le cadre bleu ( défint lors de la création de " area shape" apparaît tjs autour de l'image avec IE5 quand je clique dessus ( partie active ) ??
( voici un exepmle :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
      img { border : none; }
    </style>
</head>

<body>
<img src="green.png" width="104" height="65" border="none" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="15,15,60,41" href="#" /></map>
</body>
</html>

)) encore merci
sandrine
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
3 avril 2007 à 16:56
height="65" border="none"
et en faisant
height="65" border="0" (plutot que none ???)
0
alineas > txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024
3 avril 2007 à 17:08
re-
suis désolé mais j'ai toujours cet encadrement bleu qui apparaît autour de mon image avec IE
( je sais pas moi, essaie avec DRW : tu crée une page avec une image et une zone active dessus ... et voir si le cadre bleu apparaît dans IE ) ??

( <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
      img { border : none ; }
    </style>
</head>

<body>
<img src="green.png" width="104" height="65" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="15,15,60,41" href="#" /></map>
</body>
</html>

))

encore merci
Sandrine
0
Serge_La Messages postés 407 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 3 mars 2009 47 > alineas
3 avril 2007 à 19:59
Bonjour Sandrine,
Bizarre. Je ne vois pas non plus de bordure bleue avec ce code. Souvent, la bordure bleue est définie dans la balise "body" mais il n'y en a pas dans ton cas.
Peut être s'agit-il d'une préférence personalisée du fureteur dont tu t'es servie? Ou d'une version antérieure de IE6?

Serge.
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515 > alineas
4 avril 2007 à 08:18
Salut a tous,
<map name="Map" id="Map">
Il faudrait peut-etre spécifier la bordure pour les "map"
du type:
map { /* suppression des bordures */
border: 0; /* pas besoin de donner l'unité, zéro sera toujours zéro que ce soit des pixels, des points, cm etc.... */
}
Car dans ton cas, ce n'est pas l'image (a qui tu supprime la bordure) mais d'une zone réactive. ça change tout !
C'est marrant: j'ai fait un intranet avec aussi des map mais ce sont des onmouseover (div cachés au départ et qui s'affichent au passage de la souris dessus de la zone map. Le lien est de type <a href="#"> et je n'ai pas ce phénomène.
Windows 2000 et IE6 (avant Windows NT4 et IE5.5).
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
28 mars 2007 à 13:24
Salut alineas
Tu met: border="0".
1
bonjour txiki,

je le place à quel endroit ??

( ai essayé à l'emplacement de ma zone active :

<area shape="rect" border="0" coords="328,169,507,250" href="index-trait01-.html">
... mais j'ai toujours ce trait bleu qui entoure mon image quand le clique dessus
.. avec IE biensûr :-)

encore merci pour ton aide

sandrine
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
3 avril 2007 à 20:20
Tu nous donnes bien tout le code concerné.
L'extrait de code que tu nous donnes présente bien le problème que tu décris. Pas une autre page ?

“défint lors de la création” ?
Ça ne peut pas s'enlever ?

Sinon, essaye en enfonçant le clou :
  <head>
…
    <style type="text/css">
      img, map, area { border : none; border : 0; }
      img:link, map:link, area:link { border : none; border : 0; }
      img:hover, map:hover, area:hover { border : none; border : 0; }
    </style>
…
  </head>
0
B' jour

merci Gihef mais le problème persiste ...
.... peut-être comme le fait remarqué Serge, c'est simplement dû au fait que ma version d'IE est inférieure à IE 6 ?
( malheureusement, ne possédant que la version 5.5 , je ne peux pas le confirmer ... je suis déjà certain que ce m*** trait bleu n'apparaît pas avec Safari ... ah si tout le monde avait un Mac :- )

Encore merci

Sandrine
0
Serge_La Messages postés 407 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 3 mars 2009 47
4 avril 2007 à 08:13
Ah bon. Si c'est ça, ce n'est pas grave alors. IE5 doit être le seul qui a le problème. Mais pourquoi ne mets-tu pas IE6 au moins sur ton ordinateur?

Serge.
0
B' jour Serge,

Je ne sais pas si le problème est IE 5.5, mais comme je ne peux pas essayer ma page sur une version supérieure... et comme je n'arrive pas à résoudre ce problème de trait sur iE, alors je me console comme je peux :-)

Je ne peux malheureusement pas installer IE 6 car je ne possède pas un pC mais bien un mAc ...

sandrine ]
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
4 avril 2007 à 08:24
Salut a tous,
Et si tu mettais l'url de ton site ici ? Que je le teste avec IE6 (W2000 Pro)
Puis Firefox et XP chez moi ?
0
ola !

je n'ai pas encore placé mes pages sur le web ... je peux t'envoyer l' exemple ( une simple area shape sur une image quelconque ) qui chez moi ne fonctionne pas ... je veux dire par là, que le contour bleu apparaît

et encore Muchas Gracias pour Votre aiDe
SandrIne

:


[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
img, map, area { border : none; border : 0; }
img:link, map:link, area:link { border : none; border : 0; }
img:hover, map:hover, area:hover { border : none; border : 0; }
</style>
</head>

<body>
<img src="green.png" width="104" height="65" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="15,15,60,41" href="#" /></map>
</body>
</html>

]
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
4 avril 2007 à 12:22
Salut a tous et toutes,
Ahhh ! mais j'y suis !
J'ai fait un site pour pote et lui aussi avait des Pb de comportement de certaines pages. En fait c'est lié au navigateur du macintosh. Il a fini par passer au PC car les mails, les doc etc.... on ne les recevait pas comme le reste.

Le IE pour mac n'est pas le même que pour PC.
Tu n'est pas sorti de l'auberge !
Je ne veux pas te décourager mais ça ne fonctionnera jamais à l'identique sur un mac et sur PC.
Continue comme ça et met tes pages chez un hébergeur. Tu verra que cette histoire de trait disparaitra sur les PC.
0
alineas > txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024
4 avril 2007 à 13:26
merci beaucoup ... ça me rassure :-)
0
Serge_La Messages postés 407 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 3 mars 2009 47 > txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024
4 avril 2007 à 18:19
Mais oui! Bon sang, la version IE pour mac est morte depuis plusieurs années. Faut utiliser Safari sur mac. IE sur mac était trop plein de bugs et ne pouvait pas compétitioner avec les autres fureteurs, alors Microsoft l'a simplement laissé tomber.

Serge.
0