Discussion :

[CinePhil]

Bonjour,

J'ai un petit souci de mise en forme.

Problème de CSS ?
Code de la vue :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<span class="label_court">Date d'émission :</span>
<span class="valeur_date">
    <?php echo FonctionsUtiles::Change_formatDate($this->escape($this->afficheDysfonctionnement->DYS_Date_Emission), 'fr');?>
</span>
<br />
<span class="label_court">Émetteur :</span>
<span class="valeur_nom">
    <?php echo $this->escape($this->afficheDysfonctionnement->PRS_Nom);?>&nbsp;
    <?php echo $this->escape($this->afficheDysfonctionnement->PRS_Prenom);?>
</span>
<br />

Code CSS :

Code CSS :

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
.label_court
{
    width: 30%;
    float: left;
    margin-top: 3px;
}
 
.valeur_date
{
    color: blue;
    float: left;
    width: 9%;
    background-color: #DDDDDD;    
    margin-top: 3px;
    padding-left: 1px;
}
 
.valeur_nom
{
    color: blue;
    float: left;
    width: 20%;
    background-color: #DDDDDD;
    margin-top: 3px;
    padding-left: 1px;
}

Le label "Émetteur :" se retrouve à la deuxième ligne (ça c'est normal) à droite de la valeur_date au lieu d'être au bord gauche de l'écran. Et la valeur_nom est décalée d'autant !

Date d'émission : 01/01/2010
-décalage jusque là------------->Émetteur : Philippe Leménager

[nosferapti]

regarde les formulaires présentés sur la page suivante :
http://css.developpez.com/galerie/?page=formulaire

[CinePhil]

J'ai ajouté les balises <p></p> autour de l'émetteur avec un margin: 3px pour le style de la balise <p>, j'ai changé le style valeur_nom en valeur qui est plus grand et j'arrive à un résultat correct.

C'est sûrement pas top comme façon de faire mais j'arrête là pour le moment.

Merci.