Partage
  • Partager sur Facebook
  • Partager sur Twitter

probleme avec l alignement à gauche, liste

debutant html

    19 juin 2019 à 10:02:21

    impossible de réaliser un cv correct.

    tout est cliquable mais je ne sais pas pourquoi

    tout est aligné à gauche et puis d'un coup ça se décale à droite pour le 

    titre "centre d'intérêt", pourquoi?

    j'ai mis des mots en relief avec la balise strong, ça fonctionne mais d'autres mots son en gras sans raison. (cela semble anarchique...)

    exemple Creps de normandie n'est pas entouré de la balise strong pourtant quand le navigateur l'ouvre

    il est en gras

    pour le dernier item "centre d'intérêt" le format des puces n'est pas le même.

    pourquoi?

    Bref je suis paumé... Help...

    <h1> Hennebo Julien</h1>  <br/>

            6 Allée des sternes<br/>

            6200 Berck <p/>

       <p>

           <a href="contenu/images/photocv-%20mini.png">

             <img src="contenu/images/photocv-%20mini.png" alt="photo identité" /a>  

           </p>

        <p>

        <h2> Expériences professionnelles </h2> 

        <ul>

            <li> 2019 Eolia Fort Mahon<strong> moniteur de char à voile</strong> </li>

            <li> 2017-2019 Sessad de Berck <strong>Aide médico psychologique</strong> </li>

            <li> 2017 Ehpad St Walloy <strong>aide soignant</strong> </li>

            <li> 2017 UHR unité d'hospitalisation renforcée à Rue<strong>Aide médico psycho</strong> </li>

        </ul>

        </p>    

        <p>

        <h2>Education</h2>

        <ul>

            <li> 2017 <strong>Aide médico psy</strong> irts Etaples </li>

            <li> 2012 <strong>certificat qualification handisport<strong> </li>

            <li> 2007 <strong>Bpjeps voile et char à voile</strong> Creps de basse normandie </li>

            <li> 1999 <strong>licence sciences économique et sociales</strong> à Lille 1 </li>

        <p/>

        <p>

        <h2> Centres d'intérêt </h2>

        <ul>

             <li> Sports nautiques et funs, Enfants, Cinéma, Lectures, cuisines </li>

             <li> social, politique, culture, ami(e)s, conjointe </li>

       </ul>

        </body>

        </html> 

    • Partager sur Facebook
    • Partager sur Twitter
      19 juin 2019 à 10:05:22

      Bonjour,

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

      Manque de Politesse

      Votre message ne comporte pas ou peu de formules de politesse (« Bonjour », « Merci », « Au revoir », etc.). Les règles du site exigent que chaque nouveau message comporte un minimum de politesse. Après tout, les gens qui répondent le font gratuitement, sur leur temps libre. Ils méritent bien un minimum de considération, n'est-ce pas ?

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :)

        19 juin 2019 à 10:11:33

        Bonjour, passer votre code au validateur pour voir vos erreurs https://validator.w3.org/

        On n'écrit pas de liste ni de titre dans un paragraphe qui n’accepte que du contenu phrasé.

        La fermeture d'une balise c'est </p> et pas <p/> !!!

        • Partager sur Facebook
        • Partager sur Twitter
          19 juin 2019 à 11:04:45

          rebonjour

          Merci pour votre retour.

          J'ai remplacé <p/> par </p>. 

          c'est bon pour la structuration, j'ai enlevé les paragraphes pour les titres et les listes.

          Tout est mieux structuré! Merci

          j'ai trouvé ce qui cloche et tout n'est plus cliquable. 

          Merci de votre aide

          Impossible par contre  pour moi d'utiliser le validator . j'ai tenté d'utiliser la fonction "valider saisie directe"

          j'ai rentré tous mes codage par un copier coller et   Je clique sur "cheque" et il ne se passe rien du tout.

          Merci de votre aide s'il vous plait, bonne journée

          -
          Edité par JulienHennebo 19 juin 2019 à 11:42:19

          • Partager sur Facebook
          • Partager sur Twitter
            19 juin 2019 à 11:37:45

            Hello :)

            La réponse à ta question se trouve sur cette ligne :

            <a href="contenu/images/photocv-%20mini.png">
            
                     <img src="contenu/images/photocv-%20mini.png" alt="photo identité" /a>  


            Regarde la fermeture de ta balise a est dans ta balise image ..

            • Partager sur Facebook
            • Partager sur Twitter
            Développeur FrontEnd | Site CV / Site PRO
              19 juin 2019 à 12:05:03

              Et ce n'est pas la seule erreur, il y en a d'autres. Comme par exemple : 

              <li> 2012 <strong>certificat qualification handisport<strong> </li>

              Une deuxième balise ouvrante au lieu d'une balise fermante et le navigateur est perdu, il considère que ta balise est toujours ouverte et que les suivantes sont mal imbriquées. Voilà pourquoi du texte est en gras alors qu'il ne devrait pas l'être.

              Utiliser le validateur du W3C permet d'éviter et de corriger ces erreurs d'inattention.

              -
              Edité par Mewen_bzh 19 juin 2019 à 12:05:28

              • Partager sur Facebook
              • Partager sur Twitter
              Je ne réponds pas aux messages privés.

              probleme avec l alignement à gauche, liste

              × 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