28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je viens chercher vos lumières parce que je suis en panne d'inspiration...

j'ai un menu en inline, et je souhaiterais qu'une "puce mouvante" apparaisse sous le texte, en son milieu...

Je ne pense pas qu'il soit possible de le faire avec un list-style-image.
j'envisage le background-image mais je ne sais pas quelles spécifications préciser quant à la position.
Et pour la mobilité de l'image, je ne vois pas trop non plus comment faire...

Si vous avez des idées, je suis preneuse...

Merci ! Smiley smile
Salut,

Tu aurais une image représentatif de ce que tu voudrais faire ?
par exemple :

bgajfkahjf lkahf lkaflka hfaf

bgajfkahjf lkahf lkaflka hfaf


Si oui je pense que tu peux jouer avec le <li> et le background en ajoutant du padding.
background-position:center bottom; devrait t'aider aussi.
Merci Artx,
Ce que tu as écrit ne donne pas ce que tu as voulu imager, je crois, mais j'imagine que tu as bien compris ce que j'envisageais de faire, oui...
A savoir :

upload/51817-Sanstitre.PNG

Je vais tenter de mettre tes conseils en pratique, je reviens en cas de souci.
Merci!
Modifié par Reka (09 Dec 2013 - 13:15)
Bonjour,

je pense que le plus simple est de se passer des puces affichées par défaut et de les recréer (avec CSS par exemple). Ensuite, tu peux les placer en-dessous de chaque liens.

Au final, on obtient ça : http://codepen.io/anon/pen/yIceA

Tu peux naviguer dans ce menu avec le clavier. Smiley cligne

Pour ton histoire de puce coulissantes, je pense que ça doit être faisable en utilisant le principe du menu lavalamp.