Conflits CSS

[Motri]

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]

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]

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]

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

 

[spout]

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.

#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.