Aller directement a la ligne après les puces <li>

Signaler
Messages postés
43
Date d'inscription
vendredi 28 décembre 2018
Statut
Membre
Dernière intervention
9 mars 2021
-
Messages postés
43
Date d'inscription
vendredi 28 décembre 2018
Statut
Membre
Dernière intervention
9 mars 2021
-
Bonjour, j'écris un code en html comme exercice avec Openclassroom et je n'ai pas le même résultat que celui présenté, c'est à dire que je ne vais pas directemement à la ligne après les puces <li>...</li> dans <ul :
<DOCTYPE html>
<html>
    <head>
        <meta charset="UFT-8"/>
        <title>titre de la page</title>
    </head>
    <body>
        <h1>Diego  Robert de Massy</h1>
          <p>Polyvalent, sérieux et doté d'un très bon sens commercial</br>
          <a href="ph dieg grand.jpeg">
          <img src="ph dieg.jpeg" alt="photo de cv"title="Cliquer pour agrandir" />
        </a></p>
        <h2>Mon expérience</h2>
          <ul>
            <li> <strong>De 2012 à 2019 :</strong>
              <p> Pâtissier Laboratoire Angelina, cuisine de Qualité, Nomad Traiteur, restaurant les Chouettes,
              Millésimes62</br> Chateauform, Api Restauration. Je fais des gâteaux à longeur de journée, on se marre bien
              mais c'est fatigant! </p></li>
            <li>  <strong> 2009-2012</strong>
              <p> Plongeur - livreur - réceptionniste - cafetier
              Angelina Rivoli </p></li>
            <li> <strong> 2009 </strong>
              <p> Employé polyvalent-vendeur Phileas la Défense </p></li>
            <li> <strong> 2003 - 2007 </strong>
              <p> Employé polyvalant livreur
              Pizza Hut Paris 15 </p></li></br>
            <li> <strong> 2003</strong> </li>
          </ul>
        <h2> Formation </h2>
          <ul>
            <li><strong>2016</strong>
              <p>CAP pâtissier, mention bien</p></li>
            <li><strong>2001</strong>
              <P>Niveau licence de Chimie, Université Paris 5 René Descartes</Br>
              Deug 1 de philosophie</p></li>
            <li><strong>1998</strong>
              <p>Baccalauréat scientifique S et baccalairéat A1 mathématiques-philosophie</p></li>
          </ul>
        <h2>Langues et informatique</h2>
          <ul>
            <li><em>Langues :</em> </br>
              Anglais : expérimenté C1</br>
              Espagnol : indépendant B2</br>
              Allemand : occasionnel B1</br>
            <li><em>Informatique</em></br>
              Maîtrise de World, Excel, </br>
              initiation au développement web, langage HTML
          </ul>


Auriez vous une idée? Merci

1 réponse

Messages postés
32364
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
8 mai 2021
346
Bonjour,

1 - Pour poster ton code... merci de le faire correctement en utilisant LES BALISES DE CODE
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

2 - Ton souci est lié au CSS (comme te l'avait indique Bg62 https://www.commentcamarche.net/forum/affich-35832168-code-en-violet-et-surligne#7 )
Il faut jouer avec l'attribut display
 li {
    display: block;
    border: 1px solid #CCC;
    padding: 5px 10px;
  }

Messages postés
43
Date d'inscription
vendredi 28 décembre 2018
Statut
Membre
Dernière intervention
9 mars 2021

Merci je crois que j'y arriverai au fur et à mesure car je ne connais pas encore le CSS