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

3 participants

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

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 Sam 6 Juil 2013 - 4:51

je remonte! ^^
Ishtar

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 Dim 7 Juil 2013 - 6:31

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

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 Lun 8 Juil 2013 - 6:37

je remonte!
Ishtar

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

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 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. ^^
Ishtar

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 Mer 10 Juil 2013 - 21:14

et up! ^^
Ishtar

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 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;}
Automne

Automne
Membre actif

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

https://gilles570.motards.net/
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 Jeu 11 Juil 2013 - 21:35

Hello!

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

Merci beaucoup! ^^
Ishtar

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

- Sujets similaires

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