Positionnement de spans dans un span
Bonjour
j'ai un léger probleme
J'ai actuellement un span qui contient 3 autres spans, qui forment "normalement" une seule et meme entité.
Mais pour une raison que je ne m'explique pas, mon span central est légèrement plus bas que les 2 autres
html:
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| <span id ="barre1" class="dragDrop" style="top:47px; z-index:1">
<span class="barre1">
<img id ="image_icone_1" src="float/geomap_gauche.gif" alt="curseur de déplacement"/>
</span>
<span id="icones1" class="icones">
<A HREF="" class="onrollover" Title="Lance le thematic wizard"><img src="float/bouton_1.gif" alt="ajouter utilisateur" width=26px height=26px/ class="image"></A>
<A HREF="" class="onrollover" Title="Lance le thematic wizard"><img src="float/bouton_2.gif" alt="appliquer un filtre" width=26px height=26px/ class="image"></A>
</span>
<span id="barre1_fin" class="bouton_fin">
<img src="float/geomap_droit.gif" alt="curseur de fermeture" onclick="onoffdisplay(icones1,barre1_fin);"/>
</span>
</span> |
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
| .dragDrop
{
position:absolute;
left:216px;
font-family:Arial;
font-size:10pt;
font-weight:bold;
cursor:hand;
height:100%;
margin: 0px;
padding: 0px;
border: none;
text-align: center;
}
.icones
{
border:0px;
margin:0px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
height:26px;
width:56px;
background-color:#DEF1F5;
}
.image
{
border:0px;
background-color:#EEEEEE;
margin:0px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
width:26px;
height:26px;
}
.barre1
{
background-image:url(float/geomap.gif);
background-repeat:no-repeat;
} |
C est donc le span icones1 qui est "trop bas"
Merci !!!