Saut de ligne

**mavictoire23** · 04/02/2013, 15h26

Bonjour,

Je suis novice dans le PHP. Je suis entrain de faire un formulaire, j'arrive à faire un saut de ligne entre 2 phrases mais je n'y arrive pas entre deux bloc.

Code html :

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<tr>
<td colspan="6">Personnes que vous jugeriez utilies que l'on contacte afin d'échanger sur notre offre de formation:</td>
</tr>

<tr>
<td><label>Nom:</label></td>
<td><input type="text" name="nom"/></td>
<td><label>Prénom:</label></td>
<td><input type="text" name="prénom"/></td>
<td><label>Fonction:</label></td>
<td><input type="text" name="Fonction"/></td>
</tr>
<tr>
<td><label>Téléphone:</label></td>
<td><input type="text" name="téléphone"/></td>
<td><label>Mail:</label></td>
<td><input type="text" name="Mail"/></td>
</tr>
J'aimerais un saut de ligne ici
<tr>
<td><label>Nom:</label></td>
<td><input type="text" name="nom"/></td>
<td><label>Prénom:</label></td>
<td><input type="text" name="prénom"/></td>
<td><label>Fonction:</label></td>
<td><input type="text" name="Fonction"/></td>
</tr>
<tr>
<td><label>Téléphone:</label></td>
<td><input type="text" name="téléphone"/></td>
<td><label>Mail:</label></td>

<td><input type="text" name="Mail"/></td>
</tr>

<tr><th align="left" colspan="6" >Autres suggestions et Remarques</th></tr>
<tr>
<td colspan="6"><textarea rows="2" cols="88" style="resize:none" name="com17"></textarea></td>
</tr>
J'aimerais un saut de ligne ici
<tr>
<td colspan="6" align="right"><input type="submit" value="Valider" /></td>
</tr>
J'aimerais un saut de ligne ici
<tr>
<tr><th align="left" colspan="6" style="border-top:1px solid #666;">Business & Décision University - 94 avenue Félix Faure -75015 Paris. Tél : 01 44 25 93 40. Fax : 01 44 25 93 41</th></tr>
</tr>

Je vous remercie de votre aide.

**bob633** · 04/02/2013, 17h27

Tu mets tout simplement un

Code :

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

<br/>

Tu peux aussi passer par du CSS, nomé tes <tr> du genre

Code :

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

<tr id=toto>

et dans ta feuille css faire du genre

Code :

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

#toto { margin-bottom:10px; }

**thelvin** · 04/02/2013, 18h29

Envoyé par bob633

Tu mets tout simplement un

Code :

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

<br/>

Euh. Non.

Envoyé par bob633

Tu peux aussi passer par du CSS,

C'est plutôt ça, oui.

Envoyé par bob633

nomé tes <tr> du genre

Code :

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

<tr id=toto>

et dans ta feuille css faire du genre

Code :

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

#toto { margin-bottom:10px; }

En l'occurrence c'est le même traitement pour tout le monde, donc il est plus logique d'utiliser des class que des id.
De plus les pixels c'est mal, surtout si c'est pour simuler "la hauteur d'une ligne."

Du coup ça donne ce code HTML :

Code :

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

<tr class="end-of-person">

et ce code CSS :

Code css :

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

.end-of-person { margin-bottom:1em; }

Évidemment, il vaudrait mieux grouper les lignes ensemble avec des <tbody> plutôt qu'en utilisant une classe ou un id pour mettre un espace entre deux groupes.

Et puisqu'on parle de ça, les <label> et <input> correspondants devraient partager la même cellule de tableau.

Mais bon

**NoSmoking** · 04/02/2013, 18h40

Bonjour,

Je suis novice dans le PHP. Je suis entrain de faire un formulaire,

donc autant prendre de bonnes habitudes tout de suite et laisser tomber les TABLEs qui ici ne t'apportent rien si ce n'est l'illusion de la simplicité.

Il existe la balise FIELDSET pour regrouper les champs, et avec un peu de CSS le tout peut devenir tout à fait acceptable.
un petit exemple par exemple:

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
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>[...]</title>
<style>
fieldset{
  width:50em;
  margin-bottom:1em;
  display:block;
  padding:0.5em;
}
label{
  display:inline-block;/* pour pouvoir donner une largeur */
  width:6em;
  padding-left:0.5em;
  padding-right:0.5em;
}
input{
  width:10em;
}
</style>
</head>
<body>
<fieldset>
  <label>Nom:</label><input type="text" name="nom"/>
  <label>Prénom:</label><input type="text" name="prénom"/>
  <label>Fonction:</label><input type="text" name="Fonction"/>
  <br />
  <label>Téléphone:</label><input type="text" name="téléphone"/>
  <label>Mail:</label><input type="text" name="Mail"/>
</fieldset>
<fieldset>
  <label>Nom:</label><input type="text" name="nom"/>
  <label>Prénom:</label><input type="text" name="prénom"/>
  <label>Fonction:</label><input type="text" name="Fonction"/>
  <br />
  <label>Téléphone:</label><input type="text" name="téléphone"/>
  <label>Mail:</label><input type="text" name="Mail"/>
</fieldset>
</body>
</html>

**thelvin** · 04/02/2013, 19h02

Moi je dis que ça passe plutôt bien pour des données tabulaires, mais bon.

**NoSmoking** · 04/02/2013, 19h12

Nous sommes en pleine interprétation, je ne l'ai pas vu d'un premier abord de la même façon, voyant plutôt un formulaire, avec des NAMEs répétés mais là n'est pas la question.

Saut de ligne

HTML

Vue hybride

Discussions similaires

Partager

Partager