Zone de texte un peu particulière...

Résolu/Fermé
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 - 7 janv. 2013 à 23:35
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 - 8 janv. 2013 à 23:45
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


5 réponses

patrick7338 Messages postés 51 Date d'inscription vendredi 29 janvier 2010 Statut Membre Dernière intervention 25 février 2013 6
8 janv. 2013 à 05:35
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).
1
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 6
8 janv. 2013 à 18:23
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
1
patrick7338 Messages postés 51 Date d'inscription vendredi 29 janvier 2010 Statut Membre Dernière intervention 25 février 2013 6
Modifié par patrick7338 le 8/01/2013 à 19:05
tu peux dimensionner le conteneur de ton texte et utiliser overflow: hidden en css
qui cache ce qui sort du cadre.
0
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 6
8 janv. 2013 à 19:54
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 ;)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 6
8 janv. 2013 à 23:45
Tout fonctionne milles merci !
0