Problème affichage code HTML
2 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
Problème affichage code HTML
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.entraide-youtubers.com/
Description du problème
Bonjour, je viens vers vous suite à un gros problème d'affichage d'une annonce TEST en HTML sur un sujet:http://www.entraide-youtubers.com/t11187-nouvelle-formule-youtuber-a-l-honneur-test-format-html#187706
(Voir la différence entre le modèle en haut et le résultat en bas de post)
J'ai placé et un peu travaillé ce code depuis une page html sur mon panneau admin de ce coté c'est bon sauf qu'une fois l'annonce faite sur mon sujet je place le même code et la catastrophe rien ne va plus c'est complètement décalé 0_0
J'ai oublié" quoi du coup?
C'est possible en phpBB3 parce que j'ai lu que le html a été interdit dans phpbb3 pour faille de sécurité..
La fonction HTML est bien activé dans mon message ainsi que pour les membres sur mon forum.
Mon code:
- Code:
<div style="height: 1742px; width: 620px; background: #141414; padding-top: 7px;">
<div style="height: 1730px; width: 600px; background: #A09E9E; margin-left: 7px; border: 3px solid #CACACA; text-align: center; font-size: 10px;">
<img src="http://wosape.free.fr/saigneur/v5.png" style="height: 240px; width: 600px; border-bottom: 3px solid #CACACA;" />
<div style="height: 20px; width: 600px; background: #B3B3B3; border-bottom: 3px solid #CACACA; margin-top: -4px; text-align: center; font: 'arial'; font-size: 13px; font-style: italic; color: #FFFFFF; padding-top: 5px">
La chaîne de PM 3D à l'honneur
</div><img src="http://r30.imgfast.net/users/3017/31/01/68/avatars/835-32.png" style="border: 3px solid #B9B8B8; margin: 25px 0 0 25px;" />
<div style="height: 320px; width: 300px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 15px">
<div style="height: 20px; width: 300px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
LA CHAINE
</div>
<div style="height: 140px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 10px; color: #545454; line-height: 2; text-align: left;">
♦ <strong>Nom de chaîne </strong>: ici <br />♦ <strong>Type de chaîne </strong>: ici <br />♦ <strong>Nombre d'abonnés </strong>: ici<br />♦ <strong>Membre YT depuis le</strong>: ici<br />♦ <strong>Nombre de vues </strong>: ici<br />♦ <strong>URL chaîne </strong>: ici
</div>
<div style="height: 20px; width: 300px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
QUI ES-TU ?
</div>
<div style="height: 140px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 10px; color: #545454; line-height: 2; text-align: left;">
♦ <strong>Prénom </strong>: ici<br />♦ <strong>Age </strong>: ici<br />♦ <strong>Messages </strong>: ici<br />♦ <strong>localisation </strong>: ici<br />♦ <strong>Site web </strong>: ici
</div>
</div>
<div style="height: 320px; width: 250px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 25px">
<div style="height: 20px; width: 250px; border-bottom: 1px solid #CACACA; background:#00C4F5 ; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
DESCRIPTION CHAINE
</div>
<div style="height: 300px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 12px; color: #545454; text-align: justify;">
PM 3D Animation est spécialisée dans la conception, la création de projets en 3D en tout genre en utilisant les logiciels SketchUp pour la modélisation principale du projet (structures, décors...), Lumion pour les rendus avec l'application de lumières, textures, personnages, animation et Sony Vegas pour faire le montage pour rendre le projet plus vivant avec de la musique et des ambiances sonores. Les projets sont purement fictifs et sont conçus à partir de différents thèmes comme : l’architecture, la vie actuelle, la science fiction, le cinéma ou le jeu vidéo. Ils s'articulent aux travers d'un scénario de fond en y intégrant parfois un concept architectural, mettant en exergue, pour certains projets, des scènes particulières.
</div>
</div>
<object style="width:235px;height:320px;margin-top:24px; border: 3px solid rgb(202, 202, 202);" data="https://www.youtube.com/embed/2WZxyf2ssrc" type="text/html"> </object> <object style="width:235px;height:320px;margin-top:24px; border: 3px solid rgb(202, 202, 202);" data="https://www.youtube.com/embed/miyhGqkknuE" type="text/html"> </object>
<div style="height: 320px; width: 250px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 15px">
<div style="height: 20px; width: 250px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
Hotel The Island [Projet 3D]
</div>
<div style="height: 300px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 12px; color: #545454; text-align: justify;">
Hôtel The Island est un concept architectural d'un hôtel de luxe situé sur une île accessible uniquement par voie maritime. Le projet a été réalisé sur SketchUp 15 et Lumion 5. Le concept fictif de ce projet était d'imaginer un hôtel sur une île avec une construction en forme de plateaux rocheux sur plusieurs niveaux pour donner l'illusion que l'hôtel aurait été sculpté dans un rocher. Les plateaux possèdent des formes différentes et seront placés dans des axes différents afin de donner un effet d'escalier hélicoïdal. Tous les niveaux sont recouverts de végétations pour que l'hôtel se fond ainsi dans le paysage et lui donner un coté nature. Les niveaux sont complètement vitrés pour donner aux clients une vue panoramique sur l'ensemble de l'île et ses environs. Les niveaux chambres disposent d'une terrasse et d’une piscine suspendue avec jardin. L'hôtel disposera de deux plages aménagées via des box privés liés aux chambres des clients.
</div>
</div>
<div style="height: 320px; width: 250px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 25px">
<div style="height: 20px; width: 250px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
Lumion | 70 [Projet 3D]
</div>
<div style="height: 300px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 12px; color: #545454; text-align: justify;">
70 est un projet survival/post-apocalyptique réalisé sur SketchUp 15 et Lumion 5. Dans ce projet je devais donner l’illusion d’être dans la peau d’une personne, un survivant qui marche dans un monde détruit, suite à une catastrophe dont la cause restera inconnue. La végétation ayant repris ses droits, les villes sont devenues de grandes forêts luxuriantes et abondantes. Marchant dans différents tableaux, sans savoir ou aller cette personne ne peut que constater ce que son monde est devenu et le désespoir ne fait que l’envahir. En voyant régulièrement le chiffre 70 sur son chemin, elle décide de suivre ces indications et de s’y rendre sans savoir ce qui pouvait l’attendre.
</div>
</div>
<object style="width:235px;height:320px;margin-top:24px; border: 3px solid rgb(202, 202, 202);" data="https://www.youtube.com/embed/iK76h9upqug" type="text/html"> </object> <a href="http://www.never-utopia.com/"></a>
</div>
</div>
Merci pour votre aide ça fait un moment que je travail mes annonces et j'arrive à un truc de propre sauf que tout est gâché du coup là et je ne comprend pas le problème.
Dernière édition par Solid6Snake le Ven 9 Oct 2015 - 8:01, édité 1 fois
Solid6Snake- *****
- Messages : 580
Inscrit(e) le : 07/11/2013
Re: Problème affichage code HTML
bonjour votre sujet et fermer aux invité ..
Invité- Invité
Re: Problème affichage code HTML
Ah oui c'est dans une section privé.. j'ai déplacé le sujet dans une autre section normalement c'est visible là?
Solid6Snake- *****
- Messages : 580
Inscrit(e) le : 07/11/2013
Re: Problème affichage code HTML
non toujours pas ..
Invité- Invité
Re: Problème affichage code HTML
Décidément il est temps d'aller se coucher un peu ^^
Voilà c'est bon maintenant c'est ouvert aux invités.
http://www.entraide-youtubers.com/t11187-nouvelle-formule-youtuber-a-l-honneur-test-format-html#187706
Encore désolé
Voilà c'est bon maintenant c'est ouvert aux invités.
http://www.entraide-youtubers.com/t11187-nouvelle-formule-youtuber-a-l-honneur-test-format-html#187706
Encore désolé
Solid6Snake- *****
- Messages : 580
Inscrit(e) le : 07/11/2013
Re: Problème affichage code HTML
Bonjour,
J'ai essayé de reprendre ton code en ajoutant des tables pour le rendre un peu plus stable et modifier certaine valeur pour aligner un peu l'ensemble.
Remplace ta page html par ceci
Ensuite pour mettre ton tableau dans un post préfère l'iframe (récupère le lien de ta page html dans gestion des pages html << url du lien
J'ai essayé de reprendre ton code en ajoutant des tables pour le rendre un peu plus stable et modifier certaine valeur pour aligner un peu l'ensemble.
Remplace ta page html par ceci
- Code:
<table>
<tbody>
<tr>
<td>
<div style="height: 1742px; width: 620px; background: #141414; padding-top: 7px;">
<div style="height: 1730px; width: 600px; background: #A09E9E; margin-left: 7px; border: 3px solid #CACACA; text-align: center; font-size: 10px;">
<img src="http://wosape.free.fr/saigneur/v5.png" style="height: 240px; width: 600px; border-bottom: 3px solid #CACACA;" alt="" />
<div style="height: 20px; width: 600px; background: #B3B3B3; border-bottom: 3px solid #CACACA; margin-top: -4px; text-align: center; font: 'arial'; font-size: 13px; font-style: italic; color: #FFFFFF; padding-top: 5px">
La chaîne de PM 3D à l'honneur
</div><img src="http://r30.imgfast.net/users/3017/31/01/68/avatars/835-32.png" style="border: 3px solid #B9B8B8; margin: 25px 0 0 25px;" alt="" />
<div style="height: 320px; width: 300px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 15px">
<div style="height: 20px; width: 300px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
LA CHAINE
</div>
<div style="height: 140px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 10px; color: #545454; line-height: 2; text-align: left;">
♦ <strong>Nom de chaîne</strong> : ici<br /> ♦ <strong>Type de chaîne</strong> : ici<br /> ♦ <strong>Nombre d'abonnés</strong> : ici<br /> ♦ <strong>Membre YT depuis le</strong>: ici<br /> ♦ <strong>Nombre de vues</strong> : ici<br /> ♦ <strong>URL chaîne</strong> : ici
</div>
<div style="height: 20px; width: 300px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
QUI ES-TU ?
</div>
<div style="height: 140px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 10px; color: #545454; line-height: 2; text-align: left;">
♦ <strong>Prénom</strong> : ici<br /> ♦ <strong>Age</strong> : ici<br /> ♦ <strong>Messages</strong> : ici<br /> ♦ <strong>localisation</strong> : ici<br /> ♦ <strong>Site web</strong> : ici
</div>
</div>
<table>
<tbody>
<tr>
<td>
<div style="height: 320px; width: 250px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 25px">
<div style="height: 20px; width: 250px; border-bottom: 1px solid #CACACA; background:#00C4F5 ; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
DESCRIPTION CHAINE
</div>
<div style="height: 300px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 12px; color: #545454; text-align: justify;">
PM 3D Animation est spécialisée dans la conception, la création deprojets en 3D en tout genre en utilisant les logiciels SketchUp pour la modélisation principale du projet (structures, décors...), Lumion pour les rendus avec l'application de lumières, textures, personnages, animation et Sony Vegas pour faire le montage pour rendre le projet plus vivant avec de la musique et des ambiances sonores. Les projets sont purement fictifs et sont conçus à partir de différents thèmes comme : l’architecture, la vie actuelle, la science fiction, le cinéma ou le jeu vidéo. Ils s'articulent aux travers d'un scénario de fond en y intégrant parfois un concept architectural, mettant en exergue, pour certains projets, des scènes particulières.
</div>
</div>
</td>
<td>
<object style="width:270px;height:322px;margin-top:25px; border: 3px solid rgb(202, 202, 202);" data="https://www.youtube.com/embed/2WZxyf2ssrc" type="text/html">
</object>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<object style="width:250px;height:320px;margin-top:24px; margin-left: 23px; border: 3px solid rgb(202, 202, 202);" data="https://www.youtube.com/embed/miyhGqkknuE" type="text/html">
</object>
</td>
<td>
<div style="height: 320px; width: 270px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 2px">
<div style="height: 20px; width: 270px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
Hotel The Island [Projet 3D]
</div>
<div style="height: 300px; width: 270px; overflow: auto; font-family:'Arial'; font-size: 12px; color: #545454; text-align: justify;">
Hôtel The Island est un concept architectural d'un hôtel de luxesitué sur une île accessible uniquement par voie maritime. Le projet a été réalisé sur SketchUp 15 et Lumion 5. Le concept fictif de ce projet était d'imaginer un hôtel sur une île avec une construction en forme de plateaux rocheux sur plusieurs niveaux pour donner l'illusion que l'hôtel aurait été sculpté dans un rocher. Les plateaux possèdent des formes différentes et seront placés dans des axes différents afin de donner un effet d'escalier hélicoïdal. Tous les niveaux sont recouverts de végétations pour que l'hôtel se fond ainsi dans le paysage et lui donner un coté nature. Les niveaux sont complètement vitrés pour donner aux clients une vue panoramique sur l'ensemble de l'île et ses environs. Les niveaux chambres disposent d'une terrasse et d’une piscine suspendue avec jardin. L'hôtel disposera de deux plages aménagées via des box privés liés aux chambres des clients.
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div style="height: 320px; width: 250px; background: #FFFFFF; border: 3px solid #CACACA; vertical-align: top; display: inline-block; margin: 25px 0 0 25px">
<div style="height: 20px; width: 250px; border-bottom: 1px solid #CACACA; background: #00C4F5; font-family: 'arial'; font-size: 18px; text-align: center; color: #545454;">
Lumion | 70 [Projet 3D]
</div>
<div style="height: 300px; width: 250px; overflow: auto; font-family:'Arial'; font-size: 12px; color: #545454; text-align: justify;">
70 est un projet survival/post-apocalyptique réalisé sur SketchUp15 et Lumion 5. Dans ce projet je devais donner l’illusion d’être dans la peau d’une personne, un survivant qui marche dans un monde détruit, suite à une catastrophe dont la cause restera inconnue. La végétation ayant repris ses droits, les villes sont devenues de grandes forêts luxuriantes et abondantes. Marchant dans différents tableaux, sans savoir ou aller cette personne ne peut que constater ce que son monde est devenu et le désespoir ne fait que l’envahir. En voyant régulièrement le chiffre 70 sur son chemin, elle décide de suivre ces indications et de s’y rendre sans savoir ce qui pouvait l’attendre.
</div>
</div>
</td>
<td>
<object style="width:270px;height:320px;margin-top:25px; border: 3px solid rgb(202, 202, 202);" data="https://www.youtube.com/embed/iK76h9upqug" type="text/html">
</object>
</td>
</tr>
</tbody>
</table><a href="http://www.never-utopia.com/"></a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
Ensuite pour mettre ton tableau dans un post préfère l'iframe (récupère le lien de ta page html dans gestion des pages html << url du lien
- Code:
<IFRAME src="ICI LE LIEN DE TA PAGE HTML" width="650" height="1800" frameborder="0" ></IFRAME>
Re: Problème affichage code HTML
En effet c'est nettement mieux merci
Voilà le résultat de l'annonce: http://www.entraide-youtubers.com/t11187-nouvelle-formule-youtuber-a-l-honneur-test-format-html#187706
Du coup ma seconde annonce est aussi instable et je vais devoir appeler une page html à chaque fois si je comprend bien?
Autre chose maintenant tant que je suis ici ma seconde annonce à exactement le même problème, elle s'affiche sur le HTML mais dans le message sans tableau par exemple..
Vous auriez le temps de m'aider modifier mon code s'il vous plaît?
Vous pourrez même aussi le partager sur forumactif dans un Tuto Annonce ou présentation si jamais ça peut aider quelqu'un d'ici à faire de belles annonces ou présentations sur son forum c'est tant mieux pour lui je suis ici pour partager aussi
Merci d'avance pour le second code ^^
Voilà le résultat de l'annonce: http://www.entraide-youtubers.com/t11187-nouvelle-formule-youtuber-a-l-honneur-test-format-html#187706
Du coup ma seconde annonce est aussi instable et je vais devoir appeler une page html à chaque fois si je comprend bien?
Autre chose maintenant tant que je suis ici ma seconde annonce à exactement le même problème, elle s'affiche sur le HTML mais dans le message sans tableau par exemple..
- Code:
<center>
<div style="background-color: #2C2C2C; width: 550px;">
<center>
<div style="font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; text-align: left; padding-left: 70px; position: relative; top: 0.6em;">
La vidéo de Cristell à l'index
</div>
<table style="background-color: #525252; padding: 20px; width: 93%; border-left: 4px solid #CCEF6D; border-right: 4px solid #CCEF6D;">
<tbody>
<tr>
<td style="background-color: #E3F7B3;">
<div style="width: 150px; height: 210px; overflow: auto; text-align: justify; padding: 15px; font-size: 11px;">
Je vous présente <span style="color: #48A3AB; font-weight: bold;">Cristell</span>, agée de <span style="color: #48A3AB; font-weight: bold;">29 ans</span> avec un nombre de messages sur le forum dans <span style="color: #48A3AB; font-weight: bold;">plus de 3000</span> ! Inscrisption sur le forum le: <span style="color: #48A3AB; font-weight: bold;">31/08/2014</span>. Retrouvez sur sa chaîne des vidéos <span style="color: #48A3AB; font-weight: bold;">Tutoriels Photoshop, Photofiltre, After effects</span> et bien d'autres astuces.
</div>
</td>
<td style="background-color: #CCEF6D; width: 110px;">
<img style="width: 90px; border: 10px solid #9ACDE1; border-radius: 90px;" src="https://yt3.ggpht.com/-7qz5sN_X5es/AAAAAAAAAAI/AAAAAAAAAAA/UWOtZ1FSuHA/s100-c-k-no/photo.jpg" /><br /><img style="width: 90px; border: 10px solid #F04B4F; border-radius: 90px;" src="https://yt3.ggpht.com/-Yxt8ox3T-E8/AAAAAAAAAAI/AAAAAAAAAAA/j0dVj2LkhiU/s100-c-k-no/photo.jpg" />
</td>
<td style="background-color: #E3F7B3;">
<div style="width: 150px; height: 210px; overflow: auto; text-align: justify; padding: 15px; font-size: 11px;">
Nous vous proposons une vidéo de la chaîne <span style="color: #48A3AB; font-weight: bold;">Cristell</span> à l'index cette semaine ce qui lui apportera vues et commentaires. venez découvrir sa vidéo <span style="color: #48A3AB; font-weight: bold;">Tutoriel</span> afin de savoir comment créer des ombres de style Origami, sur du texte et sur des formes avec Photoshop.. <br />
</div>
</td>
</tr>
</tbody>
</table>
<div style="width: 90%; padding: 10px; font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; background-color: #9ACDE1;">
La miniature de la vidéo
</div>
<img src="https://i.ytimg.com/vi_webp/3q2PIuFkIWM/mqdefault.webp" /> <br /><br />
<div style="font-family: 'Parisienne', cursive; font-size: 25px; color: #ffffff; position: relative; top: -0.3em;">
❝ La vidéo sélectionnée ❞
</div>
<div style="width: 90%; padding: 10px; font-family: 'Oswald', sans-serif; font-size: 25px; color: #ffffff; background-color: #F04B4F;">
Créer des ombres réaliste / Style Origami
</div>
<iframe src="https://www.youtube.com/embed/3q2PIuFkIWM" frameborder="0" allowfullscreen="" style="width: 450px; height: 300px;"></iframe><br /><br />
</center>
<strong><span style="color: #ffffff;"><span style="font-family: Comic Sans MS;"><span style="font-size: 18px;">Merci de prendre le temps de visionner, liker et commenter la vidéo !</span></span></span></strong>
</div>
</center><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald|Parisienne" />
Vous auriez le temps de m'aider modifier mon code s'il vous plaît?
Vous pourrez même aussi le partager sur forumactif dans un Tuto Annonce ou présentation si jamais ça peut aider quelqu'un d'ici à faire de belles annonces ou présentations sur son forum c'est tant mieux pour lui je suis ici pour partager aussi
Merci d'avance pour le second code ^^
Solid6Snake- *****
- Messages : 580
Inscrit(e) le : 07/11/2013
Re: Problème affichage code HTML
Bonjour,
Essais de supprimer au maximum les espaces dans l’écriture de ton code (les caractères doivent être collé, chaque saut de ligne est considéré comme un <br/>)
De plus tu dois changer les valeurs height de l'iframe car là j'avais mis 1800 (correspondant a la première) c'est ce qui te provoque la marge du bas)
Essais de supprimer au maximum les espaces dans l’écriture de ton code (les caractères doivent être collé, chaque saut de ligne est considéré comme un <br/>)
De plus tu dois changer les valeurs height de l'iframe car là j'avais mis 1800 (correspondant a la première) c'est ce qui te provoque la marge du bas)
Re: Problème affichage code HTML
OK ok je vais regarder ça.
Merci.
Merci.
Solid6Snake- *****
- Messages : 580
Inscrit(e) le : 07/11/2013
Sujets similaires
» Probleme d'affichage code css html
» Problème code html
» Problème affichage HTML
» Problème D'affichage HTML
» Probleme de code html
» Problème code html
» Problème affichage HTML
» Problème D'affichage HTML
» Probleme de code html
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