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

Messages postés
13
Date d'inscription
vendredi 28 décembre 2018
Dernière intervention
13 février 2019
-
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
Afficher la suite 

Votre réponse

1 réponse

Messages postés
24528
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 février 2019
362
0
Merci
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;
  }

Diego987
Messages postés
13
Date d'inscription
vendredi 28 décembre 2018
Dernière intervention
13 février 2019
-
Merci je crois que j'y arriverai au fur et à mesure car je ne connais pas encore le CSS
Commenter la réponse de jordane45

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.