5568 sujets

Sémantique web et HTML

Bonsoir (ou bonjour)

Je souhaite positionner des images à la suite les unes des autres dans le sens de la largeur (activant ainsi le scroll G/D)
Je place donc mes images dans le htm sans autres formes de gestion (me disant que du fait que c'est une balise 'inline' j'aurais le résultat escompté sans trop me fouler Smiley smile ).

Seulement voila arrivé au bout de ma page il m'affiche la suite en dessous.

Je ne souhaite pas utiliser une bidouille bourin sous css si cela est possible directement en htm.

Si vous avez donc des idées pour m'aider je suis tout ouïe Smiley murf

à bientot.
j'ai essayé overflow-x: scroll mais ca me met un scroll inactif en bas sans pour autant me mettre les images sur une seule ligne ^^
Modifié par ptitvincent (14 Dec 2009 - 20:55)
bonjour,

Met tes images dans une balise de type block , comme <p> ou <div> , ajoute une class comme :
<p class="nowrap"><img src="... ...</p> 
et indique dans ta feuille de style :
 .nowrap {white-space:nowrap; overflow:auto; /*ou width:100%; */padding-bottom:14px;}


Cela devrait te donner un conteneur qui affiche un scroll et tes images sur une seule ligne.

Pour en savoir plus fait une recherche sur "white-space" .

Cordialement,
GC
Modifié par gc-nomade (14 Dec 2009 - 22:13)
Bonjour,

La solution de gc-nomade devrait fonctionner, par contre je me permet de te faire remarquer que l'accessibilité de l'interface que tu souhaite réaliser n'est pas terrible. En effet, actuellement nous sommes habitués à scroller avec la molette de la souris ; scroll qui ne se fait qu'à l'horizontale et pas à la verticale. Tu vas donc forcer tes utilisateurs à déplacer manuellement la scroll bar ; s'ils ne sont pas dans les meilleurs dispositions, ils risquent de se contenter des premières images et de ne pas voir l'ensemble de ton travail.
merci pour ta solution gc-nomade Smiley smile

@ laurie-anne
en fait je souhaite mettre des ancres sur chaques images. elles seront rangées par thème dans un htm différents à chaques fois. accessible via une galerie qui elle est une series de thumbnails tout bete ^^ (sur une autre page de gallerie) mais certaines de mes images seront lu en unique car elle n'ont pas de copines ^^

Cela te parrait bizare comme systeme ?
Une précision pour être clair:
Laurie-Anne a écrit :
La solution de gc-nomade devrait fonctionner, par contre je me permet de te faire remarquer que l'accessibilité de l'interface que tu souhaite réaliser n'est pas terrible. En effet, actuellement nous sommes habitués à scroller avec la molette de la souris ; scroll qui ne se fait qu'à l'horizontale et pas à la verticale. Tu vas donc forcer tes utilisateurs à déplacer manuellement la scroll bar ; s'ils ne sont pas dans les meilleurs dispositions, ils risquent de se contenter des premières images et de ne pas voir l'ensemble de ton travail.

Le problème que tu soulèves, tel que tu le décris, est un problème d'ergonomie et pas d'accessibilité.