Problème overflow: auto

[redfox721]

Détails techniques

Version du forum : phpBB2
Poste occupé : Modérateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
https://freeimage.host/i/d5rWJt
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à vous,

Nous avons crée une fiche en html pour indiquer à nos partenaires les détails de notre MAJ. Cependant, lorsque nous la postons sur d'autres forums, la liste déroulante ne se cache pas dans le cadre, mais dépasse le tout comme s'il n'y avait pas de "overflow: auto". (voir image plus haut)

Merci beaucoup pour votre aide !

[kheino]

Bonjour,

Avec les codes html + css s'y afférant on pourrait mieux vous aider.

[Lixyr]

Bonjour,

Je ne trouve pas la fameuse fiche HTML. Pour pouvoir comparer et voir ce qui cloque, il faudrait :
- le lien de votre page HTML ;
- le lien d'un sujet de partenariat d'un de vos partenaires où le problème est apparent.

[redfox721]

Bonjour !

Voici le lien d'un partenariat: https://breath-of-hyrule.forumsrpg.com/t755-black-waters

Et voici le code de la fiche:

Code:

<style>@font-face {font-family: Cutive;
 src: url(https://dl.dropbox.com/s/k2bmkvc3oga3313/CutiveMono-Regular.ttf?);}
@font-face {font-family: Elsie;
 src: url(https://dl.dropbox.com/s/vj8zc9lzoc3fgxt/Elsie-Regular.ttf?);}
a {text-decoration: none !important; color:#7d6914;}
::-webkit-scrollbar {background-color: #120A02; height: 20px; width: 4px;}
::-webkit-scrollbar-button {display: none!important;}
::-webkit-scrollbar-thumb {background-color: #80220a;}
::-webkit-scrollbar-track {background-color: #120A02;}</style>

<center><DIV STYLE="background-image: url('https://zupimages.net/up/20/31/c5sp.png'); width : 500px; height: 450px;  box-shadow : 2px 2px 10px #120a02; border-radius : 15px;">

<DIV STYLE="width: 225px; height: 300px; margin-top: 90px; margin-left: 220px; font-family: verdana; font-size: 11px; line-height: 14px; overflow: auto; color:#72767B;"><DIV STYLE="font-family: Elsie, cursive; font-size: 15px; color : #80220a; letter-spacing: 2px; text-transform:uppercase;" >Version 3</div>
[justify]Bonjour à tous!

Comme le titre le dit si bien, nous en sommes enfin à la [b][color=#cc3333]version 3[/color][/b] de Black Waters! Ce nouveau design est bien sûr signé [b][color=#cc3333]Visenya & Twisty.Rain[/color][/b].

Plusieurs petites nouveautés vous attendent dont le [b][color=#cc3333]système de parrainage[/color][/b] qui ouvre enfin ses portes! <3 D’ailleurs, un nouveau modérateur se joindra à nos rangs afin de gérer cette section pour aider les nouveaux à bien s’intégrer au forum.

De plus, la [b][color=#cc3333]fin de l’event #2[/color][/b] est arrivé et on peut dire que bien des choses étranges se passe dans la petite ville d’Irlande!

Une [b][color=#cc3333]boîte d'annonce [/color][/b]a été installée en haut de page du forum. Elle comporte la vidéo officielle de Black Waters, les membres du mois, une petite playlist et des messages importants concernant le forum. Venez y jeter un coup d'oeil, elle est superbe!!

Pour faciliter la recherche de liens, nous avons mis en place un [color=#cc3333][b]récapitulatif des membres du forum[/b][/color]. Un mini résumé de chacun sera disponible afin de rapidement trouver des membres/personnages compatible avec votre propre personnage.

Nous désirons également souhaiter la bienvenue à nos petits nouveaux qui nous font arriver à [b][color=#cc3333]38 membres[/color][/b]! Non seulement ils donnent de la vie au forum, mais plusieurs [b][color=#cc3333]scénarios et pré-liens[/color][/b] attendent des joueurs. [url=http://blackwaters.forumactif.com/f10-la-face-cachee-de-la-lune]ICI[/url]. Sorcière, vampire, loup-garou, créatures mythiques, vous êtes servis!

Bref, voici les petites nouvelles de l'été! Si vous avez des questions, vous pouvez toujours venir faire un petit tour [url=http://blackwaters.forumactif.com/f6-demandes]ICI[/url] et le staff se fera un plaisir d'y répondre!

[center]Le staff de BW
[color=#cc3333][b]Amelia | Daevelyna | Valerya[/b][/color][/center]
[/justify]
</div></center>

[kheino]

Bonsoir,

Hou ! je vais passer mon tour parce qu'il y a du script et je me forme encore sur le vaste sujet, donc je ne peux pas encore vraiment aider.
Le overflow fonctionne très bien en codes-CSS, si ce n'est que ça et plus léger qu'un script et là je peux aider

[EDIT : Désolée, n'avais pas vraiment regarder le script/style qui est en fait du CSS]

En revanche, le code est extrêmement 'berdolique' à mon sens :
D'expérience, le HTML et le BBcode mélangés, c'est une très grosse FBI (Fausse Bonne Idée).
Le type de balises (div, etc) en majuscules aussi (surtout quand c'est refermé en minuscules), même si là le style-CSS est directement dans la balise HTML,.
Il manque en tout cas une fermeture de 'div' de ce que j'ai pu voir, et d'autres incohérences, ce qui ne pardonne pas.
Bref, c'est un code à refaire au propre.

[Scoubifitz]

Détails techniques

Version du forum : phpBB2
Poste occupé : Modérateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
https://freeimage.host/i/d5rWJt
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)  

Description du problème

Bonjour à vous,

Nous avons crée une fiche en html pour indiquer à nos partenaires les détails de notre MAJ. Cependant, lorsque nous la postons sur d'autres forums, la liste déroulante ne se cache pas dans le cadre, mais dépasse le tout comme s'il n'y avait pas de "overflow: auto". (voir image plus haut)

Merci beaucoup pour votre aide !

Bonjour,

Les autres forums n'ont pas activé l'HTML non protégé pour leurs membres ...

Autoriser le HTML non protégé : O Administrateurs O Administrateurs et modérateurs X Tous les membres

Ce qui vous prive de certains attributs , comme le overflow par exemple ...

2 solutions : demander l'activation à chaque forum où vous voulez poster ,
ou faire une vraie page HTML et poster l'iframe de cette page dans les forums ...

[kheino]

Hello,

- J'ai juste rectifié le code-html, pas touché au style-css, ni au code entre les balises 'style' du début (que par ailleurs je ne comprends pas, le code fonctionne sans).
Pas touché non plus à la mise en page du texte (saut de ligne, etc), uniquement sur les balises 'div' et 'style'.
- L'ai essayé dans le message d'accueil, sur une page html.
- Attention, dans un message il ne peut y avoir aucun espace non-voulu, tel que saut de ligne, il faut que le code se suive même entre les différentes balises.
pour saut de ligne même hors message en html c'est :
<br / > sans espace avec le >
Visenya & Twisty pour le & c'est &#38 ;  sans espace avec le point-virgule ;
<3 pour le < c'est &#8249 ; sans espace avec le point-virgule ;
Même dans les balises codes il ne le met pas en html  
Sinon, écrits tel quel, les balises de fin sont en rouge pour prendre cela comme des codes mal écrits.

L'overflow-box parait mal placée sur l'image, c'est peut-être voulu...

Code:

<style>
  @font-face {font-family: Cutive;
 src: url(https://dl.dropbox.com/s/k2bmkvc3oga3313/CutiveMono-Regular.ttf?);}
@font-face {font-family: Elsie;
 src: url(https://dl.dropbox.com/s/vj8zc9lzoc3fgxt/Elsie-Regular.ttf?);}
a {text-decoration: none !important; color:#7d6914;}
::-webkit-scrollbar {background-color: #120A02; height: 20px; width: 4px;}
::-webkit-scrollbar-button {display: none!important;}
::-webkit-scrollbar-thumb {background-color: #80220a;}
::-webkit-scrollbar-track {background-color: #120A02;}
</style>
 
<table align="center"><tr><td align="center">
<div style="background-image: url('https://zupimages.net/up/20/31/c5sp.png'); width : 500px; height: 450px;  box-shadow : 2px 2px 10px #120a02; border-radius : 15px;">
 
<div style="text-align: justify; width: 225px; height: 300px; margin-top: 90px; margin-left: 220px; font-family: verdana; font-size: 11px; line-height: 14px; overflow: auto; color:#72767B;">
<div style="text-align: center; font-family: Elsie, cursive; font-size: 15px; color : #80220a; letter-spacing: 2px; text-transform:uppercase;" >
Version 3
</div>
Bonjour à tous!
 
  Comme le titre le dit si bien, nous en sommes enfin à la <span style="color: #cc3333; font-weight: bold;">version 3</span> de Black Waters! Ce nouveau design est bien sûr signé <span style="color: #cc3333; font-weight: bold;">Visenya & Twisty.Rain</span>.
 
  Plusieurs petites nouveautés vous attendent dont le <span style="color: #cc3333; font-weight: bold;">système de parrainage</span> qui ouvre enfin ses portes! ‹3 D’ailleurs, un nouveau modérateur se joindra à nos rangs afin de gérer cette section pour aider les nouveaux à bien s’intégrer au forum.
 
  De plus, la <span style="color: #cc3333; font-weight: bold;">fin de l’event #2</span> est arrivé et on peut dire que bien des choses étranges se passe dans la petite ville d’Irlande!
 
  Une <span style="color: #cc3333; font-weight: bold;">boîte d'annonce</span> a été installée en haut de page du forum. Elle comporte la vidéo officielle de Black Waters, les membres du mois, une petite playlist et des messages importants concernant le forum. Venez y jeter un coup d'oeil, elle est superbe!!
 
  Pour faciliter la recherche de liens, nous avons mis en place un <span style="color: #cc3333; font-weight: bold;">récapitulatif des membres du forum</span>. Un mini résumé de chacun sera disponible afin de rapidement trouver des membres/personnages compatible avec votre propre personnage.
 
  Nous désirons également souhaiter la bienvenue à nos petits nouveaux qui nous font arriver à <span style="color: #cc3333; font-weight: bold;">38 membres</span>! Non seulement ils donnent de la vie au forum, mais plusieurs <span style="color: #cc3333; font-weight: bold;">scénarios et pré-liens</span> attendent des joueurs. <a href="http://blackwaters.forumactif.com/f10-la-face-cachee-de-la-lune">ICI</a>. Sorcière, vampire, loup-garou, créatures mythiques, vous êtes servis!
 
  Bref, voici les petites nouvelles de l'été! Si vous avez des questions, vous pouvez toujours venir faire un petit tour <a href="http://blackwaters.forumactif.com/f6-demandes">ICI</a> et le staff se fera un plaisir d'y répondre!
 
<div style="text-align: center;">Le staff de BW</div>
<span style="color: #cc3333; font-weight: bold;">Amelia | Daevelyna | Valerya</span>
 </div>
</div>
</td></tr></table>

Sinon, à vérifier ce que dit Scoubifitz sur les permissions-html.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.