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

**WeDgEMasTeR** · 01/07/2006, 02h06

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**SamuelDr** · 01/07/2006, 07h35

Pourquoi ne mets-tu pas ton "body" dans ton fichier style.css
(ce qui donnerait approximativement)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**MasterOfChakhaL** · 01/07/2006, 10h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
...
<body>
  ...
  ...
</body>
...

normal.css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

**WeDgEMasTeR** · 01/07/2006, 14h08

J'ai une page html avec pour style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**MasterOfChakhaL** · 01/07/2006, 14h20

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

**WeDgEMasTeR** · 02/07/2006, 03h40

Bon j'ai résolu.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et sa marche. merci pour ton aide

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

CSS

Discussions similaires

Partager

Partager