Retourner aux forums || Retourner au forum Programmation.web
Programmation.web : Listes et overflow : comment ça marche ?
Posté par François Nautré () le 07 août 2008
< html >
< head >
< style type="text/css" >
ul { overflow: visible }
li { overflow: visible }
#container { width: 150px; overflow: scroll }
< /style >
< title > Test < /title >
< /head >
< body >
< div id="container" >
< ul id="list" >
< li class="ligne" > Hello World Foo Bar Dev Null < /li >
< /ul >
< /div >
< /body >
< /html >
Si quelqu'un a une idée...
Merci d'avance.> Lire le message (4 commentaires, moyenne: 1,8).
ton style ne marche pas
en simplifiant ca ne marche toujours pas et j'ai le meme comportement
< html >
< head >
< style type="text/css" >
#container { width: 150px; overflow: scroll }
< /style >
< title > Test < /title >
< /head>
< body >
< div id="container" >
< ul id="list" >
< li class="ligne" > Hello World Foo Bar Dev Null < /li >
< li class="ligne" > Hello World Foo Bar Dev Null < /li >
< /ul >
< /div >
< /body >
< /html >
Apprendre par les autres, c'est bien.
Apprendre par soi-meme (RTFM, man, et notre ami google) c'est mieux
-
[^]Re: ton style ne marche pas
Posté par François Nautré () le 07/08/2008 à 12:22. (lien). Évalué à 2.En fait, avec un div, le problème est le même, ce n'est pas spécifique aux listes.
Pour que le scroll sur conteneur fonctionne, il faut que le contenu ait une largeur fixe.
Or dans mon cas j'ai absolument besoin d'avoir une taille dynamique...-
[^]Re: ton style ne marche pas
Posté par PtitFox () le 07/08/2008 à 14:03. (lien). Évalué à 2.Bonjour,
En utilisant la propriété white-space: nowap, pour éviter une rupture de la ligne à chaque espace, cela devrait fonctionner.
< style type="text/css" >
#container { width: 150px; overflow: scroll; white-space: nowrap}
< /style >-
[^]Re: ton style ne marche pas
Posté par François Nautré () le 07/08/2008 à 14:23. (lien). Évalué à 2.Merci PtitFox, c'est exactement ce qu'il me fallait, maintenant ça fonctionne !
-
-
Revenir en haut de page || Retourner aux forums || Retourner au forum Programmation.web
Cette page a été générée par Templeet en 0.0539s (dont 0.0056 de SQL).
Cette page est peut-être conforme xhtml 1.0.
Information sur le site.
Faire un don !
Cette discussion est archivée, il n'est plus possible de laisser des commentaires.
Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.