Bonjour ,
déjà voila le lien du tuto en question : https://www.never-utopia.com/t50390-game-of-thrones
une explication de votre problème :
dans un premier temps il y avait un problème avec les accent donc j'ai ajouter au tout debut du code:
ca regles le probleme des accent mais ...
- la partie présentation déconne et se decale complètement , en plus de la partie staff qui deconne aussi T-T
le lien de votre forum : http://hellwordrpg.forumactif.org/h2-fichepart
vos codes associés au problème :
le(s) navigateur(s) sous le(s)quel(s) vous constatez le problème : sous firefox, chrome
Donc voila juste en ajoutent un code tout a déconner T-T je sais plus quoi faire pour le coup .
Merci a ceux qui vont m'aider .
déjà voila le lien du tuto en question : https://www.never-utopia.com/t50390-game-of-thrones
une explication de votre problème :
dans un premier temps il y avait un problème avec les accent donc j'ai ajouter au tout debut du code:
ca regles le probleme des accent mais ...
- la partie présentation déconne et se decale complètement , en plus de la partie staff qui deconne aussi T-T
le lien de votre forum : http://hellwordrpg.forumactif.org/h2-fichepart
vos codes associés au problème :
- Code:
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" /><style>a {text-decoration: none !important; color: #635430;} .fiche {width: 405px; background-color: #BCA774;} .img_pres {border-radius: 100px 100px 0px 0px; width: 405px;} .titre_contenu {font-family: 'Merienda One', cursive; font-size: 25px; text-align: center !important; position: relative; top: -1.2em; color: #635430;} .identité {background-color: #9C844B; padding: 20px; text-align: justify; position: absolute; top: 4.3em; width: 365px; z-index: 2; color: #393220;} .titre_bloc {background-image: url('http://img15.hostingpics.net/pics/4450796616.png'); width: 404px; height: 55px; color: #BCA774; font-family: 'Merienda One', cursive; font-size: 25px; text-align: center; padding-top: 15px;} .histoire {padding: 20px; color: #393220; width: 340px; height: 200px; overflow: auto; text-align: justify; background-color: #9C844B;} bulles.contact {position: relative; z-index: 24; text-decoration: none !important;} bulles.contact:hover {z-index: 25;} bulles.contact span{display: none;} bulles.contact:hover span {display: block; position: absolute; top: -7.6em; left: 0em; width: 144px; height: 75px; overflow: auto; background-color: #9C844B; color: #393220; text-align: center; font-weight: none; padding: 10px;}</style>
<center>
<img src="http://reviewer.lavoixdunord.fr/lib//Contents/95638/game-of-thrones-photo-600x280.jpg" class="img_pres" />
<div class="fiche">
<center>
<div class="titre_contenu">
Game Of Thrones <span style="color: #E4DCC9;">Nom forum</span>
</div>
</center>
<div class="titre_bloc">
Présentation
</div>
<div style="background-color: #635430; height: 240px;">
<span style="position: relative; left: -18.4em;"> </span>
<div style="position: absolute; left: -18.4em; border-width: 47px 405px 70px 0px; border-style: solid; border-color: transparent rgb(57, 50, 32) transparent transparent;">
</div><span style="position: relative; left: -18.4em;"></span>
<div class="identité" style="position: relative; left: -18.4em;">
<table>
<tbody>
<tr>
<td style="padding-right: 20px;">
<img src="http://s397845296.mialojamiento.es/usokeido/wp-content/uploads/2013/03/game-of-thrones-logo-100x100.jpg" style="height: 100px; border-radius: 50px;" />
</td>
<td>
<div style="width: 250px; height: 80px; overflow: auto;">
<strong>PRESENTATION DU FORUM</strong> • Son thème, son ambiance, les objectifs ... Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi
</div>
</td>
</tr>
</tbody>
</table>
</div><span style="position: relative; left: -18.4em;"></span>
<div style="position: absolute; left: -18.4em; border-width: 80px 0px 44px 405px; border-style: solid; border-color: transparent transparent transparent rgb(57, 50, 32); top: 10.3em; z-index: 1;">
</div><span style="position: relative; left: -18.4em;"></span>
</div>
<div class="titre_bloc">
Contexte
</div><img src="http://cdn.screenrant.com/wp-content/uploads/Game-of-Thrones-Season-4-Logo.jpg" style="width: 380px;" />
<div class="histoire">
<span style="float: left; font-size: 300%; font-family: 'Merienda One', cursive;">S</span>erpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. <a href="#" style="color: #221E13 !important; font-weight: bold;">Consulter la suite</a>.
</div><span style="font-family: 'Parisienne', cursive; font-size: 30px; color: #393220;">Nous rendre visite :</span> <a href="#" style="font-family: 'Parisienne', cursive; font-size: 30px; color: #221E13 !important; font-weight: bold;">www</a>
<div class="titre_bloc">
Contact
</div>
<bulles class="contact"><img src="http://i39.servimg.com/u/f39/18/40/69/79/sans_t11.png" style="border: 2px solid #393220;" /><span><br /></span></bulles>
<div style="font-family: 'Merienda One', cursive; font-size: 13.5px; font-weight: bold; color: rgb(19, 112, 128);">
Daenerys Targaryen
</div><bulles class="contact"><span>Fondatrice • <k style="color: #2E4826;">Présente</k><br /><a href="#">MP</a> • <a href="#">Profil</a></span></bulles> <bulles class="contact"><img src="http://i39.servimg.com/u/f39/18/40/69/79/sans_t12.png" style="border: 2px solid #393220;" /><span><br /></span></bulles>
<div style="font-family: 'Merienda One', cursive; font-size: 13.5px; font-weight: bold; color: rgb(73, 27, 64);">
Jon Snow
</div><bulles class="contact"><span>Fondateur • <k style="color: #2E4826;">Présent</k><br /><a href="#">MP</a> • <a href="#">Profil</a></span></bulles>
<table>
<tbody>
<tr>
<td>
<a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a>
</td>
<td>
<img src="http://nsa33.casimages.com/img/2014/07/20/140720111512811490.png" style="max-height: 30px; transform: rotate(-90deg)" />
</td>
<td>
<a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a>
</td>
</tr>
</tbody>
</table>
<a href="http://www.never-utopia.com" style="color: #393220!important; text-align: center; font-size: 9px;">© By Halloween</a><img src="http://i39.servimg.com/u/f39/18/40/69/79/sans_t12.jpg" style="width: 405px;" />
</div>
</center>
<link href="http://fonts.googleapis.com/css?family=Merienda+One|Parisienne" rel="stylesheet" type="text/css" />
le(s) navigateur(s) sous le(s)quel(s) vous constatez le problème : sous firefox, chrome
Donc voila juste en ajoutent un code tout a déconner T-T je sais plus quoi faire pour le coup .
Merci a ceux qui vont m'aider .
