Besoin d'un code pour lecture sur Opéra

[L'ange noir]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : https://vampires-kingdom.forumactif.com/

Description du problème

Bonjour à tous,

J'ai posté un journal sur un topic et la lecture sur Opéra embrouille tout.

vous pouvez le voir ici : https://gyazo.com/46fe01468ba20beca82e73e7859ec107

Existe t'il un code que je peux mettre quelque part pour que ceux qui utilisent Opéra puissent lire correctement ce post s'il vous plait ?

Merci d'avance

[Oka.mi]

Bonjour,

Pouvez-vous nous montrer le code utilisé pour le journal en question ?

Et si possible le lien vers le topic s'il est accessible quelque part.

Merci d'avance

[L'ange noir]

Bonsoir

Voici le code !

Code:

<center>
  <div id="contour" style="width:650px; border:3px solid black;">
<!--bloc_titre-->
      <div class="container" style="width:645px; margin-top:-40px;margin-left:5px;display:flex;border:none;">
          <div class="col_date" style="width:95px;height:35px;display:flex;flex-direction:column;margin-top:5px;margin-left:-30px;background-color:#095228;border-radius:15%;color:white;border:5px solid #095228;text-align:center;">
              <h4 style="margin-top:-35px;">Décembre 2032</h4>
          </div>
          <div class="col_titre" style="background-color:#9BD8B1; width:580px; height:60px; display:flex; flex-direction:column; border:none; text-align:left;">
              <h1 style="text-shadow: 0.1em 0.1em 0.05em #E3E6E4;font-size:28px;font-family: arial black;color:#095228; margin-left:39px; margin-top:-15px;">L'ESCLAVE ENCHAINE</h1><img style="margin-top:-50px; width:50px;margin-left:425px; " src="https://i.servimg.com/u/f83/19/93/50/05/prison10.png" height="90px" width="100px"/>
          </div>
 
    </div>

<!--Table titre principal -->

<table style="width:645px; margin-top:-160px">
<tr><td style="text-align:right"> <img src="https://i.servimg.com/u/f83/19/93/50/05/flamme13.png" ></td>
<td width="400px;"> <h3 style="text-align:center;font-size:18px;color:#B40404;">QUAND FRAPPE LA MALEDICTION !<br/><br/><span style="font-size:15px;">La fête du sang fait sortir Le Diable de ses gonds</span></h3></td>
<td> <img src="https://i.servimg.com/u/f83/19/93/50/05/flamme13.png" ></td>
</tr>
</table>

<!--Table Article principal -->

<table style="width:635px; margin-top:-220px; border:2px solid #9F56EE;">

<tr>
<td style="text-align:center;padding:0;">
<h2 style="margin-top:-5px; font-size:20px; font-weight:bold; color:purple; text-decoration:underline;">LA LAME EMPOISONNEE</h2>
</td>
</tr>

<tr>
<td style="padding:10px;position:relative;top:-40px;">
<img style="margin-bottom:5px; width:150px; float:left; margin-right:10px;" src="https://i.servimg.com/u/f83/19/93/50/05/lame210.png" height="140px" width="140px"/>

<p style="text-indent: 1.5em;text-align:justify;margin-top:-40px;margin-bottom:-60px;">Alors que le Roi de Bretagne se gaussait d’avoir organisé une fête du sang mémorable, la lame devant saigner les esclaves se trouvait empoisonnée, tuant les pauvres âmes avant l’offrande au Diable. La tradition venait de se transformer en malédiction. En quelques minutes tout basculait. La malédiction frappait. Tout d’abord ce fut un incendie qui éclatait et détruisait une partie de la magnifique forêt du château. Puis le baron Ramos à la tête du Portugal, pris d’une folie meurtrière, voulut se faire exploser, prêt à détruire le Roi, l’Empereur, les chefs d’état majeur et bien d’autres vampires importants présents dans la salle du trône. Il fallut tout le pouvoir du Roi Maximien pour le réduire en poussière et éviter la catastrophe. Et pour couronner le tout, la Grande Argentière, madame Deengelhardt a failli se faire enlever dans l’enceinte même du château.

Les accords et les traités s'effritent et partent à vau-l'eau . L’Empereur, devant autant de déconvenues, se trouve contraint de prendre ses distances et ne tarde pas à rompre la fragile relation qui le lie au Royaume de Bretagne. A peine rentré, il lance la construction de l’Ambassade du Rajasthan à Makoba, capitale de l’Empire.

Mais si les deux vampires se montrent forts, ils savent que Le Diable ne pardonnera rien et que de sa main, il répandra la malédiction tant redoutée.</p>
</td>
</tr>

</table>

<!--article central-->
<table style="width:635px; margin-top:-100px; border:2px solid black;">
    <tr><td width="230px" height="280px" style="background-color:#A8A5A5"><h3 style="font-size:12px;text-align:center;font-family:trebuchet;margin-top:-55px;">LE BOSSU AU FOND D’UNE GEOLE</h3><p style="margin-bottom:-50px;text-align:justify; padding:3px;margin-top:-25px;">
Maître incontesté de la Caverne aux Esclaves du Royaume, Le Bossu se retrouve emprisonné puis passé à la question depuis l’affaire de la lame empoisonnée. Cela fait des mois que plus personne n’a la moindre nouvelle de ce vampire pour l’instant considéré comme traître à la couronne. Notre envoyé spécial n’a pu obtenir aucune autre information et doute même qu’il soit encore en vie. Une trêve pour les esclaves de la Caverne.
</p></td>
<td style="width:385px; border-left:1px solid black; background-color:#FACC2E; float:left;padding:5px">
<img style="width:195px; float:left; margin-right:5px;position:relative;top:-5px;" src="https://i.servimg.com/u/f83/19/93/50/05/tzolzo19.jpg">
<h4 style="font-size:12px;text-align:center;margin-top:-25px;">MALEDICTION OU MEURTRE<br/>Mort de Prémisse Satis</h4>
<p style="text-indent: 1.5em;margin-top:-15px;font-size:12px;text-align: justify;margin-bottom:-1px;">Des choses bien funestes se sont produites  en  Empire. Prémisse  Satis,  la conseillère de l'Empereur est morte et ses sujets sont en fuite. Une seule question se pose. Est-ce un meurtre ? Ou est-ce la malédiction qui a frappé ? L’enquête est en cours, mais déjà des regards se tournent vers le Rajasthan alors qu’il vient de se lier avec l’Empire. Cependant, des faits restent inexplicables. La présence d’un esclave de Madame Satis au Rajasthan et ensuite la disparition d’une infante dont jamais personne n’avait entendu parler. Qui se cache derrière cette sombre affaire ? La malédiction du Diable ou quelqu'un profiterait-il de celle-ci pour cacher ses méfaits et ses sombres plans ?</p></td>
   </tr></table>

<img style="margin:0;padding:0;width:600px;" src="https://i.ibb.co/k4ZM2Q5/separateur.png">
<table style="background-color: #C7F3CA; width:635px; margin-top:-100px; border:5px double #333333; border-collapse: collapse;">
<tr><td style="padding:5px; width:140px; text-align: center; border-right:1px solid black;"><img src="https://i.servimg.com/u/f83/19/93/50/05/sous_t11.png" height="50px" width="230px"/><p style="margin-top:-35px; margin-left:53px;font-size:14px;font-family:arial black;">Rumeurs et Ragots</td>
<td style="width:280px;"><p style="margin-left: 90px; margin-top:20px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/sans_t14.png" height="30px" width="70px"</p>
<p style="transform: rotate(8deg);margin-left: 170px; margin-top:-35px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/divers10.png" height="32px" width="72px"</p></td></tr>
<tr>
      <td style=" border-right:1px solid black;">

<h3 style="text-align:center; font-size:13px; margin-top: -10px;"><U>Le Roi et La Grande Argentière<br/>Amants ou pas ? </U></h3>

<p style="margin-top:-35px; text-align:justify;padding: 5px;">Il parait que les nuits sont chaudes au château de Shadow’s Hill. Pourtant l’hiver est froid. Il semblerait que les draps royaux soient plus froissés que d’ordinaire et on aurait vu sortir Othilie Deengelhardt de la chambre royale. Il semble qu'elle ne gère pas que les finances royales.</p><p style="text-align:right;margin-right:5px;">Auteur : Le Colporteur</p>
</td>

      <td style="width:200px;text-align:justify;padding: 5px;"><h3 style="margin-top:-10px; margin-bottom:-5px; text-align:center; font-family:arial black; font-size:16px;">[u]Mais où sont-elles ?[/u]</h3>
Il est parvenu à nos oreilles que le Général Bergstein, commandant en chef des armées du Royaume et Baron de Dunkelheit, a fait disparaître son esclave favorite peu après son retour de la Fête du sang. La jeune Souris, à son service depuis plusieurs années, a en effet disparu des radars peu après leur retour. Nymphe, la seconde esclave, s'est, quant à elle, retrouvée en position extrêmement précaire, mais semble encore vivante, bien qu'on ne la voie plus. Qu'a-t-il bien pu se passer dans ce sinistre château ? Nul ne le sait. Mais depuis, plusieurs esclaves sont morts sous la colère du Général. On espère que les choses vont s'arranger pour nos compères prisonniers sur ces terres.
</td></tr>
</table>
<hr style="width:95%; border:5px solid #203864;"/></div>
<center>
  <div id="contour" style="width:645px; height : 1289px; border:3px solid black;">
<!--bloc_titre-->
<table style="margin-top: -60px; background-color: #0B0B61; height: 50px; width:400px; border: 3px solid white;">
<td style="font-size:20px; font-family:arial black;text-align:center;"> [color=#ffffff]DES NOUVELLES DU MONDE [/color]</td>
</table>

<!--1 articles par 2-->
<table style="position: relative; margin-top: -70px;margin-left:-320px; width:314px; border:1px solid black; padding-right:3px;">
<tr style="background-color: #79D1A6;"><td style="width:300px; text-align:justify;"><h4 style="margin-top:10px; font-size:13px; text-align:center;">LES FUITES DE L’EMPIRE</h4><p style="text-align:center; margin-top:-10px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/baroud10.jpg" width="200px"/></p>
<p style="line-height:15px; text-indent: 1.5em; padding:4px; margin-bottom: -10px; font-size:12px; margin-top:-25px;">Eh oui les amis, les frontières de l’Empire sont comme des tuyaux percés. Malgré toute la bonne volonté de l’Empereur à mettre en place des postes de surveillances et des armées, des individus réussissent à prendre la poudre d’escampette.
Le dévot, Derek Wittermann et l'humaine, Automn Jenkins sont passés par le Nord. Les dernières personnes à les avoir vus nous ont rapporté qu’ils avaient mis les pieds au Royaume de Bretagne et depuis, nous n’avons plus aucune nouvelle.  
L’humain, Ace Madrigal, a été aperçu dans les rues de Moscou. Comment a t’il a pu quitter l’Empire et se présenter en toute impunité à la Fête du Sang de la Maharani ?
</p>
</td></tr>
<tr style="background-color:#E5E0B4;"><td style="border-top:2px solid black; margin-top: -50px; margin-left:-330px; width:315px;"><h4 style="font-size:13px; text-align:center; margin-top: 10px;">LE ROYAUME DE BRETAGNE RUMINE</h4>
<p style="text-indent: 1.5em; padding:4px; text-align:justify; font-size:12px; margin-top:-35px;margin-bottom:-20px;">L’attitude de l’Empereur vis-à-vis du Royaume laisse entendre une rupture diplomatique imminente. Le Roi rumine et voudrait exprimer sa rage, surtout depuis l’arrivée de l’Ambassadeur Elio  Shaé, envoyé du Rajasthan en Empire. Maximien de Bretagne va tenter une approche en envoyant la Grande Argentière auprès de l’Empereur dans l’espoir de lui faire entendre raison. Se ranger du côté de la Maharani ne peut qu’être néfaste pour les deux puissances. Mais l’Empereur veut-il encore écouter le Roi ?</p>
</td></tr>
</table>
<table style="border:1px solid black; width:316px; margin-left: 320px; margin-top:-602px;">
<tr style="background-color:#9FBABA;"><td><h4 style="margin-top:10px; font-size:13px; text-align:center;">LE RAJASTHAN</h4>
<p style ="font-family:arial black; font-size:12px ;margin-left:15px; text-align:center; margin-top:-27px;">Zone libre ou nouveau piège pour les humains ?</p>

<p style="line-height:15px; text-indent: 1.5em; padding:4px; font-size:12px; text-align:justify; margin-top:-37px; margin-bottom : -13px;"> Depuis l’affaire des échanges faits entre l’Empire et le Rajasthan, on se pose cette question et pas des moindres. Les évasions et les rêves de chacun ne terminent ils pas dans un immense piège ? Le dernier en date concerne un homme du royaume dont le nom est jalousement gardé secret. Il aurait fait l’objet d’un échange contre l’actuelle esclave personnelle de l’Empereur et depuis, plus aucune trace de lui. Quelle valeur pouvait avoir cet homme pour avoir été l’objet d’un tel échange ? <br/><br/>Nos sources nous parlent de lieux secrets au sein de cette puissance où l’on pratiquerait encore la torture. Le monde n’est pas aussi sure que l’on voudrait nous le faire croire.</p>
</td></tr>
<tr style="background-color:#F0A159;"><td style="border-top:2px solid black;"><h4 style="margin-top:10px; font-size:13px; text-align:center;">OUVERTURE DE L'AMBASSADE<br/>DU RAJASTHAN</h4><p style="text-align:left; margin-top:-10px;"><img style="margin-bottom:4px; width:150px; float:left; margin-right:10px;"src="https://i.servimg.com/u/f83/19/93/50/05/palais10.jpg" width="130px"/></p><P style="line-height:15px; text-indent: 1.5em; padding:4px; margin-bottom: -50px; font-size:12px; margin-top:-15px; text-align:justify;">C'est sans surprise que nous apprenions, en mai 2032, l'ouverture de l'ambassade du Rajasthan en Empire. Voilà qui termine le processus des premiers accords signés entre ces deux puissances. L'avenir seul nous dira si nous pouvons croire à une forme de paix désirée par la Maharani et l'Empereur, ou un moyen d'avoir un pied sur le territoire de chacun. Les esclaves y voient aussi un passeport pour la liberté pour ceux qui tenteront d'en franchir les grilles.</p><br/><br/><p style="font-size:12px; text-align:right; margin-left: 60px; width:170px;">[b] ELIO SHAE[/b]<br/>[b] Ambassadeur du Rajasthan[/b]</p><p style="text-align:right; margin-top:-55px; margin-bottom: 2px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/elio10.jpg" width="70px"/></p></td></tr>
</table>
<table style="border:1px solid black; width:316px; background-color:#E8E3E7; margin-left:320px; margin-top:3px;"><tr><td><h3 style="margin-top:5px; text-align:center; font-size:12px;">Du renouveau à Nachtscheken ?</h3>
<p style="line-height:13px; text-indent: 1.5em; padding:4px; font-size:11px; margin-top:-30px; text-align:justify; margin-bottom:2px;">Notre envoyé spécial, Léon Lux, a rencontré Madame Lorelei Ortéga qui a repris en main la Baronnie jusque-là gérée par son ex époux, Uwe Wallraut. Elle nous confie qu’elle entend faire des modifications importantes qui pourraient rendre l’endroit plus vivable pour les humains et les esclaves. Une étrange attitude pour un sujet du Royaume de Bretagne. La visite officielle du Roi est peut-être dut à cette décision. Madame Ortéga n’a pas pu répondre à cette question mais nous suivrons cela avec grand intérêt.</p></td></tr></table>
<table style="width:316px; background-color:#FAD69D; margin-left:-320px; margin-top:-295px;"><tr><td><p style=" margin-left:30px; margin-top: 5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/szopar12.png" width="250px"/></p><h3 style="text-align:center; font-size:15px; margin-top:-5px;">[u]AVIS DE RECHERCHE[/u]</h3><p style=" margin-left:30px; margin-top: -5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/szopar12.png" width="250px"/></p></td></tr><tr><td><p style="z-index:2; position:absolute; line-height:11px; margin-top: 30 px; width:160px; text-align:center; margin-left:3px; font-size:9px; font-family:arial;">[b]RECHERCHEE PAR[/b]<br/>[b]TOUTES LES PUISSANCES[/b]<br/>POUR ATTENTAT</p><p style="z-index:2; position:absolute; line-height:11px; margin-top: 35 px; width:160px; text-align:center; margin-left:143px; font-size:9px; font-family:arial;">[b]RECHERCHE PAR[/b]<br/>[b]L'EMPIRE[/b]<br/>POUR MEURTRE</p><p style="margin-bottom:-7px; position:relative; text-align:center; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/avis_d12.png" width="300"/></p>
<p style="line-height:11px; position:absolute; z-index:2; width:150px; margin-left:5px; margin-top:-95px; text-align:center; font-size:11px; font-family:arial;">Coco Linaya<br/>alias Black Rabbit<br/>Chasseuse de vampires<br/><br/>[b][size=10]Récompense <br/>15 000 pièces d'or[/size][/b]</p><p style="line-height:11px; position:absolute; z-index:2; width:150px; margin-left:148px; margin-top:-95px; text-align:center; font-size:11px; font-family:arial;">Edward Ulrick<br/>Devot<br/><br/>[b][size=10]Récompense <br/>10 000 pièces d'or[/size][/b]</p></td></tr></table>
<img style="margin-top: 15px; padding:0;width:600px;" src="https://i.servimg.com/u/f83/19/93/50/05/guirla10.png">
<div id="bg" style="height: 330px; margin-top:-8px; background-size:cover; background-image: url(https://i.servimg.com/u/f83/19/93/50/05/fonf_n14.png);"><br><div class="papa_noel" style="float:left; margin-top:30px;"><img width="180px;" src="https://i.servimg.com/u/f83/19/93/50/05/pere-n12.png" class="" style="display:inline"><p style="position:relative; font-size:13px; top:-255px; left:20px;"><strong><font color="#ffffff">BIENTOT NOEL !<br>Offrez-vous<br>un esclave</font></strong></p></div><br><div class="tableau" style="float:right; margin-right:5px; margin-top:-160px;width:450px;"><br><br><br><br><br><br><table style="border-collapse:collapse; border:2px solid black; background-color:#ffffff;"><tbody><tr><td colspan=4 style="border:2px solid black;"><p style="z-index:2;position:absolute;margin-top:20px; margin-left:100px; font-size:18px; letter-spacing:4px; margin-bottom:5px;">[b]PETITES ANNONCES[/b]</p><p style="position:relative; margin-bottom:5px; margin-left:23px; margin-top:5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/traits12.png" width="400px"/></p></td></tr><tr><td rowspan=3 style="width:105px;"><h3 style=" text-align:center; font-size:9px; margin-top:-15px; letter-spacing:3px;padding:1px;">[u][b]A vendre[/b][/u]</h3><p style="line-height: 10px; font-size:9px; margin-top: -10px; text-align:justify;padding:1px;"> Propriété au Portugal. Belle vue sur l'océan. 600 000 pièces d'or.</p><p style="line-height: 10px; font-size:9px; margin-top: -10px;padding:1px;">Contactez La Grande Argentière Royale.</p><p style="margin-left:5px; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/trait10.png" width="90px"/></p><p style="line-height: 10px; font-size:9px; margin-top: -10px;padding:1px; text-align:justify;">Une paire de menottes d'occasion avec chaînes. 15 pièces d'or. Contactez Valentin à La Caverne.</p><p style="margin-left:5px; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/trait10.png" width="90px"/></p><p style="line-height: 10px; font-size:9px; margin-top: -10px;padding:1px; text-align:justify;">Cercueil pour vampire. Confortable et sécurisé. 150 pièces d'or. Contactez les Pompes Funèbres Internationales</p><p style="margin-left:5px; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/trait10.png" width="90px"/></p></td><td colspan=3 style="border:2px solid black; border-bottom:none;"><h3 style="text-align:center; font-size:11px; margin-bottom:2px; margin-top:1px;"><strong><u>LES ARRIVEES SUR VK EN 2032</u></strong></h3></td></tr><tr><td style="width:115px; border:2px solid black; border-top:none; border-right:none;"><p style="line-height: 13px; font-size:11px; text-align:center; margin-top:-5px; margin-bottom:1px;"><strong>[u]Dévote[/u]<br/><font color="#585858">Uma Takashi</font><br/>[u]Humaine[/u]<br><font color="#0066cc">Ayleen Silvercross</font><br>[u]Esclaves[/u]<br/><font color="#006633">Glasgow</font></strong></p></td><td style="width:115px; border-bottom:2px solid black;"><p style="line-height: 13px; font-size:11px; text-align:center; margin-top:-5px; margin-bottom:1px;"><strong><font color="#006633">Jeanne Sevestre</br>Marianne Sharks</font><br/><font color="#006633">Slamet Neraka<br>Zowy Raw</font><br/>[u]Vampires[/u]<br><font color="#660000">Kassandra Doyle</font></strong></p></td><td style="width:115px; border:2px solid black; border-top:none; border-left:none;"><p style="line-height: 13px; font-size:11px; text-align:center; margin-top:-5px;  margin-bottom:1px;"><strong><font color="#660000">Kolia Orlov<br>Laszlo Székelvis<br>Lornah Harrow<br>Sybille Delacroix<br>Xochi Cjhuaxochitl<br></font></strong></p></td></tr>

<tr><td colspan=2 style="width:190px; border:2px solid black;"><p style="line-height: 13px; text-align:center; font-size:10px; width:130px; margin-top:5px;"><strong>Réparation contre un service ou une donation libre à l'Institut.</strong></p><p style="margin-top:-45px;"><img style="width:70px; float:right; margin-right:5px; "src="https://i.servimg.com/u/f83/19/93/50/05/tzolzo21.jpg" width="70px"/></p>
<p style="line-height: 13px; font-size:11px; text-align:justify; padding:5px; margin-bottom:-2px; word-spacing:2px;">L’Institut, créée par Elio Shaé, située sur l'ile Pembaruan, au large du Rajasthan, reçoit les esclaves fragilisés physiquement ou mentalement afin de les remettre sur pieds.</p></td><td style="width:145px; border:2px solid black;"><h3 style="line-height: 13px; text-align:center; font-size:11px; margin-top:5px;">[b]Rubrique[/b]<br/>[b]nécrologique[/b]</h3><p style="line-height: 13px; font-size:11px; text-align:center; margin-top: -5px;"> 26/12/2031<br/>La vampire Premisse Satis est partie en cendre</p><p style="text-align:center; margin-top:-5px; margin-bottom:-1px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/croix10.png" width="20px"/></p></td></tr></tbody></table></div>
</div>
 </center>

Le lien vers le topic (je ne sais pas si vous aurez accès) : https://vampires-kingdom.forumactif.com/t8757-l-esclave-enchaine

C'est le dernier post.

Merci

[Oka.mi]

Effectivement, on ne peut pas accéder au post. Est-il possible de le mettre temporairement accessible aux invités ?

En attendant, je vois pas mal de soucis dans votre code, d'une part techniques, comme :

• id "contour" qui revient deux fois (ligne 2 et 77)
  
• balise fermante </p> manquante (ligne 60)
  
• balises fermantes img manquantes (ligne 61 et 62)
  
• balise center en trop (ligne 76)
  
• pas de tr autour des td (ligne 80)
  
• div fermante manquante (ligne 112)

Et d'autre part d'utilisation :

• display: flex employé dans des div qui ne contiennent qu'un élément, ligne 5 on a même un div qui a un flex-direction: column alors qu'il n'y a rien à afficher en colonne.
  
• vous mettez des div class alors que vous n'utilisez pas les class. L'intérêt d'une class c'est justement de pouvoir lui attribuer un style dans une feuille css, et ne pas devoir réécrire le style en question à chaque fois (en spécifiant juste la class donc).
  
• la manière la plus propre d'écrire la balise br est <br /> et non </br>, <br>...
  
• il n'y a pas besoin de mettre "px" lorsqu'on précise la largeur via HTML (width="...px" heigth="...px"), on a juste besoin de mettre width="500" par exemple. Attention je parle juste du html, dans le css (style="width:...px; height:...px;") il faut quand-même mettre le px.
  
• emploi des table pour mettre en page alors que le grid c'est tellement plus approprié vous m'avez promis d'étudier le sujet >_<

N'hésitez pas à vous servir d'un beautifier, comme celui-ci https://beautifytools.com/html-beautifier.php pour voir plus facilement ce qui ne va pas.

Si on n'écrit pas de façon standardisée, les navigateurs sont plus susceptibles d'afficher des résultats différents (même si dans le cas du br par exemple, c'est moins grave; toutes les fautes listées dans la partie technique sont graves / perturbent l'affichage final).

Voici la version de votre code débarrassée des erreurs dites "techniques" :

Code:

<center>
<div style="width:650px; border:3px solid black;">
<!--bloc_titre-->
    <div class="container" style="width:645px; margin-top:-40px;margin-left:5px;display:flex;border:none;">
        <div class="col_date" style="width:95px;height:35px;display:flex;flex-direction:column;margin-top:5px;margin-left:-30px;background-color:#095228;border-radius:15%;color:white;border:5px solid #095228;text-align:center;">
            <h4 style="margin-top:-35px;">Décembre 2032</h4>
        </div>
        <div class="col_titre" style="background-color:#9BD8B1; width:580px; height:60px; display:flex; flex-direction:column; border:none; text-align:left;">
            <h1 style="text-shadow: 0.1em 0.1em 0.05em #E3E6E4;font-size:28px;font-family: arial black;color:#095228; margin-left:39px; margin-top:-15px;">L'ESCLAVE ENCHAINE</h1><img style="margin-top:-50px; width:50px;margin-left:425px; " src="https://i.servimg.com/u/f83/19/93/50/05/prison10.png" height="90px" width="100px"/>
        </div>

  </div>

<!--Table titre principal -->

<table style="width:645px; margin-top:-160px">
<tr><td style="text-align:right"> <img src="https://i.servimg.com/u/f83/19/93/50/05/flamme13.png" ></td>
<td width="400px;"> <h3 style="text-align:center;font-size:18px;color:#B40404;">QUAND FRAPPE LA MALEDICTION !<br/><br/><span style="font-size:15px;">La fête du sang fait sortir Le Diable de ses gonds</span></h3></td>
<td> <img src="https://i.servimg.com/u/f83/19/93/50/05/flamme13.png" ></td>
</tr>
</table>

<!--Table Article principal -->

<table style="width:635px; margin-top:-220px; border:2px solid #9F56EE;">

<tr>
<td style="text-align:center;padding:0;">
<h2 style="margin-top:-5px; font-size:20px; font-weight:bold; color:purple; text-decoration:underline;">LA LAME EMPOISONNEE</h2>
</td>
</tr>

<tr>
<td style="padding:10px;position:relative;top:-40px;">
<img style="margin-bottom:5px; width:150px; float:left; margin-right:10px;" src="https://i.servimg.com/u/f83/19/93/50/05/lame210.png" height="140px" width="140px"/>

<p style="text-indent: 1.5em;text-align:justify;margin-top:-40px;margin-bottom:-60px;">Alors que le Roi de Bretagne se gaussait d’avoir organisé une fête du sang mémorable, la lame devant saigner les esclaves se trouvait empoisonnée, tuant les pauvres âmes avant l’offrande au Diable. La tradition venait de se transformer en malédiction. En quelques minutes tout basculait. La malédiction frappait. Tout d’abord ce fut un incendie qui éclatait et détruisait une partie de la magnifique forêt du château. Puis le baron Ramos à la tête du Portugal, pris d’une folie meurtrière, voulut se faire exploser, prêt à détruire le Roi, l’Empereur, les chefs d’état majeur et bien d’autres vampires importants présents dans la salle du trône. Il fallut tout le pouvoir du Roi Maximien pour le réduire en poussière et éviter la catastrophe. Et pour couronner le tout, la Grande Argentière, madame Deengelhardt a failli se faire enlever dans l’enceinte même du château.

Les accords et les traités s'effritent et partent à vau-l'eau . L’Empereur, devant autant de déconvenues, se trouve contraint de prendre ses distances et ne tarde pas à rompre la fragile relation qui le lie au Royaume de Bretagne. A peine rentré, il lance la construction de l’Ambassade du Rajasthan à Makoba, capitale de l’Empire.

Mais si les deux vampires se montrent forts, ils savent que Le Diable ne pardonnera rien et que de sa main, il répandra la malédiction tant redoutée.</p>
</td>
</tr>

</table>

<!--article central-->
<table style="width:635px; margin-top:-100px; border:2px solid black;">
  <tr><td width="230px" height="280px" style="background-color:#A8A5A5"><h3 style="font-size:12px;text-align:center;font-family:trebuchet;margin-top:-55px;">LE BOSSU AU FOND D’UNE GEOLE</h3><p style="margin-bottom:-50px;text-align:justify; padding:3px;margin-top:-25px;">
Maître incontesté de la Caverne aux Esclaves du Royaume, Le Bossu se retrouve emprisonné puis passé à la question depuis l’affaire de la lame empoisonnée. Cela fait des mois que plus personne n’a la moindre nouvelle de ce vampire pour l’instant considéré comme traître à la couronne. Notre envoyé spécial n’a pu obtenir aucune autre information et doute même qu’il soit encore en vie. Une trêve pour les esclaves de la Caverne.
</p></td>
<td style="width:385px; border-left:1px solid black; background-color:#FACC2E; float:left;padding:5px">
<img style="width:195px; float:left; margin-right:5px;position:relative;top:-5px;" src="https://i.servimg.com/u/f83/19/93/50/05/tzolzo19.jpg">
<h4 style="font-size:12px;text-align:center;margin-top:-25px;">MALEDICTION OU MEURTRE<br/>Mort de Prémisse Satis</h4>
<p style="text-indent: 1.5em;margin-top:-15px;font-size:12px;text-align: justify;margin-bottom:-1px;">Des choses bien funestes se sont produites  en  Empire. Prémisse  Satis,  la conseillère de l'Empereur est morte et ses sujets sont en fuite. Une seule question se pose. Est-ce un meurtre ? Ou est-ce la malédiction qui a frappé ? L’enquête est en cours, mais déjà des regards se tournent vers le Rajasthan alors qu’il vient de se lier avec l’Empire. Cependant, des faits restent inexplicables. La présence d’un esclave de Madame Satis au Rajasthan et ensuite la disparition d’une infante dont jamais personne n’avait entendu parler. Qui se cache derrière cette sombre affaire ? La malédiction du Diable ou quelqu'un profiterait-il de celle-ci pour cacher ses méfaits et ses sombres plans ?</p></td>
 </tr></table>

<img style="margin:0;padding:0;width:600px;" src="https://i.ibb.co/k4ZM2Q5/separateur.png">
<table style="background-color: #C7F3CA; width:635px; margin-top:-100px; border:5px double #333333; border-collapse: collapse;">
<tr><td style="padding:5px; width:140px; text-align: center; border-right:1px solid black;"><img src="https://i.servimg.com/u/f83/19/93/50/05/sous_t11.png" height="50px" width="230px"/><p style="margin-top:-35px; margin-left:53px;font-size:14px;font-family:arial black;">Rumeurs et Ragots</p></td>
<td style="width:280px;"><p style="margin-left: 90px; margin-top:20px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/sans_t14.png" height="30px" width="70px" /></p>
<p style="transform: rotate(8deg);margin-left: 170px; margin-top:-35px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/divers10.png" height="32px" width="72px" /></p></td></tr>
<tr>
    <td style=" border-right:1px solid black;">

<h3 style="text-align:center; font-size:13px; margin-top: -10px;"><U>Le Roi et La Grande Argentière<br/>Amants ou pas ? </U></h3>

<p style="margin-top:-35px; text-align:justify;padding: 5px;">Il parait que les nuits sont chaudes au château de Shadow’s Hill. Pourtant l’hiver est froid. Il semblerait que les draps royaux soient plus froissés que d’ordinaire et on aurait vu sortir Othilie Deengelhardt de la chambre royale. Il semble qu'elle ne gère pas que les finances royales.</p><p style="text-align:right;margin-right:5px;">Auteur : Le Colporteur</p>
</td>

    <td style="width:200px;text-align:justify;padding: 5px;"><h3 style="margin-top:-10px; margin-bottom:-5px; text-align:center; font-family:arial black; font-size:16px;">[u]Mais où sont-elles ?[/u]</h3>
Il est parvenu à nos oreilles que le Général Bergstein, commandant en chef des armées du Royaume et Baron de Dunkelheit, a fait disparaître son esclave favorite peu après son retour de la Fête du sang. La jeune Souris, à son service depuis plusieurs années, a en effet disparu des radars peu après leur retour. Nymphe, la seconde esclave, s'est, quant à elle, retrouvée en position extrêmement précaire, mais semble encore vivante, bien qu'on ne la voie plus. Qu'a-t-il bien pu se passer dans ce sinistre château ? Nul ne le sait. Mais depuis, plusieurs esclaves sont morts sous la colère du Général. On espère que les choses vont s'arranger pour nos compères prisonniers sur ces terres.
</td></tr>
</table>
<hr style="width:95%; border:5px solid #203864;"/></div>
<div style="width:645px; height : 1289px; border:3px solid black;">
<!--bloc_titre-->
<table style="margin-top: -60px; background-color: #0B0B61; height: 50px; width:400px; border: 3px solid white;">
<td style="font-size:20px; font-family:arial black;text-align:center;"> [color=#ffffff]DES NOUVELLES DU MONDE [/color]</td>
</table>

<!--1 articles par 2-->
<table style="position: relative; margin-top: -70px;margin-left:-320px; width:314px; border:1px solid black; padding-right:3px;">
<tr style="background-color: #79D1A6;"><td style="width:300px; text-align:justify;"><h4 style="margin-top:10px; font-size:13px; text-align:center;">LES FUITES DE L’EMPIRE</h4><p style="text-align:center; margin-top:-10px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/baroud10.jpg" width="200px"/></p>
<p style="line-height:15px; text-indent: 1.5em; padding:4px; margin-bottom: -10px; font-size:12px; margin-top:-25px;">Eh oui les amis, les frontières de l’Empire sont comme des tuyaux percés. Malgré toute la bonne volonté de l’Empereur à mettre en place des postes de surveillances et des armées, des individus réussissent à prendre la poudre d’escampette.
Le dévot, Derek Wittermann et l'humaine, Automn Jenkins sont passés par le Nord. Les dernières personnes à les avoir vus nous ont rapporté qu’ils avaient mis les pieds au Royaume de Bretagne et depuis, nous n’avons plus aucune nouvelle.  
L’humain, Ace Madrigal, a été aperçu dans les rues de Moscou. Comment a t’il a pu quitter l’Empire et se présenter en toute impunité à la Fête du Sang de la Maharani ?
</p>
</td></tr>
<tr style="background-color:#E5E0B4;"><td style="border-top:2px solid black; margin-top: -50px; margin-left:-330px; width:315px;"><h4 style="font-size:13px; text-align:center; margin-top: 10px;">LE ROYAUME DE BRETAGNE RUMINE</h4>
<p style="text-indent: 1.5em; padding:4px; text-align:justify; font-size:12px; margin-top:-35px;margin-bottom:-20px;">L’attitude de l’Empereur vis-à-vis du Royaume laisse entendre une rupture diplomatique imminente. Le Roi rumine et voudrait exprimer sa rage, surtout depuis l’arrivée de l’Ambassadeur Elio  Shaé, envoyé du Rajasthan en Empire. Maximien de Bretagne va tenter une approche en envoyant la Grande Argentière auprès de l’Empereur dans l’espoir de lui faire entendre raison. Se ranger du côté de la Maharani ne peut qu’être néfaste pour les deux puissances. Mais l’Empereur veut-il encore écouter le Roi ?</p>
</td></tr>
</table>
<table style="border:1px solid black; width:316px; margin-left: 320px; margin-top:-602px;">
<tr style="background-color:#9FBABA;"><td><h4 style="margin-top:10px; font-size:13px; text-align:center;">LE RAJASTHAN</h4>
<p style ="font-family:arial black; font-size:12px ;margin-left:15px; text-align:center; margin-top:-27px;">Zone libre ou nouveau piège pour les humains ?</p>

<p style="line-height:15px; text-indent: 1.5em; padding:4px; font-size:12px; text-align:justify; margin-top:-37px; margin-bottom : -13px;"> Depuis l’affaire des échanges faits entre l’Empire et le Rajasthan, on se pose cette question et pas des moindres. Les évasions et les rêves de chacun ne terminent ils pas dans un immense piège ? Le dernier en date concerne un homme du royaume dont le nom est jalousement gardé secret. Il aurait fait l’objet d’un échange contre l’actuelle esclave personnelle de l’Empereur et depuis, plus aucune trace de lui. Quelle valeur pouvait avoir cet homme pour avoir été l’objet d’un tel échange ? <br/><br/>Nos sources nous parlent de lieux secrets au sein de cette puissance où l’on pratiquerait encore la torture. Le monde n’est pas aussi sure que l’on voudrait nous le faire croire.</p>
</td></tr>
<tr style="background-color:#F0A159;"><td style="border-top:2px solid black;"><h4 style="margin-top:10px; font-size:13px; text-align:center;">OUVERTURE DE L'AMBASSADE<br/>DU RAJASTHAN</h4><p style="text-align:left; margin-top:-10px;"><img style="margin-bottom:4px; width:150px; float:left; margin-right:10px;"src="https://i.servimg.com/u/f83/19/93/50/05/palais10.jpg" width="130px"/></p><P style="line-height:15px; text-indent: 1.5em; padding:4px; margin-bottom: -50px; font-size:12px; margin-top:-15px; text-align:justify;">C'est sans surprise que nous apprenions, en mai 2032, l'ouverture de l'ambassade du Rajasthan en Empire. Voilà qui termine le processus des premiers accords signés entre ces deux puissances. L'avenir seul nous dira si nous pouvons croire à une forme de paix désirée par la Maharani et l'Empereur, ou un moyen d'avoir un pied sur le territoire de chacun. Les esclaves y voient aussi un passeport pour la liberté pour ceux qui tenteront d'en franchir les grilles.</p><br/><br/><p style="font-size:12px; text-align:right; margin-left: 60px; width:170px;">[b] ELIO SHAE[/b]<br/>[b] Ambassadeur du Rajasthan[/b]</p><p style="text-align:right; margin-top:-55px; margin-bottom: 2px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/elio10.jpg" width="70px"/></p></td></tr>
</table>
<table style="border:1px solid black; width:316px; background-color:#E8E3E7; margin-left:320px; margin-top:3px;"><tr><td><h3 style="margin-top:5px; text-align:center; font-size:12px;">Du renouveau à Nachtscheken ?</h3>
<p style="line-height:13px; text-indent: 1.5em; padding:4px; font-size:11px; margin-top:-30px; text-align:justify; margin-bottom:2px;">Notre envoyé spécial, Léon Lux, a rencontré Madame Lorelei Ortéga qui a repris en main la Baronnie jusque-là gérée par son ex époux, Uwe Wallraut. Elle nous confie qu’elle entend faire des modifications importantes qui pourraient rendre l’endroit plus vivable pour les humains et les esclaves. Une étrange attitude pour un sujet du Royaume de Bretagne. La visite officielle du Roi est peut-être dut à cette décision. Madame Ortéga n’a pas pu répondre à cette question mais nous suivrons cela avec grand intérêt.</p></td></tr></table>
<table style="width:316px; background-color:#FAD69D; margin-left:-320px; margin-top:-295px;"><tr><td><p style=" margin-left:30px; margin-top: 5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/szopar12.png" width="250px"/></p><h3 style="text-align:center; font-size:15px; margin-top:-5px;">[u]AVIS DE RECHERCHE[/u]</h3><p style=" margin-left:30px; margin-top: -5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/szopar12.png" width="250px"/></p></td></tr><tr><td><p style="z-index:2; position:absolute; line-height:11px; margin-top: 30 px; width:160px; text-align:center; margin-left:3px; font-size:9px; font-family:arial;">[b]RECHERCHEE PAR[/b]<br/>[b]TOUTES LES PUISSANCES[/b]<br/>POUR ATTENTAT</p><p style="z-index:2; position:absolute; line-height:11px; margin-top: 35 px; width:160px; text-align:center; margin-left:143px; font-size:9px; font-family:arial;">[b]RECHERCHE PAR[/b]<br/>[b]L'EMPIRE[/b]<br/>POUR MEURTRE</p><p style="margin-bottom:-7px; position:relative; text-align:center; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/avis_d12.png" width="300"/></p>
<p style="line-height:11px; position:absolute; z-index:2; width:150px; margin-left:5px; margin-top:-95px; text-align:center; font-size:11px; font-family:arial;">Coco Linaya<br/>alias Black Rabbit<br/>Chasseuse de vampires<br/><br/>[b][size=10]Récompense <br/>15 000 pièces d'or[/size][/b]</p><p style="line-height:11px; position:absolute; z-index:2; width:150px; margin-left:148px; margin-top:-95px; text-align:center; font-size:11px; font-family:arial;">Edward Ulrick<br/>Devot<br/><br/>[b][size=10]Récompense <br/>10 000 pièces d'or[/size][/b]</p></td></tr></table>
<img style="margin-top: 15px; padding:0;width:600px;" src="https://i.servimg.com/u/f83/19/93/50/05/guirla10.png">
<div id="bg" style="height: 330px; margin-top:-8px; background-size:cover; background-image: url(https://i.servimg.com/u/f83/19/93/50/05/fonf_n14.png);"><br><div class="papa_noel" style="float:left; margin-top:30px;"><img width="180px;" src="https://i.servimg.com/u/f83/19/93/50/05/pere-n12.png" class="" style="display:inline"><p style="position:relative; font-size:13px; top:-255px; left:20px;"><strong><font color="#ffffff">BIENTOT NOEL !<br>Offrez-vous<br>un esclave</font></strong></p></div><br><div class="tableau" style="float:right; margin-right:5px; margin-top:-160px;width:450px;"><br><br><br><br><br><br><table style="border-collapse:collapse; border:2px solid black; background-color:#ffffff;"><tbody><tr><td colspan=4 style="border:2px solid black;"><p style="z-index:2;position:absolute;margin-top:20px; margin-left:100px; font-size:18px; letter-spacing:4px; margin-bottom:5px;">[b]PETITES ANNONCES[/b]</p><p style="position:relative; margin-bottom:5px; margin-left:23px; margin-top:5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/traits12.png" width="400px"/></p></td></tr><tr><td rowspan=3 style="width:105px;"><h3 style=" text-align:center; font-size:9px; margin-top:-15px; letter-spacing:3px;padding:1px;">[u][b]A vendre[/b][/u]</h3><p style="line-height: 10px; font-size:9px; margin-top: -10px; text-align:justify;padding:1px;"> Propriété au Portugal. Belle vue sur l'océan. 600 000 pièces d'or.</p><p style="line-height: 10px; font-size:9px; margin-top: -10px;padding:1px;">Contactez La Grande Argentière Royale.</p><p style="margin-left:5px; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/trait10.png" width="90px"/></p><p style="line-height: 10px; font-size:9px; margin-top: -10px;padding:1px; text-align:justify;">Une paire de menottes d'occasion avec chaînes. 15 pièces d'or. Contactez Valentin à La Caverne.</p><p style="margin-left:5px; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/trait10.png" width="90px"/></p><p style="line-height: 10px; font-size:9px; margin-top: -10px;padding:1px; text-align:justify;">Cercueil pour vampire. Confortable et sécurisé. 150 pièces d'or. Contactez les Pompes Funèbres Internationales</p><p style="margin-left:5px; margin-top:-5px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/trait10.png" width="90px"/></p></td><td colspan=3 style="border:2px solid black; border-bottom:none;"><h3 style="text-align:center; font-size:11px; margin-bottom:2px; margin-top:1px;"><strong><u>LES ARRIVEES SUR VK EN 2032</u></strong></h3></td></tr><tr><td style="width:115px; border:2px solid black; border-top:none; border-right:none;"><p style="line-height: 13px; font-size:11px; text-align:center; margin-top:-5px; margin-bottom:1px;"><strong>[u]Dévote[/u]<br/><font color="#585858">Uma Takashi</font><br/>[u]Humaine[/u]<br><font color="#0066cc">Ayleen Silvercross</font><br>[u]Esclaves[/u]<br/><font color="#006633">Glasgow</font></strong></p></td><td style="width:115px; border-bottom:2px solid black;"><p style="line-height: 13px; font-size:11px; text-align:center; margin-top:-5px; margin-bottom:1px;"><strong><font color="#006633">Jeanne Sevestre</br>Marianne Sharks</font><br/><font color="#006633">Slamet Neraka<br>Zowy Raw</font><br/>[u]Vampires[/u]<br><font color="#660000">Kassandra Doyle</font></strong></p></td><td style="width:115px; border:2px solid black; border-top:none; border-left:none;"><p style="line-height: 13px; font-size:11px; text-align:center; margin-top:-5px;  margin-bottom:1px;"><strong><font color="#660000">Kolia Orlov<br>Laszlo Székelvis<br>Lornah Harrow<br>Sybille Delacroix<br>Xochi Cjhuaxochitl<br></font></strong></p></td></tr>

<tr><td colspan=2 style="width:190px; border:2px solid black;"><p style="line-height: 13px; text-align:center; font-size:10px; width:130px; margin-top:5px;"><strong>Réparation contre un service ou une donation libre à l'Institut.</strong></p><p style="margin-top:-45px;"><img style="width:70px; float:right; margin-right:5px; "src="https://i.servimg.com/u/f83/19/93/50/05/tzolzo21.jpg" width="70px"/></p>
<p style="line-height: 13px; font-size:11px; text-align:justify; padding:5px; margin-bottom:-2px; word-spacing:2px;">L’Institut, créée par Elio Shaé, située sur l'ile Pembaruan, au large du Rajasthan, reçoit les esclaves fragilisés physiquement ou mentalement afin de les remettre sur pieds.</p></td><td style="width:145px; border:2px solid black;"><h3 style="line-height: 13px; text-align:center; font-size:11px; margin-top:5px;">[b]Rubrique[/b]<br/>[b]nécrologique[/b]</h3><p style="line-height: 13px; font-size:11px; text-align:center; margin-top: -5px;"> 26/12/2031<br/>La vampire Premisse Satis est partie en cendre</p><p style="text-align:center; margin-top:-5px; margin-bottom:-1px;"><img src="https://i.servimg.com/u/f83/19/93/50/05/croix10.png" width="20px"/></p></td></tr></tbody></table></div></div></center>

En écrivant les choses ainsi, les navigateurs comprennent la même chose.

Si le problème d'affichage persiste malgré ces corrections, pouvez-vous nous renseigner la version de votre navigateur Opera ?

[L'ange noir]

Bonsoir

Il est un peu tard pour que je regarde tout ça à fond. Je vais reprendre le code point par point.

Merci d'avoir fait les corrections. Je l'ai republié mais alors sur la catégorie admin du forum tout va bien, et sur la partie où je poste le journal, le titre ce décale tout.

Je verrai ça demain.

Merci encore.

[Oka.mi]

Merci d'avoir fait les corrections. Je l'ai republié mais alors sur la catégorie admin du forum tout va bien, et sur la partie où je poste le journal, le titre ce décale tout.

En cela, le fait de nous donner l'accès (même temporairement) à la zone où le message s'affiche mal peut être utile, puisqu'on pourra inspecter les éléments autour et tenter de comprendre pourquoi ça pose problème dans la section donnée

[L'ange noir]

D'accord, mais comment je vous donne accès ? Avec l'un de mes personnages ?

[Oka.mi]

Non, vous avez juste besoin de modifier les permissions du forum en question et cocher la lecture pour les invités.
Les permissions

[L'ange noir]

Bonjour

Voilà, je pense que vous avez la possibilité de lire le topic en question. J'en ai fait un spécialement pour vous : https://vampires-kingdom.forumactif.com/t8886-pour-les-invites-de-forumactif

Je n'ai pas encore eu le temps de me pencher sur mes erreurs citées plus haut. Je tiens à le faire pour bien assimiler afin de mieux gérer la prochaine édition.

[L'ange noir]

C'est encore moi.

J'ai repris tout ça déjà
"En attendant, je vois pas mal de soucis dans votre code, d'une part techniques, comme :
id "contour" qui revient deux fois (ligne 2 et 77)
balise fermante </p> manquante (ligne 60)
balises fermantes img manquantes (ligne 61 et 62)
balise center en trop (ligne 76)
pas de tr autour des td (ligne 80)
div fermante manquante (ligne 112)
"

Il me reste la seconde partie. Je tiens à faire tous les points pour apprendre. J'aurai pu copier coller ton code, mais il me sert de référence au cas où je me trompe.

Et je ne vous ai pas répondu pour le Grid: Oui j'ai commencé à étudier le sujet du grid CSS, mais j'avoue manquer de temps. Je devais sortir le journal pour décembre avant noël. Le prochain n'est pas avant trois bons mois, ça va me laisser le temps d'apprendre le grid qui me semble plus approprié à ce que j'ai lu mais je n'ai pas encore tout compris. Mon souci, c'est comment commencer le code. Ca pourra faire l'objet d'une autre question le moment venu. Et aussi, la personne qui m'aide à coder ne connait pas le Grid, du coup n'ai préféré faire ça plus tard.

Edit : j'ai corrigé tous les PX. Par contre pour ça " ligne 5 on a même un div qui a un flex-direction: column" je ne l'ai pas retiré parce que lorsque je le fais, le titre tout en haut se décale.

Voilà. Je pense que maintenant le sujet est résolu. La personne avec Opéra m'a dit que c'était bon.

Merci beaucoup pour votre aide.