Discussion :

[lieto]

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 :

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

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 :

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
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 !!!

[kahya]

peut etre un exemple visuel?

[lieto]

...on va essayer....:
On devrait normalement voir que la partie centrale de ma barre d outils est plus basse que les extrémités

[bavibavi]

tes images ont toutes la meme hauteur ?

[lieto]

oui, 26px

[kahya]

en fixant le height de .dragDrop à 26px ça ne change rien?

[lieto]

non, pas le moindre changement

[kahya]

j'ai testé chez moi avec 4 images de 26 sur 26 et c'est correctement aligné, le pb doit venir d'ailleur. On peut avoir le detail de la classe "onrollover"?