Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Profil derrière l'avatar: problème de scrollbar

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

Résolu Profil derrière l'avatar: problème de scrollbar

Message par Ishtar le Ven 5 Juil 2013 - 4:24

Bonsoir!

J'ai placé le profil derrière l'avatar, mais je perds des informations parce que la scrollbar ne s'affiche pas. Je sais qu'elle ne doit s'afficher que lorsqu'il y a assez de texte pour le permettre (ce qui est le cas, car il me manque quelques petites lignes d'infos!), mais... elle ne s'affiche pas. J'ai essayé de rajouter un overflow: auto, mais ça n'a rien changé. Il doit s'agir d'un truc tout bête, mais j'ai besoin d'un coup de pouce! ^^

Lien d'un sujet de mon forum test (sous hide):

En image, voilà ce que ça donne (sachant qu'en-dessous des éléments en bleu, il y a encore autre chose):
Spoiler:


Partie du template touchée (sous hide):


CSS associé:
Code:
 /* FOND DERRIÈRE L'AVATAR + LE PSEUDO + CHAMPS DE CONTACT DANS LE PROFIL * SUJETS */
.fondavatar {
padding: 8px;
border: 1px solid #F6E8BC;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-left-radius: 35px;
-webkit-border-bottom-right-radius: 35px;
background-image: url(http://img15.hostingpics.net/pics/344068Fond.png)!important;}


/* AFFICHAGE DU PSEUDO DANS LE PROFIL - TOPICS */
.name {
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-style: none;
font-size: 18pt !important;
text-align: center !important;
letter-spacing: 2px; !important;
text-decoration: none !important;
text-transform: none;
line-height: 25px;
margin-top: 50px !important;
padding-bottom: 50px !important;
text-shadow: 1.5px 1.5px 0.5px #501006;}


/* FORCER LES GIFS/PHOTOS DU PROFIL À 200PX */
.postdetails.poster-profile img {
max-width: 190px;
font-size: 10px !important;}


/* ICONES DE CONTACT */
.icones_profil {
width: auto;
text-align: center;
height: auto;
background-color: #F6E8BC;
padding: 3px;}


/* AFFICHAGE DE L'ICONE "EN LIGNE" */
.icon_online {
position: absolute;
margin-left: -34px !important;
margin-top: -7px;}



/* INFORMATIONS (NOMBRES MESSAGES, CRÉDITS, INSCRIPTION) DERRIÈRE L'AVATAR */
/* Code par Hiro pour CSSACTIF - Merci de ne pas supprimer cette mention - (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
position: relative;
width: 200px;
height: 320px;
border: 0px solid red; /* La vilaine bordure rouge */
overflow: hidden; /* Permet de cacher ce qui dépasse */}


.imgp {
background-color: #F6E8BC; /* le bg  de la div qui contient l'avatar */
position: absolute; /* Laissez comme ceci */
top: 0;/* Laissez comme ceci */
left: 0;/* Laissez comme ceci */
width: 100%;/* Laissez comme ceci */
height: 100%;/* Laissez comme ceci */
z-index: 1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition: all 1.5s;/* Laissez comme ceci */
-moz-transition: all 1.5s;/* Laissez comme ceci */
-o-transition: all 1.5s;/* Laissez comme ceci */
-ms-transition: all 1.5s;/* Laissez comme ceci */
transition: all 1.5s;/* Laissez comme ceci */}


#englob:hover > .imgp {
margin-left: 200px; /* Lorsque la souris passe sur la div #englob, l'avatar glisse vers la droite de 200px */}


.infosp {
background-color: #F6E8BC; /* le bg  de la div qui contient les infos*/
position: absolute;/* Laissez comme ceci */
top: 0;/* Laissez comme ceci */
left: 0;/* Laissez comme ceci */
width: 210px;/* Laissez comme ceci */
height: 100&;/* Laissez comme ceci */
overflow: -moz-scrollbars-vertical;
-ms-overflow-y: scroll;
overflow-y: scroll;
overflow: auto;
z-index: 0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
opacity: 0;/* on met l'opacité à zero pour un effet stylé  */
padding: 5px;}


#englob:hover > .infosp {
opacity: 1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
margin-left: 0px;/* et on décale cette div à 0px (position par défaut) */}

Je crois n'avoir rien oublié, mais si tel était le cas, suffit de demander!
Merci d'avance à ceux/celles qui se pencheront sur la question! ^^


Dernière édition par Ishtar le Jeu 11 Juil 2013 - 21:35, édité 1 fois
avatar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par Ishtar le Sam 6 Juil 2013 - 4:51

je remonte! ^^
avatar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par Ishtar le Dim 7 Juil 2013 - 6:31

Sujet toujours d'actualité!
Merci! ^^
avatar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par Ishtar le Lun 8 Juil 2013 - 6:37

je remonte!
avatar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par MollyMolly le Mar 9 Juil 2013 - 16:06

je vais essayer mais je te garantie rien, j'ai eu le même problème il y a longtemps mais je ne sais plus comment j'avais trouver le problème.

MollyMolly
Nouveau membre

Messages : 25
Inscrit(e) le : 20/06/2013

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

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par Ishtar le Mar 9 Juil 2013 - 20:52

Bah déjà, un grand merci à toi pour bien vouloir essayer!
De mon côté, tous mes essais restent sans succès. ^^
avatar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par Ishtar le Mer 10 Juil 2013 - 21:14

et up! ^^
avatar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par Automne le Jeu 11 Juil 2013 - 9:02

Bonjour,

Essaye de mettre une hauteur et une largeur

Code:
div.infosp{overflow:auto;height:300px;width:180px;font-size:13px;}
avatar

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil derrière l'avatar: problème de scrollbar

Message par Ishtar le Jeu 11 Juil 2013 - 21:35

Hello!

Génial, c'est exactement ce qu'il me fallait!

Merci beaucoup! ^^
avatar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar 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