Bonjour à vous,

Je suis en train de réaliser une carte pour mon jeu php. Celle-ci se présente sous forme d'une successions de <span id="machin"><img src="truc" class="bidule" alt="type de terrain" /></span>, avec un <br /> à chaque fin de ligne.

Si la carte est trop grande et dépasse du div verticalement, alors l'attribut overflow:auto fonctionne : une barre de défilement verticale apparait.

Mais mon problème est que si la carte est trop large et qu'elle dépasse horizontalement, alors l'attribut overflow:auto n'a aucun effet : cela revient à la ligne automatiquement, bien que je n'ai aucun espace entre chaque image.

J'ai essayé de mettre du texte au-dessus des images, afin de forcer l'apparition de barres de défilement horizontales, et elles sont en effet apparues, mais les images revenaient quand même à la ligne.

Savez-vous comment faire pour que les images soient gérées comme du texte au niveau de l'overflow ?

Merci d'avance (et si je ne suis pas assez clair, n'hésitez pas à me le dire ^^)

essaie avec cette propriete mais pas garanti
img {visibility:collapse; }

Avec visibility:collapse, mes images sont devenues invisibles, et en les sélectionnant, on voit qu'elles revenaient quand même à la ligne Mais merci quand même...

Pour ceux qui n'avaient pas compris mes explications, voici un petit screen (pour l'instant il n'y a que des plaines ) :




Merci d'avance à celui qui me retirera une belle épine du pied... (enfin, belle, c'est beaucoup dire )



EDIT (petite précision) : En mettant overflow:hidden, les images reviennent quand même à la ligne...

Personne n'a d'idée ?

Hum ...

Citation : steeve

overflow:scroll;

Et c est pas un problème au niveau de ta largeur, tu aurais pas donné une certaine taille dans ton css pour ton width ?

overflow:scroll fais apparaitre une barre de défilement horizontale, mais les images reviennent quand même à la ligne.

Qu'il y ait un attribut width ou pas ne change apparemment rien... Et sur le net je ne trouve aucune réponse à ce problème...

J'ai fini par résoudre mon problème tout seul, grâce à la balise <nobr>. Merci quand même

super et de + je te remercie ca pourra me servir