Forum d'entraide PHPFrance

Bonsoir,

C'est la soirée des soucis, bref..

J'ai 2 menus qui utilisent les balises <ul> et <li>. Chaque menu utilise sa propre page et son fichier CSS.
Ensuite je fais un include dans ma page index. Donc la page A et la page B se retrouve dans la même page mais appelle son propre CSS.
Et la "patatras" un des fichiers CSS utilise l'autre mais seulement en partie soit les backgrounds qu'il cumul avec le sien. Bref les 2 backgrounds se chevauchent.

Je précise que les noms de fichier qui composent les backgrounds sont nommés différements.

Y a t-il une solution pour éviter le conflit ou dois je utiliser 1 seul menu ?

Merci d'avance de l'aide

Peut on voir la page en question ?

Si tes listes sont des menus "uniques" à ta page (comme un menu de navigation), utilises les ID pour les identifier de façon unique.

Code : Tout sélectionner

<ul id="menu1">
    <li>Contenu</li>
</ul>

<ul id="menu2">
    <li>Contenu</li>
</ul>

Tu pourras alors les sélectionner via ton CSS avec cette syntaxe:

Code : Tout sélectionner

ul#menu1 { ... }
ul#menu1 li { ... }

ul#menu2 { ... }
ul#menu2 li { ... }

Autrement, tu peux également leur attribuer des class:

Code : Tout sélectionner

<ul class="menu1">
    <li>Contenu</li>
</ul>

<ul class="menu2">
    <li>Contenu</li>
</ul>

Tu pourras appliquer un style à une liste particulière portant la bonne class:

Code : Tout sélectionner

ul.menu1 { ... }
ul.menu1 li { ... }

ul.menu2 { ... }
ul.menu2 li { ... }

Je vous remercie de l'aide. J'avoue que la nuit a porté conseil et que j'ai pensé aux ID mais les précisions que vous m'avez apportés m'ont été très utiles.

Encore merci

Forum d'entraide PHPFrance

Conflits de menus

Conflits de menus