Texte et menu déroulant

[Plümpheit]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://laserenissime.forumactif.org

Description du problème

Bonsoir

Je suis en train de travailler sur une fiche de publicité pour mon forum en HTML et je rencontre un petit soucis de rien du tout. En réalité, je ne connais pas le nom de ce que je souhaite faire, je ne sais donc pas "quoi" chercher.

Dans ma fiche (ci-joint) j'ai crée des espaces réservés au texte. Ils ont des dimensions soigneusement choisis. Or quand je met beaucoup de texte, ce dernier déborde. Je voudrais qu'il ne sorte pas de ses cases, et qu'il y ai des barres déroulantes sur le côté...

Voilà j'espère que je suis assez claire, parce que comme dit, il est difficile de chercher une chose dont on ignore le nom :p

et donc la fiche en question

Code:

<div align="center"; style= "background-image: url(http://zupimages.net/up/18/01/ovnl.png); background-repeat:no-repeat; width: 500px; height:850px; background-color: #12110c; border-radius:10px;"><img alt="logo" src="https://zupimages.net/up/18/01/u5lz.png" class="photo" /><div style="background-image: url(http://eu.battle.net/d3/static/images/db/directory-bg.jpg); width:150px; height:210px; border-radius:10px; border:2px solid #2E2816; float: left; margin-left:25px; margin-top:-50px;"><div align="center"; style="color:#b57300; margin-top:22px; font-style:italic; font-weight:bold; font-size:19px; font-family: serif;"> Nos Liens Utiles </div> <div align="left"; style="color:#d4d4c8; font-family: serif; margin:5px; font-size:16px;"> <ul><li><a href="http://laserenissime.forumactif.org/" target="_blank"style="text-decoration : none; color:#d4d4c8; font-family: serif; font-size:16px;"> Accueil </a></li><li><a target="_blank" href="http://laserenissime.forumactif.org/t2-les-lois-de-la-serenissime#3" style="text-decoration : none; color:#d4d4c8; font-family: serif; font-size:16px;" > Règlement</a></li><li><a target="_blank" style="text-decoration : none; color:#d4d4c8; font-family: serif; font-size:16px;" href="http://laserenissime.forumactif.org/f5-l-univers"> L'Univers</a></li><li><a target="_blank" style="text-decoration : none; color:#d4d4c8; font-family: serif; font-size:16px;" href="http://laserenissime.forumactif.org/t241-guide-pour-le-nouvel-arrivant"> Petit Guide </a></li><li><a target="_blank" style="text-decoration : none; color:#d4d4c8; font-family: serif; font-size:16px;" href="http://laserenissime.forumactif.org/f6-annexes"> Annexes </a></li><li><a href="http://laserenissime.forumactif.org/f273-bourse-aux-personnages" target="_blank" style="text-decoration : none; color:#d4d4c8; font-family: serif; font-size:16px;"> Bourse aux personnages </a></li> </ul></div></div><div style="background-image: url(http://eu.battle.net/d3/static/images/db/directory-bg.jpg); width:275px; height:210px; border-radius:10px; border:2px solid #2E2816; float: right; margin-right:25px; margin-top:-50px;"><div align="center"; style="color:#b57300; margin-top:22px; font-style:italic; font-weight:bold; font-size:19px; font-family: serif;">TITRE ECRIRE ICI </div><div align="left"; style="color:#d4d4c8; font-family: serif; margin:5px; font-size:16px;">BLABLA ECRIRE ICI </div></div> <div style="background-image: url(http://eu.battle.net/d3/static/images/db/directory-bg.jpg); width:450px; height:210px; border-radius:10px; border:2px solid #2E2816; margin-top:185px;"><div align="center"; style="color:#b57300; margin-top:22px; font-style:italic; font-weight:bold; font-size:19px; font-family: serif;">TITRE ECRIRE ICI </div><div align="left"; style="color:#d4d4c8; font-family: serif; margin:5px; font-size:16px;"> BLABLA ECRIRE ICI </div></div><div align="center"; style="color:#b57300; margin-top:22px; font-style:italic; font-weight:bold; font-size:19px; font-family: serif; margin-bottom:10px;">Phrase d'accroche</div> <a href="http://laserenissime.forumactif.org/" target="_blank"><img src="http://zupimages.net/up/17/14/f4f0.gif" title="La Sérénissime" /></a></div>
 
 


[MlleAlys]

Bonjour,
Vous souhaitez gérer les débordements des textes en faisant apparaitre une barre de défilement verticale.
Pour cela, ajoutez dans le style du bloc concerné une hauteur fixe ou maximale, par exemple :
height:100px;
Puis ajoutez dans le style de ce bloc la propriété overflow (qui indique la façon de gérer les débordement) avec la valeur auto (qui fera apparaitre automatiquement la barre de défilement si nécessaire).
overflow: auto;

[Plümpheit]

Merci beaucoup! Vraiment ^^ c'est exactement ce que je voulais (et désolée pour le manque de vocabulaire, car en plus vous m'avez aidée à retrouver mes mots LOL)