Comment ne pas afficher le trait bleu avec IE

Résolu
alineas -  
 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 :-)
A voir également:

7 réponses

Sugatasei
 
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   Statut Contributeur Dernière intervention   2 779
 
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
alineas
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
height="65" border="none"
et en faisant
height="65" border="0" (plutot que none ???)
0
alineas > txiki Messages postés 6596 Date d'inscription   Statut Contributeur Dernière intervention  
 
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   Statut Membre Dernière intervention   47 > alineas
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521 > alineas
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
Salut alineas
Tu met: border="0".
1
alineas
 
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   Statut Contributeur Dernière intervention   2 779
 
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
alineas
 
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   Statut Membre Dernière intervention   47
 
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
alineas
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
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
alineas
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention  
 
merci beaucoup ... ça me rassure :-)
0
Serge_La Messages postés 407 Date d'inscription   Statut Membre Dernière intervention   47 > txiki Messages postés 6596 Date d'inscription   Statut Contributeur Dernière intervention  
 
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