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

2 participants

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

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

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

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

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 =>
Bug d'un cadre de présentation de fin de sujet Ce_que10

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

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

SoraNoHime
Membre actif

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

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

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 Lun 13 Juin 2011 - 19:18

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

SoraNoHime

SoraNoHime
Membre actif

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

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

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

SoraNoHime
Membre actif

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

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 Mar 14 Juin 2011 - 0:08

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

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

SoraNoHime
Membre actif

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

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 Mar 14 Juin 2011 - 10:47

Je vous ai envoyé mon css par mp =D

Merci beaucoup
Lunathiel

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

SoraNoHime
Membre actif

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

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

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

SoraNoHime
Membre actif

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

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

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

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

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

SoraNoHime
Membre actif

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

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 Mar 14 Juin 2011 - 12:15

Waou fantastique merci beaucoup =D


:thanks:
Lunathiel

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

- Sujets similaires

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