Bonjour à tous et merci de m'accueillir, je suis actuellement en train de réaliser un site internet (pas de problème jusque là...). Cependant mes talents en Css ne s'arrête que pour la mise en forme des liens, c'est pas grand chose mais ça aide...
 
Ma question concerne ce site : www.ikki63.fr dont voici le code de la page d'accueil (j'ai remis le menu dans le code car il est en principe en php sur un fichier à part).
 

 
Comme vous pouvez le voir j'ai utilisé le code CSS suivant qui ce situe à la racine de mon site sur une feuille à part
 

 
Cependant avec ce code table, tous mes cadres sont mis en avant avec la bordure. Or ce n'ai pas du tout ce que je recherche, je souhaite juste pouvoir sélectionner le cadre dont j'ai seulement besoin afin de lui appliquer la bordure adéquate et non obtenir l'ensemble des bordures de mes tableaux comme cela est le cas actuellement est qui et vraiment peu esthétique.
 
S'il y a un moyen de réaliser ça je suis preneur. En fait je recherche juste la manière afin de comprendre pourquoi je n'y arrive pas, j'ai surfer pas mal sur le net, mais je n'ai trouver qu'une sombre histoire de balise <class> et <div> auquel je n'ai absolument rien compris car le vocabulaire est vraiment obscure et je n'arrive même pas à comprendre pourquoi il faut remettre le CSS dans le code de la page principale alors que pour pas mal d'autres ça marche sur un fichier à part ?
 
J'ai bien sur rechercher sur le forum, mais je n'ai pas du tout trouver une explication m'indiquant ne serai-ce la marche à suivre ou offrant une timide explication sur ce thème bien précis.
 
merci pour vos futurs réponses
 
cordialement
 

Il faut donner un id à la table en question (<table id="toto"> ), et ensuite mettre le style qui va bien sur #toto au lieu de le mettre sur table.

D'accord, ce qui veut dire qu'il faut que je fasse ça sur la feuille de style
 

 
Mais après sur ma page html ça devrai ressembler à ça ?
 

 
 
Si j'ai bien compris ce que tu me dit bien sur, n'hésites pas à me corriger.

non.
 
Dans le html, au lieu de <table> tu mets <table id="cadre1">.
Et dans le css, tu mets juste #cadre1{border: 1px solid #F87136;}.
 
Sauf que là tu en as besoin pour plusieurs tableaux, donc mieux vaut utiliser les classes. Ce qui donnerait <table class="cadre"> dans le html, et .cadre{border: 1px solid #F87136;} dans le css.

Ok merci j'avais pris le truc à l'envers lol ^^ ça fonctionne superbement bien !
 
Dernière question :
 
<table class="cadre"> je peut mettre cadre1 2 3 etc etc etc et pareil dans le CSS ? ou bien je doit donner un nom différent ?

tu peux avoir plusieurs éléments avec la même classe, tandis que tu ne peux avoir qu'un élément ayant un id donné. Ca répond à la question?

C'est bien compris, je viens de faire quelques test pour vérifier et ça fonctionne très bien. En fait CSS réagira selon ce qu'on je lui demande donc si je lui demande une classe il fera selon ce que je lui ordonne pour une classe bien précise, dans ce cas, un cadre ! c'est vraiment bête, j'ai l'air un peu crétin sur ce coup là !  
 
Merci beaucoup pour ton aide, cela me retire une très belle épine du pied. Je vais de ce pas retourner au développement du site !    
 
Merci encore pour ta gentillesse et tes réponses rapides !
 
Au plaisir !
 
cordialement
 
vincent