CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

problème liste à puce

racageek
racageek
Niveau 6
31 juillet 2008 à 22:45:59

salut, j'ai un petit problème avec mes listes à puce, j'ai utilisé la propriété "list-style-image" pour les changer.
Jusque là ça va mais regardez le screen:

http://www.noelshack.com/m/uploads/listeapuce093864.jpg

j'ai un problème de décalage, ça ne me faisait pas ça avant je ne comprends pas le problème. :(

merci de votre aide. :ok:

Shadowknights
Shadowknights
Niveau 10
31 juillet 2008 à 22:48:07

tu peux montrer ton code stp ? HTML + CSS

deepblue
deepblue
Niveau 16
31 juillet 2008 à 22:55:24

classique :p)

Le truc, c'est de mettre un list-type:none et de mettre ton image en background du li :
li {
background:url(mon image) center left no-repeat;
}

deepblue
deepblue
Niveau 16
31 juillet 2008 à 23:00:50

li {
list-type:none;
background:url(mon image) center left no-repeat;
}

racageek
racageek
Niveau 6
01 août 2008 à 10:37:57

merci de vos réponses, ça marche mais le problème c'est que maintenant il y a un grand espace entre mon image et le texte, je n'arrive pas à les coller :(
merci :ok:

[Overdoz]
[Overdoz]
Niveau 4
01 août 2008 à 11:19:45

Pas fan des puces moi, la dernière fois que j'ai rencontrer ce problème je crois que j'ai mis en background l'image dans l'ancre se trouvant dans le li et ensuite de jouer avec le padding :)

deepblue
deepblue
Niveau 16
01 août 2008 à 13:34:24

faut jouer sur la padding du li, idem pour le margin

mr_monkey
mr_monkey
Niveau 10
03 août 2008 à 09:41:33

si c'est pour mettre list-type a none et utiliser un background autant utiliser des div ou des span ...

deepblue
deepblue
Niveau 16
03 août 2008 à 11:33:04

Mais arrete voir de dire des conneries ><
1- une image en puce n'est pas centrée verticalement : ça pose probleme
2- Sémantiquement, c'est ce qu'il faut

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment