Discussion :

[lodan]

Bonjour,

Je n'arrive pas à mettre en face sur une même ligne ceci :

Code :

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

1
2
3
4
<p>
			<label>Type :</label>
			<b>Maison de retraite</b>
		</p>

"Maison de retraite" se retrouve sur la ligne plus haut que "Type :"

Comment cela est-il possible ?

Merci d'avance.

[MasterOfChakhaL]

En effet, c'est étrange...

Le problème vient certainement d'ailleurs et probablement du css...
Montre le nous donc...

[lodan]

J'ai un css pour "label"

Code :

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

1
2
3
4
5
6
7
8
#corpForm fieldset#formulaire label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent x% de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

Et oui ils sont centrés verticalement.

Dans ce cas comment centrer verticalement aussi mon texte "Maison de retraite" alors que je n'ai pas de balise pour le désigner.

[MasterOfChakhaL]

cherche pas plus loin, c'est le float...

tu peux essayer ca:

Code :

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

<label>Type : <b>Maison de retraite</b></label>

je te signale que ton line-height n'a pas d'unité et que c'est donc une erreur

[lodan]

Fainiantise quand tu nous tiens

Code :

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

line-height: 1.8pt;

C'est mieux ainsi ?

Pour ton idée, cela ne convient pas, parceque je suis centré au milieu sur le label

[MasterOfChakhaL]

peut être ceci alors:

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
 
#corpForm fieldset#formulaire label, #corpForm fieldset#formulaire b {	
	float: left;	
	margin: 0;
	line-height: 1.8pt;
}
 
#corpForm fieldset#formulaire label {
	width: 20%;
	text-align: right;
	padding: 0 .5em 0 0;
}
 
#corpForm fieldset#formulaire b {
	text-align-align: left;
	padding: 0 0 0 .5em;
}

[lodan]

C'est la cata.

Des lignes se chevauchent, c'est pas top

[lodan]

Bon, j'ai changé pour une simulation de tableau comme ceci

Code :

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

1
2
<div class="td" align="right">Nom :</div>
<div class="td"><b>Maison de retraite</b></div>

Avec le css comme ceci

Code :

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

div.td { display:table-cell; border:thin ; padding:5px; vertical-align:top;}

Et c'est en face

Merci d'avoir essayé.

Pour la superposition c'était dû au "pt" que tu m'avais fait rajouté, le l'ai supprimé et c'est mieux sans.

Merci de m'avoir accompagné un p'tit bout