Code css table, td...

Bonjour,
J'ai dans une page un tableau (qui affiche des résultats de BDD) dont le code Css est le suivant.

TABLE {
margin-top: 10px;
margin-bottom: 10px;
border: medium solid #6495ed;
border-collapse: collapse;
width: 100%;
}
TH{
font-weight:bold;
font-weight:800;
border: thin solid #6495ed;
padding: 2px;
text-align: center;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
TD{
font-family: sans-serif;
border: thin solid #6495ed;
padding: 3px;
text-align: center;
background-color: #ffffff;
}

Par ailleurs, dans cette même page, j'utilise le calendrier DYNARCH. Or l'affichage de ce calendrier, qui utilise TABLE, TD est affecté par le code qui gère l'affichage du tableau. Comment puis-je faire pour que ce code tableau n'affecte pas l'affichage du calendrier ? Ci-dessous la partie de code php du tableau :

   <table>
	<tr>
	<th>titre 1</th>
	<th>titre 2</th>
	</tr>
  <?php
 .... requête.....
  echo "<tr>";
 echo "<td>résultat</td>";
 echo "<td>résultat</td>";
 echo "<tr>";
 
}
echo "</table>";
?>

Merci et bonne journée.
Modifié par gyrovagus (22 Feb 2011 - 09:22)

Bonjour,

Je pense qu'il n'y a pas beaucoup de solutions : il faut que tu joues avec des classes CSS.

Au moment de générer ton code avec PHP, affecte une classe bien spécifique à la balise <td> :

echo "<td class="td-php">résultat</td>";

Et dans le CSS :

.td-php {
	font-family: sans-serif; 
	border: thin solid #6495ed; 
	padding: 3px; 
	text-align: center; 
	background-color: #ffffff; 
}

De cette façon, les balises <td> générées par DYNARCH ne seront pas affectées par le code CSS.

En fait j'avais déjà pensé à faire ceci et je l'avais testé. Seulement, à ce moment là, je n'ai plus rien du tout. Je ne suis pas très connaisseur en php mais je pense qu'on ne peut pas faire cela...
vais chercher, finirai bien par trouver
Merci en tout cas
Modifié par gyrovagus (22 Feb 2011 - 20:41)

Finalement, j'ai réfléchi et je me suis souvenu que, dans ma bibliothèque, j'avais quelques titres de Jeffrey Zeldman ou encore Eric Meyer ! Et donc, j'ai feuilleté celui de Zeldman et là bingo... la solution est simple. Il suffit de donner un id à l'élément "table" soit par exemple :

<table id="result">

et pour le CSS

table#result td{
font-family: sans-serif;
border: thin solid #6495ed;
padding: 3px;
text-align: center;
background-color: #ffffff;
}

Tout ça pour ça pourrait-on dire

Merci donc à Jeffrey Zeldman et je n'oublie pas Gutenberg !