Problème de profil des membres

3 participants

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

Lily Jedusor
****

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

http://specialis-revelio.forumactif.com/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

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

Message par Self 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

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Problème de profil des membres 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Problème de profil des membres 3592387030 pour prévenir la modération.

Problème de profil des membres Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

Lily Jedusor
****

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

http://specialis-revelio.forumactif.com/
Lily Jedusor a été remercié(e) par l'auteur de ce sujet.

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

Message par Self 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

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

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

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

Merci pour ton aide ok
Lily Jedusor

Lily Jedusor
****

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

http://specialis-revelio.forumactif.com/
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

- Sujets similaires

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