Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de lien CSS

Sujet résolu
LéaSama
    26 avril 2017 à 12:02:43

    Bonjour ! 

    Je suis en train de commencer à coder le site web de Zozor mais un problème que je n'avais jamais rencontré jusqu'à maintenant s'impose à moi. En effet, j'ai réécrit tout le code html comme dans le cours et commencer le code CSS mais le CSS n'apparait pas quand je regarde l'aperçu et quand j'essaie d'accéder à la stylesheet via le navigateur il me dit que le fichier est introuvable alors qu'il est dans le même dossier que mon fichier html. J'ai vérifié l'encodage, je n'ai pas d'espace, ni de majuscules ou d'accent dans mes dossiers... Je ne comprends pas.. 

    Je vous donne mon code HTML:

     <!DOCTYPE html>

    <html>

    <head>

        <meta charset="utf-8"/>

        <link rel="stylesheet" type="text/css" href="style.css" />

        <title>Zozor - Carnets de voyage</title>

    </head>

    <body>

        <div id="bloc_page">

        <header>

            <div id="titre_principal">

                <div id="logo">

                    <img src="images/zozor_logo.png" alt="Logo de Zozor" />

                    <h1>Zozor</h1>

                </div>

                <h2>Carnets de voyage</h2>

            </div>

            <nav>

                <ul>

                    <li><a href="#">Accueil</a></li>

                    <li><a href="#">Blog</a></li>

                    <li><a href="#">CV</a></li>

                    <li><a href="#">Contact</a></li>

                </ul>

            </nav>

        </header>

        <div id="banniere_image">

            <div id="banniere_description"> 

                Retour sur mes vacances aux Etats-Unis...

                <a href="#" class="bouton_rouge">Voir l'article <img src="images/flecheblanchedroite.png" alt="" /></a>

            </div>

            <section>

                <article>

                    <h1><img src="images/ico_epingle.png" alt="Catégorie voyage" class="ico_categorie">Je suis un grand voyageur</h1>

                    <p>

                        Ueuifhreufhzjhfbzjhfvhjzbvfhjszuybfqzbgfizuhfeuiziuzvbjsbvhjzbgjqezfkbfzjbvjzbvjbvgfrjqzuighfqueizgfbqzhjebvgfqezhjfbesvgfbrhfedezdvgqezbhvgfbgjrqsfbgrvhfhjezbfdeisghryuegfezigfhjzvfgahzdvazgjkezghzkuebfezhjbgfzbgkjkezbgfkdjbhjezfgaezgfjuzefkjbezfkjbhezkfbgezkfjbazkjdbezhjfvzyjefhbvezhjfvgzeufnqsknflegbqzhjegqzkjfhzjefgqjyhebgfjqhfbqsjeyqzevgfquzyegfquhjsvhbezuygbzjfhqzbeghfibqzegjhqbscdiuqdsgcjhqsdbfjkqbfjebfjqzhefbzqefgbgezufbzqkjhrziugbrzjgfbqzjhfbzuiefbgzjehgfbzluiefhqzegjbrjzyfughzvdvgfazdyvuezbfjihregrhnqezbgrehjbgrehjbvgervhrhvjerhgbfhjqszbgrhjzvbfhjqzrvfghzevfhzvehezvfzvcgzchvbzjhevbzjevhbrzjghbrejhvgbrehjvbrzvhjzhjirrgevhudfsbjivfeonrveonjrgrbhrvbhvrfbhirvzbirvebirvzebrvzbrzgbrgzbrgzbrgzbibirgz

                    </p>

                    <p>

                        eozghfireyherhjbgejhrbgjerhbgrebnerjfbvebgnerybgfurzuhfbjzhbcfjzhfhrzbjwwddededfdfqqkjdhfbchfvgjureyvgfyrezgbxcdiezferjhbgrjegnjrehnjgjergubrnefjubaezyufbgezitfurabntgjbrgeaueizbhfkjinezfjkezbguhzrghnrjgnkjfvnkjdfvnkdfsjnvkludhgsdkljbvkljsbdfkjsbvdflskbvdrfskvgkqsvgngkdjbvksbvkljsbvskdbvbhdsfbvdhjsfhdfhjghsfdhgghfghsyghfgqsghfiqigfbjqbsvgbrhjvgsbvhfsdvfsbhbchfdqsbhbvhbdqshbvhdvqqhqezhfqezbhfqebhcebhcfbhcehuiezhuirfojirgergvfezhbcdhhuirffbdhszvbhdshjvfbdsjhvbzhjhgbqugbqizbgzkjbgfqzbvghjzqvbrjzhbgrbgfqrvgfsbvjbfjvbjdvfsbhjdvfsbhjdvffbjvqgddddddfdbvbhhhhhhbqsbvqsbhvjjjjjjjjjbdvqsbvbvqbhvqdvqsbhvqsbhvqvsbvhbvhbvqsbvhqsb

                    </p>

                    <p>

                        reghbrtrtgresthjesnjsnbnfkjkbjgjqsbhevfhezbhfjblsegvhjsbgvkjlsvnklsjbvhghjzbfkjhjebfjqsbhvfcbhjsvbskjvfbqezuifbqezhfbqsgkjsvhndqsjhfbgezuyqgfszueifvbjfqbdhfcfdebhgfsqejgbsghqezygufbhebfbhjvbhdvsbhbhfgnsbeghfehgfeghbhgqsbvb hvfbhdfqbgqezgfqezgrgfbhsbhjdvqsgvffufhuiggbrgqbhgqbhqbhreqgrgqhurgqbhrqbhrgqbbrgqqbrgbvfqbhvfbhvbhrfbgrfhrfrghgrhgrqbhjgqbhvbhfqgyufqghqbhvfbhvbhgrbhrfbheyygqebhfqbhjgbjgrhigrhjrgjbnbrgnqbrqshfhvfhnjirgnjrgbhbrqhjrgqbjgrr

                    </p>

                </article>

                <aside>

                    <h1>A propos de l'auteur</h1>

                    <img src="images/bulle.png" alt="" id="fleche_bulle" />

                    <p id="photo_zozor"><img src="images/zozor_classe.png" alt="Photo de Zozor" /></p>

                    <p>Laisse moi me présenter wesh je suis Zozor et je t'emmerde c'est cool.</p>

                    <p>En plus de ça j'aimerais te dire fuck u parce que ce code me gave à pas marcher merci bien.</p>

                    <p><img src="images/facebook.png" alt="Facebook" /><img src="images/twitter.png" alt="Twitter"><img src="images/vimeo.png" alt="Vimeo"><img src="images/flickr.png" alt="Flickr"><img src="images/rss.png" alt="RSS"></p>

                </aside>

            </section>

        </div>

        </div>

    </body>

    </html>

    Et le CSS : 

    body

    {

    background-color: yellow;

    }

    C'était juste un test pour voir si ça marchait mais non ... 

    Mon arborescence est

    code_

    siteweb_

    site_

    site.html

    style.css

    images_

    (toutes les images)

    polices_

    (tous les fichiers de texte)

    Je code sous SublimeText3 et j'ai remarqué un petit soucis mais je ne pense pas que ça ait un rapport mais la coloration marche très bien en html mais ne fonctionne pas du tout en CSS, peut-être qu'il ne reconnait pas le format ? 

    Merci beaucoup d'avance !  

    -
    Edité par LéaSama 26 avril 2017 à 12:04:10

    • Partager sur Facebook
    • Partager sur Twitter
    Lucky13
      26 avril 2017 à 12:09:19

      Hello,

      Je n'utilise pas ST3, fais propriété sur ton fichier CSS pour vérifier son extension (fichier.css.css ou autre). Tu es sans soute passé à côté de quelque chose pendant tes vérifications (orthographie, casse, emplacement)

      La console web t'indique "fichier introuvable" mais aussi le chemin, autre test: un lien absolu pour connaitre la nature du souci, si en absolu cela marche alors le chemin relatif est faut, sinon c'est l'orthographie, la casse, etc...

      • Partager sur Facebook
      • Partager sur Twitter
      ❶ Feuille de style introuvable ❷ Chemins relatifs et absolus ❸ addEventListener & API Selectors ❹ Paletton colors ❺ Animations complexes en JS & CSS
      LéaSama
        26 avril 2017 à 12:25:44

        Merci pour ta réponse ! 

        Pour l'extension, je n'arrivais pas à la vérifier et du coup il n'y avait pas marqué style.css, c'est ça qui bloquait, merci beaucouuuuuup, en effet c'était un petit truc débile...

        Bon, ça s'est résolu super :)
        • Partager sur Facebook
        • Partager sur Twitter

        Problème de lien CSS

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur ●
        • Markdown