Bonsoir,

Bon je sais, je sais, j´aurais pu chercher mais je suis vraiement une grosse grosse grosse feignasse.

Voila, je voudrait rajouter une puce sur une liste, mais pas de la facon habituelle, c´est a dire qu´autrement avec la balise <li> vu que j´ai pas envie de me refaire tout mon menu

Bon on en vient au fait, je voudrait juste qu´au survole d´un de mes liens dans un menu, s´affiche un >>> devant le mot en question, qqun à une solution simple, ou je suis obligé de passer par <li>

Tu fais du texte avec des span, et tu rajoute du JS, et voila

Et en clair ca donne ^^

Désolé d´être chiant comme ça.

HS : Il est tard, c´est normal d´être chiant car "tête dans le cul"

MaitreYoshi >> ca y est je vient de comprendre ^^ je vais essayer 2-3 trucs ,enfin si qqun a la solution ^^

Bon j´ai trouvé ce que je cherchais, j´ai encore posté trop tot

la prochaine fois je ferais 7 fois le tour de google avant

enfin voila la lein, si un jour ca interesse quelqun

http://perso.orange.fr/patrice.roatta/javascript/exonmouse2.html

Il est plus simple que l´image BACKGROUND.gif ne soit constituée que d´une couleur transparente, comme ça, ça s´adapte à n´importe quel fond de page.

J´oubliais, je conseille également d´utiliser la transparence pour la puce.

J´ai vraiment besoin d´aller dormir, je n´avais pas regardé le code. On peu faire la m^me chose uniquement avec les css en utilisant a:link et a:hover

on peux se contenter avec a:link et a:hover sans tout ce java ?

la je suis interesse, avant que tu aille dormir ^^

Tiens, juste avec le a:hover :
http://www.geneweb.fr/wall-ljWzSBB2-xhtml.htm

intéressant parce que tres simple, mais ça marchera pour tous les liens de mon site et non pas pour le menu uniquement si ?

oui non ok, j´ai rien dit, je vais alle me coucher ^^

2 possibilités :
- tu ajoutes une classe :
- tu utilise l´héritage de classe.
Tiens, les 2 exemples :
http://www.yodasworld.info/tests/menu_a_puce/

a.g:hover {
background-image:url(image/puceg.jpg);
background-repeat:no-repeat;
background-position:1% 50%;
padding-left:10px;
}

a.f:hover {
background-image:url(image/pucef.jpg);
background-repeat:no-repeat;
background-position:1% 50%;
padding-left:10px;
}

merci a toi grand moderateur, je suis finalement parti avec ton code, avec 2-3 modifs pour arriver à ca.

Bon ce coup je vais vraiement me coucher, il parait que le clavier fait trop de bruit

Petite question, pourquoi désigner la position de l´image en % ? je peux voir ce que ça donne ?

Pour info, tu peux simplifier ton code par :
a.g:hover {
background: url(image/puceg.jpg) no-repeat 1% 50%;
padding-left: 10px;
}

a.f:hover {
background: url(image/pucef.jpg) no-repeat 1% 50%;
padding-left: 10px;
}

Darth-Bane >> ca permet d´afficher la liste avec un decale qd le lien est survole

http://zyrakun.free.fr/puce.htm

je trouve que l´effet rendu est sympa ^^

Perso, je préfère comme dans l´exemple quand le texte ne bouge pas.

Et ça ne répond pas vraiment à ma question, parce que j´obtiens le même résultat sans mettre 1% 50%, juste en enlevant a {padding-left: 15px;} et en laissant le padding-left dans le a:hover.
EN fait, ce qui me trouble le plus, c´est que tu ai exprimé les valeurs en % au lieu de px.

le % me permet de centrer la puce en hauteur par rapport au texte, enfin il me semble que c´est comme ca que j´ai appris ^^ c´et splus simple que de devoir rentrer une valeur absolu, surtout si je decide de faire une autre puce

Enfin bon tout ca pour dire merci Darth-Bane pour ce gentil coup de main nocturne.