Discussion :

[pimpmyride]

bonjour,

je me mets enfin^^ a remplacer les <table> par des div. Je rencontre un soucis, entre 2 div verticales il y a un inter ligne de quelques pixels. voici les 3 divs :
les deux premiers sont cote a cote et le 3eme en dessous :

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
 
div#cadre_titre{
	height:20px;
	padding-left: 20px;
	padding-top: 5px;
	background-image: url(../img/commun/fond_cell_qsn_bg.gif);
	background-repeat: repeat-x;
	float:left;
}
div#arrondi_titre{
	width:20px;
	height:20px;
	float:left;
	background-image: url(../img/commun/fond_cell_qsn_arrondi.gif);
}
div#ligne_arrondi{
	width: 486px;
	height: 10px;
	clear:both;
	float: left;
	background-color:#F5F5F5;
}

[Bisûnûrs]

Ton #cadre_titre fait 25px de haut alors que ton #arrondi_titre ne fait que 20px.

En effet, tu as un padding-top de 5px dans le premier.

[pimpmyride]

merci, j'avais mis une marge de 5pixels car j'affiche du texte, c'etait pour qu'il ne soit pas coller au bord du haut. En enlevant les 5 pixels l'interligne n'existe plus cepandant y a t il un moyen de ne decaler que le texte ?

[Bisûnûrs]

Code :

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

1
2
3
4
5
6
7
8
div#cadre_titre{
	height:17px;
	padding-left: 20px;
	padding-top: 3px;
	background-image: url(../img/commun/fond_cell_qsn_bg.gif);
	background-repeat: repeat-x;
	float:left;
}

La somme des deux valeurs rouges fait 20px, tu auras donc une cellule de 20px de haut avec un texte qui ne sera pas sur le bord haut de ta cellule.

[pimpmyride]

merci