2009-11-15 8 views
0

Je veux utiliser le débordement sur un div pour afficher toutes les div et l'image, et le texte à mais pour cet exemple j'ai utilisé seulement des images.CSS débordement avec div

J'ai besoin d'un défilement horizontal, si je n'utilise que l'image, il fonctionne bien avec l'espace blanc: nowrap; css mais si chaque image est dans un div le saphir disparait et les images ne montrent pas tout.

Example 3 here

le premier travail exemple si je donne une largeur à un emballage tout div mais je peux le faire Methode puisque toutes les div sont appelés dynamiquement, il est dire que je peux obtenu 1 div à cent un.

Voici le code du 3ème exemple

#dmcscroll2 { 
    white-space: nowrap; display: 
    block; width:660px; 
    height:112px; 
    overflow: auto; 
    overflow-y: hidden; 
    /*overflow : 
    -moz-scrollbars-horizontal;*/ 
    border-style:solid; 
    border-width:1px; 
    border-color:#000; 
} 
.div-image{ 
    float: left; 
    width: 125px; 
} 

Comment puis-je faire pour la 3ème technique sans connaître le nombre de div avec des images un obtiendrai d'un appel javascript dynamique.

Vous pouvez regarder le code source pour voir plus en détail

+1

Vous avez décrit le problème comme si nous faisions partie de votre équipe. Je dirais être moins descriptif et plus clair. ;) – 3zzy

+0

merci mais c'est le meilleur que je peux faire en anglais he il (je suis francais) – Gino

Répondre

0

Vous pouvez retirer le float:left de .div-image CSS et ajouter display: inline à la place:

.div-image{ 
    display: inline; 
    width: 125px; 
} 

qui semble fonctionner comme vous le vouliez qu'il sur votre site Web exemple.

+0

Salut, j'avais des doutes que quelque chose de si simple marcherait mais ça fonctionne merci C'est l'exemple 3 dans le lien du post principal – Gino

Questions connexes