Problème de profil des membres

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

Résolu Problème de profil des membres

Message par Lily Jedusor le Ven 2 Mai 2014 - 9:00

Bonjour à tous Smile

Je sollicite votre aide car depuis que j'ai changé le bouton des profils (sous l'avatar) en image, j'ai un décalage étrange qui s'est installé
Je vous montre en image
Sans cliquer sur le profil:
En cliquant sur le profil:

Je suppose que si les informations dépassent du cadre bordeaux, c'est du au fait que j'ai mis ce css là :
Code:
.tfe{
 position : relative;
  margin-bottom: -50px;}
Dans ce code-ci :
Code:
<div class="tfe" onClick="this.firstChild.src=(this.firstChild.src=='http://i55.servimg.com/u/f55/11/72/28/04/blason10.gif')?'http://i55.servimg.com/u/f55/11/72/28/04/bouton10.gif':'http://i55.servimg.com/u/f55/11/72/28/04/blason10.gif';this.lastChild.style.display=(this.firstChild.src=='http://i55.servimg.com/u/f55/11/72/28/04/blason10.gif')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i55.servimg.com/u/f55/11/72/28/04/blason10.gif"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">

Et pour ce joueur-là, y'a pas trop de dépassement en dehors du cadre, mais pour certains joueurs le dépassement est nettement plus grand.

Sachant que pour le pseudo du joueur sur l'avatar, c'est ce code-là qui est en vigueur (ce qui peut sans doute jouer aussi sur le dépassement)
Code:
.legende {
 position: relative;
  margin-top: -20px;}

Mon fow :> http://avadakedavra.forumgratuit.fr/

Si quelqu'un a une idée parce que là, moi, je sèche complètement... je suis dessus depuis plus de deux semaines... --"
Merci d'avance pour votre aide

Lily J.


Dernière édition par Lily Jedusor le Ven 2 Mai 2014 - 14:11, édité 1 fois

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de profil des membres

Message par Self le Ven 2 Mai 2014 - 13:09

Bonjour,

Essayez avec ce CSS :
Code:
.tfe{
    height:260px;
    overflow:auto;
}
    
.tfe div{
    width:194px;
    word-break:break-all;
}

Bonne journée Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de profil des membres

Message par Lixyr le Ven 2 Mai 2014 - 13:20

Bonjour,

Effectivement, pour la classe tfe, la position relative ne sert à rien puisque le contenu se place en dessous. Donc vous pouvez faire ainsi :
- enlever ce que vous avez mis (position relative et margin -bottom)
- et dans votre template, ici :
<span style="white-space:nowrap;">
enlever le white-space: nowrap; pour que le texte retourne à la ligne automatiquement.

*****
Very Happy Self. Bon bah à vous de voir la version que vous préférez.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de profil des membres

Message par Lily Jedusor le Ven 2 Mai 2014 - 13:43

Merci pour vos réponses mais c'est pas tout à fait ça que je veux...

J'aimerais que mon bouton reste comme ça
Spoiler:
Qu'il soit à cheval sur le bord du cadre

Mais lorsque je clique dessus, tout le profil reste dans la zone bordeaux et ne dépasse pas... hors vos solutions m'enlève la position du bouton au départ...

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de profil des membres

Message par Self le Ven 2 Mai 2014 - 14:07

Re,

Vous pouvez essayer comme ça :
Code:
.tfe div{
    width:194px; height:auto;
    margin-bottom:35px;
    word-break:keep-all;
    overflow:auto;
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de profil des membres

Message par Lily Jedusor le Ven 2 Mai 2014 - 14:10

Merciiiii c'est exactement ça qu'il me fallait !

Merci pour ton aide ok

Lily Jedusor
****

Féminin
Messages : 243
Inscrit(e) le : 11/08/2009

http://avadakedavra.forumgratuit.fr/
Lily Jedusor 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