Comment séparer les sous forums ?

[Invité]

Bonjour ,

je viens vous voir car j'ai mis un code css dans mon forum et mon soucis c'est que mes sous forum sont collé cote à côte comme ceci :





J'aimerais savoir comment les décoller ? Merci à vous

[piretvictor]

Bonjour

Mettez

Code:

<br />

après le nom du forum/sous forum!

Cordialement

[Invité]

Bonjour sa ne fait rien

[piretvictor]

Il faut sûrement j'ajouter quelque part dans la modif effectuée.

[Invité]

Voici mon css :

Code:

/* ------------------ CATÉGORIES -------------------- */

/* TABLE CATÉGORIES */
.forumline.tfa{
background: #7DACCD;
border: 1px solid #02b3b1;
border-left: 5px solid #02b3b1;
border-right: 5px solid #02b3b1;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}
/* TITRE CATÉGORIE */
.secondarytitle, .secondarytitle h2 {
font: 12px Verdana;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
/* TITRE CATÉGORIE AU SURVOL */
.secondarytitle:hover, .secondarytitle h2:hover {
font-size: 12px;
color: #ffffff;
}
/* TITRE FORUM */
.forum_titre{
float: left;
width: 70%;
margin: 0;
padding: 0;
}
span .forumlink{
position: relative;
top: -10px;
left: 40px;
display: bock;
width: 90%;
}
.forumlink {
font: 15px verdana;
color: #000000;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
/* TITRE FORUM AU SURVOL */
.forumlink:hover{
font-size: 12px;
margin-left: 20px;
color: #ffffff;
}
.forum_titre{
background: url('http://i45.servimg.com/u/f45/11/95/30/70/lkj510.png') transparent 14px 0px no-repeat;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.forum_titre:hover{
background: url('http://i45.servimg.com/u/f45/11/95/30/70/lkj510.png') transparent 100% 0px no-repeat;
}
/* NOMBRE MESSAGES - NOMBRE SUJETS */
.tfa_suj_mess{
float: left;
width: 30%;
margin: 0;
padding: 0;
text-align: right;
}
.tfa_suj_mess .gensmall{
font: 12px Verdana;
color: #000000;
position: relative;
top: -10px;
right: 15px;
display: bock;
width: 90%;
}
.chiffres{
font: 13px verdana;
color: #ffffff;
}
/* DESCRIPTION */
.tfa_description{
position: relative;
width: 99%;
margin: auto;
background: #94c6d1;
border: 1px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: none;
}
.descrp{
width: 98%;
margin: auto;
padding: 3px 0;
}
.modo{
width: 98%;
margin: auto;
margin-top: 3px;
}
/* DERNIERS MESSAGES */
.derniers_tfa_messages{
position: relative;
width: 94%;
margin: auto;
padding: 0;
background: #94c6d1;
border: 1px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: none;
}
.derniers_tfa_messages .gensmall.tfa{
width: 96%;
margin: auto;
display: block;
margin: 0 auto 5px;
}
/* ICONES NEW - NO NEW - CLOS */
.icone_tfa_cat{
position: relative;
width: 100%;
text-align: center;
top: -15px;
}
/* SOUS FORUMS */
.tfa_sous_forum{
width: 100%;
text-align: center;
margin: 5px ;
}
/* LIENS SOUS-FORUMS */
.tfa_sous_forum a.gensmall{
diplay: inline-block;
background: #3C627D;
margin: 0 2px;
padding: 5px;
font: 12px verdana;
border: 0px solid #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.8s ease; /* pour navigateur webkit */
-moz-transition: all 0.8s ease; /* pour navigateur mozilla */
-o-transition: all 0.8s ease; /* pour navigateur opera */
transition: all 0.8s ease; /* pour les navigateurs récents */
}
/* LIENS SOUS-FORUMS AU SURVOL */
.tfa_sous_forum a.gensmall:hover{
padding: 8px;
font: 12px verdana;
background: #3C627D;
border-left: 1px solid #02b3b1;
border-right: 1px solid #02b3b1;
-moz-box-shadow: 3px 1px 2px #000;
-webkit-box-shadow: 3px 1px 2px #000;
box-shadow: 3px 1px 2px #000;
text-decoration: none !important;
-webkit-transform : rotate(-20deg);/* pour navigateur webkit */
-moz-transform : rotate(-20deg); /* pour navigateur mozilla */
-o-transform : rotate(-20deg);/* pour navigateur opera */
transform: rotate(-20deg); /* pour les navigateurs récents */
}

[Matriochka]

Bonjour,

As-tu essayé d’ajouter marign-top et margin-bottom sur la class de tes sous-forums ?

[Invité]

non pourquoi je devrais modifier leur taille ?

[Matriochka]

Il ne s’agit pas de modifier leur taille mais d’ajouter une marge externe entre chacun des liens, puisque c’est visiblement le souci rencontré.

[Invité]

non sa ne fonctionne pas

[Matriochka]

Peux-tu ouvrir ton forum aux invités le temps de régler le souci ?

[Invité]

Oui bien sur voici http://masterweb.forumgratuit.org/

[Matriochka]

Ajoute ceci :

Code:

.tfa_sous_forum a.gensmall {line-height:25px;}

[Invité]

sa fait toujours rien hélas

[Matriochka]

Hmm, pourtant j’ai testé sur ton forum et ça fonctionne comme il faut. Essaye en ajoutant !important ?

[Invité]

ca ne fait rien

[Invité]

c'est bon j'ai réussi effectivement le code que tu ma donner et le bon j'ai juste modifier la taille que tu avais mi 25 c'était trop petit

.tfa_sous_forum a.gensmall {line-height:25px;}