[HTML/CSS] class pour tableau ??

Résolu/Fermé
Dobby78 Messages postés 1109 Date d'inscription dimanche 21 décembre 2008 Statut Contributeur Dernière intervention 6 avril 2015 - 6 mai 2009 à 21:15
Dobby78 Messages postés 1109 Date d'inscription dimanche 21 décembre 2008 Statut Contributeur Dernière intervention 6 avril 2015 - 6 mai 2009 à 22:10
Bonsoir à tous,
Je souhaiterais avoir une petite précision si possible :
j'ai un tableau en html qui fera mon menu du haut de mes pages et je souhaiterais modifier ses paramètres via une feuille de style css externe, pour ne pas les modifier un par un sur toutes mes pages ;-)

Donc je définis une class au tableau comme cela :
<table class="menu"> ... </table>

Le problème c'est que je voudrais ensuite modifier par la feuille de style ses bordures, son background, sa taille etc....

Et dans la feuille de style je met bien :
.menu {
	border:2px solid black
	background-color :#ffffff;
}

et le problème c'est que cela ne fait rien !!
Je me suis surement trompé, je n'en doute pas, mais je ne vois pas où... o_0
J'ai cherché un peu partout mais rien ne m'a réellement éclairé ...
Pouvez-vous m'aider, chers CCmistes ?
Cordialement,
Dobby.

1 réponse

pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135
6 mai 2009 à 21:17
Il faut modifier le style des tr et td aussi ^^.
1
Dobby78 Messages postés 1109 Date d'inscription dimanche 21 décembre 2008 Statut Contributeur Dernière intervention 6 avril 2015 350
6 mai 2009 à 21:21
Salut,
Merci de ta réponse rapide.
Tu veux dire qu'il faut que je mette des
<td class="menu"> et <tr class="menu">

ou que je crée un nouveau style à chacun?
Désolé mais j'ai encore du mal avec les css, c'est assez nouveau pour moi ^^
0
pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135 > Dobby78 Messages postés 1109 Date d'inscription dimanche 21 décembre 2008 Statut Contributeur Dernière intervention 6 avril 2015
6 mai 2009 à 21:24
Non, tu peux simplement faire un
.menu tr, .menu td { /* ton style */ }
pour indiquer que tu appliques ce style à tous les tr et td enfant de l'élément de classe menu.

Tu peux aussi associer la classe menu à tes tr et td si tu veux et si le style associé est le même.
0
Dobby78 Messages postés 1109 Date d'inscription dimanche 21 décembre 2008 Statut Contributeur Dernière intervention 6 avril 2015 350 > pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010
6 mai 2009 à 21:29
ok merci beaucoup ca marche !
mais par contre cela me fait des bordures séparées pour les cellules, les bordures ne sont pas alignées comme dans un tableau normal... y a t il un moyen de régler ce pb?
Et dernière question, est il possible de rajouter dans la feuille de style une sorte de :
width="100%"

pour indiquer la taille du menu?
0
pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135 > Dobby78 Messages postés 1109 Date d'inscription dimanche 21 décembre 2008 Statut Contributeur Dernière intervention 6 avril 2015
6 mai 2009 à 21:35
Rajoute ceci dans le style de ta table :
border-collapse:collapse
Tu peux ajouter width:100% dans la feuille de style, la table devrait s'étendre à 100% de la largeur de son parent.
0
Dobby78 Messages postés 1109 Date d'inscription dimanche 21 décembre 2008 Statut Contributeur Dernière intervention 6 avril 2015 350 > pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010
6 mai 2009 à 21:39
merci beaucoup psychopathe, c'est exactement ce qu'il me fallait :-)
Tu m'a super bien aidé !
Pour finir, tu les trouves ou ces codes css pour les tableaux, histoire que j'évite de poster pour des questions qui doivent te sembler simple...
0