Prévisualisation des messages.

[Thryna]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Encore une fois, je n'ai pas fait attention... *sors*
Lien du forum : http://great-new-york-city.forumactif.com/

Description du problème

Bonjour,
-oui, c'est encore moi... j'espère que ce sera mon dernier soucis-

Voilà, lorsqu'on fait "prévisualisation" d'un message, le cadre sort vers la gauche... J'ai chercher dans mes codes, mais je n'ai rien vu....

voici mon css qui concerne l'affichage des sujets :

Code:

/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:#BDD1CC; /* MODIFIABLE */
  width:800px;
}
/* TITRE SUJET */
#tlePOST h1 {
display:block;
  font-size:32px; text-transform:uppercase; letter-spacing:2px;
    font-family: 'Kavivanar';
color:#164D63; /* MODIFIABLE */
  width:800px;
 
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:800px;
padding:2px 0; font-size:10px;
background:#D4CDC3; color:#002736; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:10px; font-size:11px;
background:#BDD1CC; color:#5F7882; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
max-width:550px; min-height:700px; padding:10px;
background:#D7DDDB; color:#2C3438; /* MODIFIABLE */
text-align:justify;
      margin-left:-25px;

}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:absolute; margin-left:10px; margin-top:5px; margin-right:-50px;
    margin-left:-200px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:20px; margin-top:190px;
width:400px; padding:5px;
text-align:left; line-height:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
 
 background:#D7DDDB;

 
  font-size:20px; letter-spacing:2px;
    font-family: 'Kavivanar';
}
.namePOST a {
display:inline-block; vertical-align:middle;
    font-size:20px; letter-spacing:2px;
    font-family: 'Kavivanar';
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background:#D7DDDB; color:#2C3438;  /* MODIFIABLE */

}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:200px;
}
.avaPOST img {
width:200px;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:200px; padding:5px 0; text-align:center;
background:#BDD1CC; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:200px;
  text-align:justify;
  height:300px; overflow:auto;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:200px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:200px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:#BDD1CC; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 105px 0 105px; border-color:transparent;
border-top-color:#D7DDDB; /* MODIFIABLE */
}


Merci d'avance !!!

[*Splash*]

Hi,
As-tu tenté de voir du côté des codes javascript comme évoqué dans ce sujet > Clique ?

[Thryna]

Bonjour, oui, j'ai essayé et cela ne change rien

[Invité]

Hello Thryna,

testes ceci:

Dans ta feuille de style, tu as ceci:

Code:


/* APPARENCE MESSAGE */
div.postbody {
max-width:550px; min-height:700px; padding:10px;
background:#D7DDDB; color:#2C3438; /* MODIFIABLE */
text-align:justify;
      margin-left:-25px;
 
}

Remplaces par:

Code:

tr[class*="post--"] div.postbody
{
max-width:550px; min-height:700px; padding:10px;
background:#D7DDDB; color:#2C3438; /* MODIFIABLE */
text-align:justify;
margin-left:-25px;
}


De ce faite, tu n'auras plus de soucis sur la prévisualisation .

Ensuite tu peux aussi tester ceci qui concernera la prévisualisation à priori:

Code:


/*MESSAGE PREVISUALISATION*/
td:not('[colspan="2"]') div.postbody
{
LE CONTENU DE TA CSS
}

a++

[Thryna]

Kikou. Je suis sur mon cell au boulot... Mais je teste ça demain dès que je suis chez moi. Merci.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.