Petit problème code catégories

 :: Exposition NLDD :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas
MessagePetit problème code catégories 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
MessageRe: Petit problème code catégories Dim 26 Juin - 14:04
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
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
MessageRe: Petit problème code catégories 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
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-