Soucis code présentation
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Soucis code présentation
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>
Re: Soucis code présentation
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 :
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;" />
Re: Soucis code présentation
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
- 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>
Re: Soucis code présentation
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 :
Par ceci :
(À 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
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
Re: Soucis code présentation
Résolu merci beaucoup
Sujets similaires
» Formulaire de presentation, soucis
» Soucis avec un formulaire de presentation
» Petit Soucis Formulaire de présentation
» Problème avec un code de fiche de présentation
» Code de présentation qui ne s'affiche pas
» Soucis avec un formulaire de presentation
» Petit Soucis Formulaire de présentation
» Problème avec un code de fiche de présentation
» Code de présentation qui ne s'affiche pas
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum