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

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

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

Message par Lunathiel le Lun 13 Juin 2011 - 17:31

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


Dernière édition par Lunathiel le Mar 14 Juin 2011 - 12:21, édité 1 fois

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par SoraNoHime le Lun 13 Juin 2011 - 17:39

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par Lunathiel le Lun 13 Juin 2011 - 19:17

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 =/

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par SoraNoHime le Lun 13 Juin 2011 - 19:18

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


SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par Lunathiel le Lun 13 Juin 2011 - 19:33

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?

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par SoraNoHime le Lun 13 Juin 2011 - 20:20

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par Lunathiel le Mar 14 Juin 2011 - 0:08

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

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par SoraNoHime le Mar 14 Juin 2011 - 0:11

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


SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par Lunathiel le Mar 14 Juin 2011 - 10:47

Je vous ai envoyé mon css par mp =D

Merci beaucoup

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par SoraNoHime le Mar 14 Juin 2011 - 10:57

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par Lunathiel le Mar 14 Juin 2011 - 11:16

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 =)

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par SoraNoHime le Mar 14 Juin 2011 - 11:20

^^ je reprends avez-vous enlevé le

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

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par Lunathiel le Mar 14 Juin 2011 - 11:23

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


Dernière édition par Lunathiel le Mar 14 Juin 2011 - 11:39, édité 1 fois

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par SoraNoHime le Mar 14 Juin 2011 - 11:33

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



SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'un cadre de présentation de fin de sujet

Message par Lunathiel le Mar 14 Juin 2011 - 12:15

Waou fantastique merci beaucoup =D


Thanks

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

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


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