Utiliser le background color d'une class css dans un body..

Version imprimable

01/07/2006, 02h06
WeDgEMasTeR

Utiliser le background color d'une class css dans un body..
Bonjour,

voilà donc dans un style.css j'ai çà :
Code:

1 2 3 4 5 6 .side-body { font-size:11px; color:#027AC6; background-color:#DFEDF7; padding:5px 0px 0px 0px; }
dans une page j'ai çà :
Code:

1 2 3 4 5 6 7 8 9 body { color: #5B5B5B; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; font-family: verdana, arial, sans-serif; font-size: 10px; }
et je voudrais utiliser le background-color de side-body dans le body.

side-body change selon le theme utilisé, (le style.css est different pour chaques theme)
et j'ai besoin dans ce body donc de mettre le background-color correspondant au thème.

il y a t'il une solution ?
01/07/2006, 07h35
SamuelDr
Pourquoi ne mets-tu pas ton "body" dans ton fichier style.css
(ce qui donnerait approximativement)
Code:

1 2 3 4 5 6 7 8 body { /* Tes trucs */ background-color:#DFEDF7; } .side-body { /* tes autres trucs */ }

si j'ai bien compris, tu as différents thèmes possibles pour une même page.

Ta structure html ne devrait pas être modifié, juste le css devrait (c'est l'interet de la séparation du contenu et de la présentation)

le fichier html:
Code:

1 2 3 4 5 6 7 ... <body> ... ... </body> ...
normal.css:
Code:

1 2 3 4 5 6 7 8 9 body { color: #5B5B5B; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; font-family: verdana, arial, sans-serif; font-size: 10px; }
side.css:
Code:

1 2 3 4 5 6 7 8 9 10 body { color: #027AC6; background-color:#DFEDF7; padding:5px 0px 0px 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-family: verdana, arial, sans-serif; font-size: 11px; }

01/07/2006, 14h08
WeDgEMasTeR
J'ai une page html avec pour style
Code:

1 2 3 4 5 6 7 8 9 body { color: #5B5B5B; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; font-family: verdana, arial, sans-serif; font-size: 10px; }
cette page ne bouge pas.

Par contre,
Code:

1 2 3 4 5 6 .side-body { font-size:11px; color:#027AC6; background-color:#DFEDF7; padding:5px 0px 0px 0px; }
fait parti d'un fichier style.css, ce fichier est different selon le theme utilisé.
Je ne peux modifier style.css.

a savoir ma page html n'est pas dans le meme dossier que celui du .css (celui ci se trouve dans un dossier themes)

le .side-body que j'ai mis est un exemple, le background-color change selon le theme.

Je vois pas comment je peux récupéré cette valeur... s'il n'y a pas de solution bah c'est pas grave...
01/07/2006, 14h20
MasterOfChakhaL
donc si j'ai bien compris ce coup ci, les règles concernant .side-body se trouvent dans un fichier css externe alors que les règles concernant body se trouvent inclus dans la page html via la balise <style> ...</style>

si c'est le cas, les règles dans la balise style auront toujours la priorité sur les règles des fichiers externes, de la même manière que les règles définies dans la balise via l'attibut style="regle:valeur;" auront la priorité sur tout le reste.

le seul moyen que je connaisse, et celui-ci:
dans ton style.css:
Code:

1 2 3 4 5 6 7 .side-body { font-size:11px; color:#027AC6; background-color:#DFEDF7 !important; padding:5px 0px 0px 0px; }
si tu n'as pas du tout accès à ce fichier, je ne sais pas comment faire (sauf éventuellement en passant par un javascript et en faisant une vilaine bidouille qui ne marchera que chez les clients ayant activé javascript)
02/07/2006, 03h40
WeDgEMasTeR

Bon j'ai résolu.

j'ai inclus le style.css sur la page et j'ai fait un

Code:

<div class='side-body' style='position:absolute;top:0px;left:0px'>....</div>

et sa marche. merci pour ton aide ;)