problème balise <a> </a>

Version imprimable

07/08/2009, 20h12
hugo7

problème balise <a> </a>
Bonjour j'ai une balise lien :

Code:

<a href="default.aspx" class="essai">test</a>

Voici sa description dans la page css :
Code:

1 2 3 4 5 6 7 .essai { position :relative; height : 50px; width : 50px; }
Mais le lien garde toujours la même taille...
Comment faire d'avances merci pour vos réponses.
J'ai une autre question j'ai pas mal de bug avec le css : image qui ne s'affiche pas , problème avec height et width ...
C'est problème apparaissent et "disparaissent" des fois.
Cela fait longtemps que sa me le fait.
J'ai tous essayer avec les id les class.
Comment résoudre ces problèmes assez gênants , cela peut-t'il venir de visual studio?
07/08/2009, 20h57
Redouane

bonsoir,

j'avais un probleme du genre dans une grande application, et apparament il y avait un autre fichier css, appelé d'une Master Page.
Surement, il y a un problème d'appel de css, peut etre qu'il y a un autre fichier appelé qlq part ou autre script.
sinon, fais voir ton css, pour que les gas ici puisse t'aider dans son code.

réponse

merci pour ta réponse Redouane mais mon application est petite et il n'y à pas d'autre fichier css qui pourrait gêner.
Voici le code de ma page css:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
body 
{
      width : 1024px;
    height : auto;
    margin :auto;
}
 
/*Bannière de la page*/
.banniere
{
     height : 100px;
     width : 1024px;
     background-image:url(images/bannierejeuxvideo.jpg);
     background-repeat : no-repeat; 
    }
/*Zone Menu*/
.zonemenu
{ 
    background-color : #cae4ff;
    height : 50px;
    width : 1024px;   
    }    
/*Zone publicité gauche*/    
.publicitegauche
 
{
    position :relative;
    top : 5px;
    height : 650px;
    width : 150px;
    background-image:url(images/zonepub.jpg);
    background-repeat : no-repeat; 
    }
/*Zone publicité droite*/          
.publicitedroite
 
{
    position :relative;
    top : -645px;
    left : 874px;
    height : 650px;
    width : 150px;
    background-image:url(images/zonepub.jpg);
    background-repeat : no-repeat; 
    }    
/*Zone Centre*/
.zonecentre
{
    position :relative;
    top : -1295px;
    left : 152px;
    height : 650px;
    width : 720px;
    background-image:url(images/zonecentre.jpg);
    background-repeat : no-repeat;  
    }  
/*Pied de page*/         
.pieddepage
{
    position :relative;
    top : -1292px;
    height : 30px;
    width : 1024px;
    background-image:url(images/pieddepage.jpg);
    background-repeat : no-repeat;  
    }
 
.essai
{
 
position :relative;
height : 50px;
width : 50px;
}

08/08/2009, 12h56
Redouane

Citation:

hugo7 a envoyé
.essai
{

position :relative;
height : 50px;
width : 50px;
}

Mais le lien garde toujours la même taille...

En fait dans ton cas le lien va garder la même taille il va juste être décaller de 50px de la gauche, alors si tu désire que le texte du lien change de taille, il faut que tu le précise au niveau du font-size et pas juste width ou/et height.

Peut être que si la même chose que les autres styles que t'a fais, il faut peut être juste les revoir et citer le code exacte pour le style désiré.
08/08/2009, 17h19
hugo7

réponse

Merci pour ta réponse Redouanemais c'est pas logique : height et width sont pour modifier la taille pas pour déplacer...
Comment peut-on faire pour modifier la taille sans changer la taille de la police?
10/08/2009, 13h08
hugo7

réponse

C'est bon j'ai trouvé il fallait ajouté :display: block