Le Deal du moment :
Google Pixel 7 5G – Smartphone 6,3″ OLED ...
Voir le deal
316 €

Problème de code
 MessageSujet: Problème de code   Problème de code EmptyVen 1 Juil - 20:13

Forest
Forest

Indépendant Illégal

Click

Bonjour ! Je fais appel aux au expert des codes ! Dans mon premier post, troisième partie, de mon journal, les alignements des sections Passé, Présent et Futur sont tous différents, ce qui me dérange esthétiquement. Je vois aucune explication à cela dans le code et donc je demande de l'aide. Voici le code :

Code:
[center]<div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=gray]LES FEUILLES CRAQUENT[/color]</div><link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><style type="text/css">.bloc_1{width: 200px; height: 500px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .bloc_1:hover{opacity: 1;} .bloc_2{width: 200px; height: 500px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .bloc_2:hover{opacity: 1;} .bloc_3{width: 200px; height: 500px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto;} .bloc_3:hover{opacity: 1;}</style>

   <table><tr><td><div style="width: 200px; height: 500px; background-image: url(http://image.noelshack.com/fichiers/2016/09/1456978208-1.png);  background-repeat: no-repeat;"><div class="bloc_1"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]INFOS[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px"><br><br>[color=#D5D5D5][b]NOM : [/b]Inconnu
[b]PRENOM : [/b]Inconnu
[b]SURNOM : [/b]Forest
[b]ÂGE : [/b]22 ans
[b]ORIGINES : [/b]Fiore Sud
[b]ORIENTATION : [/b]À définir
[b]TYPE DE MAGIE : [/b]Psionique
[b]STATUT : [/b]Mage indépendante illégale[/color]</div><br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]TECHNIQUES[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5][b]△ LAME[/b]
    
[b]△ HALLEBARDE[/b]
    
[b]△ ARC ET FLÈCHES[/b]

 [b]△ FOUET[/b]

 [b]△ KUSARIGAMA[/b]

→ [url=http://fairy-tail-rpg.forumsactifs.net/t7062-the-forest-is-dark-and-full-of-terrors#61211]Plus de détails ici[/url]
[/color]</div></div></div></td><td><div style="width: 200px; height: 500px; background-image: url(http://image.noelshack.com/fichiers/2016/09/1456978245-2.png);  background-repeat: no-repeat;"><div class="bloc_2"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]ELLE EST[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5]• Franche, trop franche
• Froide
• Misanthrope
• Philosophique
• Équilibrée
• Posée
• Rêveuse
• Douce
• Cruelle
• Nudiste à ses heures perdues
• Curieuse
• Un peu folle
• Respectueuse de la nature et des animaux
• Réaliste/Pessimiste[/color]</div><br><br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]SA VIE[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px"><br><br>[color=#D5D5D5]• Vendue par ses parents biologiques à cause de son pouvoir
• Abusée par son acheteur
• A executé plusieurs missions en son nom
• A fini par le tuer
• A emmenagé dans la forêt de Kunugi
• Apparaït deux amis imaginaires : un lapin et une dragonne
• Commence à faire d'autres missions à 12 ans
• N'en fait que si elle manque d'argent
• Voyage[/color]</div>
</div></td><td><div style="width: 200px; height: 500px; background-image: url(http://image.noelshack.com/fichiers/2016/09/1456978247-3.jpg);  background-repeat: no-repeat;"><div class="bloc_3"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PASSÉ[/color]</div><div style=" font-family: Arial;padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ SOLO ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7093-quoi-ma-gueule-qu-est-ce-qu-elle-a-ma-gueule]Quoi ma gueule ? Qu'est-ce qu'elle a ma gueule ?[/url]<br>
[b]△ TOKI DI CIELO ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7089-que-fais-tu-dans-ma-foret-pv-toki]Que fais-tu dans ma forêt ?[/url]<br>
[b]△ NICKY L. ELA LEONE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7113-alliees-d-un-jour-pv-nicky]Alliées d'un jour[/url]<br>
[b]△ STING EUCLIFFE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7115-what-do-you-want-from-me-pv-sting]What do you want from me ?[/url][/color]<br>

   <div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PRÉSENT[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ ALOUARN GRIMGORSON ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7109-strange-team-pv-alouarn]Strange team[/url][/color]<br>

   <div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]ABANDON[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ NOM DU PARTENAIRE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/]Lien[/url]<br>
[b]△ NOM DU PARTENAIRE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/]Lien[/url][/color]<br>
   <br></div></div></div></div></td></tr></table><br><br><center><div style="font-family: Arial; font-size: 11px; text-transform: uppercase;">[color=#D5D5D5](c) mei sur [url=http://epicode.bbactif.com]epicode[/url][/color]</div>[/center]

Merci d'avance à ceux qui tenteront de trouver où est le problème c: !
 MessageSujet: Re: Problème de code   Problème de code EmptyVen 1 Juil - 20:44

Gin Selkins
Gin Selkins

Simple Mortel

Click

En regardant le code à la volée, il semblerait qu'à la fin des sections "Passé" et "Présent", les div permettant les alinéas ne sont pas fermé, du coup, les marges d'alinéas se cumulent. Si je suis pas aveugle.
 MessageSujet: Re: Problème de code   Problème de code EmptyVen 1 Juil - 20:55

Oméa K. Shizuka
Oméa K. Shizuka

Ajatar Virke

Click

Coucou !

Je passe un peu à l'arrache là du coup j'ai peut être pas bien vu mais, est-ce que tu es vraiment sûre que les textes sont décalés par le code et pas seulement par la longueur du mot ?

Ce que je vois ne le reflète pas du tout sur ton journal et sur le bout de code que tu as mis non plus.
Sinon peut-être que tu peux simplement remplacer les lignes de code de tes titres par ça :

Code:
<center><br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px; color:#D5D5D5;">PRÉSENT</center></div>

<center><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px; color:#D5D5D5;">ABANDON</center></div>

Normalement si c'est un problème de centrage, tu le verras directement avec la balise que j'ai ajoutée. Sinon, c'est la taille de police, qui te perturbe. Il faudrait changer la taille du texte ( font-size: 44px; dans la balise ) pour corriger l'alignement qui te tracasse.

Voilà, j'espère que ça t'a aidé :3


Edit : Si c'est ce que Gin a dit, le problème est réglé dans la citation de code alors.
 MessageSujet: Re: Problème de code   Problème de code EmptyVen 1 Juil - 21:20

Forest
Forest

Indépendant Illégal

Click

Gin : Ah ? Quels sont les div des alinéas, je fais comment pour les fermer owo ?

Oméa : J'ai déjà testé voir si c'était la longueur du texte et ce n'est pas ça. Je viens de vérifier et apparemment le bout de code tout seul ne fonctionnait pas, du coup j'ai mis le code au complet. J'ai essayé d'ajouter ton code, mais ça a brisé l'ensemble en faisant sortir le texte en dehors du cadre.
 MessageSujet: Re: Problème de code   Problème de code EmptyVen 1 Juil - 21:41

Gin Selkins
Gin Selkins

Simple Mortel

Click

Ok, pas de problème, j'vais te montrer le problème. Déjà, voilà ce qu'affiche ton codage.


PASSÉ


△ SOLO ;
Quoi ma gueule ? Qu'est-ce qu'elle a ma gueule ?

△ TOKI DI CIELO ;
Que fais-tu dans ma forêt ?

△ NICKY L. ELA LEONE ;
Alliées d'un jour

△ STING EUCLIFFE ;
What do you want from me ?


PRÉSENT


△ ALOUARN GRIMGORSON ;
Strange team


ABANDON


△ NOM DU PARTENAIRE ;
Lien

△ NOM DU PARTENAIRE ;
Lien


 


(c) mei sur epicode


Et voilà le code qui vas avec.

Code:
<div class="bloc_3"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PASSÉ[/color]</div><div style=" font-family: Arial;padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ SOLO ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7093-quoi-ma-gueule-qu-est-ce-qu-elle-a-ma-gueule]Quoi ma gueule ? Qu'est-ce qu'elle a ma gueule ?[/url]<br>
[b]△ TOKI DI CIELO ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7089-que-fais-tu-dans-ma-foret-pv-toki]Que fais-tu dans ma forêt ?[/url]<br>
[b]△ NICKY L. ELA LEONE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7113-alliees-d-un-jour-pv-nicky]Alliées d'un jour[/url]<br>
[b]△ STING EUCLIFFE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7115-what-do-you-want-from-me-pv-sting]What do you want from me ?[/url][/color]<br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PRÉSENT[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ ALOUARN GRIMGORSON ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7109-strange-team-pv-alouarn]Strange team[/url][/color]<br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]ABANDON[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ NOM DU PARTENAIRE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/]Lien[/url]<br>
[b]△ NOM DU PARTENAIRE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/]Lien[/url][/color]<br>
  <br></div></div></div></div></td></tr></table><br><br><center><div style="font-family: Arial; font-size: 11px; text-transform: uppercase;">[color=#D5D5D5](c) mei sur [url=http://epicode.bbactif.com]epicode[/url][/color]</center></div>


Et maintenant voilà ma version.


PASSÉ


△ SOLO ;
Quoi ma gueule ? Qu'est-ce qu'elle a ma gueule ?

△ TOKI DI CIELO ;
Que fais-tu dans ma forêt ?

△ NICKY L. ELA LEONE ;
Alliées d'un jour

△ STING EUCLIFFE ;
What do you want from me ?


PRÉSENT


△ ALOUARN GRIMGORSON ;
Strange team


ABANDON


△ NOM DU PARTENAIRE ;
Lien

△ NOM DU PARTENAIRE ;
Lien


 


(c) mei sur epicode


Comme tu peux le voir, ma petite modif qui consistait à ajouter deux fins de balises div fonctionne, et voilà le code!

Code:
<div class="bloc_3"><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PASSÉ[/color]</div><div style=" font-family: Arial;padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ SOLO ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7093-quoi-ma-gueule-qu-est-ce-qu-elle-a-ma-gueule]Quoi ma gueule ? Qu'est-ce qu'elle a ma gueule ?[/url]<br>
[b]△ TOKI DI CIELO ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7089-que-fais-tu-dans-ma-foret-pv-toki]Que fais-tu dans ma forêt ?[/url]<br>
[b]△ NICKY L. ELA LEONE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7113-alliees-d-un-jour-pv-nicky]Alliées d'un jour[/url]<br>
[b]△ STING EUCLIFFE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7115-what-do-you-want-from-me-pv-sting]What do you want from me ?[/url][/color]<br></div><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]PRÉSENT[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ ALOUARN GRIMGORSON ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/t7109-strange-team-pv-alouarn]Strange team[/url]</div>[/color]<br><div style="text-align: center; font-family: Fjalla One; font-size: 44px; text-transform: uppercase; padding-top: 10px; word-spacing: -2px; letter-spacing: -2px"><br>[color=#D5D5D5]ABANDON[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px"><br><br>[color=#D5D5D5][b]△ NOM DU PARTENAIRE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/]Lien[/url]<br>
[b]△ NOM DU PARTENAIRE ; [/b]
→ [url=http://fairy-tail-rpg.forumsactifs.net/]Lien[/url][/color]<br>
  <br></div></div></div></div></td></tr></table><br><br><center><div style="font-family: Arial; font-size: 11px; text-transform: uppercase;">[color=#D5D5D5](c) mei sur [url=http://epicode.bbactif.com]epicode[/url][/color]</div>


Edit : il semblerait que j'ai peut être un tout petit peu bousillé l'affichage du forum sur ce post, mais c'est pour aider une personne, j'ai une bonne raison!
 MessageSujet: Re: Problème de code   Problème de code EmptyVen 1 Juil - 21:43

Forest
Forest

Indépendant Illégal

Click

Yeah, ça fonctionne 8D ! Merci à vous deux !
 MessageSujet: Re: Problème de code   Problème de code Empty

Contenu sponsorisé


Click

   
Page 1 sur 1

 Sujets similaires

-
» Petit code
» Modèle de Code RP
» Tutoriel Code
» Problème de co.
» Fin d'année et problème d'inspiration

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fairy Tail RPG :: Communauté :: Demande d'Aide