placer une petit image devant chaque lien

Version imprimable

02/06/2006, 15h02
HwRZxLc4

placer une petit image devant chaque lien

Bonjour,

J'aimerais savoir comment on fais pour placer une image différente devant chaque lien de menu en les alignent verticalement au textde manière a les avoir centré.

j'ai cherché du coté des puves en css, le problème est que chasue image est différente, donc problème

du coté de html, la fonction middle ne me centre pas trop bien le text.

Voila, je vous remercie de votre aide.
02/06/2006, 15h17
SpaceFrog

reagrde du coté des li avec list-style ...
02/06/2006, 15h50
psychoBob

il y a absmiddle aussi. De toutes façon ces histoires de centrage, ça rend fou, comment tu fais en cas de changement de taille de police et tout ? Même si elle est encore centrée, l'image est toute petite par rapport au texte c'est ridicule.

Plus c'est léger, sans fioriture, meilleurs c'est je crois.
02/06/2006, 16h10
HwRZxLc4

enfait, mon idée c'est comme sur ce site la, le menu catégorie

http://www.crystalxp.net/galerie/fr.cat.3.htm

Bingo ...
je gagne quoi ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul>
					<li><a href='/fr.htm'>Accueil</a></li>
					<li><a href='http://forum.crystalxp.net'>Forum</a></li>
					<li><a href='/bricopack/fr.htm'>BricoPacks</a></li>
 
					<li><a href='/galerie/fr.htm'>Galerie</a></li>
					<li><a href='/tuto/fr.htm'>Tutoriaux</a></li>
					<li><a href='http://tux.crystalxp.net/'>Tux Factory</a></li>
					<li><a href='http://mascot.crystalxp.net/'>Mascot Factory</a></li>
					<li></li>
 
 
 
			</ul>

02/06/2006, 16h34
HwRZxLc4

tu t'es trompé de menu, je parle de celui a gauche sur la millieux de la page

il ne me rèste plus qu'a savoir comment mètre une image différente...
02/06/2006, 16h56
<romain/>
Pour faire ce menu tu vas devoir faire une classe par l'igne ou alors enlever la puce (list-style-type:none dans le css) et mettre une image <img src="chemin de l'image"/> juste avant le texte :
Code:

1 2 3 4 5 <ul> <li><img src="chemin de l'image1"/><a href="#">lien1</a></li> <li><img src="chemin de l'image2"/><a href="#">lien2</a></li> </ul>
02/06/2006, 16h56
SpaceFrog
Code:

1 2 3 ul { list-style-image: url('....'); }
02/06/2006, 17h06
HwRZxLc4

ok, mais il ne risque pas d'y avoir de conflic avec le mème procédé pour chaque image ?

un peu d'magination que diable !!!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style type='text/css'>
#li1 {
	list-style-image:url('snow.gif')
}
#li2 {
	list-style-image:url('snow1.gif')
}
</style>
</head>
 
<body>
<ul>
<li id="li1">coucou</li>
<li id="li2">coucou</li>
</ul>

02/06/2006, 17h25
HwRZxLc4

Yééé sa c'est une réponce en béton.....

Un mega tres grand merci