Bords devenant apparents

Résolu
beate Messages postés 166 Date d'inscription   Statut Membre Dernière intervention   -  
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   -
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 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
à rajouter dans la feuille de style : 

img {
border:0;
}
0
Réponse 2 / 9
beate Messages postés 166 Date d'inscription   Statut Membre Dernière intervention   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 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
alors...
img a {
border:0;
}
0
Réponse 4 / 9
beate Messages postés 166 Date d'inscription   Statut Membre Dernière intervention   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 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Une petite url alors ou les codes html et css complets
0
Réponse 6 / 9
beate Messages postés 166 Date d'inscription   Statut Membre Dernière intervention   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 1952 Date d'inscription   Statut Membre Dernière intervention   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 1952 Date d'inscription   Statut Membre Dernière intervention   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 166 Date d'inscription   Statut Membre Dernière intervention   6
 
Oui, ça marche, c'est l'essentiel!
Merci et bonne année!!
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   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