Mettre une barre de défilement à un bloc trop grand
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Mettre une barre de défilement à un bloc trop grand
Bonjour, Bonsoir,
Je viens à vous car je rencontre un petit problème avec un code pour mon Forum. Le soucis semble assez simple à régler mais étant une vraie bille en HTML et CSS, je pense que j'ai fais une bêtise: j'ai essayé d'associer plusieurs codes à l'aveuglette en espérant que ça marche tout simplement ... Pas très malin
Le problème se trouve ici: http://assassins-history.forumsactifs.com/
Vous pouvez voir une partie "News", celle-ci devrait apparaitre en principe de façon à ce que le texte défilant (de façon manuelle) entre dans la "bulle" prévue à cet effet mais bien sûr ça marche pas comme prévu (bah oui ça serait pas drôle sinon ).
Je vous donne le code, en espérant que vous pourrez régler le soucis. Je tiens à préciser que le code de ce message d'accueil étant en construction, je vais continuer un peu mais bêtises sur d'autres parties du code ... Donc si la personne m'aidant avait la patience de m'aider complètement en privé, ça serait super cool
Le code:
> Et là le soucis c'est que y a plus le bouton pour défiler
Merci d'avance
Je viens à vous car je rencontre un petit problème avec un code pour mon Forum. Le soucis semble assez simple à régler mais étant une vraie bille en HTML et CSS, je pense que j'ai fais une bêtise: j'ai essayé d'associer plusieurs codes à l'aveuglette en espérant que ça marche tout simplement ... Pas très malin
Le problème se trouve ici: http://assassins-history.forumsactifs.com/
Vous pouvez voir une partie "News", celle-ci devrait apparaitre en principe de façon à ce que le texte défilant (de façon manuelle) entre dans la "bulle" prévue à cet effet mais bien sûr ça marche pas comme prévu (bah oui ça serait pas drôle sinon ).
Je vous donne le code, en espérant que vous pourrez régler le soucis. Je tiens à préciser que le code de ce message d'accueil étant en construction, je vais continuer un peu mais bêtises sur d'autres parties du code ... Donc si la personne m'aidant avait la patience de m'aider complètement en privé, ça serait super cool
Le code:
- Code:
<div style="text-align: center;"><div style="text-align: center;"><span style="text-decoration: underline;"></span><font size="4"><span style="text-decoration: underline;">BIENVENUE SUR ASSASSIN'S HISTORY RÔLE PLAY</span><br></font></div><br><br><a href="http://assassins-history.forumsactifs.com/f1-reglement-general?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img71.xooimage.com/files/2/4/2/reglement-2b4e0f7.png" alt="" border="0"></a> <a href="http://assassins-history.forumsactifs.com/f3-presentation?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img71.xooimage.com/files/5/9/8/inscription-2b4e11f.png" alt="" border="0"></a> <a href="http://assassins-history.forumsactifs.com/t29-le-staff-du-forum?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img66.xooimage.com/files/4/f/0/staff-2b4e1a2.png" alt="" border="0"></a> <a href="http://assassins-history.forumsactifs.com/f54-partenariats?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img72.xooimage.com/files/5/4/4/partenaires-2b4e1cf.png" alt="" border="0"></a><br></div>
<br>
<table width="100%"><tr><td class="titrepa" width="70%">Histoire</td><td class="titrepa">News</td></tr>
<tr><td class="contenupa"><div style="float:left; margin:3px;"><img src="http://nsa28.casimages.com/img/2011/07/29/110729082838810136.png" /></div>Nous sommes en 1500 après Jésus-Christ et une guerre fait rage en Italie. Rome, Venise, Florence, toutes les villes sont touchés et même le Monde entier. Depuis des années, une guerre sanglante fait rage entre les Templiers et les Assassins. Les Borgia, Templiers sanguinaires de cette époque on prit le contrôle des villes mais quelques Assassins décidèrent de mettre un terme à tout cela.
La question c'est "Qui seras-tu ? Un Assassin, ou un Templier ?
Alors, n'attends plus et inscris-toi vite sur Assassin's History RP !
</td><tr><td colspan="2" rowspan="1"><table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="width: 65%; text-align: left; vertical-align: top;"><span class="boxtoproundtitle">les News</span><div class="box"><div style="overflow: auto; width: 50%; height: 90px;"><font color="white"><b><ul><li>Blabla bientôt !
</ul> </b><br/>
Très très très bientôt ...
<br/>
</font>
</div><br/></td></tr>
<tr><td class="titrepa">Effectif du Forum</td><td class="titrepa"> Staff</td></tr>
<tr><td class="contenupa"><center> Admin: 2
Modérateur: 1
PNJ: 1
Assassins: 2
Templiers: 1
</center></td><td class="contenupa"><ul>
<li>Fondateur: Lag.</li>
<li>Administrateurs: Lag & dragonnier</li>
<li>Modérateur: TodRitter</li>
<li>PNJ: Maitre du Jeu (MJ)</li>
</td></tr></table>
> Et là le soucis c'est que y a plus le bouton pour défiler
Merci d'avance
Dernière édition par Lag le Lun 1 Aoû 2011 - 17:48, édité 1 fois
Re: Mettre une barre de défilement à un bloc trop grand
Un petit UP avant d'aller dormir.
Re: Mettre une barre de défilement à un bloc trop grand
Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif |
Alex Fowl- Membre actif
-
Messages : 7557
Inscrit(e) le : 28/03/2009
Re: Mettre une barre de défilement à un bloc trop grand
Excuses-moi pour le dernier UP, petite règle un peu oublié.
Cette fois, je UP avec 24h x')
Cette fois, je UP avec 24h x')
Re: Mettre une barre de défilement à un bloc trop grand
Bonjour,
Je n'ai pas compris quel texte défilait, et en mettant le bouton au dessus de quoi =)
Je n'ai pas compris quel texte défilait, et en mettant le bouton au dessus de quoi =)
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Mettre une barre de défilement à un bloc trop grand
Sur un Forum où je suis, l'effet est le même. Je te montre:
http://tales-of-naruto.forumactif.com/
Tu vois que pour les News, il y a une roulette
J'aimerai mettre ma News dans son cadre, comme les autres, mais avec une roulette pour les jours où je serai super bavard xD
http://tales-of-naruto.forumactif.com/
Tu vois que pour les News, il y a une roulette
J'aimerai mettre ma News dans son cadre, comme les autres, mais avec une roulette pour les jours où je serai super bavard xD
Re: Mettre une barre de défilement à un bloc trop grand
Ah, une barre de défilement x)
Donc si vous avez l'endroit où vous voulez la mettre il suffit d'un code de ce genre :
Sinon de votre demande en fait j'avais compris un truc de ce style :
Mais qui ne bouge que si on a le curseur au dessus d'un bouton ( enfin ce n'est pas cela ^^ ).
Donc si vous avez l'endroit où vous voulez la mettre il suffit d'un code de ce genre :
- Code:
<div style="max-height:200px; overflow: auto;">contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu </div>
Sinon de votre demande en fait j'avais compris un truc de ce style :
Mais qui ne bouge que si on a le curseur au dessus d'un bouton ( enfin ce n'est pas cela ^^ ).
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Mettre une barre de défilement à un bloc trop grand
Je ne sais si je vais abuser mais pourrais-tu le placer dans le code global ?
Je ne comprends pas grand chose au codage et donc placer ça dans le truc géant va m'emmener à d'autres bêtises je le sens
Je ne comprends pas grand chose au codage et donc placer ça dans le truc géant va m'emmener à d'autres bêtises je le sens
Re: Mettre une barre de défilement à un bloc trop grand
Vous avez moyen de sauver votre code dans un fichier .txt, faire vos test et si ça foire juste reprendre ce que vous avez enregistré ^^
Mais il y a aussi des services qui rendent les tests plus facile, par exemple : http://jsfiddle.net/EsSBB/ est pas mal ^^
Il suffit de modifier le code et puis d'appuyer sur Run.
Donc pour où le mettre, si on regarde la fin de la 2ème ligne :
Mais il y a aussi des services qui rendent les tests plus facile, par exemple : http://jsfiddle.net/EsSBB/ est pas mal ^^
Il suffit de modifier le code et puis d'appuyer sur Run.
Donc pour où le mettre, si on regarde la fin de la 2ème ligne :
- Code:
Alors, n'attends plus et inscris-toi vite sur Assassin's History RP !
</td><tr>
- Code:
Alors, n'attends plus et inscris-toi vite sur Assassin's History RP !
</td>
<td>
<div style="max-height:200px; overflow: auto;">contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu </div>
</td>
</tr>
<tr>
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Mettre une barre de défilement à un bloc trop grand
Bonne idée !
Merci beaucoup :)Je double-post pour attirer ton attention au cas ou tu aurais déjà vu la réponse précédente:
J'ai testé avec ce que tu me dis et cela ne veut toujours pas aller dans la petite boite rectangulaire prévu à cet effet. Tu me dis qu'il faut une troisième ligne pour avoir la chose ? Le soucis c'est que je m'y connais pas et j'avais une idée. J'ai demandé sur un forum de codage mais je me passerai de commentaires sur le Forum en question. A présent je suis seul à la dérive et je dérive pas mal.
Merci beaucoup :)Je double-post pour attirer ton attention au cas ou tu aurais déjà vu la réponse précédente:
J'ai testé avec ce que tu me dis et cela ne veut toujours pas aller dans la petite boite rectangulaire prévu à cet effet. Tu me dis qu'il faut une troisième ligne pour avoir la chose ? Le soucis c'est que je m'y connais pas et j'avais une idée. J'ai demandé sur un forum de codage mais je me passerai de commentaires sur le Forum en question. A présent je suis seul à la dérive et je dérive pas mal.
Re: Mettre une barre de défilement à un bloc trop grand
J'ai donné la solution en fait, remplacer le premier code par le second, ce qui donne : http://jsfiddle.net/EsSBB/1/
En fait un <table>...</table> c'est un tableau.
Dans un tableau il y a des lignes ( <tr>...</tr> ).
Dans des lignes il y a des cases ( <td>...</td> ).
Si on prenait la ligne avec "Nous sommes en 1500 après Jésus-Christ et une guerre fait rage en Italie. Rome, Venise, Florenc", c'est :
En fait un <table>...</table> c'est un tableau.
Dans un tableau il y a des lignes ( <tr>...</tr> ).
Dans des lignes il y a des cases ( <td>...</td> ).
Si on prenait la ligne avec "Nous sommes en 1500 après Jésus-Christ et une guerre fait rage en Italie. Rome, Venise, Florenc", c'est :
- Code:
<tr><td class="contenupa"><div style="float:left; margin:3px;"><img src="http://nsa28.casimages.com/img/2011/07/29/110729082838810136.png" /></div>Nous sommes en 1500 après Jésus-Christ et une guerre fait rage en Italie. Rome, Venise, Florence, toutes les villes sont touchés et même le Monde entier. Depuis des années, une guerre sanglante fait rage entre les Templiers et les Assassins. Les Borgia, Templiers sanguinaires de cette époque on prit le contrôle des villes mais quelques Assassins décidèrent de mettre un terme à tout cela.
La question c'est "Qui seras-tu ? Un Assassin, ou un Templier ?
Alors, n'attends plus et inscris-toi vite sur Assassin's History RP !
</td></tr>
- Code:
<tr><td class="contenupa"><div style="float:left; margin:3px;"><img src="http://nsa28.casimages.com/img/2011/07/29/110729082838810136.png" /></div>Nous sommes en 1500 après Jésus-Christ et une guerre fait rage en Italie. Rome, Venise, Florence, toutes les villes sont touchés et même le Monde entier. Depuis des années, une guerre sanglante fait rage entre les Templiers et les Assassins. Les Borgia, Templiers sanguinaires de cette époque on prit le contrôle des villes mais quelques Assassins décidèrent de mettre un terme à tout cela.
La question c'est "Qui seras-tu ? Un Assassin, ou un Templier ?
Alors, n'attends plus et inscris-toi vite sur Assassin's History RP !
</td><td>CONTENU</td></tr>
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Mettre une barre de défilement à un bloc trop grand
Sincèrement j'ai beau essayé, je n'y arrive pas. Y a pas à dire, les codes et moi ça fait 70 >.<
Re: Mettre une barre de défilement à un bloc trop grand
Tout le code est là : http://jsfiddle.net/EsSBB/1/
- Code:
<div style="text-align: center;">
<div style="text-align: center;">
<span style="text-decoration: underline;"></span><font size="4"><span style="text-decoration: underline;">BIENVENUE SUR ASSASSIN'S HISTORY RÔLE PLAY</span><br>
</font>
</div>
<br>
<br>
<a href="http://assassins-history.forumsactifs.com/f1-reglement-general?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img71.xooimage.com/files/2/4/2/reglement-2b4e0f7.png" alt="" border="0"></a><a href="http://assassins-history.forumsactifs.com/f3-presentation?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img71.xooimage.com/files/5/9/8/inscription-2b4e11f.png" alt="" border="0"></a><a href="http://assassins-history.forumsactifs.com/t29-le-staff-du-forum?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img66.xooimage.com/files/4/f/0/staff-2b4e1a2.png" alt="" border="0"></a><a href="http://assassins-history.forumsactifs.com/f54-partenariats?tid=c31095efc3b742394e6e417294ebeed9" class="postlink"><img src="http://img72.xooimage.com/files/5/4/4/partenaires-2b4e1cf.png" alt="" border="0"></a><br>
</div>
<br>
<table width="100%">
<tr>
<td class="titrepa" width="70%">
Histoire
</td>
<td class="titrepa">
News
</td>
</tr>
<tr>
<td class="contenupa">
<div style="float:left; margin:3px;">
<img src="http://nsa28.casimages.com/img/2011/07/29/110729082838810136.png"/>
</div>
Nous sommes en 1500 après Jésus-Christ et une guerre fait rage en Italie. Rome, Venise, Florence, toutes les villes sont touchés et même le Monde entier. Depuis des années, une guerre sanglante fait rage entre les Templiers et les Assassins. Les Borgia, Templiers sanguinaires de cette époque on prit le contrôle des villes mais quelques Assassins décidèrent de mettre un terme à tout cela. La question c'est "Qui seras-tu ? Un Assassin, ou un Templier ? Alors, n'attends plus et inscris-toi vite sur Assassin's History RP !
</td>
<td>
<div style="max-height:200px; overflow: auto;">
contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu
</div>
</td>
</tr>
<tr>
<td colspan="2" rowspan="1">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 65%; text-align: left; vertical-align: top;">
<span class="boxtoproundtitle">les News</span>
<div class="box">
<div style="overflow: auto; width: 50%; height: 90px;">
<font color="white"><b>
<ul>
<li>Blabla bientôt !
</ul>
</b><br/>
Très très très bientôt ... <br/>
</font>
</div>
<br/>
</td>
</tr>
<tr>
<td class="titrepa">
Effectif du Forum
</td>
<td class="titrepa">
Staff
</td>
</tr>
<tr>
<td class="contenupa">
<center> Admin: 2 Modérateur: 1 PNJ: 1 Assassins: 2 Templiers: 1 </center>
</td>
<td class="contenupa">
<ul>
<li>Fondateur: Lag.</li>
<li>Administrateurs: Lag & dragonnier</li>
<li>Modérateur: TodRitter</li>
<li>PNJ: Maitre du Jeu (MJ)</li>
</td>
</tr>
</table>
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Mettre une barre de défilement à un bloc trop grand
Le soucis c'est qu'il n'est pas dans la "box" délimité par le contour noir au coin arrondi comme tout les autres. Si tu regardes le Forum, tu remarques cela ne pas pas spécialement et j'ai deux "News"
Le problème c'est que je ne vois pas comment mettre le contour ^^"
Le problème c'est que je ne vois pas comment mettre le contour ^^"
Re: Mettre une barre de défilement à un bloc trop grand
Si on prend la case précédente, le contenu est :
- Code:
<td class="contenupa">
<div style="float:left; margin:3px;">
<img src="http://nsa28.casimages.com/img/2011/07/29/110729082838810136.png"/>
</div>
Nous sommes en 1500 après Jésus-Christ et une guerre fait rage en Italie. Rome, Venise, Florence, toutes les villes sont touchés et même le Monde entier. Depuis des années, une guerre sanglante fait rage entre les Templiers et les Assassins. Les Borgia, Templiers sanguinaires de cette époque on prit le contrôle des villes mais quelques Assassins décidèrent de mettre un terme à tout cela. La question c'est "Qui seras-tu ? Un Assassin, ou un Templier ? Alors, n'attends plus et inscris-toi vite sur Assassin's History RP !
</td>
- Code:
<td>
<div style="max-height:200px; overflow: auto;">
contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu
</div>
</td>
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Mettre une barre de défilement à un bloc trop grand
Ah ah !!!!!!!!! Ça marche !!!!
Merci beaucoup, notamment de ta patience face à mon ignorance
Je mets en résolu
Merci beaucoup, notamment de ta patience face à mon ignorance
Je mets en résolu
Sujets similaires
» bloc avec barre de défilement
» Barre de défilement horizontale en trop
» [résolu] code trop grand pour le mettre dans "description du site*"
» Mettre une barre de défilement
» comment mettre une barre de defilement
» Barre de défilement horizontale en trop
» [résolu] code trop grand pour le mettre dans "description du site*"
» Mettre une barre de défilement
» comment mettre une barre de defilement
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum