Discussion :

[bractar]

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 :

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
<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;
}

[blueice]

Je sors ma boule de cristal

Comment veux tu de l'aide si tu ne mets pas tes styles correspondant...

[bractar]

voilou c'est fait!

[blueice]

Non manque toujours "maliste"

Et puis tu devrais faire ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[blueice]

je pense que tu devrais plutôt faire ca :

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
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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)

[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

[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....

[bractar]

non non
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[blueice]

essaye ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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/

[bractar]

ce n'est pas pris en compte

[blueice]

Montre moi ta page, c'est plus simple.

[difficiledetrouver1pseudo]

je crois que c'est à cause du "padding: 0". non?

[bractar]

bon tant pis...j'en ai marre de me prendre la tête dessus, je remplace la puce par une image...

[blueice]

Pourquoi ne pas envoyer le lien ?

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