Discussion :

[salsabouge]

Bonjour j'ai un petit soucis.

Lorsque je crée une boite avec div d'une valeur "witdh" donné (dans mon cas 80px) et que le lien que je met dedans est inferieur a 80px, la boite ne s'affiche pas entièrement pourquoi? (j'ai mis une image en arrière plan de div)

Pouvez vous m'aidez svp?

merci

[HiRoN]

Avoir ton code (x)HTML / CSS pourrait aider à cerner le problème (je vois que c'est ton premier message, pense à la balise code (#)).

[salsabouge]

partie html:

<div id="bouton">
<div ><h2 id="b1"><a href="index2.html" >accueil</a></h2></div>
<div ><h2 id="b2"><a href="infos.html" >infos</a></h2>
</div>

partie CSS:

#bouton {
position: absolute;
right:0px;
bottom:30px;
height: 30px;
width: 560px;
background-color:#ffffff;
}

#bouton h2 {
position:absolute;
display:block;
margin:0;
width:80px
height:30px;
font-size:14px;
}

h2#b1 {
left:0px;
}

h2#b2 {
left:80px;
}

#bouton div h2 {
display:block;
witdh:80px;
background:url(images/bouton.jpg) 0px -30px no-repeat;
}

#bouton div h2:hover
{
display:block;
witdh:80px;
background:url(images/bouton.jpg) 0px 0px no-repeat;
}

voila le code tout simple en fait 2 boutons qui sont chacun dans une boite , l'ensemble est dans une boite plus grosse.

merci

[rinuom99]

essayé avec ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="bouton">
<div ><h2 id="b1"><a href="index2.html" >accueil</a></h2></div>
<div ><h2 id="b2"><a href="infos.html" >infos</a></h2></div>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
#bouton {
position: absolute;
right:0px;
bottom:30px;
height: 30px;
width: 560px;
background-color:#ffffff;
}
 
#bouton h2 {
position:absolute;
display:block;
margin:0;
width:80px;
height:30px;
font-size:14px;
}
 
h2#b1 {
left:0px;
}
 
h2#b2 {
left:80px;
}
 
#bouton div h2 {
display:block;
witdh:80px;
background:url(images/bouton.jpg) 0px -30px no-repeat;
}
 
#bouton div h2:hover
{
display:block;
witdh:80px;
background:url(images/bouton.jpg) 0px 0px no-repeat;
}

[salsabouge]

J'enrage juste pour un point virgule je me suis pris la tête : aie aie !!

Merci mille fois.... j'ai galéré pour le voir ce satané point virgule. même avec ta correction.

merci encore!!