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

Mise en page CSS Discussion :

Espace vertical entre les liens des listes à puces


Sujet :

CSS

  1. #1
    Membre habitué Avatar de Alexandrebox
    Profil pro
    Inscrit en
    Août 2006
    Messages
    635
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 635
    Points : 153
    Points
    153
    Par défaut Espace vertical entre les liens des listes à puces
    Bonjour,

    J'ai fait des menus avec des listes à puces. J'ai mis (margin : 0px) pour éviter des espaces verticales entre les liens. Tout marche bien sauf sous 2 versions d'Internet (IE6 IE7)

    Quelqu'un pourra t-il s'il vous plaît me donner le tuyau?

    Voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    	margin:0px;
    	padding: 0px 4px 6px 0px;
    }
    li {
    	list-style-type: none;
    	margin:0px;
    	padding: 0px 0px 2px 0px;
    	color: #FF9900;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
    	text-decoration: none;
    }
    D'avance je vous remercie beaucoup.

    Meilleures salutations à toutes et à tous.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 906
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 906
    Points : 14 828
    Points
    14 828
    Par défaut
    Je pense qu'il s'agit d'un problème de layout, donc en rajoutant un width:100% sur ton li ça devrait marcher.

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    64
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 64
    Points : 77
    Points
    77
    Par défaut
    3 points à tester :
    - avoir une doctype
    - essaie un width:100% (puis un width:99%) sur les li
    - essaie de "coller les li" exemple <li>Lien1</li><li>Lien2</li> sans espace ni saut de ligne.

  4. #4
    Membre habitué Avatar de Alexandrebox
    Profil pro
    Inscrit en
    Août 2006
    Messages
    635
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2006
    Messages : 635
    Points : 153
    Points
    153
    Par défaut
    Merci beaucoup à tous les deux.
    Effectibement le width 100% a résolu le problème.

    Encore merci et bonne journée

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

Discussions similaires

  1. Réponses: 5
    Dernier message: 15/01/2015, 23h48
  2. espacement vertical entre les <li>
    Par eoliannne dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 31/08/2013, 10h11
  3. [Enumerate] Réduire l'espacement vertical entre les items
    Par kwakanar dans le forum Mise en forme
    Réponses: 4
    Dernier message: 10/09/2007, 11h44
  4. [CSS]espacement vertical entre puce
    Par Phenomenium dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 19/01/2006, 12h52

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