IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Interligne parasite en début de liste [XHTML 1.1]


Sujet :

HTML

  1. #1
    Membre régulier
    Homme Profil pro
    Développeur Grands Systèmes IBM
    Inscrit en
    août 2008
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 68
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur Grands Systèmes IBM

    Informations forums :
    Inscription : août 2008
    Messages : 63
    Points : 106
    Points
    106
    Par défaut Interligne parasite en début de liste
    Bonjour,
    J'ai un problème de mise en forme :
    À la suite d'un texte (paragraphe se terminant par un "</p>", et ayant un "margin-bottom = 0;" en CSS), je démarre une liste
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    ...</p>
    <ul>
      <li clas="xxx">.... </li>
      <li clas="xxx">.... </li>
    ...
    </ul>
    J'ai toujours un double interligne que je n'arrive pas à réduire entre le paragraphe et le premier élément de liste (qui a margin-top = 0; en CSS).

    Quelqu'un peux-t-il m'aider ?
    Merci d'avance

    Jean-Michel

    PS: Je travaille sur des fichiers HTML/XHTML avec CSS intégrés à des fichiers EPUB.

  2. #2
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 277
    Points : 38 070
    Points
    38 070
    Par défaut
    Bonsoir,
    il eut été intéressant d’avoir le CSS complet, je présume que tu n'appliques pas le margin-top:0 au bon élément.

    exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    <!doctype html>
    <html lang="fr">
    <head>
    <meta charset="UTF-8">
    <title>[...]</title>
    <style>
    p{
      background:#EEF;
      margin-bottom:0;
    }
    ul{
      background:#EFE;
      margin-top:0;
    }
    </style>
    </head>
    <body>
    <div>
      <p>...</p>
      <ul>
        <li>.... </li>
        <li>.... </li>
        <li>.... </li>
      </ul>
    </div>
    </body>
    </html>

  3. #3
    Membre régulier
    Homme Profil pro
    Développeur Grands Systèmes IBM
    Inscrit en
    août 2008
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 68
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur Grands Systèmes IBM

    Informations forums :
    Inscription : août 2008
    Messages : 63
    Points : 106
    Points
    106
    Par défaut
    OK, merci !

    Dans ma feuille CSS, il me manquait ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ul {margin-top:  0;  margin-bottom: 0;}

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AC-2007] Interligne dans les zones de liste
    Par mkader dans le forum Access
    Réponses: 1
    Dernier message: 07/11/2013, 22h46
  2. Réponses: 1
    Dernier message: 06/08/2008, 18h31
  3. Réponses: 2
    Dernier message: 06/08/2008, 10h16
  4. Réponses: 12
    Dernier message: 30/05/2007, 09h45
  5. [CSS]Changer l'interligne des éléments d'une liste à puces
    Par khany dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/03/2005, 13h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo