Bonjour,
je sèche complètement sur mon problème :
j'ai une liste (ul/li) de lien (a) contenant une image (img) et du texte (dans un span)
je veux que les éléments de ma liste apparaissent trois par ligne (float: left; et width: 30%; sur les <li>)
pour chaque élément, je veux mettre l'image à gauche (float: left) et le texte à droite (float: right, facultatif...)
jusque là tout va bien.
ensuite, il y a tellement d'éléments que ça ne tient pas sur une page => on est obligé de scroller.
le problème vient lors de la navigation au clavier: chaque TAB fait passer au lien suivant et fait scroller la page sauf que je ne vois que les premiers millimètre de l'item li actif (qui a le focus), un peu comme la partie émergée de l'iceberg...
quelqu'un a une idée ? (modif css, html ou petit trick javascript dans le pire des cas)
je sèche complètement sur mon problème :
j'ai une liste (ul/li) de lien (a) contenant une image (img) et du texte (dans un span)
je veux que les éléments de ma liste apparaissent trois par ligne (float: left; et width: 30%; sur les <li>)
pour chaque élément, je veux mettre l'image à gauche (float: left) et le texte à droite (float: right, facultatif...)
jusque là tout va bien.
ensuite, il y a tellement d'éléments que ça ne tient pas sur une page => on est obligé de scroller.
le problème vient lors de la navigation au clavier: chaque TAB fait passer au lien suivant et fait scroller la page sauf que je ne vois que les premiers millimètre de l'item li actif (qui a le focus), un peu comme la partie émergée de l'iceberg...
quelqu'un a une idée ? (modif css, html ou petit trick javascript dans le pire des cas)
