Conflits CSS

Motri · 6 Novembre 2014

Bonjour,

J'ai un site Wordpress (dernière version) et un forum PHPBB3 (dernière version). J'essaye d'intégrer mon forum dans mon site en ajoutant le Header du site.

J'ai réussi à mettre le header en copian le HTML et en important les fichiers CSS via <link>.

Le problème est que le forum prend maintenant le CSS du site ce qui casse le design du forum.

Avez-vous une idée pour le réparer ?

http://www.kelobjetconnecte.fr/forum/

baud74 · 6 Novembre 2014

commencer par obtenir un code propre, avec une seule balise body, et pas 2 comme actuellement, par exemple.
ensuite, mettre le css du site puis le css du forum devrait aider.

Motri · 6 Novembre 2014

Bonjour,

Merci pour ta réponse.

J'ai supprimé la balise body en trop et j'ai chargé le css du forum après celui du site. Ca fonctionne mieux mais c'est pas encore niquel. Il reste du CSS du site dans le forum. Je ne comprends pas pourquoi.

Le code te parait propre ?

Motri · 8 Novembre 2014

Personne n'a une idée pour résoudre mon problème ?

spout · 8 Novembre 2014

Tu as mis body#phpbb, tu peux mettre un #id différent pour le site, et préfixer tous tes CSS.
C'est ultra facile à faire avec SASS ou LESS.
Code:
#site {
    font-family:Arial,Helvetica,sans-serif;
    overflow-y:scroll;
    overflow-x:hidden;
    width:100%;

    /* Tous les CSS de ton site ici */    
    .btn.default.read_more{ background:#FFF; border:1px solid #2f88d6; color:#2f88d6; margin-top:10px; font-size: 13px; height:33px; line-height:33px;}
    /* ....... */
}
Tu peux le faire en ligne ici: http://sassmeister.com/
Ou alors sans SASS et LESS, à la mano.

Similar Threads - Conflits CSS	Forum	Date
Conflits d'attributs hreflang dans le code source de page	Débuter en référencement	24 Avril 2019
Conflits de htaccess	URL Rewriting et .htaccess	20 Novembre 2010
2 campagnes en conflits	AdWords	24 Septembre 2010
[référenceurs] comment gérez-vous les conflits d'intérêts?	Référencement Google	17 Janvier 2008
Conflits entre deux regles - votre avis	URL Rewriting et .htaccess	9 Février 2006
pb de CSS	Développement d'un site Web ou d'une appli mobile	10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées	Développement d'un site Web ou d'une appli mobile	27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2	Développement d'un site Web ou d'une appli mobile	12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body>	Développement d'un site Web ou d'une appli mobile	26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"...	Débuter en référencement	1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ?	Débuter en référencement	17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover)	Développement d'un site Web ou d'une appli mobile	17 Novembre 2020
WordPress Suppression élément avec Css	Demandes d'avis et de conseils sur vos sites	16 Août 2020
Conflit image responsive et animation css	Développement d'un site Web ou d'une appli mobile	20 Février 2020
Ajouter une Opacité CSS sur une image en Background	Développement d'un site Web ou d'une appli mobile	4 Février 2020
CSS Google Shopping	AdWords	23 Janvier 2020
style.css unique préférable avec link ou javascript ?	Développement d'un site Web ou d'une appli mobile	25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image	YouTube, Google Images et Google Maps	17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ?	Débuter en référencement	24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS	Développement d'un site Web ou d'une appli mobile	5 Juillet 2019