Texte et menu déroulant
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Texte et menu déroulant
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
BonsoirJe 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>
Re: Texte et menu déroulant
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;
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;
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Texte et menu déroulant
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)
Sujets similaires
» Menu déroulant horizontal - enlever le déplacement de texte
» Menu déroulant
» Menu déroulant
» Menu déroulant
» Menu déroulant
» Menu déroulant
» Menu déroulant
» Menu déroulant
» Menu déroulant
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum