CSS Probleme BACKGROUND IMAGE

Version imprimable

Bonjour,

http://img458.imageshack.us/img458/232/bgly3.png

le deuxieme background image qui est en orange ne prend pas le meme width et height que celle en gris, voici le code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 .Category { background-image:url(../images/bg_category.gif); height:24px; width:163px; } .Category a:visited { background-image:url(../images/bg_category_over.gif); background-image:inherit; height:24px; width:163px; } .Category a:link { color:#514E4C; font-family:"Arial Narrow"; font-size:13px; text-decoration:none; padding-left:30px; } .Category a:visited { color:#FFFFFF; font-family:"Arial Narrow"; font-size:12px; font-weight:bold; text-decoration:none; padding-left:30px; }
partie affichage

Code:

<div class="Category"><a href="#"></a></div>

merci davance :Hola:

26/07/2006, 19h33
giminik

Il faudrait faire un effort sur le français :? C'est pas tellement compréhensible.

:tagcode:

Hello,

Dans ton a:visited, tu donnes un width et un height.

Hors, un lien est un élément de type en ligne et donc il ne va pas appliquer les propriétés width et height. Par contre, si tu ajoutes un display:block il les prendra en compte. Tu pourrais donc faire ainsi:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.Category a { display:block;
              width:163px;
              height:24px;
              font-family:"Arial Narrow";
              text-decoration:none;
              padding-left:30px;
            }
 
.Category a:link { color:#514E4C;
                   font-size:13px;
                 }
 
.Category a:visited { background-image:url(../images/bg_category_over.gif);
                      color:#FFFFFF;
                      font-size:12px;
                      font-weight:bold;
                    }

26/07/2006, 23h19
nocy

Merci de votre réponse, ca marcher sauf que j'en ai un autre probleme ca ma fait un déclage de 20px a peuprés de l'autre bloc div :(,