Demande aide balise HTML message annonce

[Solid6Snake]

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, suite à un tuto j'ai réussi à modifier une annonce en HTML pour la mettre au goût de mon forum. le problème c'est que j'ai certainement oublié de refermer une balise puis qu'à la suite de mon annonce je me retrouve avec un énoooorme vide..

Code:

<center>
                                                                                                                                                                                                                                                                                                                                        
   <div style="background-color: #A09E9E; 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 Zoron à l'index                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                              
         <table style="background-color: #000000; 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: 16px;">
                                                                                                                                                                                            Je vous présente <span style="color: #48A3AB; font-weight: bold;">Zoron</span>, agé de <span style="color: #48A3AB; font-weight: bold;">22 ans</span> avec un nombre de messages sur le forum dans <span style="color: #48A3AB; font-weight: bold;">570</span> ! Inscrisption sur le forum le: <span style="color: #48A3AB; font-weight: bold;">02/05/2015</span>. Retrouvez sur sa chaîne des vidéos <span style="color: #48A3AB; font-weight: bold;">délire et gaming </span>                                                                                                                                                                   
                     </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/-LIeWUe0Yq_U/AAAAAAAAAAI/AAAAAAAAAAA/dj1CIWHhI7c/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: 16px;">
                                                                                                                                                                                        Nous vous proposons une vidéo de la chaîne <span style="color: #48A3AB; font-weight: bold;">Zoron Gaming</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;">Présentation de Wildstar</span>  afin de savoir si ce MMO vaut le coup ou non.<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/Bk3TSIsYQbY/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;">
                                                                                                                                                                                Wildstar - Présentation                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                         <iframe style="width: 450px; height: 300px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Bk3TSIsYQbY"></iframe><br /><br />                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
      </center>
                                                            <strong><span style="color: #ffffff;"><span style="font-family: Comic Sans MS;"><span style="font-size: 18px;"></span></span></span></strong>                                                                         
   </div>
</center><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald|Parisienne" /><br /><br />

Comment faire pour refermer correctement mon tableau en faite pour ne plus avoir un vide à la suite de l'annonce?

http://www.entraide-youtubers.com/t11271-youtuber-a-l-index-zoron-gaming#189181

Dernière petite demande, je dois créer une nouvelle page HTML à chaque fois sur mon panneau admin parce qu'au rythme de deux annonces par semaine ça va faire un paquet d'annonce ça je ne vais plus m'y retrouver.. Sachant que si je supprime la page HTML forcément ma présentation va elle aussi disparaître sur mon message... Vous avez une petite astuce?

Merci d'avance

[Scoubifitz]

bonjour,

L' énoooorme vide est à cause d'un height trop important pour l'iframe . Réduisez la hauteur ...

Code:

height:900px;

[Solid6Snake]

Mon iframe est à 300px height pourtant et c'est le bon format pour ma page c'est le cadre qui ne suit pas en faite!

J'ai essayé de mettre 900px oui en effet c'est le bon format sauf que la vidéo est monstrueuse du coup logique.. il faut que je trouve un moyen de réduire mon bloc annonce en hauteur en faite.

[Scoubifitz]

non, non ... pas l'iframe de la page HTML , mais celle du sujet ... éditez le message de ce sujet .


édit :
On peut aussi mettre tout ça directement dans le sujet , sans passer par une page HTML ...

collez ceci dans votre CSS :

Code:

.youtuber{
  background-color: #A09E9E;
  width: 550px;
  margin:auto;
  text-align:center;
}
.youtuber .titre{
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  color: #ffffff;
  text-align: left;
  padding-left: 70px;
  position: relative;
  top: 0.6em;
}
.youtuber .table{
  background-color: #000000;
  padding: 20px;
  width: 93%;
  border-left: 4px solid #CCEF6D;
  border-right: 4px solid #CCEF6D;
  margin:auto;
}
.youtuber .mini {
  width: 90%;
  padding: 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  color: #ffffff;
  background-color: #9ACDE1;
  margin:auto;
}
.youtuber .select {
  font-family: 'Parisienne', cursive;
  font-size: 25px;
  color: #ffffff;
  position: relative;
  top: -0.3em;
}
.youtuber .prez {
  width: 90%;
  padding: 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  color: #ffffff;
  background-color: #F04B4F;
  margin:auto;
}

et ceci dans votre sujet :

Code:

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald|Parisienne"/>
<div class="youtuber"><div class="titre">La vidéo de Zoron à l'index</div>
[table class="table"][tr][td style="background-color: #E3F7B3;"]<div style="width: 150px; height: 210px; overflow: auto; text-align: justify; padding: 15px; font-size: 16px;">Je vous présente [b][color=#48A3AB]Zoron[/color][/b], agé de [b][color=#48A3AB]22 ans[/color][/b] avec un nombre de messages sur le forum dans [b][color=#48A3AB]570[/color][/b] ! Inscrisption sur le forum le: [b][color=#48A3AB]02/05/2015[/color][/b]. Retrouvez sur sa chaîne des vidéos [b][color=#48A3AB]délire et gaming [/color][/b]</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/-LIeWUe0Yq_U/AAAAAAAAAAI/AAAAAAAAAAA/dj1CIWHhI7c/s100-c-k-no/photo.jpg" />
<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: 16px;">Nous vous proposons une vidéo de la chaîne [b][color=#48A3AB]Zoron Gaming[/color][/b] à l'index cette semaine ce qui lui apportera vues et commentaires. Venez découvrir sa vidéo [b][color=#48A3AB]Présentation de Wildstar[/color][/b] afin de savoir si ce MMO vaut le coup ou non.
</div>
[/td]
[/tr]
[/table]
<div class="mini">La miniature de la vidéo</div>
<img src="https://i.ytimg.com/vi_webp/Bk3TSIsYQbY/mqdefault.webp"/>

<div class="selection">❝ La vidéo sélectionnée ❞</div>
<div class="prez">Wildstar - Présentation</div><iframe style="width: 450px; height: 300px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Bk3TSIsYQbY"></iframe>

</div>

[Solid6Snake]

Ahhhhhhh mais oui d'accord c'est la chose que j'avais oublié de faire dans ma précédente demande pourtant le membre forumactif m'avait bien dit de revoir mon iframe en plus

Encore une fois je suis sauvé pas vous, un grand merci à toute l'équipe !

[Solid6Snake]

Dernière question, il y à un moyen de sauvegarder mes pages html dans une seule page html ?

Parce-que je ne veux pas supprimer ma page html à chaque fois sur mon panneau admin sinon l'annonce va disparaître du sujet ?

Créer une belle annonce au format html pour la supprimer une semaine plus tard c'est dommage quand même.

Vous avez une astuce pour sauvegarder histoire que mes membres puissent garder leurs nominations ? Surtout que j'ai créé un champ de profil justement pour leurs donner la possibilité de mettre l'URL de la page et garder ça en souvenir.

[Scoubifitz]

Lisez le message que je viens d'éditer ...