Discussion :

[KeKeMaN]

Bonjour

J'aimerais effectuer cette présentation dans mon site :

Dans chaque case je mets un tableau.
Voici le css que j'ai fait :

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
 
#gauche {
    width: 49%;
    float: left;
}
 
#droite {
    width: 50%;
    float: left;
}
 
#bas {
    clear:both;
    width: 100%;
}

et mon code html :

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>
  <div id="gauche">
    <table>...</table>
  </div>
  <div id="droite">
   <table>...</table>[/FONT]
  </div>
  <div id="bas">
    <table>...</table>[/FONT]
   </div>[/FONT]
</div>
...

Le problème est que les trois cadres se mettent à la suite, l'une à coté de l'autre !
Si quelqu'un avait une 'tite idée

Merci d'avance

[Swoög]

essaie de metre #droite en float : right et de réduire un peu les largeurs des fois, il faut du 98% ou 95% max pour qu'ils soient côte à côte

[KeKeMaN]

nan mais le gauche et le droit sont bien cote à cote, mais le bas se retrouve à droite du gauche ...

[Swoög]

essaie ceci :

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>
  <div id="gauche">
    <table>...</table>
  </div>
  <div id="droite">
   <table>...</table>[/FONT]
  </div>
  <div style="clear : both"></div>
  <div id="bas">
    <table>...</table>[/FONT]
   </div>[/FONT]
</div>
...

je sais que ç'a l'air de servir à rien... mais des fois il y a des petits bug avec le clear

[KeKeMaN]

nop ça marche pas non plus ...
c'est bizare ... je vous mets la sources :

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
        $action = "http://" . $_SERVER["SERVER_NAME"] . $_SERVER["PHP_SELF"];
        $html = <<<EOT
<form action="{$action}" method="post">
<fieldset>
<legend>Détails du dossier</legend>
<table border="0">
<tr>
<th>Numéro du dossier :</th>
<td>{$dossier->numDossier}<input type="hidden" name="numDossier" value="$dossier->numDossier"></td>
</tr>
<tr>
<th>Date de la demande :</th>
<td>{$dateDemande}</td>
</tr>
<tr>
<th>Etat du dossier :</th>
<td>{$dossier->statut()}</td>
</tr>
EOT;
        if($dossier->statut() == "accepte") {
            $dateAcceptation = dateFR($dossier->dateAcceptation);
            $html .= "<tr><th>Date d'acceptation :</th><td>$dateAcceptation</td></tr>";
        }
        if($dossier->statut() == "en attente de pieces justificatives") {
            $dateDemandeJustificatif = dateFR($dossier->dateDemandeJustificatif);
            $html .= "<tr><th>Date de mise en attente :</th><td>$dateDemandeJustificatif</td></tr>";
            $html .= "<tr><th>Délai de mise en attente :</th><td>$dossier->delaiAttente jours</td></tr>";
        }
        if($dossier->statut() == "refuse") {
            $dateRefus = dateFR($dossier->dateRefus);
            $html .= "<tr><th>Date de refus :</th><td>$dateRefus</td></tr>";
        }
        $html .= <<<EOT
</table>
</fieldset>
<fieldset>
<legend>Détails du ménage</legend>
<div>
<div id="beneficiaire1">
<table border="0">
<tr>
<th>Nom :</th>
<td>{$personne->nom}</td>
</tr>
<tr>
<th>Prénom :</th>
<td>{$personne->prenom}</td>
</tr>
<tr>
<th>Date de naissance :</th>
<td>{$dateNaissance1}</td>
</tr>
</table>
</div>\n
EOT;
        if($personne2) {
            $html .= <<<EOT
<div id="beneficiaire2">
<table border="0">
<tr>
<th>Nom du conjoint :</th>
<td>{$personne2->nom}</td>
</tr>
<tr>
<th>Prénom du conjoint :</th>
<td>{$personne2->prenom}</td>
</tr>
<tr>
<th>Date de naissance du conjoint :</th>
<td>{$dateNaissance2}</td>
</tr>
</table>
</div>\n
EOT;
        }
        $html .= <<<EOT
<div style="clear : both"></div>
<div id="menage">
<table border="0">
<tr>
<th>Code INSEE :</th>
<td>{$personne->codeINSEE}</td>
</tr>
<tr>
<th>Numéro de téléphone :</th>
<td>{$personne->numTelephone}</td>
</tr>
<tr>
<th>Revenu du ménage :</th>
<td>{$personne->revenu}</td>
</tr>
</table>
</div>
</div>
</fieldset>
<p>
EOT;

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
 
#marie {
    width:100%;
}
 
#beneficiaire1 {
    width: 49%;
    float: left;
}
 
#beneficiaire2 {
    width: 50%;
    float: left;
}
 
#menage {
    clear:both;
    width: 100%;
}
 
table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
 
th {
    text-align: right;
}
 
td {
    text-align: left;
}

[KeKeMaN]

personne n'a de petite idée ??
j'aimerais vraiment trouver comment faire !!!

merci d'avance