Sorte de conflit entre feuilles de style...

**FlaiX** · 15/06/2005, 10h28

Bonjour,
après avoir cherché sur le forum, je n'ai pas trouvé de réponse à mon problème, j'ai donc décidé de poster...
Voila, en fait j'ai un pb avec un menu en js inclu ds chaque page de mon site. Sur chaque page je mets un require(menu.html), j'ai essayé le include() aussi ... De la sorte, j'ai mon menu qui apparait en haut de chaque page. Ledit menu utilise une css pour tout ce qui est mise en page etc. et le site utilise une autre mise en page, avec notamment des valeurs différentes pour les attributs du body. Le problème est que le site hérite des attributs de la css du menu, genre le background-color du menu est orange tandis que celui de la page est bleu (pour l'exemple) ben toute la page aura un fond orange.
Je ne sias pas si je me suis bien exprimé, mais ça fait un moment que je suis dessus et je ne vois pas comment résoudre le problème.
Votre aide serait la bienvenue. Je précise que le site que je développe en ce moment rentre dans le cadre de mon stage de fin d'études, c'est le site d'une société à Barcelone et pour celà j'aimerais faire un site propre au niveau du code.
D'avance merci pour vos réponses.

FlaiX

PS : Pour info, voici un extrait d'une page du site, avec l'appel au menu et à un texte

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
...
<link rel="stylesheet" type="text/css" href="snm.css" />
</head>
 <body>
  <div class="menu">
  <?php
  include("header.html");
  ?>
  </div>
  <div class="principal" text-align="center">
  <?php
  require("intro_es.html");
  ?>
  </div>
...

snm.css est la feuille de style du site, celle qui se fait "manger" par celle du menu.

**cynik** · 15/06/2005, 10h36

tu peux faire suivre tes informations css de la mention

Code :

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

!important

pour leur donner plus de poids dans l'heritage, genre :

Code :

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

color:red!important;

Mais le mieux c'est de spécifier et organiser ton document afin de ne pas avoir ce genre de problème. C'est surement le truc le moins clair du CSS, gerer encore plus bizarrement que les autres selon les navigateurs

**Oluha** · 15/06/2005, 10h38

ton problème est normal puisqu'au final il inclue les 2 feuilles de style dans une page et je suppose que celle du menu est prioritaire
Il faudrait utiliser des classes pour résoudre le problème je pense

**FlaiX** · 15/06/2005, 11h14

Qu'entends tu par utiliser des classes ?
un truc du genre

Code :

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

1
2
3
4
5
6
7
 
<div class="menu">
...
</div>
<div class="le_reste">
...
</div>

???

**Oluha** · 15/06/2005, 11h28

oui

**FlaiX** · 15/06/2005, 14h21

Voila, j'ai réussi, en fait, j'ai regroupé les deux css en une seule et ça marche.
Merci pour votre aide

Sorte de conflit entre feuilles de style...

HTML

Vue hybride

Discussions similaires

Partager

Partager