Discussion :

[Evelyne31]

Bonsoir,
Comme chaque soir, j'ai encore un problème qui me semblait tout simple et auquel je ne trouve pas de réponse ?
Je souhaiterais 2 tableaux sur une même page mais avec des styles CSS différents. J'ai tenté dans mes styles "table" et "table1", ça ne marche pas.
Je vous soumets ci-dessous mon code, si vous aviez des conseils ce serait super.
Je précise que j'ai bien lu le tuto sur les tableaux d'Adrien Pellegrini.
Merci par avance,
Evelyne31

Code CSS :

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
table
{
    border-collapse: collapse;
}
 
td, th /* Mettre une bordure sur les td ET les th */
{
    border: none;
    ...
}
 
table1
{
    margin: auto;
    ...
}
 
table1 th
{
    color: #996600;
    ...
}
 
table1 td
{
    border: #DDEEFF 1px solid;
    ...
}

et l'application dans ma page Php :

Code php :

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
<?php	// début du tableau ?>
			<table1>
<?php		// première ligne on affiche les titres prénom et surnom dans 2 colonnes ?>
				<tr>
					<th>Numéros des gîtes</th>
				</tr>
<?php		// lecture et affichage des résultats sur 2 colonnes, 1 résultat par ligne.    
		while($row = mysql_fetch_array($resultat)) {
?>
				<tr>
					<td><?php echo $row['numGite']; ?></td>
				</tr>
<?php	} ?>
			</table1>
 
<?php	// fin du tableau. ?>

[Invité]

Bonjour Evelyne,
ca ira mieux en mettant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<table id="table1">
....
</table>
<table id="table2">
....
</table>

Et pour le CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
/* styles communs à toutes les tables */
table { /*....*/ } 
table td { /*....*/ } 
/* styles spécifiques à la table#table1 */
#table1 { /*....*/ }
#table1 td { /*....*/ }
/*....*/
/* styles spécifiques à la table#table2 */
#table2 { /*....*/ }
#table2 td { /*....*/ }
/*....*/

[NoSmoking]

Bonsoir,

(...)si vous aviez des conseils ce serait super.

lire à minima Premiers pas avec les CSS

[Evelyne31]

Bonsoir jreaux62,
Je viens de tester ta solution : c'est nickel. Pourtant ce n'est pas faute d'avoir cherché aujourd'hui
Vraiment un grand merci, j'ai ce que je souhaitais et je peux à présent affiner mes styles pour le rendu voulu.
C'est long, c'est dur... mais mon projet avance petit à petit.
Encore merci. Je te souhaite une très bonne soirée, je mets en résolu encore une fois grâce à toi.
Evelyne31

[Evelyne31]

Bonsoir NoSmoking,
Désolée je n'avais pas vu ta réponse avant de mettre en résolu.
Je te remercie pour ton lien/conseil, il sera étudié attentivement.
Très bonne soirée,
Evelyne31