Div -> scroll -> uniquement en axe x

Bonjour,

J'aimerai n'avoir que le scroll X visible dans une div. C'est a dire ne même pas voir le scroll gris inactif et inutile et qui prend une ligne de trop pour rien en axe Y.

<td width='200px'><div style='max-width:200px;overflow:scroll;'>

Existe-t -il un moyen ?

Si oui, et une fois fait, peut on réduire la hauteur du scroll Y, la barre grise qui doit faire 15px, je l'aimerai plus fine à 5px.

Bonne journée
Modifié par westernz (09 Dec 2011 - 16:03)

Bonjour , peut être avec auto ?

a écrit :
scroll, met toujours une barre de défilement horizontale et verticale.

a écrit :
- auto, met une barre de défilement horizontale ou verticale si besoin.

edit : ya bien une solution je crois mais pas valide il me semble qui fonctionne pas avec tout les navigateurs :

overflow-x: scroll; overflow-y:hidden;

sinon en verticale seulement c'est tout a fait possible j'ai jamais eu besoin en horizontale seulement donc a part ce que j'ai dit plus haut je ne vois pas désolé

overflow:auto;
    word-wrap:break-word;

Modifié par nux02160 (09 Dec 2011 - 16:27)

Merci,

J'ai commencé par essayé ceci : auto

echo "</td><td width='100px'><div style='max-width:100px;overflow:auto;'>";

for($i=0;$i<=$total_page;$i++)
	{
    echo "<a href='?f=".$this_forum."&ap=".$i."'>&nbsp;";
    if ($file_actual_page == $i){echo "<strong>";}
	echo $i;
    if ($file_actual_page == $i){echo "</strong>";}
    echo "</a>&bull;";
    }
    
echo "</div></td>

Résultat : néant, comme un overflow:hidden
idem avec

overflow-x: auto; overflow-y:hidden;

Sinon ca marche avec :

overflow-x: scroll; overflow-y:hidden;

Même si ca me laisse une scroll vide quand ce n'est pas utile.

Quand à

word-wrap:break-word

Ca ne donne rien de bon, ca me met un retour à la ligne pour ce qui est de trop.

Au pire si j'ai un scroll gros c'est pas grave.
Mais s'il y a un moyen d'avoir un scroll plus petit (dans sa hauteur) ca serait bien.

Bonne journée