High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[HTML/CSS] class pour tableau ??

Dernière réponse le 6 mai 2009 à 22:10:56 Dobby78, le 6 mai 2009 à 21:15:10 
 Signaler ce message aux modérateurs

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.
Si ça semble trop beau pour être vrai, alors ça l'est sans doute.
Configuration: ____________________________________________________
            /                                                   
           |    _____________________________________________     |
           |   |                                             |    |
           |   |            HP Pavillon dv6000               |    |
           |   |                                             |    |
           |   |   Intel Core 2 Duo T5750 2GHz               |    |
           |   |   nVidia GeForce 8400M GS 256 Mo            |    |
           |   |   2Go DDR2 667MHz                           |    |
           |   |                                             |    |
           |   |   Windows Vista Ed. Familiale Premium SP 1  |    |
           |   |                                             |    |
           |   |   Mozilla Firefox,                          |    |
           |   |   Avast antivirus!, Spybot,                 |    |
           |   |   Open Office, Virtual Dub                  |    |
           |   |   Audacity, Gimp, Photofiltre               |    |
           |   |                                             |    |
           |   |_____________________________________________|    |
           |                                                      |
            _____________________________________________________/
                   _______________________________________/
                _______________________________________________
             _-'    .-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.  --- `-_
          _-'.-.-. .---.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.--.  .-.-.`-_
       _-'.-.-.-. .---.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-`__`. .-.-.-.`-_
    _-'.-.-.-.-. .-----.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-----. .-.-.-.-.`-_
 _-'.-.-.-.-.-. .---.-. .-----------------------------. .-.---. .---.-.-.-.`-_
:-----------------------------------------------------------------------------:
`---._.-----------------------------------------------------------------._.---'

Meilleures réponses pour « [HTML/CSS] class pour tableau ?? » dans :
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Paragraphes en HTML VoirParagraphes Le langage HTML considère les paragraphes comme des blocs de texte. Les navigateurs répartissent au mieux leur contenu dans la fenêtre à moins qu'=un attribut NOWRAP ou NOBR soit spécifié explicitement. A l'intérieur d'un paragraphe,...
Posez votre question Répondre

1

pyschopathe, le 6 mai 2009 à 21:17:39
  • +1

Il faut modifier le style des tr et td aussi ^^.

   
Répondre à pyschopathe

2

Dobby78, le 6 mai 2009 à 21:21:45

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 ^^
Si ça semble trop beau pour être vrai, alors ça l'est sans doute.

   
Répondre à Dobby78

3

pyschopathe, le 6 mai 2009 à 21:24:44
  • +1

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.

   
Répondre à pyschopathe

4

Dobby78, le 6 mai 2009 à 21:29:28

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? Si ça semble trop beau pour être vrai, alors ça l'est sans doute.

   
Répondre à Dobby78

5

pyschopathe, le 6 mai 2009 à 21:35:41
  • +1

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.

   
Répondre à pyschopathe

6

Dobby78, le 6 mai 2009 à 21:39:53

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... Si ça semble trop beau pour être vrai, alors ça l'est sans d­oute.

   
Répondre à Dobby78

7

pyschopathe, le 6 mai 2009 à 21:46:11

Déjà utilisés donc je commence à connaître, mais tape css + tableau + fusion + bordure dans un bon moteur de recherche et tu devrais vite trouver ce que tu veux... Pour ce qui concerne le design web, je peux te conseiller alsacreations comme site, ils font du bon travail pour l'accessibilité et la compatibilité.

Sinon pour te former, tu peux aller voir sur le siteduzéro, il y a un bon cours sur html et css (et sur php aussi si ça te tente), ainsi qu'une liste à peu près complète des propriétés css.

Il y a énormément d'autres sites excellents sur le développement oueb, cherches et tu trouveras ^^ !

   
Répondre à pyschopathe

8

Dobby78, le 6 mai 2009 à 21:55:59

Oui oui t'inquiètes pas j'ai cherché mais j'avais juste pas trouvé de choses claires (pour moi^^) pour modifier un tableau en css...
maintenant, je devrais pouvoir me débrouiller grâce à tes précieux conseils.
encore un grand merci à toi,
cordialement,
Dobby. Si ça semble trop beau pour être vrai, alors ça l'est sans d­oute.

   
Répondre à Dobby78

9

pyschopathe, le 6 mai 2009 à 21:58:44

De nada, si tu as besoin d'autre chose, repasse nous faire un petit coucou !

   
Répondre à pyschopathe

10

Dobby78, le 6 mai 2009 à 22:01:01

Oh t'inquiètes pas pour ca je repasse très souvent même (regarde mon profil si tu veu) mais normalement, c'est juste pas moi qui demande de l'aide :-) Si ça semble trop beau pour être vrai, alors ça l'est sans d­oute.

   
Répondre à Dobby78

11

pyschopathe, le 6 mai 2009 à 22:03:30

Yes, pas vu, effectivement t'es un habitué !

   
Répondre à pyschopathe

12

Dobby78, le 6 mai 2009 à 22:04:48

Oui, mais pas trop du webmastering ^^ Si ça semble trop beau pour être vrai, alors ça l'est sans d­oute.

   
Répondre à Dobby78

13

pyschopathe, le 6 mai 2009 à 22:05:56

Hey, on ne peut pas être bon partout (sauf moi bien sûr ^^) !

   
Répondre à pyschopathe

14

Dobby78, le 6 mai 2009 à 22:08:06

Ba oui, si tout le monde était bon partout, CCM ne servirait plus a rien ^^
PS: tu es sur d'être bon partout ? ;-))) Si ça semble trop beau pour être vrai, alors ça l'est sans d­oute.

   
Répondre à Dobby78

15

pyschopathe, le 6 mai 2009 à 22:09:55

Et oui, et on pourrait profiter de nos soirées ^^. Voui, je suis bon partout, et number one des prétentieux ;-p

   
Répondre à pyschopathe

16

 Dobby78, le 6 mai 2009 à 22:10:56

Au niveau du prétentieux, je veux bien te croire sur ce coup là ! ^^ Si ça semble trop beau pour être vrai, alors ça l'est sans d­oute.

   
Répondre à Dobby78
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net