S'identifier - S'inscrire - Ecrire un article - Contact

Espacement vertical entre les éléments d'une liste de liens

Par olivierMG • Aide • Mercredi 17/12/2008 • 5 commentaires  • Lu 6965 fois • Version imprimable

Mots-clés : ,

 je n'arrive pas à trouver la classe CSS qui me permettrait d'espacer verticalement chaque élément d'une liste de liens. J'ai l'impression que toute la liste de liens forme un seul élément de liste.

Par exemple, sur mon blog sur les logiciels de gestion, on a du mal à bien voir les éléments des liste "ciel" et "ebp" (les deux colonnes de droite), ils sont trop "collés". J'aimerai bien mettre un peu d'espace ou sauter une ligne entre chaque élément. J'ai essayé de trouver la classe qui agissait bien, mais impossible..

Quelle est la classe CSS de chaque élément de ce type de liste ?

D'autres articles sur des thèmes similaires :

Commentaires

par Stephane le Jeudi 18/12/2008 à 15:57

Stephane Le plus simple c'est d'installer l'extension webdevelopper de firefox. Ensuite tu fais Ctrl-Maj-Y, et en survolant tes éléments, tu vois exactement quelle classes ils ont.

Essaie un truc du genre :

.side_content li { margin-bottom:10px; }

| [^] | Répondre
Re: par OlivierMG le Jeudi 18/12/2008 à 16:23

OlivierMG  stéphane, j'ai déjà essayé tout ça, le problème est que l'ensemble de la liste de liens forme un seul élément de liste, d'où ma difficulté à augmenter l'espace entre chaque lien.

- avec :  .side_content ul li {margin-bottom:10px;}


ça ne marche pas, puisque l'ensemble de la liste de liens forme un "li".

- avec :  .side_content ul li a {margin-bottom:10px;}

ça ne marche pas.

- avec :  .side_content ul li a {height:10px;}

ça ne marche pas.

avec : .side_content ul li a {line-height: 20px;}

ça marche, mais j'ai un espace entre chaque ligne, et non entre chaque lien de la liste, donc ça va pas.
 

"l'ensemble de la liste de liens forme un seul élément de liste" :


 

| [^] | Répondre
Re: par Stephane le Jeudi 18/12/2008 à 17:11

Stephane Il va falloir que je remplace ça par une liste. Je ne crois pas qu'on puisse styler les <br>, mais tu peux essayer.

| [^] | Répondre
Re: par OlivierMG le Jeudi 18/12/2008 à 17:47

OlivierMG  

Il va falloir que je remplace ça par une liste.

oui, ça serait bien.
Je ne crois pas qu'on puisse styler les <br>, mais tu peux essayer.

je viens d'essayer, je pensais pas qu'il y avait une chance que ce soit possible ! mais je n'y arrive pas..

| [^] | Répondre
Re: par OlivierMG le Jeudi 18/12/2008 à 22:14

OlivierMG  j'ai cru que tu m'avais fait une blague en voyant tout à coup mes liens biens espacés dans les listes ! Mais c'est en fait le dernier essai que j'avais fait avec la solution que tu as trouvé pour le br ...mais ça ne fonctionne que sur firefox ! (et c'est pour ça que je ne l'avais pas vu en testant sur safari et IE7..)



.side_content br
{
margin-bottom: 15px;
} 

c'est quand même bien plus lisibles que : (et encore, heureusement que j'ai ajouté la date pour aérer)


| [^] | Répondre

Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Discussions actives (+ commentaire)

Ailleurs sur ViaBloga

Derniers weblogs mis à jour :

11:18 - P'tit truc
21:31 - La ballade d'un tête en l'air
17:52 - Everitouthèque
11:55 - GRASSE A TOUS
21:13 - Photos Promenade Numérique
08:38 - Voleur d'âme
17:32 -
12:51 - Fédération Apicole de la Charente Maritime - apiculture - abeilles
10:30 - Le blog de Jean-Michel Cornu
13:53 - Recettes de Cuisine - le blog

Toutes les mises à jour

Archives par mois