[Résolu]Liste avec lien images différentes

bonjour,

(je débute tout juste en CSS)
je cherche à faire une liste de lien, sauf qu'à la place du texte, je veux afficher des images.

			<ul class="menugauche">
				<li id="news"><a href="">news</a></li>
				<li id="Lien1"><a href="#">Lien 1</a></li>
				<li id="Lien2"><a href="#">Lien 2</a></li>
				<li id="Lien3"><a href="#">Lien 3</a></li>
			</ul>

j'ai donné un ID a chauqe li pour pouvoir mettre l'image en puce avec "list-style-image" mais il m'affiche le texte à coté et donc mon image n'est pas *là ou je voudrais qu'elle soit (à la place du texte), il faudrait donc que l'image reste mais que le texte dégage.

Par la suite il faudra aussi que les images changent au passage de la souris.

Edit : si je ne mets pas directement les images avec <img src= /> dans l'HTML c'est pour un soucis d'accessibilité.


Merci !
Modifié par Bis2Kt (11 Jul 2006 - 12:52)

Bonjour et bienvenue Bis2kt,

tu peux t'inspirer dans les tutoriels Alsacréations de certains menus de la Galerie de menus, notamment le 9ème 'Newsletter menu1 à 7' (le 1er qui soit très graphique) et le 11ème (le petit garçon).
Je te conseille de désactiver les CSS (Affichage/Style de la page/Aucun style dans Firefox ou mieux avec l'extension Web Developer Toolbar) pour voir l'état avant/après les CSS, c'est nettement plus clair, en combinaison avec les sources des pages bien entendu.

je vais jeter un oeil, j'ai aussi trouvé ça sur un autre site :

http://pompage.net/pompe/sprites/

jvais faire un mix des 2, ça devrait m'aider.

J'ai déjà l'extension Web Developper qui m'est effectivement très utile !

Merci

Edit : mais si ça marche (désolé je l'avais fait un peu vite)
Modifié par Bis2Kt (11 Jul 2006 - 16:40)

Hello,

Ton URL ne fonctionne malheureusement pas, tu l'as rédigée sans tenir compte des explications données dans l'Aide du forum et dans la FAQ

bon, voilà j'ai fait mon menu grâce aux liens cités + haut.

Reste plus qu'à dégager le texte inscrit dans mes <li></li> ...

Edit : (décidemment aujourd'hui j'édite beaucoup) ... bref, j'avais essayé text-indent mais ça marchait aps sur mon vieux code tout sale qui marchait pas. Maintenant text-indent fonctionne à merveille. Vala j'ai fini pour ça merci
Modifié par Bis2Kt (11 Jul 2006 - 17:47)