Rechercher : dans
Par :

Forcer un scrollbar horizontal dans un div

Dernière réponse le 4 sep 2009 à 19:39:31 bou, le 11 mar 2008 à 09:16:57 
 Signaler ce message aux modérateurs

Bonjour,

Je cherche la solution à ce problème !

Je suis dans un div, lui même dans une case d'un tableau. J'ai des images qui s'affichent à l'intérieur, et je voudrais qu'elles soient toutes sur une seule ligne avec un scrollbar horizontal. Allié à ce div un css qui définit "overflow: auto".

Le problème est que cet overflow fait apparaitre un scrollbar vertical, les images sont sur plusieurs lignes. J'ai essayé de changer mon overflow en overflow-x: scroll, mais ça ne marche pas.

Auriez-vous une solution, ou du moins des propositions à me faire par hasard ?

Merci !

Configuration: Windows XP
Firefox 2.0.0.12

Meilleures réponses pour « forcer un scrollbar horizontal dans un div » dans :
[Linux] Forcer la vérification des disques (fsck) VoirForcer la vérification des disques Finalité Sous Linux la vérification des disques se fait grâce à la commande fsck. Toutefois, pour des raisons de sécurité des données présentes sur le disque, il est fortement déconseillé de lancer un fsck sur...
Windows 7 - Forcer l'installation d'un programme / pilote VoirSi Windows 7 refuse une installation ! s'il y a un problème de compatibilité ! il est possible de forcer l'installation d'une application, programme ou un pilote. Il faudra encore du temps avant que certaines applications , programmes ou...

1

bou, le 14 mar 2008 à 09:15:40
  • +1

Bon eh bien je m'auto réponds pour les gens qui auraient le même problème que moi, j'ai réussi à faire ce que je voulais en ajoutant à mon css la propriété "white-space:nowrap;".

Répondre à bou

2

duglha, le 14 mar 2008 à 14:25:34

Salut,
est ce que tu peux me montrer ton exemple, j'ai le même probleme et j'arrive pas a forcer le scroll horizontal.
merci

Répondre à duglha

3

bou, le 17 mar 2008 à 09:17:23
  • +1

En fait c'est tout simple depuis une case d'un tableau, j'ai un include qui appelle une page menu_photos.php dont voici le contenu :

<?php


//fonction qui retourne l'extension d'un fichier
function recupextension ($filename)
{
return substr(strrchr($filename, '.'), 1);
}

//fonction qui permet de compter le nombre d'images dans un dossier spécifié à l'appel de la fonction
function listeRep($rep)
{
if (is_dir($rep))
{
if ($rh = opendir($rep))
{
$i = 0;
while (($file = readdir($rh)) !== false)
{
if ($file != '.' && $file != '..')
{
if (!is_dir($rep.$file) && (recupextension($file)=="jpg" || recupextension($file)=="gif" || recupextension($file)=="png" || recupextension($file)=="jpeg" || recupextension($file)=="JPG" || recupextension($file)=="GIF" || recupextension($file)=="PNG" || recupextension($file)=="JPEG"))
{
//mise au bon format de l'affichage des vignettes (100 de haut)
$dim = getimagesize($_GET['fichier_photos'].'/'.$file);
if ($dim[1] > 100)

{ $coef = $dim[1]/100;
$hauteur = 100;
$largeur = $dim[0]/$coef;
}
else
{ $hauteur = $dim[0];
$largeur = $dim[1];
}

echo '<a href="affichage_photos.php?fichier_photos='.$_GET['fichier_photos'].'&id='.$file.'"><img src="'.$_GET['fichier_photos'].'/'.$file.'" width='.$largeur.'px height='.$hauteur.'px/> </a>';

}
}
}
}
}
}

?>


<?php
// affichage du bandeau fixe ou des vignettes correspondant à la bonne catégorie
if ($_GET['fichier_photos']==0)
{
echo '<div class="div-mh-sans-scroll" style="width:900px; height:125px margin=auto;"><img src="images/bandeau_photos.jpg">';
}
else
{
//affichage de mes photos, ici qu'il y avait un problème de scroll
echo '<div class="div-mh" style="width:900px;">';
listeRep($_GET['fichier_photos']);
}

?>
</div>




j'ai rajouté dans le css de ce div :

.div-mh {
width: 900px;
height: 125px;
overflow: auto;
white-space:nowrap;
overflow-y: hidden;
}

le white space, et il a résolu tout mon problème : il n'y a plus de retour à la ligne automatique ^^

Répondre à bou

4

nam, le 4 aoû 2008 à 13:38:15

Merci, très utile :)

Répondre à nam

5

airwhite, le 27 oct 2008 à 21:29:22

Merci beaucoup!

Répondre à airwhite

6

Man's, le 25 nov 2008 à 19:14:17

Merci beaucoups pour vos explications, il m'a fallu du temps pour tomber sur ce forum,
j'avais le meme problème que la personne ayant fais le post, c'est juste pour vous remercier :-)

Répondre à Man's

7

 Greg, le 4 sep 2009 à 19:39:31

Merci, trés pratique.

Répondre à Greg
Collection CommentÇaMarche.net