Paragraphes de même hauteur en colonne

**Claude30120** · 11/05/2015, 22h56

Bonsoir
Je fais appel à vous car je ne m'en sort pas. Et je ne comprend pas grand-chose aux doc que je lis.
Voici ma demande
Je veux faire trois pavés, côte à côte, de hauteur identique.
J'ai essayé d'écrire quelque chose.
Avec Div, cela ne veut pas se mettre en colonne
Avec table, cela ne veut pas garder la même taille (les éléments que je mets dans les pavés sont complexes, de taille variable et actuellement constitués de tables).

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
 
<?HTML
<BODY>
                <STYLE type="text/css">
                div {   display:table 
                .colonne {
                          display:table-cell;
                          width:150px;
                          padding:25px; 
                "</style>";
        <DIV>
        <dir>
                <li>
                        Ceci est un essai de cellule de même taille
                </li>
                <li>
                        La cellule la plus longue qui dépasse et de beaucoup la taille des deux autres. et elle a une taille variable suivant le tete mis dedans. Comment faire que les deux autres prennent la même taille
                </li>
                <li>
                        Dernière cellule
                </li>
        </dir>
        </DIV>
        <table  >
                <tr>
                        <td width=40% >
                                <table border=1  width=100%><tbody><tr><td>
                                Ceci est un essai de cellule de même taille
                                </td></tr></tbody></table>
                        </td>
                        <td width=20% >
                                <table border=1  width=100%><tbody<tr><td>
                                La cellule la plus longue qui dépasse et de beaucoup la taille des deux autres. et elle a une taille variable suivant le tete mis dedans. Comment faire que les deux autres prennent la même taille
                                </td></tr></tbody></table>
                        </td>
                        <td width=40%>
                                <table border=1 width=100%><tbody<tr><td>
                                Dernière cellule
                                </td></tr></tbody></table>
                        </td>
                </tr>
        </table>
</BODY>

Est-ce que quelqu'un peut m'aider?
Claude

**kevin254kl** · 12/05/2015, 01h58

Bonsoir, je pense qu'utiliser un tableau n'ai pas la meilleur chose à faire, as tu essayé avec position en css?

**Claude30120** · 12/05/2015, 13h43

Je veux bien le croire, Kevin, mais là se situe la limite de mon incompétence. Qu'est-ce que ' position en css'? comment cela se met-il en œuvre? Puis-je trouver un exemple quelque part?

Merci
Claude

**black-hawk-down** · 12/05/2015, 13h59

Bonjour,

Tout d'abord, ton HTML n'est pas valide.

Il te faut un doctype HTML.
Il faut que tu vérifies que ton code ne comporte pas d'erreur :

balise mal fermée "<tbody",
balises orphelines "<li>",
mauvaise écriture des attributs HTML.

De plus, tu mélanges majuscules et minuscules dans les noms de balises.

Enfin, tu crées une classe CSS .colonne que tu n'affectes nulle part.

Bref, il faut que tu revois tes bases en regardant par ici.

Paragraphes de même hauteur en colonne

HTML

Discussions similaires

Partager

Partager