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:
    580
    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:
    9 170
    J'aime reçus:
    344
    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
[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