[Résolu] Tableaux au survol

Bonjour,

En général, mes tableaux ont un CSS commun :

/* LES TABLEAUX */
table{border-spacing:0;margin-left:auto;margin-right:auto;width:780px;border:solid #a4c400 1px;font-family:arial,sans-serif;font-size:12px}
th{padding:1px;background-color:#a4c400;font-size:12px;color:#fff}
td{border:solid #a4c400 1px}
tr:hover { color: #ffffff; background-color: #38277f;}

J'ai un cas à part, un tableau qui utilise ce CSS mais qui a aussi son propre CSS :

<table><th>BUREAU</th><th>ADMINISTRATEURS</th><tr class="table_ConseilAdm"><td class="table_ConseilAdm"><h1>Pr&eacute;sident</h1><h2>Vincent COIS</h2><h3>COURTOIS</h3><h4>E-mail: <a href=mailto:dirn@cou-int.eu>direc@courtois-int.eu</a></h4><img src="photo/17.png"/><br><br><h1>Vice-Pr&eacute;sident</h1><h2>Fran&ccedil;ois QUEN</h2><h3>JOUBEAUX PERE ET FILS</h3><h4>E-mail: <a href=mailto:contact@ux-imr.com>contact@joubealier.com</a></h4><img src="photo/79.jpg"/><br><br><h1>Tr&eacute;sorier</h1><h2>Fran&ccedil;ois LE</h2><h3>SECO</h3><h4>E-mail: <a href=mailto:caulaois@seco.fr>cacois@seco.fr</a></h4><img src="photo/14.jpg"/><br><br><h1>Secr&eacute;taire</h1><h2>David GARD</h2><h3>BOURSIN FROMAGERIE</h3><h4>E-mail: <a href=mailto:dghard@groupe-bel.com>dgurd@grl.com</a></h4><img src="photo/41.jpg"/><br><br><h1>Membre</h1><h2>Philippe LERE</h2><h3>LRC</h3><h4>E-mail: <a href=mailto:phileniere@scmnde.fr>philipre@scrm.fr</a></h4><img src="photo/128.png"/><br><br></td><td class="table_ConseilAdm"><h1></h1><h2>Paul Marie THIEBOT</h2><h3>SNECMA</h3><h4>E-mail: <a href=mailto:paul-mabot@sa.fr>paul-mabot@sna.fr</a></h4><img src="photo/92.png"/><br><br><h2>Olivier GOUERY</h2><h3>GEDIMAT</h3><h4>E-mail: <a href=mailto:Olivier.gouery@orange.fr>Olivery@orange.fr</a></h4><img src="photo/146.jpg"/><br><br><h2>Monique HVEL</h2><h3>KYRIAD HOTEL</h3><h4>E-mail: <a href=mailto:kyrinon@wanadoo.fr>kyrnon@wao.fr</a></h4><img src="photo/42.jpg"/><br><br><h2>Fr&eacute;d&eacute;ric CHOEL</h2><h3>TERRE SOLAIRE</h3><h4>E-mail: <a href=mailto:frehouvel@terrcom>frederuvel@terre-scom</a></h4><img src="photo/15.png"/><br><br><h2>Delphine TLIER</h2><h3>SOS INTERIM</h3><h4>E-mail: <a href=mailto:veon@so.fr>vern@serim.fr</a></h4><img src="photo/162.png"/><br><br></td></tr></th></table>

Voici ce qui fait sa mise en page :

					/* CONSEIL ADMINISTRATION - tableau */
.table_ConseilAdm{padding:15px;text-align:center;vertical-align:top}
.table_ConseilAdm  h1{font-family:arial,sans-serif;font-size:20px;font-variant:small-caps;letter-spacing:2pt;color:#38277f}
.table_ConseilAdm  h2{font-family:arial,sans-serif;font-size:12px;line-height:0.7;color:#2494A6}
.table_ConseilAdm h3{font-family:arial,sans-serif;font-size:12px;text-transform:uppercase;line-height:0.7}

Le problème : ce tableau a le même effet de survol que tout les tableaux, or, j'aimerais qu'il n'y justement aucun survol.

Pouvez-vous m'aider ?

Cordialement,
lizeal
Modifié par lizeal (14 Feb 2014 - 13:03)

Salut
Ca ne marche pas si tu précises "les tr qui ne sont pas de la classe "table_ConseilAdm"" au lieu de tous les tr" ?
Essaye de remplacer :

tr:hover { color: #ffffff; background-color: #38277f;}

par :

tr:not(.table_ConseilAdm):hover {
color: #ffffff; background-color: #38277f;
}

Modifié par mathieu1004 (17 Feb 2014 - 09:29)

Chapeau ! Je ne connaissais pas du tout ça :
tr:not(.table_ConseilAdm):hover {
color: #ffffff; background-color: #38277f;
}
Je te remercie c'est exactement ça ! Je ne pensais pas qu'on pouvait exclure en css !
Merveilleux, je te remercie !
Bonne journée, la mienne est agayée par ce que je viens d'apprendre qui va énormément me servir !