Problème bizarre d'interprétation Css...

Résolu
rey-s Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   -  
rey-s Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un soucis au niveau d'une interprétation CSS, les caractéristiques ne sont comprise qu'a moitié O_o
Je m'explique:

J'ai crée un tableau dans une page, j'ai donc appliqué via css des caractéristique à ce dernier:

Avec dans le css un table{blablabla}, il fonctionne bien.
Sa se complique quand je veux par la suite refaire un tableau avec d'autre caracéristiques, je lui donne donc un id (j'ai essayé class aussi) et il n'accepte de modifier que la taille, pour la couleur de fond, il continue d'utilisé la ligne du premier tableau...

Css:

.tableaueco {background-color:#000000;

backgroung-color:black;
width: 850px;
}

.tableaueco tr, table td{

background-color: black;
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */

}

table
{

background-color: white;
width: 1150px;
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
margin:auto;
color: black;}





table tr, table td
{ background-color: white;
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
color: black;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold

}
A voir également:

7 réponses

Py_rex Messages postés 241 Date d'inscription   Statut Membre Dernière intervention   52
 
Bonjour,

Question d'ordre : si je vous dis dans une première instruction de tourner à droite et dans une deuxième instruction de tourner à gauche, laquelle allez-vous exécuter ? Le fichier CSS mentionne d'abord que le tableaueco doit avoir un fond blanc et après qu'un tableau doit avoir un fond noir ... donc, c'est le fond noir qui gagnera la bataille. Inverser tout simplement l'ordre et le problème sera résolu ...
1
Titial69 Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   20
 
j'ai pas tres bien compris ton pb, mais je pense avoir l'explication :

Le css va etre interprété dans l'ordre de sa lecture (de haut en bas).

Ainsi, si tu crée un tableau avec une class="tableaurouge". Dans le css tu as la class tableau rouge qui apparait en premier, et qui définit la couleur en rouge, la css va donc appliquer à ton tableau la couleur rouge, mais si apres ca tu as dans ton css une balise table qui définit la couleur en noir, ton tableau va etre remis en noir.

En gros, dans le sens de lecture ca donne :
mon tableau est une class "tableaurouge" -> couleur= rouge
mon tableau est un "table" -> couleur = noir,

Du coup tu ne vois pas la couleur rouge.
0
Utilisateur anonyme
 
Bonjour,
Non, les priorités de style CSS ne sont pas calculé suivant l'ordre d'écriture des règles mais suivants leur priorités. Tu trouveras toutes les explication à l'étape 3 de ce lien :
https://openweb.eu.org/articles/cascade_css/
0
Utilisateur anonyme
 
Tu veux dire que même si tu appliques la class ".tableaueco" à ton <table> il a toujours une couleur de fond blanche ?
0
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Je rejoinds l'avis de Py_rex et pour le coup de Tilial69 qui dise d'une certaine manière tout les deux la même chose.

Le CSS est lu de haut en bas.
Dans un premier temps, il déclare un propriété pour un tableau comportant une class "tableaueco".
A ce tableau, il lui applique une couleur: #000 et une largeur: 850px.

Ensuite, il défini un tableau sur la balise table sans préciser d'id ni de class. Ces propriété s'appliquent donc a tout tableau.
Là, il défini la couleur sur #fff (white) et défini la largeur sur 1150px.

Un code CSS fonctionne très simplement. Il applique les paramètres qu'on lui donne tant qu'il ne reçoit pas d'information contraire.
Dans le cas présent c'est le cas.

Il faudrai donc idéalement placer une class dans le second cas.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
elghafoud Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   18
 
... je ne suis pas spécialiste css mais, si on ajoute un style en utilisant table ... le style sera appliqué à tout les tableaux de la page... même si on utilise une classe dernier.

Il y a aussi l'ordre des priorités comme l'a bien dit Mr meudah, ^^

0
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Les priorités oui et non.

Tu pars toujours du cas général pour aller vers un cas spécifique.
Tu défini table puis ensuite tu défini table.tableaueco mais pas l'inverse.
0
rey-s Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci pour vos réponse, Titial, arthezius et Py_rex,vous aviez raison, j'ai placé mon tableaueco en dessous de mon table dans le css et sa a marché. Je ne savais pas que pour les critère défini comme la class/id de mon tableau, un autre critère css comme le table normal pouvait agir selon l'ordre de placement.

Meudah, c'était bien le cas, j'avais un table normal qui répondait bien et un table id="tableaueco" qui répondait à moitié et qui reprenait des critère du premier table en zappant les siens (comme la couleur). Mais avec le changement d'ordre sa à l'air d'aller.


Merci beaucoup A vous pour votre aide!
0
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Tel que défini dans le CSS, c'est pas id="tableaueco" mais class="tableaueco".
0
Utilisateur anonyme
 
Peut importe l'ordre des CSS, à propriété identique la ".class" prendra toujours le pas sur la <table>
0
rey-s Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   1
 
J'avais essayer avec class aussi comme dis précédemment, le résultat était identique.
(J'avais bien mis un point au lieu d'un #)
Donc je ne sais pas le pourquoi du comment, mais l'ordre à fait fonctionné mon tableau donc bon après je ne peut pas dire quelle théorie est la plus effective, mais dans mon cas c'était l'ordre.

En tous cas Merci beaucoup à vous tous.
0