Cadre bleu autour d'une image clickable

Cadre bleu autour d'une image clickable - HTML/CSS - Programmation

Marsh Posté le 01-11-2007 à 22:35:11    

Bonjour,  
je suis photographe amateur et je suis en train de créer une page de presentation.
 
Mon problème est le suivant. Un encadrement bleu (violet après le premiere click) apparait autour des images clickables.
J'ai retourné le problème dans tout les sens, et je n'arrive pas à comprendre.
 
Si quelqu'un a la solution, je suis preneur.
Merci d'avance.  
 
Voici le lien d'une des pages: http://time.will.tell.again.free.fr/people/  
Et le code source:  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TimeWillTell Photography</title>
<!-- Download AutoViewer at www.airtightinteractive.com/projects/autoviewer -->
<script type="text/javascript" src="flashobject.js"></script>
<style type="text/css">  
 /* hide from ie on mac \*/
 html {
  height: 100%;
  overflow: hidden;
 }
 
 #flashcontent {
  height: 100%;
 }
 /* end hide */
 
 body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000000;
  color:#ffffff;
  bordercolor="0";
 }
</style>
</head>
<a href=http://time.will.tell.again.free.fr><img src="../portrait/images/home.jpg" alt="image" width="369" height="6" />
 
<a href=http://time.will.tell.again.free.fr/people><img src="../portrait/images/people.jpg" alt="image" width="369" height="6" />
 
<a href=http://time.will.tell.again.free.fr/portrait><img src="../portrait/images/portrait.jpg" alt="image" width="369" height="6" />
 
 
<body>
 <div id="flashcontent">SimpleViewer requires Macromedia Flash. <a href="http://www.macromedia.com/go/getflashplayer/">Get Macromedia Flash.</a> If you have Flash installed, <a href="index.html?detectflash=false">click to view gallery</a></div>  
 <script type="text/javascript">
  var fo = new FlashObject("viewer.swf", "viewer", "100%", "100%", "8", "#181818" );  
  fo.addParam("scale", "noscale" );
  fo.write("flashcontent" );  
 </script>  
</body>
</html>

Reply

Marsh Posté le 01-11-2007 à 22:35:11   

Reply

Marsh Posté le 01-11-2007 à 22:53:09    

Code :
  1. <style type="text/css"> 
  2. /* hide from ie on mac \*/
  3. html {
  4.   height: 100%;
  5.   overflow: hidden;
  6. }
  7.  
  8. #flashcontent {
  9.   height: 100%;
  10. }
  11. /* end hide */
  13. body {
  14.   height: 100%;
  15.   margin: 0;
  16.   padding: 0;
  17.   background-color: #000000;
  18.   color:#ffffff;
  19.   bordercolor="0";
  20. }
  22. img {
  23.   border: 0;
  24. }
  25. </style>


Message édité par darkkrab le 01-11-2007 à 23:02:38
Reply

Marsh Posté le 01-11-2007 à 22:57:32    

Darkkrab, j'ai bien peur de ne pas comprendre ta reponse. :??:  

Reply

Marsh Posté le 01-11-2007 à 23:06:53    

OK donc si je comprends bien, je dois enlever ces deux lignes?

Reply

Marsh Posté le 01-11-2007 à 23:09:51    

Ajoute ceci dans ton style:

Code :
  1. img {
  2.   border: 0;
  3. }

Reply

Marsh Posté le 01-11-2007 à 23:23:12    

Ok j'ai rajouté ces trois lignes.
Le truc c'est que sur Safari, ces cadres bleus n'apparaissent pas, je vais installer FireFox pour voir.

Reply

Marsh Posté le 01-11-2007 à 23:35:14    

Après instal de FireFox, ca fonctionne parfaitement!
Merci
 
(je suis neanmoins intrigué par le fait que SAFARI n'affichait pas ces cadres de m**de)

Message cité 1 fois
Message édité par whynot95 le 01-11-2007 à 23:46:50
Reply

Marsh Posté le 02-11-2007 à 00:26:45    

whynot95 a écrit :

(je suis neanmoins intrigué par le fait que SAFARI n'affichait pas ces cadres de m**de)


 
c ets un probleme de styles par defaut : tous les anvigateurs ont leurs propres comportements, d ou l utilisation des reset.css

Message cité 1 fois

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 02-11-2007 à 14:27:35    

mIRROR a écrit :


 
c ets un probleme de styles par defaut : tous les anvigateurs ont leurs propres comportements, d ou l utilisation des reset.css


 
OK, donc ca peut donc etre "normal" si je comprends bien.
 
Je t'avouerais que j'ai installé firefox, et que je compte m'en servir par defaut maintenant.
 

Reply

Marsh Posté le 02-11-2007 à 15:10:33    

http://meyerweb.com/eric/thoughts/ [...] -reloaded/


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 02-11-2007 à 15:10:33   

Reply

Marsh Posté le 14-05-2013 à 17:57:55    

Bonjour camarades,
 
Bon j'ai exactemetn le même problème que notre auteur whynot95. Ca le fait que sur IE. J'aimerai résoudre le souci cependant je ne comprend pas les 2 réponses de Mirror et de Darkkrab.
 
Puis je avoir des détaisl svp ;).
Thanks d'avance.


---------------
[color=red] N'oubliez pas camarades ;), un moteur n'est que ferraille. Prenez soin de votre auto, elle vous sera plus longtemps fidèle ;). [/color]
Reply

Marsh Posté le 15-05-2013 à 11:37:50    

Faut mettre dans ton css concernant les balises <img /> la règle  
border: 0;


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 16-05-2013 à 18:55:20    

ce cadre bleu est le style par defaut donné par la plupart des navigateurs
pour le supprimer
 
ajoute cette ligne au debut de ton fichier CSS :
 

a img { border:none; }


Message édité par pyrogoto le 16-05-2013 à 18:55:53

---------------
Mon feedback
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed