Sujet Précédent Sujet Suivant

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

Diego987 Messages postés 64 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 9 janvier 2024 - Modifié le 29 janv. 2019 à 22:51
Diego987 Messages postés 64 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 9 janvier 2024 - 29 janv. 2019 à 19:55
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

Réponse 1 / 1
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 344
29 janv. 2019 à 18:59
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;
  }

0
Diego987 Messages postés 64 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 9 janvier 2024
29 janv. 2019 à 19:55
Merci je crois que j'y arriverai au fur et à mesure car je ne connais pas encore le CSS
0

Discussions similaires

Retour à une ligne plus haute en python
Ju -
Whismeril -

7 réponses
saut de ligne TextBox
duron800 -
clinpus -

5 réponses
Gestion des retours chariot dans chaine Regex
lili6584 -
Whismeril -

3 réponses
Réalisation en C d'un Démineur
axjaw -
axjaw -

19 réponses
[C#] Regex balise + saut à la ligne
FlolZ -
Whismeril -

7 réponses
Rejoignez-nous