Discussion :

[deY!]

Cette propriete ne veut pas fonctionner... Pourquoi ?

Code :

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

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 :

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

[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+

[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

[E.Bzz]

Ah ben je savais pas du tout...

Tu constateras (dans le lien) que moi non plus

A+

[deY!]

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 :

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

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

Cela joue t'il ?

Voici mes classes aprés modif...

Code :

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

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;
}

[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 ...

[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.