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"?

[lieto]

bien sur

a.onrollover img{ opacity:0.6; filter:alpha(opacity=60);}
a.onrollover:hover img{ opacity:1; filter:alpha(opacity=100);}

[lieto]

mais rassurez moi, je suis pas fou, j ai pas d'hallucination, le span est bien décalé sur le screenshot?

[kahya]

oui oui ya bien un décalage mais pourtan j'ai copié collé ton code en liant 4 images et ça marche, la preuve
http://informatik.rf.lv/test3.html

[bavibavi]

Ca marche ici aussi.
Tu n'aurais pas un espace ou autre, essaye en mettant tout a la ligne, j'ai eu ce pb un jour c'était du au retour a la ligne incroyable! lol

[lieto]

...tes 4 images sous aligné, mais pas ton background, non?

[kahya]

je n'ai pas mi le background quelle sont les dimentions de geomap.gif? peut etre le pb vient de la, si ça marche bien sans

[kahya]

j'ai testé avec une image de width 28 height 26 et ça fonctionne tjs bien

[lieto]

geomap.gif fait 26*26...

[kahya]

en 26 sur 26 il se voyai pas donc j'ai mi 28 sur 26, il dépassé un peu sur la droite. En tout cas ça marche j'ai upload le tout tjs a la meme adresse si tu veux. Donc le pb doit venir d'ailleur. Ton span .dragDrop
est dans qque chose encore ou juste dans body?

[lieto]

... non, dans le body seulement...

[lieto]

Attend, mais je reve pas, "sous" tes 2° et 3° carré, y a bien un rectangle, non? légèrement décalé vers la bas???

[kahya]

et tu es sur sur sur sur que toutes tes images font 26 hin? pourtan regarde le code source de ma page c'est le meme que le tien ya ke les images qui changent a moins que ça soit le javascript qui merde vu qui a que ça que j'ai pas dans ma page mais quand meme ça serai bizare...