Problème de code HTML
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de code HTML
Bonsoir tout le monde.
Je vous annonce tout de suite que je ne sais absolument pas si ma requête rentre dans les fonctions du Forum des Forums actifs, et surtout si je la poste à cet endroit, mais j'essaie, et dites moi si je dois la supprimer ou la rediriger =)
Je refais le design de mon forum, comme souvent ; et je voudrai donc changer l'apparence de certains sujets permanents au sein de celui-ci. J'ai commencé une 'fiche' équine avec tout pleins de codes html pour faire zoly, mais le hic, c'est que les codes que j'ai du insérer sont mauvais étant donné que mon tableau n'est pas complet :
Voici les codes :
Si quelqu'un pouvait m'aider sur la correction de ces codes ce serait génial, parce que j'ai tout fait poru y arriver mais mon apprentissage du html a désormais vu ses limites =)
Merci d'avance et bonne soiree a tous =)
Je vous annonce tout de suite que je ne sais absolument pas si ma requête rentre dans les fonctions du Forum des Forums actifs, et surtout si je la poste à cet endroit, mais j'essaie, et dites moi si je dois la supprimer ou la rediriger =)
Je refais le design de mon forum, comme souvent ; et je voudrai donc changer l'apparence de certains sujets permanents au sein de celui-ci. J'ai commencé une 'fiche' équine avec tout pleins de codes html pour faire zoly, mais le hic, c'est que les codes que j'ai du insérer sont mauvais étant donné que mon tableau n'est pas complet :
- Spoiler:
Voici les codes :
- Code:
[list][*]<div style=" -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; width:516px;"><div style="text-align:center;letter-spacing: -3px;font-family:arial black;font-size:29px;font-weight:bold; credit-site-css: mycandids.tk; color:#e0ceaa ;"> Ysanthem Kreisker</div><fieldset style="border: 5px solid #A88064; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px;"><table><tr> <td>[img]http://i10.servimg.com/u/f10/12/50/45/89/ysanth11.jpg[/img]</td></tr></table>[/list]<div><center><div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><br><justify><div style="margin: auto; text-align: center; width: 100%;"><center><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table width=100%][tr][td width=33%][b]Nom [/b]» Ysanthem
[b]Age [/b]» 6 ans
[b]Sexe [/b]» Hongre
[b]Race [/b]» Poney Français
[b]Taille [/b]» 1m48 garrot
[b]Prix [/b]» 10 000€
[b]Niveau exigé [/b]» Galop 5
[b][u]Demi-pension [/u][/b]
[center]Aucune[/center]
[b][u]Propriétaire [/u][/b]
[center]Seventh' H.[/center][/td][td width=66%][justify][u][b]Caractère[/b][/u]
Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires.. ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre ! Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin considère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut.. Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu'il comprendra tout beaucoup plus vite ![/justify][/td][/tr][/table]</font><br><div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div></div></div>
<div><center><div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><br><justify><div style="margin: auto; text-align: center; width: 100%;"><center><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;"> [table width=100%][tr][td width=33%][b]Santé [/b]» 90%
[b]Moral [/b]» 90%
[b]Confiance [/b]» 40%[/td][td width=66%][table][tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
25%[/td][td]Franchise
20%[/td][td]Endurance
40%[/td][td][b][u]Total[/u]
28.5%[/b][/td][/tr][tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
15%[/td][td]Souplesse
28%[/td][td]Maniabilité
38%[/td][td][b][u]Total[/u]
27%[/b][/td][/tr][tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
42%[/td][td]Soumission
43%[/td][td]Décontraction
20%[/td][td][b][u]Total[/u]
35%[/b][/td][/tr][/table][/td][/tr][/table]</td></tr><tr><td>
[table][tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr][tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr][tr][td] [center]Prochaine visite 21/07/11[/center]
[/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le 11/03/11 [/center][/td][/tr][/table]
<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div></td></tr><tr><td>[table width=100%][tr][td width=33%]
[b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...
[b]Total des gains[/b]» ...[/td][td width=66%]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr][/table]
</font><br><div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div></div> </div>
Si quelqu'un pouvait m'aider sur la correction de ces codes ce serait génial, parce que j'ai tout fait poru y arriver mais mon apprentissage du html a désormais vu ses limites =)
Merci d'avance et bonne soiree a tous =)
Dernière édition par lauraestate le Sam 20 Aoû 2011 - 16:12, édité 1 fois
Re: Problème de code HTML
Bonjour,
Je regarde votre code mais il n'est pas simple de le corriger sans savoir exact
la forme finale.
Votre image est peu explicite.
Des balises non fermées
Par exemple fieldset
Voir votre code avec tabulation
Vous pouvez voir qu'il vous manque des balises.
Cordialement,
Ge
Je regarde votre code mais il n'est pas simple de le corriger sans savoir exact
la forme finale.
Votre image est peu explicite.
Des balises non fermées
Par exemple fieldset
Voir votre code avec tabulation
- Code:
<ul>
<br>
<li><br>
<div style=" -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; width:516px;">
<br>
<br>
<br>
<div style="text-align:center;letter-spacing: -3px;font-family:arial black;font-size:29px;font-weight:bold; credit-site-css: mycandids.tk; color:#e0ceaa ;">
<br>
<br>
<br>
Ysanthem Kreisker<br>
<br>
</div>
<br>
<br>
<br>
<fieldset style="border: 5px solid #A88064; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px;">
<br>
<br>
<br>
<table>
<br>
<br>
<br>
<tr>
<br>
<br>
<br>
<td>
<br>
<br>
<br>
<img src="http://i10.servimg.com/u/f10/12/50/45/89/ysanth11.jpg" border="0"><br>
<br>
</td>
<br>
<br>
<br>
</tr>
<br>
<br>
<br>
</table>
<br>
<br>
<br>
</fieldset>
<br>
<br>
<br>
</div>
<br>
<br>
<br>
</li>
<br>
</ol>
<br>
<br>
<br>
<div>
<br>
<br>
<br>
<center><br>
<br>
<div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<justify><br>
<br>
<div style="margin: auto; text-align: center; width: 100%;">
<br>
<br>
<br>
<center><br>
<br>
<div style="text-align: center;" align="center">
<br>
<br>
<br>
</div>
<br>
<br>
<br>
<div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
<br>
<br>
<br>
<div align="left">
<br>
<br>
<br>
<font style="color:#6A503E;font-size:17px;">[table width=100%]<br>
<tr>
<br>
[td width=33%]<b>Nom </b>» Ysanthem <b>Age </b>» 6 ans <b>Sexe </b>» Hongre <b>Race </b>» Poney Français <b>Taille </b>» 1m48 garrot <b>Prix </b>» 10 000€ <b>Niveau exigé </b>» Galop 5 <b><u>Demi-pension </u></b><br>
<p align='center'>
<br>
Aucune<br>
</p>
<br>
<b><u>Propriétaire </u></b><br>
<p align='center'>
<br>
Seventh' H.<br>
</p>
<br>
[/td][td width=66%]<br>
<p align='justify'>
<br>
<u><b>Caractère</b></u> Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires.. ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre ! Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin considère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut.. Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu'il comprendra tout beaucoup plus vite !<br>
</p>
<br>
[/td]<br>
</tr>
<br>
[/table]</font><br>
<br>
<br>
<br>
<div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;">
<br>
<br>
<br>
</div>
<br>
<br>
<br>
</div>
<br>
<br>
<br>
</div>
<br>
<br>
<br>
<div>
<br>
<br>
<br>
<center><br>
<br>
<div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<justify><br>
<br>
<div style="margin: auto; text-align: center; width: 100%;">
<br>
<br>
<br>
<center><br>
<br>
<div style="text-align: center;" align="center">
<br>
<br>
<br>
</div>
<br>
<br>
<br>
<div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
<br>
<br>
<br>
<div align="left">
<br>
<br>
<br>
<font style="color:#6A503E;font-size:17px;"> [table width=100%]<br>
<tr>
<br>
[td width=33%]<b>Santé </b>» 90% <b>Moral </b>» 90% <b>Confiance </b>» 40%[/td][td width=66%]<br>
<table>
<br>
<tr>
<br>
<td>
<br>
<b><u>Cross</u></b><br>
</td>
<br>
<td>
<br>
Vitesse 25%<br>
</td>
<br>
<td>
<br>
Franchise 20%<br>
</td>
<br>
<td>
<br>
Endurance 40%<br>
</td>
<br>
<td>
<br>
<b><u>Total</u> 28.5%</b><br>
</td>
<br>
</tr>
<br>
<tr>
<br>
<td>
<br>
<b><u>Saut d'obstacle</u></b><br>
</td>
<br>
<td>
<br>
Respect des barres 15%<br>
</td>
<br>
<td>
<br>
Souplesse 28%<br>
</td>
<br>
<td>
<br>
Maniabilité 38%<br>
</td>
<br>
<td>
<br>
<b><u>Total</u> 27%</b><br>
</td>
<br>
</tr>
<br>
<tr>
<br>
<td>
<br>
<b><u>Dressage</u></b><br>
</td>
<br>
<td>
<br>
Légèreté 42%<br>
</td>
<br>
<td>
<br>
Soumission 43%<br>
</td>
<br>
<td>
<br>
Décontraction 20%<br>
</td>
<br>
<td>
<br>
<b><u>Total</u> 35%</b><br>
</td>
<br>
</tr>
<br>
</table>
<br>
[/td]
</tr>
[/table]<br>
<br>
</td>
<br>
<br>
<br>
</tr>
<br>
<br>
<br>
<tr>
<br>
<br>
<br>
<td>
<br>
<br>
<br>
<table>
<br>
<tr>
<br>
<td>
<br>
<p align='center'>
<br>
<b>Dentiste</b><br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
<b>Vétérinaire</b><br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
<b>Ostéopathe</b><br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
<b>Chuchoteur</b><br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
<b>Maréchal</b><br>
</p>
<br>
</td>
<br>
</tr>
<br>
<tr>
<br>
<td>
<br>
<p align='center'>
<br>
Dernière visite 21/03/11<br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
Dernière visite 28/03/11<br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
Dernière visite 01/12/10<br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
Dernière visite le 05/05/10<br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
Dernière visite 01/12/10<br>
</p>
<br>
</td>
<br>
</tr>
<br>
<tr>
<br>
<td>
<br>
<p align='center'>
<br>
Prochaine visite 21/07/11<br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
Prochaine visite 28/05/11<br>
</p>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
Prochaine visite 01/05/11<br>
</p>
<br>
</td>
<br>
<td>
<br>
</td>
<br>
<td>
<br>
<p align='center'>
<br>
Prochaine visite le 11/03/11<br>
</p>
<br>
</td>
<br>
</tr>
<br>
</table>
<br>
<br>
<br>
<div style="background:#927F60; width: 100%;">
<br>
<br>
<br>
<font size="1">...</font><br>
<br>
</div>
<br>
<br>
<br>
</td>
<br>
<br>
<br>
</tr>
<br>
<br>
<br>
<tr>
<br>
<br>
<br>
<td>
<br>
<br>
<br>
[table width="100%"]<br>
<tr>
<br>
<td>
<b>Cross </b>» ... <b>Obstacle </b>» ... <b>Dressage </b>» ... <b>Total des gains</b>» ...
</td>
<td>
<br>
<br>
<div style="width:100%;height:100px;overflow:auto;">
<br>
<br>
<br>
<u><b>Palmarès</b></u><br>
<br>
</div>
<br>
<br>
<br>
</td>
<br>
</tr>
<br>
[/table] </font><br>
<br>
<br>
<br>
<div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;">
<br>
<br>
<br>
</div>
<br>
<br>
<br>
</div>
<br>
<br>
<br>
</div>
<br>
<br>
<br>
Vous pouvez voir qu'il vous manque des balises.
Cordialement,
Ge
Re: Problème de code HTML
Arf le soucis c'est que là mes limites du html sont déjà au maximum. l'effet recherché parait simple dans ma tete : vous avez le cadre beige et l'encadrement rose pale qui s'arretent en dessous des capacités en %. J'aimerai que ces cadres beiges et roses pales descendent tout en bas, incluant les visites medicales et les palmares.. Que le tableau se prolonge et se finisse quoi..
Est ce que vous me suivez ?
Est ce que vous me suivez ?
Re: Problème de code HTML
Oui mais il faut que je fasse des essais de dispositions car il manque quelques balises et certaines sont inter-mêlées
Donc une belle prise de tête
Réponse demain si personne d'autre ne vous a proposé une correction.
Donc une belle prise de tête
Réponse demain si personne d'autre ne vous a proposé une correction.
Re: Problème de code HTML
Merci c'est super gentil ! bonne soirée =)
Re: Problème de code HTML
Le mélange des balises est pratiquement inextricable.
J'ai décomposé en trois morceaux.
Morceau 1
Morceau 2
Morceau 3
Quelle disposition voulez-vous ?
Quelles sont les erreurs de styles car plus de 50 balises étaient défectueuses (mal placées, non ouvertes, non fermées... erronées...) ?
Le mélange BBCODE et HTML rend votre code lourd à modifier.
J'ai décomposé en trois morceaux.
Morceau 1
- Code:
[list][*]<div style=" -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; width:516px;"><div style="text-align:center;letter-spacing: -3px;font-family:arial black;font-size:29px;font-weight:bold; credit-site-css: mycandids.tk; color:#e0ceaa ;"> Ysanthem Kreisker</div><fieldset style="border: 5px solid #A88064; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px;"><table><tr> <td>[img]http://i10.servimg.com/u/f10/12/50/45/89/ysanth11.jpg[/img]</td></tr></table></fieldset></div> [/list]
Morceau 2
- Code:
<div style="background: none repeat scroll 0% 0% #A88064;-moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
<div style="margin: auto; text-align: center; width: 100%;"><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table cellspacing="1"]
[tr][td][b]Nom [/b]» Ysanthem
[b]Age [/b]» 6 ans
[b]Sexe [/b]» Hongre
[b]Race [/b]» Poney Français
[b]Taille [/b]» 1m48 garrot
[b]Prix [/b]» 10 000€
[b]Niveau exigé [/b]» Galop 5
[b][u]Demi-pension [/u][/b]
[center]Aucune[/center]
[b][u]Propriétaire [/u][/b]
[center]Seventh' H.[/center][/td][td][justify][u][b]Caractère[/b][/u] Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires.. ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre ! Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin cons idère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut.. Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu 'il comprendra tout beaucoup plus vite ![/justify] [/td][/tr]
[/table]</font>
<div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"> </div> </div> </div> <div> <center>
<div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
<div style="margin: auto; text-align: center; width: 100%;"> <center><div style="text-align: center;" align="center">
</div> <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
<div align="left">
<font style="color:#6A503E;font-size:17px;">
[table cellspacing="1"]
[tr][td][b]Santé [/b]» 90% [b]Moral [/b]»
90%
[b]Confiance [/b]» 40%[/td][td] [table cellspacing="1"]
[tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
25%[/td][td]Franchise
20%[/td][td]Endurance
40%[/td][td][b][u]Total[/u]
28.5%[/b][/td][/tr]
[tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
15%[/td][td]Souplesse
28%[/td][td]Maniabilité
38%[/td][td][b][u]Total[/u]
27%[/b][/td][/tr]
[tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
42%[/td][td]Soumission
43%[/td][td]Décontraction
20%[/td][td][b][u]Total[/u]
35%[/b][/td][/tr]
[/table]
[/td][/tr]
[/table]
</div> </div></div></div></div></div></div>
Morceau 3
- Code:
[table cellspacing="1"]
[tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr]
[tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr]
[tr][td] [center]Prochaine visite 21/07/11[/center]
[/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le 11/03/11 [/center][/td][/tr]
[/table]
<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div></td></tr><tr><td>[table cellspacing="1"]
[tr][td]
[b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...
[b]Total des gains[/b]» ...[/td][td]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr]
[/table]
</font><br><div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div></div> </div>
Quelle disposition voulez-vous ?
Quelles sont les erreurs de styles car plus de 50 balises étaient défectueuses (mal placées, non ouvertes, non fermées... erronées...) ?
Le mélange BBCODE et HTML rend votre code lourd à modifier.
Re: Problème de code HTML
Oula en effet, il y avait du gros boulot.. la premiere partie est super et est independante des deux autres. La deuxième est très bien. La troisième est 'vierge' et j'aimerai qu'elle soit intégrée dans le tableau comme pour la deuxième partie et donc que les parties 2 et 3 soient successives. Est-ce que je m'exprime bien ou ce n'est pas clair ?^^
Re: Problème de code HTML
Je pense avoir compris.
Je propose une solution.
Je propose une solution.
- Code:
<div style="background: none repeat scroll 0% 0% #A88064;-moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><div style="margin: auto; text-align: center; width: 100%;"><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px;-moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table cellspacing="1"]
[tr][td][b]Nom [/b]» Ysanthem
[b]Age [/b]» 6 ans
[b]Sexe [/b]» Hongre
[b]Race [/b]» Poney Français
[b]Taille [/b]» 1m48 garrot
[b]Prix [/b]» 10 000€
[b]Niveau exigé [/b]» Galop 5
[b][u]Demi-pension [/u][/b]
[center]Aucune[/center]
[b][u]Propriétaire [/u][/b]
[center]Seventh' H.[/center][/td][td][justify][u][b]Caractère[/b][/u] Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires.. ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre ! Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin cons idère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut.. Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu 'il comprendra tout beaucoup plus vite ![/justify] [/td][/tr][/table]</font> <div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"> </div> </div> </div> <div> <center>
<div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
<div style="margin: auto; text-align: center; width: 100%;"> <center><div style="text-align: center;" align="center">
</div> <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
<div align="left">
<font style="color:#6A503E;font-size:17px;">
[table cellspacing="1"][tr][td][b]Santé [/b]» 90% [b]Moral [/b]»
90%
[b]Confiance [/b]» 40%[/td][td] [table cellspacing="1"]
[tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
25%[/td][td]Franchise
20%[/td][td]Endurance
40%[/td][td][b][u]Total[/u]
28.5%[/b][/td][/tr]
[tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
15%[/td][td]Souplesse
28%[/td][td]Maniabilité
38%[/td][td][b][u]Total[/u]
27%[/b][/td][/tr]
[tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
42%[/td][td]Soumission
43%[/td][td]Décontraction
20%[/td][td][b][u]Total[/u]
35%[/b][/td][/tr][/table] [/td][/tr][/table] </div> </div></div></div></div>
[table cellspacing="1"][tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr]
[tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr][tr][td] [center]Prochaine visite 21/07/11[/center][/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le 11/03/11 [/center][/td][/tr][/table]<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div>[table cellspacing="1"][tr][td][b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...
[b]Total des gains[/b]» ...[/td][td]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr][/table]
<div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div> </div></div>
Re: Problème de code HTML
Génial ! c'est casiment ca ! il faudrait plus que le cadre beige englobe tout le reste, c'est a dire qu'il s'étende sur toute la surface du carré rouge si possible ? :
- Spoiler:
Re: Problème de code HTML
Voici une nouvelle organisation.
- Code:
<div style="background: none repeat scroll 0% 0% #A88064;-moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><div style="margin: auto; text-align: center; width: 100%;"><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px;-moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table cellspacing="1"][tr][td][b]Nom [/b]» Ysanthem
[b]Age [/b]» 6 ans
[b]Sexe [/b]» Hongre
[b]Race [/b]» Poney Français
[b]Taille [/b]» 1m48 garrot
[b]Prix [/b]» 10 000€
[b]Niveau exigé [/b]» Galop 5
[b][u]Demi-pension [/u][/b]
[center]Aucune[/center]
[b][u]Propriétaire [/u][/b]
[center]Seventh' H.[/center][/td][td][justify][u][b]Caractère[/b][/u] Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires.. ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre ! Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin cons idère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut.. Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu 'il comprendra tout beaucoup plus vite ![/justify] [/td][/tr][/table]</font> <div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"> </div> </div> </div> <div> <center> <div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"> <div style="margin: auto; text-align: center; width: 100%;"> <center><div style="text-align: center;" align="center"> </div> <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"> <div align="left"> <font style="color:#6A503E;font-size:17px;"> [table cellspacing="1"][tr][td][b]Santé [/b]» 90% [b]Moral [/b]»
90%
[b]Confiance [/b]» 40%[/td][td] [table cellspacing="1"]
[tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
25%[/td][td]Franchise
20%[/td][td]Endurance
40%[/td][td][b][u]Total[/u]
28.5%[/b][/td][/tr]
[tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
15%[/td][td]Souplesse
28%[/td][td]Maniabilité
38%[/td][td][b][u]Total[/u]
27%[/b][/td][/tr]
[tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
42%[/td][td]Soumission
43%[/td][td]Décontraction
20%[/td][td][b][u]Total[/u]
35%[/b][/td][/tr][/table] [/td][/tr][/table] </div> [table cellspacing="1"][tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr][tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr][tr][td] [center]Prochaine visite 21/07/11[/center][/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le 11/03/11 [/center][/td][/tr][/table]<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div>[table cellspacing="1"][tr][td][b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...
[b]Total des gains[/b]» ...[/td][td]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr][/table]<div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div> </div> </div></div></div></div></div>
Re: Problème de code HTML
c'est parfait ! merci beaucoup pour votre temps accordé, vraiment ! bonne fin de journée et bon weekend
Sujets similaires
» Problème de Code HTML
» problème code html
» Probleme de code html
» Problème code html
» Problème de code HTML
» problème code html
» Probleme de code html
» Problème code html
» Problème de code HTML
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum