saut de ligne sur li dans firefox

Version imprimable

Bonjour,
sous ie, mes li sont impec, alors que sous firefox, j'ai non seulement des sauts de ligne en trop mais également les liens n'ont pas le style attaché.
Quelqu'un pourrait m'aider?
Merci d'avance
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <div id="maliste"><ul> <li><a href="test.php?srub=2&id=1" class="listeLien">test 1</a></li> <li><a href="test.php?srub=2&id=2" class="listeLien">test 2</a></li> </ul></div> li{ margin:0; padding:0; } .a.listeLien{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:none; } .a:hover.listeLien{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:underline; }

28/03/2006, 10h36
blueice

Je sors ma boule de cristal :twisted:

Comment veux tu de l'aide si tu ne mets pas tes styles correspondant...
28/03/2006, 10h42
bractar

voilou c'est fait!

Non manque toujours "maliste"

Et puis tu devrais faire ca :

Code:

1
2
3
4
5
 
<ul id="maliste"> 
   <li><a href="test.php?srub=2&id=1" class="listeLien">test 1</a></li> 
   <li><a href="test.php?srub=2&id=2" class="listeLien">test 2</a></li> 
</ul>

je vois pas l'intérêt de rajouter une div...

et dans ton code CSS :

Code:

1
2
3
4
5
6
7
8
 
 
.listeLien{ 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 13px; 
   color:#FFFFFF; 
   text-decoration:none; 
}

je pense que tu devrais plutôt faire ca :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
li{ 
   margin:0; 
   padding:0; 
} 
#maliste a { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 13px; 
   color:#FFFFFF; 
   text-decoration:none; 
} 
#maliste a:hover { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 13px; 
   color:#FFFFFF; 
   text-decoration:underline; 
}

Code:

1
2
3
4
5
 
<ul id="maliste"> 
   <li><a href="test.php?srub=2&id=1">test 1</a></li> 
   <li><a href="test.php?srub=2&id=2">test 2</a></li> 
</ul>

28/03/2006, 11h18
bractar

ok merci c'est impec sauf que sous ie, je n'ai plus de puces par contre elles y sont sous firefox (je voudrais les avoir)
28/03/2006, 11h22
bractar

c'est parce qu'en fait j'ai ce style
(j'ai enlevé le div)

ul#maliste{
position: absolute;
padding:0;
margin-top: -350px;
margin-left: 75px;
width:130px;
}

apparemment il crée un bug
28/03/2006, 11h29
blueice

Gros bêta !!!

Il faut mettre :

color:#fff;

dans ton li !!

Tes puces sont là mais je parie que ton fond est noir et des puces noires sur fond noir.... :twisted:
28/03/2006, 11h35
bractar
non non 8O
mon texte est blanc sur fond vert
j'ai rajouté la couleur dans le li mais ça ne change rien

c'est bien à cause de ça
Code:

1 2 3 4 5 6 7 ul#maliste{ position: absolute; padding:0; margin-top: -350px; margin-left: 75px; width:130px; }
quand je l'enlève, on voit les puces mais evidemment la liste est mal placée...
28/03/2006, 11h47
blueice
essaye ca :
Code:

1 2 3 4 5 6 7 8 #maliste ul{ position: absolute; padding:0; margin-top: -350px; margin-left: 75px; width:130px; }
je vois pas comment ce style peut interagir sur les puces.
Essaye de valider ta feuille : http://jigsaw.w3.org/css-validator/
28/03/2006, 11h48
bractar

ce n'est pas pris en compte
28/03/2006, 12h15
blueice

Montre moi ta page, c'est plus simple.
28/03/2006, 13h50
difficiledetrouver1pseudo

je crois que c'est à cause du "padding: 0". non?
28/03/2006, 14h06
bractar

bon tant pis...j'en ai marre de me prendre la tête dessus, je remplace la puce par une image...
28/03/2006, 14h10
blueice

Pourquoi ne pas envoyer le lien ?

Ou alors poste le code si c'est pas trop long !!!