[HTML/CSS] class pour tableau ??

Résolu
Dobby78 Messages postés 1122 Date d'inscription   Statut Contributeur Dernière intervention   -  
Dobby78 Messages postés 1122 Date d'inscription   Statut Contributeur Dernière intervention   -
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.
A voir également:

1 réponse

pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention   135
 
Il faut modifier le style des tr et td aussi ^^.
1
Dobby78 Messages postés 1122 Date d'inscription   Statut Contributeur Dernière intervention   350
 
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 1974 Date d'inscription   Statut Membre Dernière intervention   135 > Dobby78 Messages postés 1122 Date d'inscription   Statut Contributeur Dernière intervention  
 
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 1122 Date d'inscription   Statut Contributeur Dernière intervention   350 > pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention  
 
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 1974 Date d'inscription   Statut Membre Dernière intervention   135 > Dobby78 Messages postés 1122 Date d'inscription   Statut Contributeur Dernière intervention  
 
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 1122 Date d'inscription   Statut Contributeur Dernière intervention   350 > pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention  
 
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