bords devenant apparents Résolu

Question

Bonjour,
Voici mon problème, je crois que c'est tout simple mais je ne comprends pas.
Mon code pour les liens esta          {color:#CC0033;text-decoration:none;}
a:visited  {color:#CC0033;text-decoration:none;}
a:hover    {color:#1E1E1E;background:#FFCC00;  }
a:active   {color:#1E1E1E;background:#FFCC00;  }Dans mon site je présente beaucoup d'images, de différentes tailles., sous forme de liens. Lorsque la souris passe sur ces images, elles bougent, comme si un bord jaune s'ajoute en bas, sauf si la souris passe sur l'image la plus haute dans une ligne. Cela se passe avec IE.
J'ai essayé d'inclure un fond transparent, commea          {color:#CC0033;text-decoration:none;background:transparent;}
a:visited  {color:#CC0033;text-decoration:none;background:transparent;}
a:hover    {color:#1E1E1E;background:#FFCC00;  }
a:active   {color:#1E1E1E;background:#FFCC00;  }mais cela ne change rien.
Quelqu'un a-t-il une idée?
Merci

notobe · Answer

à rajouter dans la feuille de style :

img {
border:0;
}

beate · Answer

Merci notobe,
J'ai effectué le changement, mais malheureusement cela ne change rien.
D'ailleurs tous les images étaient déjà pourvues de img border="0"

notobe · Answer

alors...img a {
border:0;
}

beate · Answer

Merci, notobe,
mais le problème persiste...

notobe · Answer

Une petite url alors ou les codes html et css complets

beate · Answer

Bien sûr!
voici une page : http://www.karola-altona.com/fr/themes/quovadis/qv1.htm
et voici le ficier css completbody       {margin:20px 0 10px 0;
            background:#1E1E1E url(bilder/fond_noir.jpg) fixed center;
            /*background:#FFCC00 url(bilder/fond_or.jpg) fixed center;*/
            text-align:center;
            color:#1E1E1E;
            font-size:11px;
            font-family:Verdana,Helvetica,Arial,sans-serif;
	    scrollbar-base-color: #EFEFEF; 
	    scrollbar-face-color: #EFEFEF; 
	    scrollbar-shadow-color: #000000;
	    scrollbar-highlight-color: #FFFFFF;
	    scrollbar-3dlight-color: #FFFFFF; 
	    scrollbar-darkshadow-color: #000000; 
	    scrollbar-track-color: #EFEFEF; 
	    scrollbar-arrow-color: #EFEFEF;}
#themen    {background:#1E1E1E url(bilder/fond_noir.jpg);}
#mensch    {background:#1E1E1E url(bilder/fond_noir.jpg);}
#bleu      {background:#1E1E1E url(bilder/fond_noir.jpg);}
#presse    {background:#1E1E1E url(bilder/fond_noir.jpg);}
#altonafond{background:#9ACD32 url(bilder/fond_altona.jpg)}
#spirale   {background:#EFEFEF url(bilder/spirale_mittel.jpg);}
#rand      {border:1px solid #CC0033;
            padding:3px 3px 20px 3px;
            text-align:center;
            width:626px;
            position:relative;margin:0 auto;
            background:#FFFFFF;}
#randrot   {border:1px solid #CC0033;
            padding:3px 3px 20px 3px;
            text-align:center;
            width:626px;
            position:relative;margin:0 auto;
            background:#FFFFFF;}
p          {text-align:center;}
h1         {font-size:21px;font-family:Arial,Verdana,sans-serif;}
h2         {font-size:17px; font-style:italic;}  
h3         {font-weight:bold;font-size:14px;}
table      {align:center;text-align:center;}
td         {align:center}

img a      {border:0;}
a          {color:#CC0033;text-decoration:none;background:transparent;}
a:visited  {color:#CC0033;text-decoration:none;background:transparent;}
a:hover    {color:#1E1E1E;background:#FFCC00;  }
a:active   {color:#1E1E1E;background:#FFCC00;  }

.liens     {font-weight:bold;}
.them      {font-size:11px;     }
.lien      {font-size:10px;     }
.citation {font-style:italic;font-family:Times Roman,serif;font-size:13px;}
.dim        {font-size:11px      }

/* F A R B E N */
.vert            {color:#339966;font-weight:bold;}     
.vert a          {color:#339966;}
.vert a:visited  {color:#339966;}
.vert a:hover    {color:#1E1E1E;}
.vert a:active   {color:#1E1E1E;}
.orange          {color:#FF6600;font-weight:bold;}     
.orange a        {color:#FF6600;}
.orange a:visited{color:#FF6600;}
.orange a:hover  {color:#1E1E1E;}
.orange a:active {color:#1E1E1E;}        
.gelb            {color:#FFCC00;font-weight:bold;}
.gelb a          {color:#FFCC00;}
.gelb a:visited  {color:#FFCC00;}
.gelb a:hover    {color:#1E1E1E;}
.gelb a:active   {color:#1E1E1E;}
.braun           {color:#996600;font-weight:bold;}
.hgruen          {color:#33CC33;font-weight:bold;}
.hgruen a        {color:#33CC33;}
.hgruen a:visited{color:#33CC33;} 
.hgruen a:hover  {color:#1E1E1E;}
.hgruen a:active {color:#1E1E1E;}
.hblau           {color:#33CCCC;font-weight:bold;}
.hblau a         {color:#33CCCC;}
.hblau a:visited {color:#33CCCC;}
.hblau a:hover   {color:#1E1E1E;}
.hblau a:active  {color:#1E1E1E;}
.dblau           {color:#0000FF;font-weight:bold;}
.dblau a         {color:#0000FF;}
.dblau a:visited {color:#0000FF;}
.dblau a:hover   {color:#000000;}
.dblau a:active  {color:#000000;}
.lila           {color:#CC00FF;font-weight:bold;}
.lila a         {color:#CC00FF;}
.lila a:visited {color:#CC00FF;}
.lila a:hover   {color:#1E1E1E;}
.lila a:active  {color:#1E1E1E;}
.rot            {color:#CC0033;font-weight:bold;}
.rot a          {color:#CC0033;}
.rot a:visited  {color:#CC0033;}
.rot a:hover    {color:#1E1E1E;}
.rot a:active   {color:#1E1E1E;}
.weiss           {font-size:12px;color:#FFFFFF;font-weight:bold;line-height:150%}
.weiss a         {color:#FFFFFF;}
.weiss a:visited {color:#FFFFFF;}
.weiss a:hover   {color:#1E1E1E;background:transparent;}
.weiss a:active  {color:#1E1E1E;background:transparent;}
.schwarz           {font-size:12px;color:#000000;font-weight:bold;line-height:150%}
.schwarz a         {color:#1E1E1E;;}
.schwarz a:visited {color:#1E1E1E;}
.schwarz a:hover   {color:#FFFFFF;background:transparent;}
.schwarz a:active  {color:#FFFFFF;background:transparent;}
.rosa            {color:#FF6699;font-weight:bold;}
.rosa a          {color:#FF6699;}
.rosa a:visited  {color:#FF6699;}
.rosa a:hover    {color:#1E1E1E;}
.rosa a:active   {color:#1E1E1E;}
.blau            {color:#335AA1; }                  

/* ------------------------------------------------------------------*/

#tulpe      {background:url(bilder/rtspirale_klein.jpg) center;}
#tulipier   {float:right;margin:3px 0 0 8px;}
#altona     {text-align:justify;border:2px solid #339966;margin-left:80px;
            margin-right:80px;padding:4px;}
.wichtig    {font-weight:bold;}
.mottos     {line-height:150%;}
.mottas     {line-height:310%;}
#texte      {margin-left:79px;margin-right:79px;text-align:justify;}
#text       {margin-left:79px;margin-right:79px;text-align:left;}
.links      {text-align:left;}
.mitte      {text-align:center;}
.rechts     {text-align:right;}
#plan       {border : 2px solid #CC0033;}
.form       {border: 1px solid #000000;
             background-color:#FFFFCC;
             padding: 4px; 4px 4px 8px;}
.ab         {color:#CC0000;
             font-weight:bold;
             background-color:#FFFFCC;
             border: 3px solid #CC0033; 
             padding: 1px; 1px 1px 1px;}
.galerie    {text-align:left;}
.bilder     {text-align:center;}
.presse     {text-align:right;}
.links      {text-align:left;}
.mitte      {text-align:center;}
.rechts     {text-align:right;}A demain!

notobe · Answer

Alors ça, c'est pas banal.
Je ne trouve pas pour l'instant, et effectivement il se fait tard, je n'ai plus les yeux en face des trous !
à demain...

[edit] c'est même mieux que ça, en mode IE7 ça ne le fait pas. Ce n'est qu'IE8...

notobe · Answer

J'ai fini par trouver, mais je n'explique absolument pas le phénomène...

C'est le background du a:hover qui ne lui plait pas. Pourquoi ? mystère.
Pour régler le problème, rajouter ceci à la css :

td a:hover {background:none;}

Bonne journée !

beate · Answer

Oui, ça marche, c'est l'essentiel!
Merci et bonne année!!

Bords devenant apparents

9 réponses

Discussions similaires

Newsletters