Discussion :

[zut94]

Bonjour,

Dans mes pages html-php, à chaque fois j'ai deux feuilles de style.

La première me sert pour l'entête du site intranet (c'est-à-dire accès aux différents menu de l'intranet)

La deuxième est utilisé pour le module que je développe.

Mon problème est que les 2 feuilles de style rentre en conflit, je souhaiterais définir que la première feuille de style est utilisé pour l'entête et la deuxième pour le module que je développe.

Comment je peux faire, ou comment je peux contourner ce problème, ou si vous avez une solution je suis prenante.

[ghohm]

Le plus simple serait peut-être de scinder ton css en deux parties (en deux class), chacune composée de sous-parties (sous-class ou des ID).

Exemple :

Code :

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

1
2
3
4
 
.header {}
<div style="margin-left:40px">#left {}</div><div style="margin-left:40px">#titre {}</div><div style="margin-left:40px">#right {}</div><div style="margin-left:40px">#right {}</div>.corps {}
<div style="margin-left:40px">#centre {}</div>

Gôm

[masu]

il n'y a pas grand chose a faire, tu doit trouver un moyen de mieu reperer des selecteurs. il va donc faloir modifier tes selecteur et peu etre rajouter quelques id ou class.

Par exemple tu peu faire ca

Code :

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

1
2
3
<div id="entete">html de ton entete</div>
<div id="module">html de ton module</div>

dans ton 1e css tu va prefixer tes selecteurs existants

Code :

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

1
2
3
4
5
6
7
8
#entete ancien_selecteur1 {
[...]
}
#entete ancien_selecteur2 {
[...]
}
...

idem pour ton css sur ton module

Code :

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

1
2
3
4
#module ancien_selecteur {
[...]
}

Bon il est possible de ne le faire que pour une ou l'autre de tes parties (enetet ou module).