Bonjour,
Je tourne avec le thème Boost, Moodle 3.4
Je souhaite travailler le visuel de mes tarifs. Or, cela demeure difficile parceque j'ai pas mal d'infos à donner à chaque fois. Mais si quelqu'un a une idée pour rendre cette page plus... "attractive", je suis preneur
Il y'a, je pense, des tonnes de possibilités avec Moodle que je n'ai pas envisagées.
Pour ceux qui voudraient consulter la page en entier et constater l'étendue des dégats : https://paleo-en-ligne.fr/course/view.php?id=95
Bonsoir,
J'ai finalement opté pour un tableau. Je pense que cela présentera mes services dans de bonnes conditions. Sauf que... à nouveau, je rencontre un problème de responsivité.
Avec la nouvelle version 3.4, la solution que j'utilisais pour la 2.6 ne fonctionne plus et je ne comprends pas comment rendre le tableau responsif.
Je vous remercie par avance.
Cordialement,
Bonjour Baptiste,
Sur Moodle 3.4 pour pouvoir maîtriser facilement votre graphisme il ne faut pas utiliser Boost (très bien par ailleurs pour d'autres usages). Très peu configurable par un usager lambda.
Utilisez un thème graphique facilement configurable comme: Essentiel, Adaptable, Fordson...
Mon préféré actuel est Fordson.
Voir mon Moodle 3.4 principal basé sur Fordson ICI.
D'accord.
Je vais regarder ce que ca donne avec ce thème.
Cela dit, ma question demeure, les tableaux ne sont pas responsive.
Pourtant voici ma config' du tableau en lui même (Cf image ci joint).
Les images elles mêmes sont en valeur et non en pourcentage.
Bonjour,
Tu peux regarder ce fil de discussion qui pourrait t'inspirer, ou à défaut te mettre sur des pistes : utiliser bootstrap dans une leçon avec le thème essential.
À bientôt,
Patrick
Et... je n'ai pas compris grand chose XD
Désolé.
Voici le code de mon tableau, peut-être aurez-vous une idée?
<table cols="12" border="0" style="height: 100%; width: 100%;" cellpadding="7"><colgroup><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /><col width="102" /></colgroup>
<tbody>
<tr>
<td width="102" height="18" align="LEFT" bgcolor="#FFFFFF" colspan="2" rowspan="2"></td>
<td width="102" align="CENTER" bgcolor="#FFFFFF"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/gratuit.jpeg" width="300" height="94" /></td>
<td colspan="2" width="203" align="CENTER"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Cours.jpeg" alt="Cours" width="300" height="94" /></strong></td>
<td colspan="3" width="305" align="CENTER"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paleo%2B.jpeg" alt="Paleo+" height="94" width="300" /></strong></td>
<td colspan="2" width="203" align="LEFT" style="text-align: center;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Exercices.jpeg" alt="Exercices supp" height="94" width="300" /></strong></td>
<td colspan="2" width="203" align="LEFT" style="text-align: center;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Formation.jpeg" alt="Formation" height="94" width="300" /></strong></td>
</tr>
<tr>
<td align="LEFT"><span style="color: #000000;"><strong></strong></span></td>
<td align="LEFT"><span style="color: #000000;"><strong>Novices</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE"><span style="color: #000000;"><strong>Intermédiaires</strong></span></td>
<td align="LEFT"><span style="color: #000000;"><strong>Ligatures</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE"><span style="color: #000000;"><strong>Abréviations</strong></span></td>
<td align="LEFT"><span style="color: #000000;"><strong>Généalogie</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE"><span style="color: #000000;"><strong>Novices</strong></span></td>
<td align="LEFT"><span style="color: #000000;"><strong>Intermédiaires</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE"><span style="color: #000000;"><strong>Novices</strong></span></td>
<td align="LEFT"><span style="color: #000000;"><strong>Intermédiaires</strong></span></td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT"><span style="color: #000000;"><strong>Quelle formule choisir ?</strong></span></td>
<td align="center" bgcolor="#F6E3CE">Vous n'avez pas besoin d'être connecté pour profiter de nos services. Profitez gratuitement de notre <a href="https://paleo-en-ligne.fr/course/view.php?id=138" target="_blank">cycle d'initiation </a>à la paléographie.</td>
<td align="center">
<p>Premier niveau d'enseignement de la paléographie. Celui-ci permet d'acquérir les bases de cette science en progressant à votre rythme.</p>
</td>
<td align="center" bgcolor="#F6E3CE">
<p>Deuxième niveau de cet enseignement, celui-ci nécessite des compétences acquises dans Novices. Il repose essentiellement sur une série d'exercices progressifs.<br /><br /></p>
</td>
<td align="center">
<p>Les ligatures posent souvent un problème aux paléographes en herbe, nous avons fait une sélection d'exercices sur ce thème.</p>
</td>
<td align="center" bgcolor="#F6E3CE">Point clé que tout paléographe doit assimiler, les abréviations demandent de l'entrainement. Nous avons réalisé un choix d'exercices adaptés.</td>
<td align="center">
<p>Vous commencez les registres paroissiaux et vous êtes un peu perdu ? Ce Paléo+ vous propose une alliance entre la généalogie et la paléographie. </p>
</td>
<td align="center" bgcolor="#F6E3CE">
<p>Exercices conçus pour s'intercaler entre le niveaux Novices et le niveau Intermédiaires.</p>
</td>
<td align="center">
<p>Ce supplément regroupe des exercices plus difficiles encore que ceux du niveau Intermédiaires. </p>
</td>
<td align="center" bgcolor="#F6E3CE">
<p>Vous êtes généalogistes, agents de centre de conservation d'archives ou du patrimoine ? Bénéficiez de la première formation professionnelle en paléographie française (XVI<sup>e</sup>-XVIII<sup>e</sup> siècle).</p>
</td>
<td align="center">
<p>Cette plateforme permet à vos salariés de se former à leur rythme, et ce, même s'il dispose déjà d'un niveau correct.</p>
</td>
</tr>
<tr>
<td height="18" align="LEFT" colspan="2"><span style="color: #000000;"><strong>Compétences ?</strong></span></td>
<td align="center" bgcolor="#F6E3CE">
<p>Ce cycle vous permet de découvrir la paléographie à petits pas. Il ne s'agit que d'une première approche.</p>
</td>
<td align="center">
<p><br />Cet enseignement est adapté pour les débutants en paléographie. Il vous offre les clés pour vous confronter seul aux archives de l'époque moderne.</p>
</td>
<td align="center" bgcolor="#F6E3CE">
<p>Les cours Intermédiaires s'adressent à un public averti qui a déjà pratiqué la lecture des manuscrits anciens. Parfait pour s'améliorer depuis chez soi !</p>
</td>
<td align="center">
<p><br />Apprenez à saisir les subtilités des ligatures, ces associations de lettres si... perturbantes.</p>
</td>
<td align="center" bgcolor="#F6E3CE">
<p>Notes tironiennes, abréviations par contraction ou suspension, apprenez à les maîtriser sur le bout des doigts.</p>
</td>
<td align="center">
<p>Vous y trouverez quelques clés de paléographie moderne et les bases historiques indispensables pour progresser à votre rythme.</p>
</td>
<td align="center" bgcolor="#F6E3CE">
<p>Pour aller en douceur et continuer la progression à son rythme.</p>
</td>
<td align="center">
<p>L'objectif est de vous permettre d'aller plus loin en paléographie avec nous. </p>
</td>
<td align="center" bgcolor="#F6E3CE">
<p>Paleo-en-ligne.fr vous permet de vous former en toute liberté et depuis votre poste de travail. Gain de temps et économies de coûts, pour une progression adaptée.</p>
</td>
<td align="center">
<p>Il y a toujours à apprendre, surtout en paléographie. Permettez à vos salariés d'aller plus loin avec nous.</p>
</td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT"><span style="color: #000000;"><strong>Conseils en paléographie</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2819%29.png" alt="V" width="50" /></td>
<td align="LEFT" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2820%29.png" alt="V" height="43" width="50" /></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2821%29.png" alt="V" width="50" height="43" /></td>
<td align="LEFT" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2822%29.png" alt="V" width="50" height="43" /></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2823%29.png" alt="V" width="50" height="43" /></td>
<td align="LEFT" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2824%29.png" alt="V" width="50" height="43" /></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2825%29.png" alt="V" width="50" height="43" /></td>
<td align="LEFT" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2826%29.png" alt="V" width="50" height="43" /></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2827%29.png" alt="V" width="50" height="43" /></td>
<td align="LEFT" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/28906657_567930320228342_2138751008_n.png" alt="V" width="50" height="43" /></td>
</tr>
<tr>
<td height="18" align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT"><span style="color: #000000;"><strong>Nombre d'enseignements</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%288%29.png" alt="X" width="70" height="43" /></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">10</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">10</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">2</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">2</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">1</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2819%29.png" width="70" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2820%29.png" width="70" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">10</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">10</span></strong></td>
</tr>
<tr>
<td height="18" align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT"><span style="color: #000000;"><strong>Exercices </strong></span><br /><span style="color: #000000;"><strong>(auto-correction)</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%289%29.png" alt="X" width="70" height="43" /></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">9</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">14</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">5</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">5</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">7</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">5</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">5</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">10</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">10</span></strong></td>
</tr>
<tr>
<td height="18" align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT">
<p><span style="color: #000000;"><strong>Exercices</strong></span><br /><span style="color: #000000;"><strong>(correction personnalisée)</strong></span></p>
</td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2810%29.png" alt="X" width="70" height="43" /></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">1</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">1</span></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2815%29.png" width="70" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2816%29.png" width="70" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2817%29.png" width="70" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2818%29.png" width="70" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2821%29.png" width="70" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">5</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">5</span></strong></td>
</tr>
<tr>
<td height="18" align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
<td align="LEFT" bgcolor="#F6E3CE"></td>
<td align="LEFT"></td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT"><span style="color: #000000;"><strong>Outils paléographiques </strong></span><br /><span style="color: #000000;"><strong>(glossaire et biblio)</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2811%29.png" alt="X" width="70" height="43" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2829%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2830%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/v.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2831%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2832%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2833%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2834%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT" bgcolor="#F6E3CE"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2835%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
<td align="LEFT"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/V%20%2836%29.png" width="50" height="43" style="display: block; margin-left: auto; margin-right: auto;" /></strong></td>
</tr>
<tr>
<td height="18" align="LEFT" colspan="2"><span style="color: #000000;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/blanc%20%281%29.png" width="190" height="12" /></strong></span></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
<td align="LEFT"></td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT"><span style="color: #000000;"><strong>Tarifs</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2828%29.png" alt="X" width="150" height="66" /></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">190,00 €</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">275,00 €</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">70,00 €</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">90,00 €</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">60,00 €</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">69,00 €</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">89,00 €</span></strong></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><strong><span style="font-size: medium;">500,00 €</span></strong></td>
<td align="LEFT" style="text-align: center;"><strong><span style="font-size: medium;">600,00 €</span></strong></td>
</tr>
<tr>
<td colspan="2" height="18" align="LEFT"><span style="color: #000000;"><strong>Solutions de règlement*</strong></span></td>
<td align="LEFT" bgcolor="#F6E3CE" style="text-align: center;"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2829%29.png" alt="X" width="150" height="66" /></td>
<td align="LEFT">
<p><a href="https://www.paypal.me/JFVIEL/190"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paypal.png" width="150" height="75" /></a></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>Chèque ou virement bancaire</strong></span></p>
</td>
<td align="LEFT" bgcolor="#F6E3CE">
<p><a href="https://www.paypal.me/JFVIEL/275"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paypal%20%281%29.png" width="150" height="75" /></a></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>Chèque ou virement bancaire</strong></span></p>
</td>
<td align="LEFT">
<p><a href="https://www.paypal.me/JFVIEL/70"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paypal%20%282%29.png" width="150" height="75" /></a></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>Chèque ou virement bancaire</strong></span></p>
</td>
<td align="LEFT" bgcolor="#F6E3CE">
<p><a href="https://www.paypal.me/baptistetiennenovice/90"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paypal%20%283%29.png" width="150" height="75" /></a></p>
<p style="text-align: center;"><strong><span style="font-size: small;">Chèque ou virement bancaire</span></strong></p>
</td>
<td align="LEFT">
<p><a href="https://www.paypal.me/JFVIEL/60"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paypal%20%284%29.png" width="150" height="75" /></a></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>Chèque ou virement bancaire</strong></span></p>
</td>
<td align="LEFT" bgcolor="#F6E3CE">
<p><a href="https://www.paypal.me/JFVIEL/69"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paypal%20%286%29.png" width="150" height="75" /></a></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>Chèque ou virement bancaire</strong></span></p>
</td>
<td align="LEFT">
<p><a href="https://www.paypal.me/baptistetiennenovice/89"><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/Paypal%20%287%29.png" width="150" height="75" /></a></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>Chèque ou virement bancaire</strong></span></p>
</td>
<td align="LEFT" bgcolor="#F6E3CE">
<p><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2830%29.png" width="150" height="66" /></p>
<p style="text-align: center;"><span style="font-size: x-small;"><strong>Nécessite la mise en place d'une convention</strong></span></p>
</td>
<td align="LEFT">
<p><img src="https://paleo-en-ligne.fr/draftfile.php/5/user/draft/672183136/X%20%2827%29.png" width="150" height="65" /></p>
<p style="text-align: center;"><strong>Nécessite la mise en place d'une convention</strong></p>
</td>
</tr>
</tbody>
</table>
Sauf que... je suis en train de me dire qu'en le rendant responsive, cela va poser un problème de lecture... (cf. image, une fois adapté à la taille de l'écran).
Alors, je me demande s'il est possible de demander de s'adapter à la taille de l'écran, tout en reproduisant la première colonne, s'il est nécessaire de dédoubler, voire diviser en trois le tableau afin de s'adapter à l'écran en fonction de l'écran ^^
Tout en gardant mes grands blocks de colonnes cohérent... voilà voilà
Est-ce qu'une config' en boostrap pourrait faire office?
Si oui, comment je m'en sors avec ce machin?
