Bonjour,
Je voudrais mettre plusieurs tableaux en 2 colonnes. J'ai donc suivi les conseils de oscar, mais j'ai dû louper quelque chose car le résultat n'est pas au rendez-vous. J'ai créé un exemple avec le code utilisé : exemple
Merci
BM granvillais
sur 2 colonnes
-
- Mensajes: 147
- Introducción: Texto
- Navegación: Texto
- Ver su árbol genealógico
granvillais - Bertrand Mayeux
-
- Mensajes: 1920
- Introducción: Texto
- Navegación: Texto
- Ver su árbol genealógico
Bonsoir
Je ne sais pas ce que vous avez "loupé" ? A priori, vous avez introduit des parenthèses dans le code qui ne devraient pas y être mais je peux me tromper.
Si vous respectez la procédure d'écriture du code, tel que dans l'exemple ci-dessous :
Vous obtenez ceci : (exemple supprimé), c'est à dire ce que vous souhaitiez.
Cordialement
Je ne sais pas ce que vous avez "loupé" ? A priori, vous avez introduit des parenthèses dans le code qui ne devraient pas y être mais je peux me tromper.
Si vous respectez la procédure d'écriture du code, tel que dans l'exemple ci-dessous :
Código: Seleccionar todo
<div style="float:left; width:40%">
<table class="tabwiki">
<tr>
<th> title 1 </th><th> title 2 </th><th> title 3 </th>
</tr>
<tr>
<td> Col 1, Element 1 </td><td> Col 2, Element 1 </td><td> Col 3, Element 1 </td>
</tr>
</table>
</div>
<div style="float:left; width:40%">
<table class="tabwiki">
<tr>
<th> title 1 </th><th> title 2 </th><th> title 3 </th>
</tr>
<tr>
<td> Col 1, Element 1 </td><td> Col 2, Element 1 </td><td> Col 3, Element 1 </td>
</tr>
</table>
</div>
Cordialement
Última edición por oscar32 el 17 Marzo 2021, 11:29, editado 1 vez en total.
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
-
- Mensajes: 147
- Introducción: Texto
- Navegación: Texto
- Ver su árbol genealógico
Désolé, je devais mettre le code dans le forum (balises code) plutôt que d'essayer de le présenter sur ma page exemple, avec des parenthèses.
D'autre part, mon code avait des ; en trop. Je suis reparti à zéro avec votre code.
Merci
D'autre part, mon code avait des ; en trop. Je suis reparti à zéro avec votre code.
Merci
Última edición por granvillais el 17 Marzo 2021, 10:26, editado 1 vez en total.
granvillais - Bertrand Mayeux
-
- Mensajes: 147
- Introducción: Texto
- Navegación: Texto
- Ver su árbol genealógico
Merci oscar, j'ai modifié mon exemple.
J'ai placé les 2e et 3e tableaux dans le même <div>
J'ai voulu réduire la hauteur des lignes en ajoutant : style="padding:5px;" mais ça ne fonctionne pas.
Est-il possible que les 3 tableaux aient et gardent la même largeur ?
Quand on réduit la fenêtre du navigateur, les tableaux se superposent…
Je dois pouvoir faire mieux ?
Merci pour vos conseils.
J'ai placé les 2e et 3e tableaux dans le même <div>
J'ai voulu réduire la hauteur des lignes en ajoutant : style="padding:5px;" mais ça ne fonctionne pas.
Est-il possible que les 3 tableaux aient et gardent la même largeur ?
Quand on réduit la fenêtre du navigateur, les tableaux se superposent…
Je dois pouvoir faire mieux ?
Merci pour vos conseils.
Código: Seleccionar todo
<div style="float:left; width:40%;">
<table align="center" style="text-align: left;background-color:white;" class="tabwiki">
<tr><th style="padding:5px;">Granville</th><th style="padding:5px;">année</th><th style="padding:5px;">type</th style="padding:5px;"><th>tonneaux</th></tr>
<tr><td>[[[Amitie_150/Amitié]]]</td><td>1709-1711</td><td>terre-neuvier corsaire</td><td>150</td></tr>
<tr><td>[[[Auguste_120/Auguste]]]</td><td>1694-1695</td><td>terre-neuvier corsaire<td>120</td></tr>
<tr><td>[[[Aventurier/Aventurier]]]</td><td>1800</td><td>corsaire</td><td></td></tr>
<tr><td>[[[Belle-Julie_338/Belle-Julie]]]</td><td>1826</td><td>trois-mats, terre-neuvier</td><td>338</td></tr>
<tr><td>[[[Bonne-Foy_80/Bonne-Foy]]]</td><td>1697</td><td>corsaire</td><td>80</td></tr>
<tr><td>[[[Chevalier-dArteze_35/Chevalier-d'Artezé]]]</td><td>1758-1759</td><td>corsaire</td><td>35</td></tr>
<tr><td>[[[Comus_25/Comus]]]</td><td>1799</td><td>corsaire</td><td>25</td></tr>
<tr><td>[[[Conquerant_160/Conquérant]]]</td><td>1745-1748</td><td>corsaire</td><td>160</td></tr>
<tr><td>[[[Consolant/Consolant]]]</td><td>1747</td><td>corsaire</td><td></td></tr>
<tr><td>[[[Coureur_70/Coureur]]]</td><td>1793</td><td>corsaire</td><td>70</td></tr>
<tr><td>[[[Couronne/Couronne]]]</td><td>/1702-1703</td><td>corsaire</td><td></td></tr>
<tr><td>[[[Entreprise/Entreprise]]]</td><td>1798</td><td>lougre corsaire</td><td></td></tr>
<tr><td>[[[Grand-Dragon_30/Grand-Dragon]]]</td><td>1810-1811</td><td>lougre corsaire</td><td>30</td></tr>
<tr><td>[[[Grand-Grenot_300/Grand-Grenot]]]</td><td>1746</td><td>corsaire</td><td>300</td></tr>
<tr><td>[[[Hardy_60/Hardy]]]</td><td>1756</td><td>corsaire</td><td>60</td></tr>
<tr><td>[[[Hasard_60/Hasard]]]</td><td>1807</td><td>corsaire</td><td>60</td></tr>
<tr><td>[[[Houzard/Houzard]]]</td><td>1798-1799</td><td>corsaire</td><td></td></tr>
<tr><td>[[[Jean_100/Jean]]]</td><td>1697</td><td>terre-neuvier corsaire</td><td>100</td></tr>
<tr><td>[[[Jean-de-Grace_150/Jean-de-Grâce]]]</td><td>/1699</td><td>terre-neuvier corsaire</td><td>150</td></tr>
<tr><td>[[[Jeune-Homme_150/Jeune-Homme]]]</td><td>1691-1697</td><td>corsaire</td><td>150</td></tr>
<tr><td>[[[Juste_200/Juste]]]</td><td>1690</td><td>terre-neuvier corsaire</td><td>200</td></tr>
<tr><td>[[[Mesny_300/Mesny]]]</td><td>1757</td><td>corsaire</td><td>300</td></tr>
<tr><td>[[[Monsieur_475/Monsieur]]]</td><td>1778</td><td>corsaire</td><td>475</td></tr>
<tr><td>[[[Nicolas_80/Nicolas]]]</td><td>1697</td><td>terre-neuvier corsaire</td><td>80-100</td></tr>
<tr><td>[[[Paix_200/Paix]]]</td><td>/1691</td><td>terre-neuvier corsaire</td><td>200</td></tr>
<tr><td>[[[Patience_120/Patience]]]</td><td>1697</td><td>terre-neuvier corsaire</td><td>120</td></tr>
<tr><td>[[[Patriote_390/Patriote]]]</td><td>1781</td><td>frégate corsaire</td><td>390</td></tr>
<tr><td>[[[Presente_150/Présente]]]</td><td>1695</td><td>terre-neuvier corsaire</td><td>150</td></tr>
<tr><td>[[[Prince-de-Montbarrey_180/Prince-de-Montbarrey]]]</td><td>1807</td><td>corsaire</td><td>180</td></tr>
<tr><td>[[[Reine-des-Anges_150/Reine-des-Anges]]]</td><td>1689</td><td>terre-neuvier corsaire</td><td>150</td></tr>
<tr><td>[[[Tourneur_180/Tourneur]]]</td><td>1744-1747</td><td>terre-neuvier corsaire</td><td>180</td></tr>
<tr><td>[[[Vengeance_61/Vengeance]]]</td><td>1797</td><td>sloop corsaire</td><td>61</td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</table>
</div>
<div style="float:left; width:40%;">
<table style="text-align: left;background-color:white;" class="tabwiki">
<tr><th style="padding:5px;">Brest</th><th style="padding:5px;">année</th><th style="padding:5px;">type</th style="padding:5px;"><th>tonneaux</th></tr>
<tr><td>[[[Pelican/Pélican]]]</td><td>1707</td><td>terre-neuvier corsaire</td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</table>
<br>
<br>
<table style="text-align: left;background-color:white;" class="tabwiki">
<tr><th style="padding:5px;">Saint-Malo</th><th style="padding:5px;">année</th><th style="padding:5px;">type</th style="padding:5px;"><th>tonneaux</th></tr>
<tr><td>[[[Decouverte-de-Middlebourg/Découverte-de-Middlebourg]]]</td><td>1708</td><td>terre-neuvier corsaire</td><td></td></tr>
<tr><td>[[[Fidele_70/Fidèle]]]</td><td>1696</td><td>corsaire</td><td>70</td></tr>
<tr><td>[[[Francois/François]]]</td><td>1710</td><td>terre-neuvier corsaire</td><td></td></tr>
<tr><td>[[[Hardi/Hardi]]]</td><td>1798</td><td>corsaire</td><td></td></tr>
<tr><td>[[[Incomparable/Incomparable]]]</td><td>1810</td><td>corsaire</td><td></td></tr>
<tr><td>[[[Joseph_180/Joseph]]]</td><td>1710</td><td>terre-neuvier corsaire</td><td>180</td></tr>
<tr><td>[[[Joseph-Olive_180/Joseph-Olive]]]</td><td>/1703-1711/</td><td>terre-neuvier corsaire</td><td>180</td></tr>
<tr><td>[[[Petit-Quinola_40/Petit-Quinola]]]</td><td>1799</td><td>corsaire</td><td>40</td></tr>
<tr><td>[[[Saint-Clement_80/Saint-Clément]]]</td><td>1706</td><td>corsaire</td><td>80</td></tr>
<tr><td>[[[Saint-Laurent_100/Saint-Laurent]]]</td><td>1704</td><td>terre-neuvier corsaire</td><td>100</td></tr>
<tr><td>[[[Saint-Sulpice_100/Saint-Sulpice]]]</td><td>1702</td><td>corsaire</td><td>100</td></tr>
<tr><td>[[[Telegraphe_136/Télégraphe]]]</td><td>1800</td><td>corsaire</td><td>136</td></tr>
<tr><td>[[[Union_150/Union]]]</td><td>1711</td><td>terre-neuvier corsaire</td><td>150</td></tr>
<tr><td>[[[Ville-de-Matignon_150/Ville-de-Matignon]]]</td><td>1689</td><td>terre-neuvier corsaire</td><td>150</td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</table>
</div>
granvillais - Bertrand Mayeux
-
- Mensajes: 147
- Introducción: Texto
- Navegación: Texto
- Ver su árbol genealógico
J'ai mis le tout dans un nouveau <div> dont j'ai fixé la largeur à 1200px
et les tableaux ne se chevauchent plus.
et les tableaux ne se chevauchent plus.
Código: Seleccionar todo
<div style="width:1200px;">
</div>
granvillais - Bertrand Mayeux
-
- Mensajes: 147
- Introducción: Texto
- Navegación: Texto
- Ver su árbol genealógico
Peut-on réduire la hauteur des rangées dans un tableau ?granvillais escribió: ↑17 Marzo 2021, 10:10 J'ai voulu réduire la hauteur des lignes en ajoutant : style="padding:5px;" mais ça ne fonctionne pas.
Merci d'avance
granvillais - Bertrand Mayeux
-
- Mensajes: 1920
- Introducción: Texto
- Navegación: Texto
- Ver su árbol genealógico
Bonjour
les dimensions du tableau
Cordialement
Oui, mais il faut que la hauteur soit suffisante pour le contenu. Voir ici pur les dimensions d'un tableau :granvillais escribió: ↑23 Marzo 2021, 10:10 Peut-on réduire la hauteur des rangées dans un tableau ?
les dimensions du tableau
Cordialement
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Ma chronique : Le voyage de Pépé... de la Noguera Ribagorçana à Mouchan