placer une petit image devant chaque lien

HwRZxLc4 · 02/06/2006, 16h02

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.

**SpaceFrog** · 02/06/2006, 16h17

reagrde du coté des li avec list-style ...

**psychoBob** · 02/06/2006, 16h50

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.

HwRZxLc4 · 02/06/2006, 17h10

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

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

**SpaceFrog** · 02/06/2006, 17h14

Bingo ...
je gagne quoi ?

Code :

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

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>

HwRZxLc4 · 02/06/2006, 17h34

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

**<romain/>** · 02/06/2006, 17h56

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 :

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

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>

**SpaceFrog** · 02/06/2006, 17h56

Code :

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

1
2
3
ul {
	list-style-image: url('....');
}

HwRZxLc4 · 02/06/2006, 18h06

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

**SpaceFrog** · 02/06/2006, 18h16

un peu d'magination que diable !!!

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

HwRZxLc4 · 02/06/2006, 18h25

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

Un mega tres grand merci

placer une petit image devant chaque lien

HTML

Discussions similaires

Partager

Partager