QUEEL — problème

 :: Exposition NLDD :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageQUEEL — problème 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
MessageRe: QUEEL — problème Dim 30 Oct - 22:45
avatar
Nombre de messages : 843
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
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
MessageRe: QUEEL — problème Mar 1 Nov - 11:42
Merci, c'est parfait !
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Résolus-