[FF&IE] Vertical-align

Version imprimable

Cette propriete ne veut pas fonctionner... Pourquoi ?

Code:

1
2
3
4
5
6
 
<div class="bloc_titre_btn_liste{-- $cadre_liste.popup --}">
    <span class="bloc_titre_liste">{-- $tete_tab.titre --}</span>
    <span class="bloc_btn_liste">{--  $tete_tab.btn_haut --}</span>
    <div class="cleared">&nbsp;</div>
</div>

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
 
div.bloc_titre_btn_liste {
        background-image:url(../images/commun/bandeau_haut_pdv.jpg);
	background-repeat:no-repeat;
	text-align:left;
        vertical-align:middle;
	width:980px;
	height:26px;
}
 
.bloc_titre_liste {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-left:15px;
	float:left;
}
 
.bloc_btn_liste {
	margin-right:15px;
	float:right;
}
 
.cleared {
	clear: both;
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:1px;
}

Si c'était possible de me donné une indication :)

28/06/2007, 18h01
E.Bzz

Bonjour,
parce que cette propriété est réservée à un usage bien spécifique.

Cf. les précisions de Bisûnûrs données ici ...

A+
29/06/2007, 00h15
deY!

Ah ben je savais pas du tout... Comme quoi c'est subtile le css...
Merci :)

Je regarderais ce que ça donne demain, je vais me coucher :aie:
29/06/2007, 09h16
E.Bzz

Citation:

Envoyé par deY!

Ah ben je savais pas du tout...

Tu constateras (dans le lien) que moi non plus ;)

A+

Ca ne marche que pour un des deux...
le premier span se place correctement au milieu, cependant le second non.

Le premier span ne contient que du texte, cependant le second contient une suite d'image et de lien

Code:

<span><a href="link"><img /></a>...</span>

Cela joue t'il ?

Voici mes classes aprés modif...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 div.bloc_titre_btn_liste { background-image:url(../images/commun/bandeau_haut_pdv.jpg); background-repeat:no-repeat; text-align:left; width:980px; line-height:26px; } .bloc_btn_liste { margin-right:15px; line-height:100%; float:right; }

04/07/2007, 09h45
E.Bzz

Sans nouveaux éléments, on ne pourra pas t'aider plus.
Donne soi un lien sur ta page, soi une structure fidèle à ce que tu as et que l'on peut tester ...
04/07/2007, 10h05
Bisûnûrs

Le line-height en % ne réagit pas de la même manière qu'en px.

Tu ne peux donc pas centrer verticalement un élément inline en utilisant les pourcentages.