Conflits CSS

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Motri, 6 Novembre 2014.

  1. Motri
    Motri WRInaute discret
    Inscrit:
    14 Décembre 2012
    Messages:
    92
    J'aime reçus:
    0
    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/
     
  2. baud74
    baud74 WRInaute impliqué
    Inscrit:
    21 Juillet 2014
    Messages:
    586
    J'aime reçus:
    0
    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.
     
  3. Motri
    Motri WRInaute discret
    Inscrit:
    14 Décembre 2012
    Messages:
    92
    J'aime reçus:
    0
    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 ?
     
  4. Motri
    Motri WRInaute discret
    Inscrit:
    14 Décembre 2012
    Messages:
    92
    J'aime reçus:
    0
    Personne n'a une idée pour résoudre mon problème ? :)
     
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 722
    J'aime reçus:
    232
    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.
     
Chargement...
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
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice