[HTML] style = margin-bottom ne fonctionne pas

Version imprimable

29/07/2008, 18h19
ctobini

[HTML] style = margin-bottom ne fonctionne pas
Bonjour,

Je suis en train de faire quelques essais d'initiation à HTML. Je suis sous Linux, j'utilise PHP 5 et MySQL 5.0.

Le but étant de faire marcher très rapidement une représentation de données de MySQL sous forme de tableau en HTML, je n'ai pas le temps de m'initier à CSS.

Mon problème porte sur le fait que je fait s'enchaîner plusieurs tableaux, mais il n'y a pas de saut de ligne entre les tableaux, sinon en jouant avec les balise <BR>, pas très sexy...

J'ai vu qu'il y a moyen d'utiliser margin-bottom.

J'ai inclu dans mes tableaux :
Code:

1 2 3 <table border style = "margin-bottom:20px"> </table>
Mais ça ne change rien du tout (mes tableaux restent collés, sans bouger d'un pixel).

Etant en PHP, j'ai tenté \"margin\-bottom:20px\" qui ne fonctionne pas non plus.

Auriez-vous une idée sur le pourquoi de la chose ?

En vous remerciant,

C. Tobini
29/07/2008, 19h29
c_s_s
Bonjour,

Sans code ou page en ligne difficile de bien cerner le problème.

Il y a quelques erreurs de syntaxe :

Code:

<table style="margin-bottom:20px;">

Le plus simple est peut-être de donner une class à ta table et d'indiquer les propriété CSS dans une feuille de style externe.

Dans ta page PHP

Code:

<table class="espacement">

La feuille de style
Code:

1 2 3 table { margin-bottom: 20px; }

Bonsoir,

Voir même le style CSS en interne à la page

ex:

Code:

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
<html>
<head>
<title></title>
<style type="text/css">
/* Définitions des styles des éléments */
 
/* style general d'un tableau */
table {
  border: 1px solid black;
  margin-bottom: 15px;
}
 
/* style general d'une cellule */
td {
     border: 1px solid black;
     width: 40px;
     height: 40px;
     text-align: center;
}
 
/* style particulier pour le tableau ayant la classe "table_1" */
.table_1 {
  background-color: #FFFF00;
}
 
/* style particulier pour le tableau ayant la classe "table_2" */
.table_2 {
  background-color: #CCFFCC;
}
</style>
</head>
<body>
<!-- table 1 -->
    <table class="table_1">
        <tr>
           <td>11</td>
           <td>12</td>
           <td>13</td>
           <td>14</td>
           <td>15</td>
        </tr>
        <tr>
           <td>21</td>
           <td>22</td>
           <td>23</td>
           <td>24</td>
           <td>25</td>
        </tr>
        <tr>
           <td>31</td>
           <td>32</td>
           <td>33</td>
           <td>34</td>
           <td>35</td>
        </tr>
    </table>
 
<!-- table 2 -->
    <table class="table_2">
        <tr>
           <td>11</td>
           <td>12</td>
           <td>13</td>
           <td>14</td>
           <td>15</td>
        </tr>
        <tr>
           <td>21</td>
           <td>22</td>
           <td>23</td>
           <td>24</td>
           <td>25</td>
        </tr>
        <tr>
           <td>31</td>
           <td>32</td>
           <td>33</td>
           <td>34</td>
           <td>35</td>
        </tr>
    </table>
</body>
</html>

A+

31/07/2008, 10h51
ctobini

Bonjour et merci à vous 2 pour les réponses,

Après avoir bien bien galéré au niveau du style directement dans la balise HTML, j'ai effectivement intégré une page de style CSS, ce qui fonctionne parfaitement :-)

Et c'est vrai qu'au niveau ergonomie, ça n'a quand même rien à voir ! :-)

Bonne journée à tous les 2,

C. Tobini