OVH Cloud OVH Cloud

"espace de texte" a un endroit précis de la page

1 réponse
Avatar
Viper
Bien le bonjour,

Vous excuserez mon manque de vocabulaire, je vais néanmoins essayer d'etre
le plus clair possible dans mon explication. J'ai une page web avec une image
utilisée en fond, elle remplit complétement ladite page et j'aimerait ajouter
un "espace de texte" dans un endroit précis de la page (pour que ça colle
bien avec l'image). J'ai essayer les tableaux, les couches etc mais ce n'est
pas adapté car il n'y a pas de "barre de défilement" ... pourriez vous une
petit solution pour m'aider ?

Merci d'avance.

1 réponse

Avatar
B. M.
Viper a écrit :
Bien le bonjour,

Vous excuserez mon manque de vocabulaire, je vais néanmoins essayer d'etre
le plus clair possible dans mon explication. J'ai une page web avec une image
utilisée en fond, elle remplit complétement ladite page et j'aimerait ajouter
un "espace de texte" dans un endroit précis de la page (pour que ça colle
bien avec l'image). J'ai essayer les tableaux, les couches etc mais ce n'est
pas adapté car il n'y a pas de "barre de défilement" ... pourriez vous une
petit solution pour m'aider ?

Merci d'avance.



Il y a moyen de rajouter les barres de défilement à une couche (je
suppose que c'est un <div>) en rajoutant à la main dans le code la
propriété "overflow: auto" dans son style.
Autrement dit, pour ton pavé de texte qui fait par exemple 200px par
300px et qui est positionné à 250px du bord gauche et 150px du bord
haut, front page va t'écrire le code suivant :
<div style="position: absolute; left: 250px; top: 150px; width: 200px;
height: 300px">
<p>ton texte trop grand pour le pavé</p>
</div>

Si tu le retouche sous l'onglet html comme ceci :
<div style="position: absolute; left: 250px; top: 150px; width: 200px;
height: 300px; overflow: auto">
<p>ton texte trop grand pour le pavé</p>
</div>
Les barres de défilement vont apparaitre si besoin.
Je crois d'ailleurs qu'avec overflow : scroll elles y seront même si il
n'y en a pas besoin.
--
B. M.