Bug d'un cadre de présentation de fin de sujet

[Lunathiel]

Bonjour ou bonsoir...

Il y a un moment déjà, j'avais demander à ce que l'on me crée ce petit codage pour mon forum.
Depuis quelques temps j'ai modifié ce codage et j'aimerais pouvoir ajouter des images à celui ci.

Voila ce que j'ai actuellement=>



J'aimerais donc ajouter des images de cette façon =>



j'ai donc procédé comme ceci sur mon code:

Code:

[table class="up"][tr][td]
[b]Le rp est terminé ![/b]

[color=white]X obtient:[/color]
[list][*]15G
[*]1 boite de mouchoirs[/list]
[table][tr][td][img]http://i19.servimg.com/u/f19/14/59/60/98/bourse11.jpg[/img][/td][td][img]http://i19.servimg.com/u/f19/14/59/60/98/bourse11.jpg[/img][/td][td][img]http://i19.servimg.com/u/f19/14/59/60/98/bourse11.jpg[/img][/td][/tr][/table]
[/td][/tr][/table]

Mais le problème c'est que j'obtiens ceci =>


Je suis complètement perdue...

Afin d'éviter le vol de code et le plagiat comme j'ai fait souvent les frais ces derniers mois, je donnerais le css complet qu'à la personne qui pourra m'aider

Je pense qu'il s'agit d'un problème de taille de ma table qui est ici (ceci est un tout petit extrait du css associé a la table)

Code:

.up{
width: 500px;
}
.up td{
width: 380px;
}

Est-il possible donc que la taille "normale" de mon cadre quand il n'as pas d'image reste à l'identique et que lorsqu'il y ai des images cela force la taille de la table????

Ce codage à été énormément utilisé sur mon forum rp (quasiment à tout les rp) et je n'aimerais pas a rechanger tout les codes x(

Mon forum est en phpbb2, je suis fondatrice voici le lien de mon forum => http://www.thoawin.com/

un immense merci pour votre coup de main

[SoraNoHime]

Bonjour,

avez-vous essayé en mettant directement les images l'une à la suite de l'autre séparées par un espace ?

je crois que le BBcode n'accepte pas les tableau dans les tableaux.

Cordialement.

[Lunathiel]

Le problème en fait c'est que les images sont dans des div qui leur ajoutent un cadre arrondis
et donc j'ai besoin du tableau pour les mettre une à côté de l'autre =/

[SoraNoHime]

Et en passant par le HTML ? Est-ce un code qui doit etre visible à vos invités ?

[Lunathiel]

Visible par les invités O_° euuh non ce n'est pas une obligation... Ce serais juste plus esthétique.

Je ne comprends pas trop cette question x)

Par le html ça pose exactement le même problème

j'ai fait ceci :

Code:

<table class="up"><tr><td>
<strong>Le rp est terminé !</strong>

[color=white]X obtient:[/color]
<ul><li>15G</li>
<li>1 boite de mouchoirs</li>
</ul>
</td><td> </td><td> </td> </tr>
<tr><td>
<div style=" width: 77px; height: 127px; border: 2px solid; border-color:#053250; -moz-border-radius: 10px; background-image:url('http://img340.imageshack.us/img340/9599/26678920.png');"></div></td><td> <div style=" width: 77px; height: 127px; border: 2px solid; border-color:#053250; -moz-border-radius: 10px; background-image:url('http://img340.imageshack.us/img340/9599/26678920.png');"></div> </td><td> <div style=" width: 77px; height: 127px; border: 2px solid; border-color:#053250; -moz-border-radius: 10px; background-image:url('http://img340.imageshack.us/img340/9599/26678920.png');"></div>

</td></tr>
</table>

Voulez vous mon code css?

[SoraNoHime]

Essayer ainsi en mettant un tableau dans un tableau, et surtout attention aux sauts de lignes dans un messages, car ils sont pris en compte.

Code:

    <table class="up"><tr><td>
    <strong>Le rp est terminé !</strong>

    [color=white]X obtient:[/color]
    <ul><li>15G</li>
    <li>1 boite de mouchoirs</li>
    </ul>
    </td></tr>
    <tr><td><table><tr><td><div style=" width: 77px; height: 127px; border: 2px solid; border-color:#053250; -moz-border-radius: 10px; background-image:url('http://img340.imageshack.us/img340/9599/26678920.png');"></div></td><td> <div style=" width: 77px; height: 127px; border: 2px solid; border-color:#053250; -moz-border-radius: 10px; background-image:url('http://img340.imageshack.us/img340/9599/26678920.png');"></div> </td><td> <div style=" width: 77px; height: 127px; border: 2px solid; border-color:#053250; -moz-border-radius: 10px; background-image:url('http://img340.imageshack.us/img340/9599/26678920.png');"></div></td></tr></table></td></tr>    </table>

Cordialement.

[Lunathiel]

Non toujours pas, les images sont une en dessous de l'autre =/

[SoraNoHime]

Effectivement, il me faut votre css, car comme vous pouvez le voir ICI, cela marche sur mon forum test.

[Lunathiel]

Je vous ai envoyé mon css par mp =D

Merci beaucoup

[SoraNoHime]

Déjà, enlevé le width: 380px; qui s'y trouve... Il est incompatible avec celui qui se trouve avant.

Ensuite, je vous conseille plutot de mettre ce genre de taille soit :

- Séparé par deux balises distinctes en css... pour éviter généralement ce problème.
- Soit directement incorporé dans la cellule du tableau.

Y'a-t-il encore des modifications à faire ?

Cordialement.

[Lunathiel]

Oula je n'ai pas tout compris... que dois-je faire ???

Je veux juste pouvoir mettre mes 3 images une a côté de l'autre =)

[SoraNoHime]

^^ je reprends avez-vous enlevé le

.up td{
.....
width: 380px;
.....
}

c'est celui qui empeche vos images d'être alignées.

[Lunathiel]

ah^^

Oui je viens de tester, le soucis en l'enlevant c'est que tout le contenu est collé sur la droite =>



EDIT: J'ai essayé en changeant ajoutant un padding left ça ne marche pas

Idem en changeant le float right par un float left et en ajoutant un padding right, pas de résultat non plus

[SoraNoHime]

Supprimer également le float: right; qui était juste au dessus de celle que je viens de vous faire enlever.

et rajouter dans .up {}
padding-left : 120px;

Pour moi c'est bon test

[Lunathiel]

Waou fantastique merci beaucoup =D


:thanks: