Problème affichage code HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème affichage code HTML

Message par Solid6Snake le Mer 7 Oct 2015 - 15:06

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 : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par R-max le Mer 7 Oct 2015 - 18:15

bonjour votre sujet et fermer aux invité ..

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par Solid6Snake le Mer 7 Oct 2015 - 18:38

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 : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par R-max le Mer 7 Oct 2015 - 19:22

non toujours pas ..

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par Solid6Snake le Mer 7 Oct 2015 - 19:26

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é Embarassed

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par Automne le Mer 7 Oct 2015 - 23:25

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

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>


Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par Solid6Snake le Jeu 8 Oct 2015 - 8:02

En effet c'est nettement mieux merci Wink

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 Wink

Merci d'avance pour le second code ^^


Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par Automne le Jeu 8 Oct 2015 - 13:59

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)


Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage code HTML

Message par Solid6Snake le Jeu 8 Oct 2015 - 18:41

OK ok je vais regarder ça.

Merci.

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum