Problème avec un QEEL et légère modification

Ven 29 Juil - 11:39
Bonjour !

Tout d'abord, je tenais à dire à quel point je trouve votre travail fantastique et je voulais  vous remercier pour votre libre service si riche qui permet aux néophytes (pour ne pas dire quiches en codage), comme moi, de parvenir a avoir de jolis forums sans devoir pour autant tenter de bidouiller vainement deux-trois effets pas terribles et souvent ratés. Du coup, merci vraiment et puis bravo aussi parce que ce forum est une vraie pépite d'or !

J'ai voulu utiliser récemment une de vos créations pour un QEEL et je ne sais pas trop où j'ai raté ou loupé quelque chose mais force est de constater que j'ai dû faire une fausse manipulation que je ne comprends pas.
Comme vous pouvez le constater dans la capture d'écran ci-dessous, le bloc "utilisateurs enregistrés", au lieu de se situer à côté du petit "+" des anniversaires et tout ça, se retrouve en-dessous pour une raison mystérieuse. Je n'ai pas encore tenté de faire de modifications ou quoi que ce soit, et du coup je me demandais d'où ça pourrait venir (mal copié-collé, étape que j'ai oubliée,...) ?



Mon index_body:
 

Pourriez-vous m'éclairer sur ce point ?

Ensuite, loin d'être un problème mais plutôt une demande, serait-il possible d'apporter une légère modification au QEEL pour que celui-ci fasse 900px de largeur au lieu de 850px et en gardant les proportions ? Si jamais cela pose problème, je comprendrai tout à fait et je tenterai de le faire moi-même, mais j'ai un peu peur de casser quelque chose dans le code quand je vois que j'ai déjà du mal avec un simple copier-coller ^^".

(Je n'ai pas mis mon code CSS, ne sachant pas si je devais tout donner ou juste la partie sur le QEEL, si jamais cela était nécessaire pourriez-vous me préciser si il est préférable de vous donner l'intégralité ou bien si juste la partie concernée serait utile).

Merci beaucoup
Revenir en haut Aller en bas
Ven 29 Juil - 16:37
Bonjour,

Remplacer l'intégralité de la partie CSS correspondant au QEEL par :

Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:auto;
}
/* TITRE QEEL */
.tleQEEL {
margin:5px auto; width:890px;
text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:14px; font-family:Arial; color:#191919; /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
position:relative; z-index:1;
display:inline-block; vertical-align:top; width:250px;
background:#191919; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:180px; height:130px; padding:165px 10px 0 10px;
background:#e8e7e9; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:650px;
}
/* BLOC CARRES COLORES GROUPES QEEL */
.GQEEL {
width:650px; padding:10px 0;
text-align:center;
background:#191919; /* MODIFIABLE */
}
/* CARRE COLORE QEEL */
.onglet {
display:inline-block; margin:0 10px; padding:10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL CARRE COLORE QEEL */
.onglet_1 {
box-shadow:inset 0 0 25px rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
background:#dddddd; /* MODIFIABLE */
width:450px; height:110px; text-align:center;
}
/* DESCRIPTIF GROUPE QEEL */
.contenu_onglet {
display:none;
width:440px; height:100px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOM DU GROUPE QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:445px; margin-top:-5px;
width:200px; height:80px; padding-top:30px;
text-align:center; font-size:22px; font-family:Impact; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* IMAGE DESCRIPTIF GROUPE QEEL */
.contenu_onglet img {
position:absolute; z-index:3; margin-left:-202px; margin-top:-32px;
width:135px; height:135px; border-radius:135px; border:5px solid;
border-color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:650px; height:125px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; margin-top:5px;
width:10px; height:95px; padding:10px;
background:grey; color:white; /* MODIFIABLE */
font-family:Arial; text-align:center; line-height:16px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:2;
margin-left:20px; margin-top:-26px;
width:0px; height:95px; padding:10px; overflow:hidden;
background:#dddddd; color:black; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:267px; overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:290px; height:100px; padding:10px 5px 5px 5px; overflow:auto;
background:#e8e7e9; color:black; /* MODIFIABLE */
font-size:10px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:295px; height:105px; padding:5px; overflow:hidden;
background-color:#e8e7e9; color:black !important; /* MODIFIABLE */
font-size:10px;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
Revenir en haut Aller en bas
Ven 29 Juil - 19:24
Cela fonctionne à la perfection, merci beaucoup !
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum