Le Deal du moment :
Cdiscount : -30€ dès 300€ ...
Voir le deal


Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.Partagez
Problème d'espace avec un code
##   Dim 2 Avr 2023 - 20:06
Elfie Numa

Personnage ~
► Âge : 26 ans
► Doubles-comptes ? : Lou Adams
► Rencontres ♫♪ :
Elfie Numa
Etoile Tonnerre Solaire
Messages : 1191
Date d'inscription : 29/03/2018
Age : 27
Emploi/loisirs : Préfète des Tonnerres Sensitifs
Humeur : Eh...

Salut ! J'ai un petit souci avec mon code de relations d'Elfie : il y a un gros espace avant.
https://zupimages.net/up/23/13/931g.png

J'ignore pourquoi et ça me rend folle Die!

Voir le code plus bas, si quelqu'un serait capable de trouver quel est le problème, ce serait vraiment apprécié Kawaï!

Code:
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><style type="text/css">.cadre_1{width: 200px; height: 250px; background-color: white; 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;} .cadre_1:hover{opacity: 1;} .cadre_2{width: 200px; height: 250px; background-color: white; 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;} .cadre_2:hover{opacity: 1;} .cadre_3{width: 200px; height: 250px; background-color: white; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><style type="text/css">.cadre_1{width: 200px; height: 250px; background-color: white; 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;} .cadre_1:hover{opacity: 1;} .cadre_2{width: 200px; height: 250px; background-color: white; 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;} .cadre_2:hover{opacity: 1;} .cadre_3{width: 200px; height: 250px; background-color: white; 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;} .cadre_3:hover{opacity: 1;}</style>

<table><td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/image.noelshack.com/fichiers/2020/37/2/1599533015-1.png);  background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: left; font-family: Fjalla One; font-size: 20px; text-transform: uppercase; padding-top: 10px; padding-left: 16px;"><br>[color=#9095de]BITO Y. DAISUKENOJO[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px; padding-left: 17px">[color=#fea3b2][b]△[/b] petit ami<br>[/color]

[justify][color=#fea3b2]Lors d'un concert animé au bar, il m'a approché avec une pick-up line bien trouvée, du coup on a commencé à discuter et j'ai même dansé un slow avec lui alors que j'étais bien ivre. On s'est ensuite écrit pendant quelques semaines et il a prétendu être un élève en difficulté pour me voir, puisque j'étais trop nerveuse de le revoir de nouveau. À force de le côtoyer, j'ai développé des sentiments pour lui. J'adore son excentricité, son humour, ses petites manies... sans compter son côté gamer et geek ! Il est désormais mon petit ami et j'en suis extrêmement heureuse ![/color][/justify]
</div></div></div></td>

<td><div style="width: 200px; height: 250px; background-image: url(https://zupimages.net/up/19/09/1tge.png);  background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: left; font-family: Fjalla One; font-size: 20px; text-transform: uppercase; padding-top: 10px; padding-left: 16px;"><br>[color=#9095de]Mitsuki Hojitake[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px; padding-left: 17px">[color=#fea3b2][b]△[/b] maître et modèle<br>[/color]

[justify][color=#fea3b2]Cette Master est celle qui m'entraîne en tant que Tonnerre. J'ai été assez impulsive sur le coup car je lui ai demandé alors que je ne la connaissais même pas. Je suis vraiment bien tombée ! C'est une jeune femme patiente, encourageante et pleine d'énergie. Helm étant aussi devenu son élève peu de temps après moi, on s'entraîne parfois en trio. Au fil du temps, j'ai accumulé un grand respect pour elle et la considère comme une vraie mentor, pas seulement au niveau des pouvoirs. Je suis admirative d'elle.[/color][/justify]
</div></div></div></td>
      <td><div style="width: 200px; height: 250px; background-image: url(https://zupimages.net/up/19/22/tzuc.png);  background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: left; font-family: Fjalla One; font-size: 20px; text-transform: uppercase; padding-top: 10px; padding-left: 16px;"><br>[color=#9095de]Elisha Frost[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px; padding-left: 17px">[color=#fea3b2][b]△[/b] meilleure amie<br>[/color]

[justify][color=#fea3b2]Une fille qui a débarqué chez moi, saoule, et que j'ai finalement laissé entré dans ma chambre malgré ma réticence. Je ne regrette en rien cette décision ! Nous sommes devenues amies même si, au début, nous ne faisions que quelques sorties et notre relation n'allait pas plus loin. Ce jusqu'au jour où je la découvris en train de broyer du noir au lac. Cela nous a permis de nous rapprocher et j'ai pris la décision de ne plus la lâcher. Depuis, nous nous confions l'une à l'autre et nous côtoyons de façon régulière. C'est ma meilleure amie : je tiens énormément à elle.[/color][/justify]
</div></div></div></td></tr>
 <tr><td><div style="width: 200px; height: 250px; background-image: url(https://2img.net/image.noelshack.com/fichiers/2020/16/3/1586970516-a.png);  background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: left; font-family: Fjalla One; font-size: 20px; text-transform: uppercase; padding-top: 10px; padding-left: 16px;"><br>[color=#9095de]Ariana Vicente[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px; padding-left: 17px">[color=#fea3b2][b]△[/b] amie arc-en-ciel<br>[/color]

[justify][color=#fea3b2]Ariana, c'est cette amie plutôt colorée. Sa joie de vivre est contagieuse et je suis à l'aise avec elle. J'aime discuter avec elle ainsi que faire des sorties. Je me sens acceptée et comprise avec elle, ce qui m'a d'ailleurs amené à me confier à elle sur ma phobie de la nuit et elle m'a aidé à commencer à surmonter ma peur. J'ai eu des sentiments pour elle pendant une bonne période de temps, mais elle ne me voyait pas de cette façon et je suis passée à autre chose.[/color][/justify]
</div></div></div></td>
   <td><div style="width: 200px; height: 250px; background-image: url(https://zupimages.net/up/20/18/6nfu.png);  background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: left; font-family: Fjalla One; font-size: 20px; text-transform: uppercase; padding-top: 10px; padding-left: 16px;"><br>[color=#9095de]Tiago Marquez[/color]</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: left; font-size: 10px; padding-left: 17px">[color=#fea3b2][b]△[/b] bad boy<br>[/color]

[justify][color=#fea3b2]J'ai rencontré Tiago alors que j'étais en pleine crise de colère. Puis, il s'est rapproché d'Elisha et j'ai commencé à le côtoyer de temps à autre. Il est plutôt intéressant comme mec. Ce sont ses mots qui ont engendré mon étoilisation, ayant réalisé que j'ai laissé la peur contrôler ma vie. Inquiet, il m'a ensuite rendu visite pour voir comment je me portais. Depuis, il m'aide à sortir davantage de ma coquille et, même si je n'aurais jamais pensé que je puisse devenir amie avec un type comme lui, je le considère comme tel désormais.[/color][/justify]
</div></div></div></td>
   </table>


Problème d'espace avec un code 50703_s

+:
##   Dim 2 Avr 2023 - 20:44
Aaron Williams

Personnage ~
► Âge : 34. (apparence 29 ans)
► Doubles-comptes ? : Aoi, Ariana, Misao, Lola
► Rencontres ♫♪ :
Aaron Williams
Master Tonnerre Solaire
Messages : 3927
Date d'inscription : 28/02/2011
Emploi/loisirs : Prof de maths et papaaaaa ♥
Humeur : Aha ! ... Attendez, c'était une vraie question ?

Alors je sais pas pourquoi il y a les < br > qui se rajoutent (ultra chelou) mais par contre si tu veux bricoler le code pour que ça s'affiche correctement, tu peux rajouter une class à ta table qui contient tous les éléments, et mettre un position:relative et un margin-top: -185px;
et ça donne l'impression que les espaces sont plus là-
(tu peux aussi le mettre comme ça sinon, en yolo) :
Code:
<table style="position:relative; margin-top:-185px;">


Attention à supprimer les sauts de ligne entre la fiche de style et l'ouverture de la < table > aussi !

Par contre ouais je sais pas pourquoi ils apparaissent, trop bizarre o_o Je me demande si c'est pas lié à l'utilisation des balises [] ([ color ] [ justify ] etc) mixées avec les autres balises en <> (< span > < div > etc)... Si tu essaies de mettre ces infos de couleurs, alignement etc dans les balises div ou span, je me demande si ça peut aider à réduire le problème. Sinon ça peut juste être le fait que tu aies inséré une table et que le forum aime pas ???? aucune idée  Vexed  Vexed  Vexed

Un conseil aussi : les couleurs pastel sont super super claires, on a un peu du mal à lire sur fond blanc Embarassed  mais c'est TROP JOLI

Voilà bisous !!



Aaron vit en #E5882A.
Louisa danse en #78AB3F.


Un peu d'amour ♥:
##   Dim 2 Avr 2023 - 20:55
Bito Y. Daisukenojo

Personnage ~
► Âge : 28 ans (23/11/1995)
► Doubles-comptes ? : Akira Buichi
► Rencontres ♫♪ :
Bito Y. Daisukenojo
Etoile Tonnerre Lunaire
Messages : 2123
Date d'inscription : 13/01/2011
Age : 33
Emploi/loisirs : Cuisiner et Manger
Humeur : Survolté

Ce sont les posts forumactif qui n'aiment pas les retours à la ligne, du coup il te les mets tous au début de ton post.
Pour avoir un code parfait, il faut donc l'écrire sans aucun retour à la ligne... ce qui est assez illisible quand tu l'édite directement sur le forum.

Ce que je te conseil :
- Toujours avoir une copie de coté, bien écrit dans un fichier html.
- Une fois que ton code te plais, tu le copie/colle sur ce site : https://www.dcode.fr/suppression-espaces
- Tu clique sur "Supprimer uniquement les espaces multiples"
- Tu gardes décoché "Conserver les retours à la ligne"
- T'appuies sur "Supprimer"

Hop t'as plus qu'à copier ton code qui est à droite ^^



Edit : Sinon tu joues sur la marge comme le fait Ronron :D
C'est une bonne idée, car ça t'évite de faire cette bricole à chaque fois.


Dernière édition par Bito Y. Daisukenojo le Dim 2 Avr 2023 - 21:18, édité 1 fois
##   Dim 2 Avr 2023 - 21:09
Elfie Numa

Personnage ~
► Âge : 26 ans
► Doubles-comptes ? : Lou Adams
► Rencontres ♫♪ :
Elfie Numa
Etoile Tonnerre Solaire
Messages : 1191
Date d'inscription : 29/03/2018
Age : 27
Emploi/loisirs : Préfète des Tonnerres Sensitifs
Humeur : Eh...

Aaah ça explique ! Je mets tous les temps des retours à la ligne pour mieux me retrouver.

Merci à vous deux, le problème est réglé In love


Problème d'espace avec un code 50703_s

+:
##   Lun 3 Avr 2023 - 20:23
Aaron Williams

Personnage ~
► Âge : 34. (apparence 29 ans)
► Doubles-comptes ? : Aoi, Ariana, Misao, Lola
► Rencontres ♫♪ :
Aaron Williams
Master Tonnerre Solaire
Messages : 3927
Date d'inscription : 28/02/2011
Emploi/loisirs : Prof de maths et papaaaaa ♥
Humeur : Aha ! ... Attendez, c'était une vraie question ?

MERCI POUR LE LIEN @Bito Y. Daisukenojo !!!!



Aaron vit en #E5882A.
Louisa danse en #78AB3F.


Un peu d'amour ♥:
##   
Contenu sponsorisé

 

Problème d'espace avec un code

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1Terrae, Une nouvelle ère commence... :: Passons du temps tous ensemble !
 :: Partie communication. :: Questions & Suggestions.
Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.