-29%
Le deal à ne pas rater :
PC portable Gamer ERAZER DEPUTY P60 – 15,6” FHD 144Hz – i7-12è ...
999.99 € 1399.99 €
Voir le deal

Petit problème code catégories

Petit problème code catégories Empty Dim 26 Juin - 9:54
Bonjour Skaemp ! :-)

Je viens vers vous car je rencontre un léger problème avec le code de mes catégories que vous aviez réalisé sur ma demande et je n'ose pas toucher aux codes de peur de faire une bêtise. En soit elles sont parfaites, mais lorsqu'un utilisateur a un nom un peu long, cela décale les blocs -> voyez

Le code complet en question (modifié du coup) :
Code:
/********LES CATÉGORIES PAR SKAEMP********/
/* HAUT CATEGORIES */
.topCAT {
margin:auto; width:900px; height:65px; padding-top:50px;
background:url('http://img15.hostingpics.net/pics/341571fondtitrecategories.png'); border-bottom:5px solid #efefef; /* MODIFIABLE */
}

/* Séparation des catégories */
.categorie_separation
{
  border-top: 40px solid white;
  width: auto;
}


/* TITRE CATEGORIES */
.tleCAT{
text-align:right; padding-right:35px;
}

/*GROS FOND CATÉGORIES*/
.bigCAT {
margin:auto; width:950px; padding-top: 25px; padding-bottom: 10px;
background: url('http://i68.tinypic.com/1566ddf.png'); border: 1px solid #efefef;
}

.tleCAT h2{
margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
font-family:Fjalla One; color:white; text-shadow:1px 1px 1px #303030; /* MODIFIABLE */
}
/* CONTENU CATEGORIES */
.mdlCAT {
margin:auto; margin-bottom:15px;
width:898px; height:auto; padding-bottom:35px; border-top:none;
background:white; border:1px solid #efefef; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:900px; margin:auto; text-align:center;
}
/* BLOC POSITIONNEMENT */
.FRM {
display:inline-block; vertical-align:top; margin:35px 25px 0;
width:400px;
}
/* BORDURE ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:middle;
width:50px; height:50px; padding:5px; border:1px solid;
border-color:#efefef; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:middle; margin-left:35px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:10px; width:175px;
font-family:Fjalla One; text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:1px;
}
.tleFRM a{
color:#e6c998 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
font-size:10px;
color:#e6c998; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* ICÔNE POSTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .sprite-icon_topic_latest {
float:left; margin-right:-75px; margin-left:45px; margin-top:3px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:86px; height:86px; padding:2px; overflow:hidden;
text-transform:uppercase; font-size:11px;
background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURES NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM p{
margin:0; height:64px; padding-top:20px; border:1px solid;
border-color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-top:20px;
background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* TAILLE NOMBRES NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM b {
font-size:14px;
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
#descFRM {
display:inline-block; margin-top:35px; margin-right:25px;
width:400px; height:200px; overflow:hidden;
background:url(http://oi68.tinypic.com/1566ddf.jpg); border:1px solid #efefef; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM{
margin:auto; margin-top:19px;
width:350px; height:150px; padding:5px; overflow:auto;
font-family:Verdana; font-size:11px; text-align:justify;
background:white; border:1px solid #efefef; color:#808080; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:-160px; margin-left:20px;
width:350px; height:140px; padding:5px; overflow:auto;
background:white; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease-in-out; -webkit-transition:opacity 0.45s ease-in-out;
}
.sfFRM:hover {
opacity:1;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:16px; letter-spacing: 1px; line-height: 26px; font-family:Fjalla One; text-transform:uppercase; color:#808080 !important; /* MODIFIABLE */
}
/******FIN DES CATÉGORIES******/

Auriez-vous une astuce afin que le nom se divise et aille à la ligne et non pas qu'il déforme le bloc ou peut-être un moyen de rallonger la largeur du bloc ? Bref, je m'en remets à vous ahah.

En attendant, bonne journée ! Like a Star @ heaven Like a Star @ heaven
Revenir en haut Aller en bas
Petit problème code catégories Empty Dim 26 Juin - 14:04
Bonjour,

Remplacer :

Code:
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
font-size:10px;
color:#e6c998; /* MODIFIABLE */
}

Par :
Code:
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:175px; font-size:10px;
color:#e6c998; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Petit problème code catégories Empty Dim 26 Juin - 14:28
Merci pour votre rapidité Skaemp !
Cela fonctionne parfaitement à présent, plus de décalage.

Bonne journée à vous ! :D Like a Star @ heaven Like a Star @ heaven
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum