Bords devenant apparents

Résolu
beate Messages postés 169 Statut Membre -  
notobe Messages postés 2222 Statut Membre -
Bonjour,
Voici mon problème, je crois que c'est tout simple mais je ne comprends pas.
Mon code pour les liens est
a          {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, comme
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;  }
mais cela ne change rien.
Quelqu'un a-t-il une idée?
Merci

9 réponses

Réponse 1 / 9
notobe Messages postés 2222 Statut Membre 213
 
à rajouter dans la feuille de style : 

img {
border:0;
}
0
Réponse 2 / 9
beate Messages postés 169 Statut Membre 6
 
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"
0
Réponse 3 / 9
notobe Messages postés 2222 Statut Membre 213
 
alors...
img a {
border:0;
}
0
Réponse 4 / 9
beate Messages postés 169 Statut Membre 6
 
Merci, notobe,
mais le problème persiste...
0

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

Posez votre question
Réponse 5 / 9
notobe Messages postés 2222 Statut Membre 213
 
Une petite url alors ou les codes html et css complets
0
Réponse 6 / 9
beate Messages postés 169 Statut Membre 6
 
Bien sûr!
voici une page : http://www.karola-altona.com/fr/themes/quovadis/qv1.htm
et voici le ficier css complet
body       {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!
0
Réponse 7 / 9
notobe Messages postés 2222 Statut Membre 213
 
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...
0
Réponse 8 / 9
notobe Messages postés 2222 Statut Membre 213
 
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 !
0
Réponse 9 / 9
beate Messages postés 169 Statut Membre 6
 
Oui, ça marche, c'est l'essentiel!
Merci et bonne année!!
0
notobe Messages postés 2222 Statut Membre 213
 
Bonne année aussi :)
(et pensez à mettre le sujet en résolu)
0

Discussions similaires

Verre trempé ne colle pas sur les bords
Maxiime59 -
Maxiime59 -

9 réponses
Verre trempé s8
Akyou -
Papounet17000 -

1 réponse
Vitre en verre trempé dans l'eau
Florentgrs -
LSAT -

1 réponse
supprimer les marges lors de l'impression
lepiles -
frederic76 -

1 réponse
Film protecteur impossible à enlever
coretm21 -
TikTak92 -

3 réponses