Partage
  • Partager sur Facebook
  • Partager sur Twitter

Mon code marche à demi-mole

Sujet résolu
MatthieuCoelhodeSouza1
    13 mars 2020 à 19:26:10

    Bonjour, à tous 

    j'ai commencé le code il ya une 15aine de jour,

    j'essaye de coder un site web sur l'astrologie mais je le resultat n'est pas celui escompté 

    seul les img du groupe 1(SIGNES-elements) subissent le CSS (à savoir" height: 100px; widht: 100px;")

    pour le groupe 2(SIGNES-saisons) walou, les img n'en font qu'a leur tete

    et aussi mais hyper lien ne fonctionne pas, des que je click sur une image lien qui se trouvent dans le groupe1(SIGNES-elements) qui correspondent avec le groupe2

    on m'affiche:

    Your file was not found

    It may have been moved or deleted.

    ERR_FILE_NOT_FOUND

    voici le code HTML le validateur ne m'affiche aucune erreurs,ci ce n'est les valeurs nuls dans les attributs src,alt du groupe 3(PLANETES)

    pour le code CSS pareil, ci ce n'est une valeur nul dans background-color

    Merci d'avance, Matthieu

    <!DOCTYPE html>

    <html lang="fr">


    <head>

    <meta charset="UTF-8">

    <title> 12 </title>

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

    </head>

    <body class="body">




    <!----> <div class="SIGNES-elements_1">

    <a href=".belier"><!--BELIER(parELEMENTS)__1-->

    <img src="12IMAGE/belier.svg" alt="signe du zodiaque du bélier">

    </a> <br>


    <a href=".lion"><!--LION(parELEMENTS)__1-->

    <img src="12IMAGE/lion.svg" alt="signe du zodiaque du lion">

    </a> <br>


    <a href=".sagitaire"><!--SAGITAIRE(parELEMENTS)_1-->

    <img src="12IMAGE/sagitaire.svg" alt="signe du zodiaque du sagitaire">

    </a> <br>


    <a href=".taureau"><!--TAUREAU(parELEMENTS)_1-->

    <img src="12IMAGE/taureau.svg" alt="signe du zodiaque du taureau">

    </a> <br>


    <a href=".vierge"><!--VIERGE(parELEMENTS)_1-->

    <img src="12IMAGE/vierge.svg" alt="signe du zodiaque de la vierge">

    </a> <br>


    <a href=".capricorne"><!--CAPRICORNE(parELEMENTS)_1-->

    <img src="12IMAGE/capricorne.svg" alt="signe du zodiaque du capricorne">

    </a> <br>


    <a href=".cancer"><!--CANCER(parELEMENTS)_1-->

    <img src="12IMAGE/cancer.svg" alt="signe du zodiaque du cancer">

    </a> <br>


    <a href=".scorpion"><!--SCORPION(parELEMENTS)_1-->

    <img src="12IMAGE/scorpion.svg" alt="signe du zodiaque du scorpion">

    </a> <br>


    <a href=".poisson"><!--POISSON(parELEMENTS)_1-->

    <img src="12IMAGE/poisson.svg" alt="signe du zodiaque du poisson">

    </a> <br>


    <a href=".gemeaux"><!--GEMEAUX(parELEMENTS)_1-->

    <img src="12IMAGE/gemeaux.svg" alt="signe du zodiaque du gémeaux">

    </a> <br>


    <a href=".balance"><!--BALANCE_1-->

    <img src="12IMAGE/balance.svg" alt="signe du zodiaque de la balance">

    </a> <br>


    <a href=".verseau"><!--VERSEAU_1-->

    <img src="12IMAGE/verseau.svg" alt="signe du zodiaque du verseau">

    </a>

    <!----> </div>

    <br><br><br><br><br><br>

    <br>

    <br>

    <br>

    <br>

    <br>

    <!----><div class="SINGES-saisons_2">


    <a class="belier"><!--BELIER-->

    <img src="12IMAGE/belier.svg" alt="signe du zodiaque du bélier">

    </a>

    <p>Anxieux, impatient, entêté et opiniâtre le Bélier

    a besoin d'action, de s'extérioriser et d'affirmer

    haut et fort sa personnalité ! Enthousiaste et

    optimiste il manque parfois de concentration et

    de discernement, il évalue mal les obstacles ce qui

    fait qu'il s'emballe vite et se décourage tout

    aussi vite...</p>


    <!--TAUREAU-->

    <a class="taureau">

    <img src="12IMAGE/taureau.svg" alt="signe du zodiaque du taureau">

    </a>

    <p>Lorem ipsum dolor sit amet,

    consectetur adipisicing elit, sed do eiusmod tempor incididunt ut

    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

      exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum

      dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

    proident, sunt in culpa qui officia deserunt mollit anim

      id est laborum.</p>


    <!--GEMEAUX-->

    <div class="gemeaux">

    <img src="12IMAGE/gemeaux.svg" alt="signe du zodiaque du gémeaux">

    </div>

    <p>Généralement représenté sous la forme de deux enfants se tenant

    par la main, le troisième signe du zodiaque symbolise les

      contacts 12/12 Photos/humains, les transports, les

    communications ainsi que la polarité. Il est

      associé à l'ai</p>


    <!--CANCER-->

    <a class="cancer">

    <img src="12IMAGE/cancer.svg" alt="signe du zodiaque du cancer">

    </a>

    <p>Généralement représenté sous la forme de deux

    enfants se tenant par la main, le troisième

    signe du zodiaque symbolise les contacts 12/12

      Photos/humains, les transports, les communications

    ainsi que la polarité. Il est associé à l'ai</p>


    <!--LION-->


    <!--LION-->

    <a class="lion">

    <img src="12IMAGE/lion.svg" alt="signe du zodiaque du lion">

    </a>

    <p>Généralement représenté sous la forme de deux

    enfants se tenant par la main, le troisième

    signe du zodiaque symbolise les contacts 12/12

      Photos/humains, les transports, les communications


    <!--VIERGE-->


    <!--VIERGE-->

    <a class="vierge">

    <img src="12IMAGE/vierge.svg" alt="signe du zodiaque de la vierge">

    </a>

    <p>Généralement représenté sous la forme de deux

    enfants se tenant par la main,

    le troisième signe du zodiaque symbolise les contacts

    12/12 Photos/humains, les transports,

    les communications ainsi que la polarité.

    ainsi que la polarité. Il est associé à l'ai

    Il est associé à l'ai</p>


    <!--BALANCE-->


    <!--BALANCE-->

    <a class="balance">

    <img src="12IMAGE/balance.svg" alt="signe du zodiac de la balance">

    </a>

    <p>Généralement représenté sous la forme de deux

    enfants se tenant par la main,

    le troisième signe du zodiaque symbolise les contacts

      12/12 Photos/humains,les transports, les communications

    ainsi que la polarité.Il est associé à l'ai</p>


    <!--SCORPION-->


    <!--SCORPION-->

    <a class="scorpion">

    <img src="12IMAGE/scorpion.svg" alt="signe du zodiaque du scorpion">

    </a>

    <p>Généralement représenté sous la forme de deux enfants

    se tenant par la main, le troisième signe du zodiaque symbolise

    les contacts 12/12 Photos/humains,les transports, les

    communications ainsi que la polarité.

    Il est associé à l'ai</p>


    <!--SAGITAIRE-->


    <!--SAGITAIRE-->

    <a class="sagitaire">

    <img src="12IMAGE/sagitaire.svg" alt="signe du zodiaque du sagitaire">

    </a>

    <p>Généralement représenté sous la forme de

    deux enfants se tenant par la main,

    le troisième signe du zodiaque symbolise les contacts

      12/12 Photos/humains les transports, les communications

    ainsi que la polarité. Il est associé à l'ai</p>


    <!--CANCER (Desript Basic)-->


    <!--CAPRICORNE-->

    <a class="capricorne">

     <img src="12IMAGE/capricorne.svg" alt="signe du zodiaque du capricorne">

    </a>

    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do

    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim

      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip

    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate

    velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat

      cupidatat non proident, sunt in culpa qui officia deserunt mollit

    anim id est laborum.</p>


    <!--VERSEAU-->

    <a class="verseau">

     <img src="12IMAGE/sagitaire.svg" alt="signe du zodiaque du verseau">

    </a>

    <p>Généralement représenté sous la forme de deux

     enfants se tenant par la main,

     le troisième signe du zodiaque symbolise les contact

     s 12/12 Photos/humains,

     les transports, les communications ainsi que la polarité.

     Il est associé à l'ai</p>


    <!--POISSON-->

    <a class="poisson">

    <img src="12IMAGE/poisson.svg" alt="signe du zodiac du poisson"/>

    </a>

    <p>Généralement représenté sous la forme de deux

     enfants se tenant par la main,

     le troisième signe du zodiaque symbolise les contact

     s 12/12 Photos/humains,

     les transports, les communications ainsi que la polarité.

     Il est associé à l'ai</p>

    <!--END--> </div>


    <br><br>

    <br><br>

    <br><br>



    <!----><div class="PLANETES_3">


    <a href=".Soleil">

    <img src="" alt="le soleil">

    </a>

    <a href=".Lune">

    <img src="" alt="le soleil">

    </a>

    <a href=".Mars">

    <img src="" alt="le soleil">

    </a>

    <a href=".Mercure">  Mercure</a>

    <a href=".Venus">  Venus</a>

    <a href=".Jupiter">  Jupiter</a>

    <a href=".Jupiter">  Jupiter</a>

    <a href=".Jupiter"> Jupiter</a>

    <a href=".Jupiter"> Jupiter</a>

    <a href=""></a>

    <a href=""></a>

    </div>

    </body>

    </html>

    CODE CSS
    .body
    {
      background-color: 
    }



    .SIGNES-elements_1 img
    {
      height: 100px;
      width: 100px;
    }


    .SIGNES-saisons_2 img
    {
      height: 200px;
      width: 200px;
    }
    • Partager sur Facebook
    • Partager sur Twitter
    AbcAbc6
      13 mars 2020 à 19:42:08

      Bonjour,

      Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
      Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
      Pour plus d'informations, nous vous invitons à lire les règles générales du forum

      Merci de colorer votre code à l'aide du bouton Code

      Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

      Merci de modifier votre message d'origine en fonction.

      Liens conseillés

      • Partager sur Facebook
      • Partager sur Twitter
      Lartak
      • HTML / CSS
        13 mars 2020 à 20:17:55

        Bonsoir.

        MatthieuCoelhodeSouza1 a écrit:

        seul les img du groupe 1(SIGNES-elements) subissent le CSS (à savoir" height: 100px; widht: 100px;")

        pour le groupe 2(SIGNES-saisons) walou, les img n'en font qu'a leur tete

        Normal, dans ton HTML du utilises une classe qui se nommerait SINGES-saisons_2 au lieu de SIGNES-saisons_2.

        MatthieuCoelhodeSouza1 a écrit:

        et aussi mais hyper lien ne fonctionne pas, des que je click sur une image lien qui se trouvent dans le groupe1(SIGNES-elements) qui correspondent avec le groupe2

        on m'affiche:

        Your file was not found

        It may have been moved or deleted.

        ERR_FILE_NOT_FOUND

        Normal aussi, dans les attributs href tu définies des noms de classes, par conséquent le navigateur tente d'afficher une page qui se nommerait par exemple .belier.

        N'oublies pas de bien formater ton code comme il te l'a été demandé.

        • Partager sur Facebook
        • Partager sur Twitter

        Face a quelqu'un pour qui l'on n'éprouve que de l'aversion et du mépris, les yeux d'un homme deviennent extrêmement froids et cruels.

        MatthieuCoelhodeSouza1
          14 mars 2020 à 1:44:09

          Merci beaucoup Naruto ;) On va etre copain, c'est ma bible ! 

          tu m'as bien aidé pour le CSS ^^

          Pour ce qui est des des hyper link, je voulais enfaite parler des liens internes, mais c'est résolue

          j'ai utilisé dans m'ont Groupe2 l'attribut id au lieu de class(pour appeller les signes)

          que je marque avec un # au lieu d'un . dans le groupe1 et sa fontionne (cependant j'ignore pourquoi car je pensais que id et class avait les meme possibilités

          si ce n'est que id ne peut pas contenir 2x la meme valeur dans une doc.html)

          encore merci pour ton  intervention, je penser que personne n'allait me repondre, la prochaine je tacherai à mettre mon code en couleur :) 

          -
          Edité par MatthieuCoelhodeSouza1 14 mars 2020 à 1:50:18

          • Partager sur Facebook
          • Partager sur Twitter
          Lartak
          • HTML / CSS
            14 mars 2020 à 2:44:35

            Non, ce n'est pas la même chose, car les ancres c'est avec un # en href pour les liens, et elles font références à l'attribut id.
            • Partager sur Facebook
            • Partager sur Twitter

            Face a quelqu'un pour qui l'on n'éprouve que de l'aversion et du mépris, les yeux d'un homme deviennent extrêmement froids et cruels.

            MatthieuCoelhodeSouza1
              14 mars 2020 à 3:43:27

              D'accord c'est noté, merci pour tout :)
              • Partager sur Facebook
              • Partager sur Twitter

              Mon code marche à demi-mole

              × 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