Soucis code présentation

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Soucis code présentation

Message par pikacerise33 Ven 29 Sep 2017 - 11:53

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
Problème apparu depuis : aujourd'hui
Lien du forum : http://back-to-tree-hill.forumactif.org/

Description du problème

Bonjour ,
je viens vers vous car j'ai un soucis et je ne trouve pas comment le resoudre . J'ai un membre qui a fait sa presentation , mais ca se decale . Pouvez vous m'aidez ? Merci voici le code en question

Code:
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style type="text/css"> .div_fond { background-color: #2a2a2a; border: 1px solid #000; border-bottom: 3px solid #000; border-radius: 0px 0px 5px 5px; } .div_irl { background-color: #2a2a2a; border: 1px solid #000; border-bottom: 3px solid #000; border-radius: 0px 0px 5px 5px; width: 400px; height: 100px; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; position: relative; margin-top: -220px; } .div_irl:hover { margin-top: -165px; -webkit-transition: margin 1s ease-in; -moz-transition: margin 1s ease-in; -ms-transition: margin 1s ease-in; -o-transition: margin 1s ease-in;  transition: margin 1s ease-in; position: relative; } .pseudo { margin-top: -16px; font-family: 'Playball', cursive; font-size: 35px; color: #434e4b; text-shadow: 1px 1px 1px #000; text-align: center; } .icon { width: 80px; height: 80px; box-shadow: 1px 1px 2px #000; margin-right: 5px; } .titre { font-family: 'Audiowide', cursive; font-size: 20px; letter-spacing: -1px; color: #587a7c; border-bottom: 1px solid #434e4b; text-shadow: 1px 1px 1px #000; text-align: left; margin-left: 5px; margin-top: -5px; } .credit { background-color: #505050; width: 200px; height: 15px; line-height: 15px; font-family: 'Audiowide', cursive; font-size: 12px; color: #2a2a2a; text-align: center; } .questions_id { font-family: 'Audiowide', cursive; color: #505050; font-size: 13px; } .select_option { font-family: 'Audiowide', cursive; font-size: 12px; color: #2a2a2a; background-color: #505050; border: none; padding: 3px; text-transform: small-caps; margin-top: 5px; margin-bottom: -5px; }</style>

<center><div style="background: none; width: 500px; height: 1250px;">
<div style="width: 500px; height: 1100px; z-index: 1; position: absolute;" class="div_fond"><img src="http://68.media.tumblr.com/20c4e59d1788c1dde97ac2a6b7b46ccf/tumblr_o9gtfs63eX1vv9ir7o2_250.gif" style="border-bottom: 6px double #434e4b; width: 500px;" /><div class="pseudo">Mia <font style="color: #587a7c"></font>Lune</div><center>
<img src="https://pbs.twimg.com/media/CPdSmDRUEAAga7_.jpg" class="icon" /> <img src="https://i.pinimg.com/736x/c3/98/aa/c398aac6ca873477090e07b57c2d6a82--lucy-hale-haircut-lucy-hale-short-hair.jpg" class="icon" /> <img src="https://i.pinimg.com/236x/bb/75/c4/bb75c4bfafbc4fa44fdaff22ef3f7169.jpg" class="icon" /></center><p class="titre">ID CARD</p><table height="340px" width="500px" cellpadding="4" style="margin-top: -35px;"><tr width="500px"><td width="200px" rowspan="2" height="340px"><img src="https://ic.pics.livejournal.com/malbe/77814854/1004655/1004655_original.png" /><div class="credit">© ezek</div></td><td width="300px" height="200px" style="font-family: trebuchet ms; color: #C0C0C0; font-size: 11px;"><font class="questions_id">Nom :</font> "Lune" un nom de famille qui me provient de la seule personne qui compte à mes yeux, mon père.
<font class="questions_id">Prénom's) :</font> Tout simple Mia, mon père m'a dit qu'il s'est réveillé avec cette idée en tête un matin. Il n'a jamais aimé les deuxièmes prénoms, alors je n'en ai pas.
<font class="questions_id">Âge :</font> Bientôt un quart de siècle, j'ai 24 ans.
<font class="questions_id">Date de naissance :</font> Le 26 octobre 1993 même-si j'étais prévue pour Halloween à la base.
<font class="questions_id">Nationalité :</font> Américaine et Anglaise même-si, je n'ai jamais mis les pieds en Europe.
<font class="questions_id">Groupe :</font> Le phenix
<font class="questions_id">Situation :</font> Contre toutes ces histoires d'amour à l'eau de rose. Rien que d'y penser, je sens la nausée arriver.
<font class="questions_id">Métier :</font> Serveuse et chanteuse de rue. Mais je préfère chanter que de servir du café.
<font class="questions_id">FT</font> Lucy Kate Hale
<table align="center"><tr><td><select class="select_option"><option>Physique</option>
<option>petite</option>
<option>brune</option>
<option>tatoué</option>
<option>yeux bruns</option>
<option>manucure parfaite</option>
<option>extension de cils</option>
<option>assez extravagante</option></select></td><td><select class="select_option"><option>Caractère</option>
<option>pessimiste</option>
<option>loyale</option>
<option>rancunière</option>
<option>maladroite</option>
<option>passionné</option>
<option>douce</option>
<option>râleuse</option></select></td></tr></table></td>
</tr><tr><td width="280px; height="140px"><div style="width: 280px; height: 140px; overflow: auto; font-family: trebuchet ms; color: #C0C0C0; font-size: 11px; text-align: justify; padding: 1x;">Elle vient d'une famille monoparentale, seul son père était là pour elle ♠️ Elle a un tatouage avec le signe du roi du coeur en l'honneur à son père ♠️ Elle n'a jamais étais douée à l'école ♠️ S'était même le cancre de la classe, en petite section elle portait les oreilles d'âne ♠️ Elle beaucoup d'animaux chez elle ♠️ Elle s'occupe même de ceux qu'elle trouve dans la rue ♠️ Elle adore chanter, elle chante depuis des années ♠️ Elle joue de nombreux instruments ♠️ Elle confection des tenue vu quelle n'a jamais eu les moyens d'en acheter à sa guise  ♠️ C'est une fan de séries tv ♠️</div></td></tr></table><p class="titre">HISTORY</p><table height="340px" width="500px" cellpadding="4" style="margin-top: -35px;"><tr width="500px"><td width="300px" height="50px" style="font-family: 'Playball', cursive; height: 50px; color: #434e4b; font-size: 15px; text-align: justify; overflow: auto; line-height: 12px;"> "Y'a des noms, des mots dans la vie qui vous ramènent à des lieux, un temps où vous étiez bien, où vous étiez heureux."
    </td><td width="200px" rowspan="2" height="340px"><img src="https://img11.hostingpics.net/pics/698154tumblro911bmQY1a1vx4tr2o6250.png" /><div class="credit">© ezek</div></td></tr><tr><td width="280px; height="290px"><div style="width: 280px; height: 285px; overflow: auto; font-family: trebuchet ms; color: #C0C0C0; font-size: 11px; text-align: justify; padding: 1px;">[spoiler]histoire de ton personnage à placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc.

   Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

   Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit. histoire de ton personnage à  placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc. Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

   Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit.[/spoiler]</td>
   </tr></table></div></div>

   <div class="div_irl"><table width="400px" cellpadding="3"><tr width="100px"><td width="100px" rowspan="2" height="100px"><img src="https://img11.hostingpics.net/pics/325152306.png" style="margin-top: -10px; margin-left: -5px; border-radius: 0px 0px 0px 5px;" /></td><td width="300px" height="20px"><p class="titre">AND YOU ?!</p></tr><tr><td width="300px; height="80px"><div style="width: 280px; height: 70px; overflow: auto; font-family: trebuchet ms; color: #ffffff; font-size: 11px; text-align: justify; padding: 1x; margin-top: -25px;">*Ton pénom / Pseudo : ici *Ton âge : ici *Comment nous as tu connus ? : ici * Sexe : Ici * Ville / pays : Ici *
   Ma série  préféré : Ici  * Fréquence de connexion : Ici *Ce que vous pensez du forum: ici *  Un petit mot : Ici  </div></td></tr></table></div></div></center>
pikacerise33

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code présentation

Message par Sen Hime Ven 29 Sep 2017 - 18:47

Bonjour,

J'ai l'impression que le problème est dû à l'image utilisée en haut de présentation : sa hauteur n'est pas limitée et elle décale tout vers le bas. Or si je comprends bien le code, la fiche est prévue avec plusieurs hauteurs maximales de sorte que la position du petit cadre amovible en bas tombe juste avec le bas de la fiche. Elle n'a pas été prévue pour les cas où le contenu dépasse les hauteurs maximales.
Je pense que la solution la plus simple sans modifier tout le code serait de limite l'image utilisée du header du coup, par exemple à 180 pixels :
Code:
<img src="http://68.media.tumblr.com/20c4e59d1788c1dde97ac2a6b7b46ccf/tumblr_o9gtfs63eX1vv9ir7o2_250.gif" style="max-height:180px;border-bottom: 6px double #434e4b; width: 500px;" />
Sen Hime

Sen Hime
****

Féminin
Messages : 249
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code présentation

Message par pikacerise33 Ven 29 Sep 2017 - 23:48

Bonsoir , merci pour votre réponse rapide malheureusement j'ai mis comme vous m'avez dit . Mais rien a changer , je vous met le code de base si vous voulez Smile
Code:
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style type="text/css"> .div_fond { background-color: #2a2a2a; border: 1px solid #000; border-bottom: 3px solid #000; border-radius: 0px 0px 5px 5px; } .div_irl { background-color: #2a2a2a; border: 1px solid #000; border-bottom: 3px solid #000; border-radius: 0px 0px 5px 5px; width: 400px; height: 100px; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; position: relative; margin-top: -220px; } .div_irl:hover { margin-top: -165px; -webkit-transition: margin 1s ease-in; -moz-transition: margin 1s ease-in; -ms-transition: margin 1s ease-in; -o-transition: margin 1s ease-in;  transition: margin 1s ease-in; position: relative; } .pseudo { margin-top: -16px; font-family: 'Playball', cursive; font-size: 35px; color: #434e4b; text-shadow: 1px 1px 1px #000; text-align: center; } .icon { width: 80px; height: 80px; box-shadow: 1px 1px 2px #000; margin-right: 5px; } .titre { font-family: 'Audiowide', cursive; font-size: 20px; letter-spacing: -1px; color: #587a7c; border-bottom: 1px solid #434e4b; text-shadow: 1px 1px 1px #000; text-align: left; margin-left: 5px; margin-top: -5px; } .credit { background-color: #505050; width: 200px; height: 15px; line-height: 15px; font-family: 'Audiowide', cursive; font-size: 12px; color: #2a2a2a; text-align: center; } .questions_id { font-family: 'Audiowide', cursive; color: #505050; font-size: 13px; } .select_option { font-family: 'Audiowide', cursive; font-size: 12px; color: #2a2a2a; background-color: #505050; border: none; padding: 3px; text-transform: small-caps; margin-top: 5px; margin-bottom: -5px; }</style>

<center><div style="background: none; width: 500px; height: 1250px;">
<div style="width: 500px; height: 1100px; z-index: 1; position: absolute;" class="div_fond"><img src="https://i.imgbox.com/M5omJ2XU.gif" style="border-bottom: 6px double #434e4b; width: 500px;" /><div class="pseudo">Prénom <font style="color: #587a7c">Prénom</font> Nom</div><center>
<img src="https://i.imgbox.com/0LdIU6IO.png" class="icon" /> <img src="https://i.imgbox.com/43cV1tYm.png" class="icon" /> <img src="https://i.imgbox.com/ueU2u1uz.png" class="icon" /></center><p class="titre">ID CARD</p><table height="340px" width="500px" cellpadding="4" style="margin-top: -35px;"><tr width="500px"><td width="200px" rowspan="2" height="340px"><img src="https://i.imgbox.com/HXUYJGjz.png" /><div class="credit">©️ ezek</div></td><td width="300px" height="200px" style="font-family: trebuchet ms; color: #C0C0C0; font-size: 11px;"><font class="questions_id">Nom :</font> réponse ici
<font class="questions_id">Prénom's) :</font> réponse ici
<font class="questions_id">Âge :</font> réponse ici
<font class="questions_id">Date de naissance :</font> réponse ici
<font class="questions_id">Nationalité :</font> réponse ici
<font class="questions_id">Groupe :</font> réponse ici
<font class="questions_id">Situation :</font> réponse ici
<font class="questions_id">Métier :</font> réponse ici
<font class="questions_id">FT</font> réponse ici
<table align="center"><tr><td><select class="select_option"><option>Physique</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option></select></td><td><select class="select_option"><option>Caractère</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option></select></td></tr></table></td>
</tr><tr><td width="280px; height="140px"><div style="width: 280px; height: 140px; overflow: auto; font-family: trebuchet ms; color: #C0C0C0; font-size: 11px; text-align: justify; padding: 1x;">info sur ton personnage ♠ anecdote sur ton personnage ♠ info sur ton personnage ♠ anecdote sur ton personnage ♠ info sur ton personnage anecdote sur ton personnage ♠ info sur ton personnage ♠ anecdote sur ton personnage ♠ info sur ton personnage ♠  anecdote sur ton personnage ♠ info sur ton personnage ♠  anecdote sur ton personnage ♠ info sur ton personnage ♠  anecdote sur ton personnage ♠ info sur ton personnage ♠  anecdote sur ton personnage ♠ info sur ton personnage ♠  anecdote sur ton personnage ♠ info sur ton personnage ♠ anecdote sur ton personnage ♠ info sur ton personnage ♠ anecdote sur ton personnage ♠ info sur ton personnage</div></td></tr></table><p class="titre">HISTORY</p><table height="340px" width="500px" cellpadding="4" style="margin-top: -35px;"><tr width="500px"><td width="300px" height="50px" style="font-family: 'Playball', cursive; height: 50px; color: #434e4b; font-size: 15px; text-align: justify; overflow: auto; line-height: 12px;">citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation citation (pas trop longue)</td><td width="200px" rowspan="2" height="340px"><img src="https://i.imgbox.com/4YtXoiys.png" /><div class="credit">©️ ezek</div></td></tr><tr><td width="280px; height="290px"><div style="width: 280px; height: 285px; overflow: auto; font-family: trebuchet ms; color: #C0C0C0; font-size: 11px; text-align: justify; padding: 1px;">histoire de ton personnage à placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc.

 Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit. histoire de ton personnage à placer ici. Racontes son enfance, ses souvenirs, ses joies, ses peines, ses rêves, sa situation actuelle, etc. Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit.</td>
</tr></table></div></div>

<div class="div_irl"><table width="400px" cellpadding="3"><tr width="100px"><td width="100px" rowspan="2" height="100px"><img src="https://i.imgbox.com/ueU2u1uz.png" style="margin-top: -10px; margin-left: -5px; border-radius: 0px 0px 0px 5px;" /></td><td width="300px" height="20px"><p class="titre">AND YOU ?!</p></tr><tr><td width="300px; height="80px"><div style="width: 280px; height: 70px; overflow: auto; font-family: trebuchet ms; color: #C0C0C0; font-size: 11px; text-align: justify; padding: 1x; margin-top: -25px;">Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie. Parles nous de toi en quelques mots dans cette partie.</div></td></tr></table></div></div></center>
pikacerise33

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code présentation

Message par Sen Hime Sam 30 Sep 2017 - 15:18

Le code que j'ai donné concernait surtout le fait que la fiche soit coupée/décalée en bas mais après comparaison avec l'autre code j'imagine que le soucis dont vous parlez vient du coup que la barre du haut (sous l'image et la liste des noms) soit coupée par le texte ?

De nouveau le problème semble venir du fait que la hauteur de la fiche est prévue avec une hauteur très précise mais le texte de description du personnage (nom, prénom, etc) dépasse de la zone. Le contenu se trouve dans une cellule du tableau dont la hauteur complète est prévue à 200 pixels "<td width="300px" height="200px" style="font-family: trebuchet ms; color: #C0C0C0; font-size: 11px;">" mais la taille réelle est de 288 pixels. Les cellules de tableau, même avec une taille prévue, peuvent dépasser en suivant la taille du contenu. Pour vraiment s'assurer que rien ne dépasse, il faut comme à d'autres endroits prévoir dedans une DIV avec une max-height et un overflow:auto;

Du coup je remplacerais cette partie :
Code:
<td width="200px" rowspan="2" height="340px"><img src="https://ic.pics.livejournal.com/malbe/77814854/1004655/1004655_original.png" /><div class="credit">©️ ezek</div></td><td width="300px" height="200px" style="font-family: trebuchet ms; color: #C0C0C0; font-size: 11px;"><font class="questions_id">Nom :</font> "Lune" un nom de famille qui me provient de la seule personne qui compte à mes yeux, mon père.
<font class="questions_id">Prénom's) :</font> Tout simple Mia, mon père m'a dit qu'il s'est réveillé avec cette idée en tête un matin. Il n'a jamais aimé les deuxièmes prénoms, alors je n'en ai pas.
<font class="questions_id">Âge :</font> Bientôt un quart de siècle, j'ai 24 ans.
<font class="questions_id">Date de naissance :</font> Le 26 octobre 1993 même-si j'étais prévue pour Halloween à la base.
<font class="questions_id">Nationalité :</font> Américaine et Anglaise même-si, je n'ai jamais mis les pieds en Europe.
<font class="questions_id">Groupe :</font> Le phenix
<font class="questions_id">Situation :</font> Contre toutes ces histoires d'amour à l'eau de rose. Rien que d'y penser, je sens la nausée arriver.
<font class="questions_id">Métier :</font> Serveuse et chanteuse de rue. Mais je préfère chanter que de servir du café.
<font class="questions_id">FT</font> Lucy Kate Hale
<table align="center"><tr><td><select class="select_option"><option>Physique</option>
<option>petite</option>
<option>brune</option>
<option>tatoué</option>
<option>yeux bruns</option>
<option>manucure parfaite</option>
<option>extension de cils</option>
<option>assez extravagante</option></select></td><td><select class="select_option"><option>Caractère</option>
<option>pessimiste</option>
<option>loyale</option>
<option>rancunière</option>
<option>maladroite</option>
<option>passionné</option>
<option>douce</option>
<option>râleuse</option></select></td></tr></table></td>

Par ceci :

Code:
<td width="300px" height="200px" style="font-family: trebuchet ms; color: #C0C0C0; font-size: 11px;"><div style="max-height:150px;overflow:auto;"><font class="questions_id">Nom :</font> "Lune" un nom de famille qui me provient de la seule personne qui compte à mes yeux, mon père.
<font class="questions_id">Prénom's) :</font> Tout simple Mia, mon père m'a dit qu'il s'est réveillé avec cette idée en tête un matin. Il n'a jamais aimé les deuxièmes prénoms, alors je n'en ai pas.
<font class="questions_id">Âge :</font> Bientôt un quart de siècle, j'ai 24 ans.
<font class="questions_id">Date de naissance :</font> Le 26 octobre 1993 même-si j'étais prévue pour Halloween à la base.
<font class="questions_id">Nationalité :</font> Américaine et Anglaise même-si, je n'ai jamais mis les pieds en Europe.
<font class="questions_id">Groupe :</font> Le phenix
<font class="questions_id">Situation :</font> Contre toutes ces histoires d'amour à l'eau de rose. Rien que d'y penser, je sens la nausée arriver.
<font class="questions_id">Métier :</font> Serveuse et chanteuse de rue. Mais je préfère chanter que de servir du café.
<font class="questions_id">FT</font> Lucy Kate Hale</div>
<table align="center"><tr><td><select class="select_option"><option>Physique</option>
<option>petite</option>
<option>brune</option>
<option>tatoué</option>
<option>yeux bruns</option>
<option>manucure parfaite</option>
<option>extension de cils</option>
<option>assez extravagante</option></select></td><td><select class="select_option"><option>Caractère</option>
<option>pessimiste</option>
<option>loyale</option>
<option>rancunière</option>
<option>maladroite</option>
<option>passionné</option>
<option>douce</option>
<option>râleuse</option></select></td></tr></table></td>

(À noter que vu que cette solution réduit aussi la hauteur totale, la taille maximum de l'image du haut dans ma précédente réponse peut être un peu augmentée sans que la fiche dépasse, par exemple à 220px au lieu de 180)

Si le problème est encore là, n'hésitez pas à fournir aussi un screenshot mettant en avant les parties problématiques Smile
Sen Hime

Sen Hime
****

Féminin
Messages : 249
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis code présentation

Message par pikacerise33 Dim 1 Oct 2017 - 0:23

Résolu merci beaucoup
pikacerise33

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum