Changement non-désiré de l'affichage

47 -  
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... ^^

<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:

1 réponse

Stéphane18 Messages postés 372 Date d'inscription   Statut Membre Dernière intervention   132
 
Salut, as tu essayé de mettre tes tableaux dans un bloc genre une div:

<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 !!!
0