2010-10-02 8 views
-3

Je développe un site web pour mobile et i-pod en HTML. Je voudrais une barre de défilement horizontale pour plusieurs images dans une rangée, qui a un lien hypertexte.Barre de défilement horizontale pour les images en html

Quelle est la méthode la plus simple pour cela?

Merci d'avance pour votre aide.

+7

Toutes les personnes répondant à des questions ici sont des bénévoles. S'ils répondent à votre question, ils le font uniquement pour vous aider. Que diriez-vous de leur montrer du respect en prenant quelques précautions lorsque vous écrivez vos questions et en arrêtant votre texte ridicule? Cela a aussi l'avantage (pour vous) que la question bien écrite a tendance à obtenir des réponses plus nombreuses et meilleures. – balpha

+0

suis-je mauvais certains où? ... plz corrigez-moi ... parce que im en utilisant cette méthode 1ère fois donc c'est évident que je vais me tromper où ... alors plz aidez-moi frnd ... – dip

+0

La première chose à faire est pour ne pas parler dans les contractions de texte, comme plz et 'b'. Nous ne devrions pas avoir à prendre le temps d'analyser votre question, car vous n'avez pas pris le temps de l'écrire correctement. –

Répondre

1

Cet exemple a des styles en ligne, veuillez mettre toutes vos règles de style dans une feuille de style lorsque vous utilisez réellement ce code.

Voici un exemple du HTML dont vous avez besoin ...

<div style="width: 500px; height: 120px; overflow: auto;"> 
    <div style="width: 1000px; height: 120px"> 
     <ul style="padding: 0;"> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
      <li style="display: inline;"><img src="image.png" alt="My Image"></li> 
     </ul> 
    </div> 
</div> 
Questions connexes