Overflow

Bonjour,

J'ai bien pris note du tuto sur l'Overflow c'est super.
Mais dans mon projet je voudrais faire défiler un morceau de ma page UNIQUEMENT horizontalement .
J'ai créé un bloc,et en overflow:auto j'ai un ascensseur vertical et pas horizontal..malgrè pleins d'essais dans la taille du bloc ???
Comment faire ? merci

Bonjour be web, et bienvenue

Comment faire défiler un morceau de ma page uniquement horizontalement ?

Si le contenu n'a pas une taille verticale totalement figée, comme une image (et encore) : ne pas faire.
- ça n'est pas prévu pour (ça le sera peut-être un jour).
- ça se cassera la figure dès que les paramètres d'affichage du visiteur ne seront pas ceux prévus.
- ça pose des problèmes d'accessibilité
- ça conduit à toutes sortes de bidouilles affreuses

Maintenant, si es vraiment résolu à le faire, c'est effectivement une question de réglage de hauteur. Mais il n'est guère possible de t'en dire plus sans un exemple (en ligne si possible) de ton code HTML et CSS.
Modifié par Laurent Denis (25 Jul 2005 - 09:53)

salut be web,

html :

<div id="conteneur_scrollable">
<div id="contenu">

</div>
</div>

css :

#conteneur_scrollable {
overflow:auto;
height:300px;
width:500px;
}

#contenu {
height:295px;
width:5000px;
}

Mais si c'est pour mettre du texte ce sera de toute façon assez risqué quant au rendu. Risque éventuellement limitable en choisissant des valeurs en em pour les height.
Modifié par clb56 (25 Jul 2005 - 10:11)

y a aussi des variables dispo pour IE... pas crossbowser malheuresement.

overflow-x ou overflow-y pour choisir la défilement horizontal ou vertical..

Merci pour vos réponses à tous deux
heu si c'est pas bien et si en plus c'est pas portable ni accessible
en effet je laisse tomber à moins que je fasse une bonne vieille frame alors ?!!

En tous cas encore merci
be web

Un exemple fameux qui devrait t'intéresser : http://www.fastclemmy.com/

(L'auteur a joué avec beaucoup d'habileté sur CSS pour créer une page d'accueil en scroll horizontal. Mais il ne cherche pas à "forcer" l'absence de scroll vertical et laisse celui-ci apparaître lorsqu'il est nécessaire).

<edit>Pour la piste indiquée par clb56, il ne faut pas mettre de propriéte "height" sur le conteneur global </>
Modifié par Laurent Denis (25 Jul 2005 - 11:03)

Tiens, en creusant un peu, un exemple amusant avec des paragraphes flottants dans un bloc en scroll horizontal (pas adapté pour IE) :

#conteneur {
overflow:auto;
width: 500px;
background-color: #d0d0d0;
border: 1px solid #000;
}
#contenu {
width:2050px;
}
#contenu p {
width: 440px;
float: left;
margin: 20px;
border: 1px solid #000;
padding: 10px;
background-color: #fff;
font-size: 1em
}

et en HTML :

<div id="conteneur">
<div id="contenu">
<p>Un grand brocolis</p>
<p>Un tout petit brocolis</p>
<p>Un moyen brocolis</p>
<p>Un dernier brocolis pour la faim ?</p>
</div>
</div>

(Remplacer les brocolis par du texte plus long)

L'amusant, c'est que la hauteur s'adapte au brocolis le plus haut (c'est à dire qui a le texte le plus long), et que l'agrandissement des caractères passe bien. Enfin, chez moi
Modifié par Laurent Denis (25 Jul 2005 - 13:29)

encore merci je fais des essais

Bonjour,

Juste pour dire que j'ai réussi ce "modèle" pour faire une petite galerie donc à défilement horizontal et c'est très bien...
> seulement quid de la portabilité, ? il faut que je fasse des tests
> mon width en est à 6500 px ! y a-t-il une limite ?

en tous cas merci
et bonne journée
bé