Profil derrière l'avatar: problème de scrollbar
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Profil derrière l'avatar: problème de scrollbar
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):
Partie du template touchée (sous hide):
CSS associé:
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! ^^
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
Re: Profil derrière l'avatar: problème de scrollbar
je remonte! ^^
Re: Profil derrière l'avatar: problème de scrollbar
Sujet toujours d'actualité!
Merci! ^^
Merci! ^^
Re: Profil derrière l'avatar: problème de scrollbar
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
Re: Profil derrière l'avatar: problème de scrollbar
Bah déjà, un grand merci à toi pour bien vouloir essayer!
De mon côté, tous mes essais restent sans succès. ^^
De mon côté, tous mes essais restent sans succès. ^^
Re: Profil derrière l'avatar: problème de scrollbar
Bonjour,
Essaye de mettre une hauteur et une largeur
Essaye de mettre une hauteur et une largeur
- Code:
div.infosp{overflow:auto;height:300px;width:180px;font-size:13px;}
Re: Profil derrière l'avatar: problème de scrollbar
Hello!
Génial, c'est exactement ce qu'il me fallait!
Merci beaucoup! ^^
Génial, c'est exactement ce qu'il me fallait!
Merci beaucoup! ^^
Sujets similaires
» Fond derrière champ de profil
» Scrollbar dans le profil
» Mettre une scrollbar sur le profil
» Insérer une scrollbar dans le profil
» Image derrière l'avatar et/ou le profil
» Scrollbar dans le profil
» Mettre une scrollbar sur le profil
» Insérer une scrollbar dans le profil
» Image derrière l'avatar et/ou le profil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum