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
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
css pour cookieconsent et apparence graphique.	Développement d'un site Web ou d'une appli mobile	28 Avril 2019
Appliquer style CSS CMS GHOST	Développement d'un site Web ou d'une appli mobile	21 Mars 2019
Wordpress et site html/css	Débuter en référencement	15 Décembre 2018
Temps de réponse et minimisation CSS et JS	Débuter en référencement	30 Novembre 2018
Texte qui apparait au scroll ou au chargement en CSS	Débuter en référencement	24 Octobre 2018
trop de style CSS dans un code HTML	Demandes d'avis et de conseils sur vos sites	12 Octobre 2018