Flux rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Forcer un scrollbar horizontal dans un div

bou, le mardi 11 mars 2008 à 09:16:57
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
Répondre à bou  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
bou, le vendredi 14 mars 2008 à 09:15:40
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
duglha, le vendredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
bou, le lundi 17 mars 2008 à 09:17:23
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 nam, le lundi 4 août 2008 à 13:38:15
merci, très utile :)
Répondre à nam
Yu-Gi-Oh! GX Tag Force 2Développeur:Konami JPN (KCEJ),Nb. de joueurs hors-ligne:1,Avis ESRB:Everyone 6+,Genre :Stratégie,Other Names:Yu-Gi-Oh! Tag Force 2,Divers:  www.commentcamarche.net/guide-achat/yu-gi-oh-gx-tag-force-2-990855-fiche-technique
[JS] Defilement d'une div (Résolu)Bonjour, J'aimerais simplement savoir s'il est possible de faire defiler manuellement ( enfin a l'aide de bouton et non d'une scrollbar ) un block de texte contenu dans une div ? Si oui grace a quelle fonction car le scrollBy et le... www.commentcamarche.net/forum/affich-4599269-js-defilement-d-une-div
Pursuit Force: Extreme JusticeOther Names:Pursuit Force 2: Extreme Justice,Genre :Course ,Nb. de joueurs hors-ligne:1-4,Développeur:BigBig Studios / SCEE,Divers:  www.commentcamarche.net/guide-achat/pursuit-force-extreme-justice-890374-fiche-technique
ToolsCleaner : suppression des Fix de force bruteToolsCleaner, réalisé par A.Rothstein & Dj Quiou, vous permet de désinstaller divers outils de désinfection. Ce logiciel va facilement vous débarrasser des logiciels de force brute, qui peuvent s'avérer dangereux pour votre PC, lors d'une mauvaise... www.commentcamarche.net/faq/sujet-8341-toolscleaner-suppression-des-fix-de-force-brute
[Vidéo] Graver un fichier Divx (avi) sur un DVDGraver plusieurs DivX sur un DVD inscriptible Si vous souhaitez mettre plusieurs DivX sur un DVD inscriptible (ou réinscriptible), il suffit de sélectionner "DVD de données" dans le logiciel de gravure et de déposer les fichiers à graver. Lire un... www.commentcamarche.net/faq/sujet-2494-video-graver-un-fichier-divx-avi-sur-un-dvd
[Vidéo] Décalage du son et de l'image d'un fichier vidéo (Divx)Le décalage du son et de l'image d'un fichier Divx, Mkv ou autre peut être dû à un des facteurs suivants : Ordinateur / Lecteur DivX pas assez performant. Il suffit de tester le fichier sur un ordinateur plus rapide pour s'en persuader Codecs... www.commentcamarche.net/faq/sujet-2959-video-decalage-du-son-et-de-l-image-d-un-fichier-video-divx
[µtorrent] DHT ??? (Résolu)Bonjour, je suis un tout nouvel arrivant sur ce site, que je connais déjà pourtant, à force de furetage sur le net à la recherche d'info diverse et (av)variées ^^. Mon problème (faisons bref) : j'utilise µtorrent depuis un moment.... www.commentcamarche.net/forum/affich-3082099-torrent-dht
Macro Excel bouton de mise a zero (Résolu)Bonjour, Voila je suis a la recherche d'une aide pour la creation d'une macro sous excel permettant la mise a zero de diverses cellules dans diverses feuilles de calcul (10 en tout) Ces cellules ne sont pas forcement continues ou contigues... www.commentcamarche.net/forum/affich-6294418-macro-excel-bouton-de-mise-a-zero
Ralentissement BF2 (Résolu)Au secours!!! SVP j'ai besoin d'aide. Je joue depuis un an sur BF2 et son addon Force spéciale, et j'ai remarqué au fil des mois que les performances se dégradaient progressivement, d'apres divers conseils, j'ai racheté une... www.commentcamarche.net/forum/affich-2758190-ralentissement-bf2
Télécharger DivX codecsLe codec Divx Community est gratuit pour un usage personnel et permet de lire les fichiers au format DivX ! L'installeur contient les éléments suivants : DivX Player 6.8.2 DivX Community Codec 6.8.4 DivX Web Player 1.4 L'installeur... www.commentcamarche.net/telecharger/telecharger-74-divx-codecs
Télécharger Easy MPEG/AVI/DIVX/WMV/RM to DVDEasy MPEG/AVI/DIVX/WMV/RM to DVD est rapide et permet de créer des disques DVD à partir de fichiers MPEG,DAT,AVI,DIVX,XVID,WMV,ASF,ASX,RM,RMVB. Il prend aussi en charge les fichiers vidéos au format stream. Le programme permet de créer un DVD image... www.commentcamarche.net/telecharger/telecharger-34056321-easy-mpeg-avi-divx-wmv-rm-to-dvd
Télécharger Dr.DivX OSSDr. DivX OSS est une application libre et portable permettant de convertir (transcoder) un grand nombre de formats vidéo vers le format DivX. Dr. DivX peut convertir vers le format DivX à partir de la plupart des formats d'entrée, dont MPEG-1,... www.commentcamarche.net/telecharger/telecharger-34055080-dr-divx-oss
InFocus IN2104IN 2104 ,,Formats acceptés: ,Format: ,Résolution maximale: ,Résolution native:1024x768 XGA,Contraste:2000,Luminosité (whisper mode):1800 Lumens ANSI,Divers: ,Fréquence horizontale:31-79 kHz,Fréquence verticale:50-85... www.commentcamarche.net/guide-achat/infocus-in2104-1061276-fiche-technique
Sony NWZ-A829B 16 Go BlackA 829 829 B 829B 829B ,USB 2.0, Capacité : 16 GB, Type de lecteur : Lecteur Multimedia, Type de mémoire : Flash,Page web du produit:Anglais,Fabricant:Sony,Divers:Built-in Bluetooth (AVRCP1.3 A2DP), Horizontal / Vertical Display,Dimensions... www.commentcamarche.net/guide-achat/sony-nwz-a829b-16-go-black-1082114-fiche-technique
Two WorldsOnline enabled,Genre:Jeu de rôle/Aventure,Développeur:Reality Pump,Description:The world changed when Aziraal, the god of war, was slain in the huge battle long ago. The hordes of Orcs lost their divine leader and were forced to withdraw to the... www.commentcamarche.net/guide-achat/two-worlds-768852-fiche-technique
Vidéo et imagerie numérique - Le format DivX Le format DivX est un format de compression/décompression vidéo permettant d'obtenir des vidéos compressées très peu volumineuses avec une perte de qualité très raisonnable. Ainsi le format DivX permet de stocker un film complet sur un CD-ROM de 650... www.commentcamarche.net/video/divx.php3
Toutes les réponses pour « forcer un scrollbar horizontal dans un div »