Changement non-désiré de l'affichage
47
-
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis actuellement sur un code avec lequel j'obtiens une erreur que je ne comprends pas... Pourtant, j'ai un code similaire juste au dessus, qui fonctionne parfaitement... ^^
(Code légèrement abbrégé... ^^)
Et voici le CSS qui va avec...
Le code css des cellules n'est normalement pas primodiale pour l'erreur... Il est relativement basique juste avec des définitions de couleurs ou autres...
Et mon problème, c'est que je fais apparaître un seul des 2 tableaux à la fois. Lorsque je charge la page, le premier tableau s'affiche, et il s'affiche correctement...
Ensuite, j'ai un bouton pour faire apparaitre le 2e tableau et cacher le premier, et là, les problèmes commencent... En effet, il semble qu'il ne prend plus les largeurs en considération, ni les marges! Ce qui fait que j'obtiens des tableaux à la largeur minimale, et sans marge latérale, ce qui fait qu'il n'est plus centré sur la page...
Et à partir de ce moment, que j'affiche le premier tableau (qui fonctionnait bien) ou le 2e, aucun des 2 ne s'affiche juste...
Je suis actuellement sur un code avec lequel j'obtiens une erreur que je ne comprends pas... Pourtant, j'ai un code similaire juste au dessus, qui fonctionne parfaitement... ^^
<table id="tablenote"> <tr> <th class="headern">Domaine</th> <th class="headern">Note</th> </tr> <tr> <td class="domainn1">Graphisme</td> <td class="noten1">15</td> </tr> <tr> <td class="domainn2">Gameplay</td> <td class="noten2">17</td> </tr> ... </table> <table id="note_mod"> <tr> <th class="headern">Domaine</th> <th class="headern">Note</th> </tr> <tr> <td class="domainn1">Graphisme</td> <td class="noten1"> <select name="note[]" class="champN" size="" title="Graphisme"> <option value="1">1 / 20</option> <option value="2">2 / 20</option> ... <option value="19">19 / 20</option> <option value="20">20 / 20</option> </select> </td> </tr> <tr> <td class="domainn2">Gameplay</td> <td class="noten2"> <select name="note[]" class="champN" size="" title="Gameplay"> <option value="1">1 / 20</option> <option value="2">2 / 20</option> ... <option value="20">20 / 20</option> </select> </td> </tr> ... </table>
(Code légèrement abbrégé... ^^)
Et voici le CSS qui va avec...
#tablenote { border: thin solid #000000; border-collapse: collapse; border-spacing: 0px; width: 300px; color: #000000; margin: auto; } #note_mod { border: thin solid #000000; border-collapse: collapse; border-spacing: 0px; width: 300px; color: #000000; margin: auto; display:none; }
Le code css des cellules n'est normalement pas primodiale pour l'erreur... Il est relativement basique juste avec des définitions de couleurs ou autres...
Et mon problème, c'est que je fais apparaître un seul des 2 tableaux à la fois. Lorsque je charge la page, le premier tableau s'affiche, et il s'affiche correctement...
Ensuite, j'ai un bouton pour faire apparaitre le 2e tableau et cacher le premier, et là, les problèmes commencent... En effet, il semble qu'il ne prend plus les largeurs en considération, ni les marges! Ce qui fait que j'obtiens des tableaux à la largeur minimale, et sans marge latérale, ce qui fait qu'il n'est plus centré sur la page...
Et à partir de ce moment, que j'affiche le premier tableau (qui fonctionnait bien) ou le 2e, aucun des 2 ne s'affiche juste...
A voir également:
- Changement non-désiré de l'affichage
- Changer de dns - Guide
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Changement d'heure - Guide
- Changement d'écriture facebook - Guide
1 réponse
Salut, as tu essayé de mettre tes tableaux dans un bloc genre une div:
et de donner une valeur fixe à ce bloc:
#tableau_bloc{
width: 450px;
}
et bien sur les propriété de tes tableaux !!!
<div id="tableau_bloc"> <table id="table1"> <tr> <th class="headern">Domaine</th> <th class="headern">Note</th> </tr> <tr> <td class="domainn1">Graphisme</td> <td class="noten1">15</td> </tr> ... </table> <table id="table2"> <tr> <th class="headern">Domaine</th> <th class="headern">Note</th> </tr> <tr> <td class="domainn1">Graphisme</td> <td class="noten1">15</td> </tr> ... </table> </div>
et de donner une valeur fixe à ce bloc:
#tableau_bloc{
width: 450px;
}
et bien sur les propriété de tes tableaux !!!