Zone de texte un peu particulière...
Résolu
Bonjour à tous,
Cela fait un bon moment que je galère avec le html/css pour une zone de texte.
Je m'explique :
Il faudrait qu'au moment où le texte défile avec la barre de défilement verticale générale, suite à un zoom ou changement d'écrans par exemple, celui-ci se coupe ou cache pour ne pas passer au dessus du menu du haut.
Il me fallait absolument un exemple à vous montrer alors à cette adresse par exemple :
http://www.ornex.fr/index2.htm
vous apercevrez en défilant ( il faut zoomer un peu si vous n'arrivez pas à voir correctement la zone ) que la zone de texte est limitée mais peut quand même défiler sans passer sur le menu.
Hélas je n'ai pas de code à vous montrer vu que je n'y arrive pas...
En espérant sincèrement que vous pourrez m'aidez, au pire merci d'avoir lu :p
Cela fait un bon moment que je galère avec le html/css pour une zone de texte.
Je m'explique :
Il faudrait qu'au moment où le texte défile avec la barre de défilement verticale générale, suite à un zoom ou changement d'écrans par exemple, celui-ci se coupe ou cache pour ne pas passer au dessus du menu du haut.
Il me fallait absolument un exemple à vous montrer alors à cette adresse par exemple :
http://www.ornex.fr/index2.htm
vous apercevrez en défilant ( il faut zoomer un peu si vous n'arrivez pas à voir correctement la zone ) que la zone de texte est limitée mais peut quand même défiler sans passer sur le menu.
Hélas je n'ai pas de code à vous montrer vu que je n'y arrive pas...
En espérant sincèrement que vous pourrez m'aidez, au pire merci d'avoir lu :p
5 réponses
-
hello
tu peux utiliser le z-index (pour la barre de menu verticale) pour ce genre d' effet.
cela fonctionne avec le positionnement.(relatif/absolu). -
Salut merci beaucoup pour ta réponse !
Donc si je comprend bien, toute ma bannière du haut doit être séparer du fond principal pour que le texte puisse passer en dessous ?
Le problème c'est que mon fond est unit, je n'ai pas séparé plusieurs images pour le site afin de ne pas alourdir son chargement.
Dans ce cas est-ce qu'on pourrai par exemple créer une zone invisible autour du texte pour qu'il puisse s'arrêter sur les bords de celui-ci et que s'il sort de la zone il disparaisse ?
Voici une petite image pour mieux décrire :
http://nsa29.casimages.com/img/2013/01/08/130108062328294638.jpg -
tu peux dimensionner le conteneur de ton texte et utiliser overflow: hidden en css
qui cache ce qui sort du cadre. -
Ok je vois tout à fait j'avais tester hier sans succès mais je vais donc réessayer et revenir ici donner des nouvelles.
Merci patrick ;) -
Tout fonctionne milles merci !
