QUEEL — problème

QUEEL — problème Empty Dim 30 Oct - 9:37
Bonjour,

j'avais prévu de ne plus vous importuner, mais il se trouve que je ne comprends absolument pas ce qu'il s'est passé : lors de l'installation du QUEEL que vous avez très gentiment accepté de modifier, il n'y avait aucun problème. Maintenant que j'ai rajouté les descriptions des groupes, le bloc contenant les barres de couleurs s'est complètement décalé. Voyez par vous-même :

Je vous donne mon CSS :

Code:
/* QEEL */
.QEEL {
width:890px; text-align:center;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:15px; margin-left: -10px;
width:705px; height:60px; padding-top:25px;
font-family:Arial; background:black; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC MEMBRES CONNECTES & 24H / TRAITS GROUPES QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top; width:500px;
}
/* MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top; margin-left: -30px;
width:440px; height:195px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; margin-left:5px;
width:75px; height:210px; padding-top:5px; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TRAIT GROUPE QEEL */
.onglet {
display:block; margin:7px auto;
width:55px; height:10px;
opacity:0.7;
}
/* SURVOL TRAIT GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* BLOC DERNIER UTILISATEUR / TOTAL MEMBRES & MESSAGES / ANNIVERSAIRES */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:20px; margin-right: -15px;
width:318px; height:295px; padding:10px; overflow:hidden;
background-color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:325px; height:65px; padding-top:20px;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px; margin-right:10px;
width:160px; height:55px; padding-top:25px;
background:#283965; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px; margin-right: -25px;
width:170px; height:55px; padding-top:25px;
background:#b6d3f1; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-top:15px;
width:325px; height:70px; padding-top:30px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background:#191919; color:white; font-family:Arial; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-59px; margin-right: -30px;
width:0px; height:80px; padding:10px 5px; overflow:hidden;
text-align:justify !important;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:305px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
margin-left:305px; margin-top:15px;
width:590px; height:65px; padding:5px; overflow:auto;
background-color:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-311px; margin-top:-5px;
width:288px; height:45px; padding:20px 5px 10px; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}

Avez-vous besoin du code de template ?

Merci à vous,
Doléo.
Revenir en haut Aller en bas
QUEEL — problème Empty Dim 30 Oct - 22:45
Bonsoir,

Remplacez :

Code:
/* MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top; margin-left: -30px;
width:440px; height:195px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}

Par :
Code:
/* MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top; margin-left:-10px;
width:380px; height:195px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
Revenir en haut Aller en bas
QUEEL — problème Empty Mar 1 Nov - 11:42
Merci, c'est parfait !
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum