Le Deal du moment : -20%
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q ...
Voir le deal
749 €

Problème de catégories

Problème de catégories Empty Sam 16 Juil - 4:09
Bonjour Skaemp,
je vous expose donc mon problème, j'étais en train d'adapter les catégories proposées dans votre LS quand ce bug s'est produit, j'ai fait plusieurs tentatives, mais rien à faire, les blocs ne semblent plus vouloir s'aligner.

Voici un screen de mon problème:
https://2img.net/image.noelshack.com/fichiers/2016/28/1468634600-sans-titre-3.png

Voici le CSS:
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:10px auto;
width:707px; height:61px; box-sizing:border-box;padding:15px 35px 0px 0; text-align:right;
background-image:url(http://image.noelshack.com/fichiers/2016/28/1468631098-cat.png);  /* MODIFIABLE */
}
.tleCAT h2{
margin:0; font-size:28px; text-transform:uppercase; letter-spacing:2px;
font-family:Fjalla One; color:#caf4f6; text-shadow:1px 1px 0px #de6cc3; /* MODIFIABLE */
}
/* CONTENU CATEGORIES */
.mdlCAT {
margin:auto; width:702px; border-left:5px solid #595b71;
 /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
width:707px; height:180px; overflow:hidden; margin:auto;
background:#f1f2f7; border-bottom:1px solid #595b71;border-right:1px solid #595b71; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
width:707px; height:25px; padding-top:5px; padding-right:25px; box-sizing:border-box;
text-align:right; font-size:18px; text-transform:uppercase; letter-spacing:1px;
background:#595b71; /* MODIFIABLE */
}
.tleFRM a{
font-family:Fjalla One; color:black !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:3px; padding-left:25px;
text-transform:uppercase; font-size:11px;
color:#ccc; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-top:-20px; margin-left:-440px;
width:707px; height:115px;
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover #descFRM img{
opacity:0.5;
}
/* SOUS-FORUMS */
.sfFRM {
position:relative; z-index:3;
display:inline-block!important; vertical-align:top; margin:20px 0 0 30px;
width:152px; height:88px; padding:5px; overflow:auto;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .sfFRM{
opacity:1;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block!important; margin:20px 25px 0;
width:305px; height:88px; overflow:hidden; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto; display:inline-block;
width:305px; height:88px;box-sizing:border-box; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .descFRM{
opacity:1;
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin:auto; margin-bottom:5px;
width:150px; height:25px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:4;
display:inline-block!important; vertical-align:top; margin-top:20px;
width:162px; height:89px; padding-top:10px; overflow:hidden;
text-align:center; font-family:Fjalla One;
font-size:16px; background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .lmsgFRM{
opacity:1;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:16px; /* MODIFIABLE */
}

Taille du forum: 750px
Taille voulue pour les catégories: 707px

Est-ce que cela serait possible aussi de m'expliquer aussi ce que j'ai mal fait ? Pour éviter de revenir vous embêtez avec un problème similaire.
Et je me posais la question, quand les commandes de Templates seront-elles de nouveau ouvertes ? Désolée pour le dérangement causé.

Bonne journée/soirée à vous.
Revenir en haut Aller en bas
Problème de catégories Empty Sam 16 Juil - 7:47
Bonjour,

Il suffisait simplement de réduire la largeur et les marges des divers blocs en conséquence :

Code:
/* TITRE CATEGORIE */
.tleCAT{
margin:10px auto;
width:707px; height:61px; box-sizing:border-box;padding:15px 35px 0px 0; text-align:right;
background-image:url(http://image.noelshack.com/fichiers/2016/28/1468631098-cat.png);  /* MODIFIABLE */
}
.tleCAT h2{
margin:0; font-size:28px; text-transform:uppercase; letter-spacing:2px;
font-family:Fjalla One; color:#caf4f6; text-shadow:1px 1px 0px #de6cc3; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:700px;
border-left:5px solid #595b71; border-bottom:1px solid #595b71;border-right:1px solid #595b71; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:700px; height:170px; overflow:hidden;
background:#f1f2f7;  /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
width:676px; height:25px; padding-top:5px; padding-right:25px;
text-align:right; font-size:18px; text-transform:uppercase; letter-spacing:1px;
background:#595b71; /* MODIFIABLE */
}
.tleFRM a{
font-family:Fjalla One; color:black !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:3px; padding-left:25px;
text-transform:uppercase; font-size:11px;
color:#ccc; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-top:-20px; margin-left:-212px;
width:700px; height:140px;
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover #descFRM img{
position:absolute; margin-top:-20px; margin-left:-212px;
width:700px; height:140px;
opacity:0.5;
}
/* SOUS-FORUMS */
.sfFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:20px 0 0 20px;
width:152px; height:88px; padding:5px; overflow:auto;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .sfFRM{
opacity:1;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block; margin:20px 15px 0;
width:305px; height:98px; overflow:hidden; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; display:inline-block;
width:265px; height:88px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .descFRM{
opacity:1;
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin:auto; margin-bottom:5px;
width:150px; height:25px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:4;
display:inline-block; vertical-align:top; margin-top:20px;
width:160px; height:93px; padding-top:5px; overflow:hidden;
text-align:center; font-family:Fjalla One;
font-size:14px; background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .lmsgFRM{
opacity:1;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:14px; /* MODIFIABLE */
}

Taille des images descriptives : 700*140

Quant aux commandes, elles seront probablement à nouveau disponibles brièvement le week-end prochain.
Revenir en haut Aller en bas
Problème de catégories Empty Sam 16 Juil - 17:21
Re-bonjour !

Je vous remercie et je m'excuse de cette inattention qui aurait pu être évité. Par contre, je me retrouve avec un autre problème (qu'on peut aussi voir avec le screen):
la largeur du forum est à 800px alors que toutes les tailles des catégories sont adaptés à une largeur de 750px... Pourtant, la ban est bien à 750px et j'ai bien configuré le forum à ce qu'il soit à 750...

Est-ce que vous pourriez m'aider une deuxième fois ?
Revenir en haut Aller en bas
Problème de catégories Empty Sam 16 Juil - 19:08
Excusez moi du DP !
J'ai finalement trouvé une solution à mon problème, merci encore !
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum