Comment ne pas afficher le trait bleu avec IE
Résolu
alineas
-
Anthony -
Anthony -
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 :-)
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 :-)
A voir également:
- Comment ne pas afficher le trait bleu avec IE
- Supprimer rond bleu whatsapp - Guide
- Afficher appdata - Guide
- Trait d'union insécable word - Guide
- Whatsapp message lu mais pas bleu - Guide
- Écran bleu - Guide
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 ...
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> :
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>
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
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
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
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
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.
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.
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).
<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).
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 :
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>
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
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
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.
Serge.
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 ]
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 ]
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 ?
Et si tu mettais l'url de ton site ici ? Que je le teste avec IE6 (W2000 Pro)
Puis Firefox et XP chez moi ?
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>
]
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>
]
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.
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.