| | Problème avec l'apparence des sous-forums |  |
|
 Pyro 
{ Membre }
 Messages : 12
 | - Bonjour tout le monde.
Je vous remercie d'avance pour votre aide ^^
J'aimerais que les sous-forums "Règlement & contexte" et "Annonces & nouvelles" soient à la suite, séparées par des virgules. C'est possible ?
Voici la description des sous-forums :
- Code:
-
<div style="margin-left: 25px;">Règlement & contexte</div> <div style="margin-left: 25px;">Annonces & nouvelles</div>
Et voici mon CSS :
- Code:
-
/*Justifier messages automatiquement*/
.postbody {
text-align:justify;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
margin-left: 70px;
}
/*Supprimer soulignement des liens*/
a:hover {
text-decoration: none !important;
}
/*Supprimer dernière modif par*/
tr.post span.gensmall { display: none; }
/*Supprimer soulignement des pseudos*/
a { text-decoration: none; }
/*Apparence des titres des forums*/
span.forumlink {
font-weight:bold;
font-style:italic;
font-size:18px;
text-align: left;
font-family:georgia, serif;
margin-top: 50px;
margin-left: 20px;
}
/*Classes*/
.titres {
font-weight:bold;
font-style:italic;
font-size:24px;
text-align: center;
font-family:georgia, serif;
}
/*Apparence des catégories*/
.secondarytitle h2
{
margin-top: 50px;
margin-bottom: 50px;
font-weight:bold;
font-style:italic;
font-size:18px;
text-align: center;
font-family:georgia, serif;
}
/*PAGE D'ACCUEIL*/
a.info {
position: relative;
}
a.info span {
display: none;
}
a.info:hover {
background: none;
cursor: defaut;
z-index: 999;
}
a.info:hover span {
background: #ebebeb;
border: 1px solid #114291;
border-left: 4px solid #114291;
color: #808080;
display: inline;
left: 15px;
padding: 3px;
position: absolute;
top: 5px;
width: 150px;
}
.accueil {
border-bottom: 1px solid #114291;
text-align: right;
padding: 2px;
letter-spacing: 2px;
color: #114291;
}
.navigation {
background-color: #191c1f;
border-left: 3px solid #114291;
border-right: 3px solid #114291;
text-align: center;
letter-spacing: 2px;
}
.navigation:hover {
background-color: #060708;
border-left: 3px solid #114291;
border-right: 3px solid #114291;
text-align: center;
letter-spacing: 2px;
}
/*FIN PAGE D'ACCUEIL*/
/* QEEL */
.background{
background-image: url("http://nsa20.casimages.com/img/2010/09/13/100913024743162404.png");
background-repeat: no-repeat;
}
.partgroup{
padding-top:75px;
text-align:center;
}
.groupes{
background-color:#E3D79D;
border: 1px #D0D0D0 dotted;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-topright:20px;
height:30px;
padding-right:13px;
padding-left:13px;
padding-bottom:5px;
font-size:10px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}
.cadredroit{
-moz-border-radius:10px;
}
.cadregauche{
-moz-border-radius:10px;
border-right: 3px solid;
color: #E3D79D;
}
/*Règlement*/
.règlement {
font-family: Arial;
font-size: 16px;
text-align: left;
padding: 2px;
color: #7A5E5E;
line-height: 12px;
display: block;
border-bottom: 2px dotted #7A5E5E;
moz-border-radius : 0px 50px 0px 0px;
}
Si je met les descriptions sans les "div", c'est comme je veux. Sauf qu'après il n'y a plus l'espacement à gauche. Je suis perdu =/
|
Dernière édition par Pyro le Lun 13 Sep 2010, 14:25, édité 1 fois | |
|
| | |
Kimy
{ Membre actif }
 Messages : 1190
| Bonjour =) Automatiquement les DIV se mettent les unes sous les autres, donc si tu veux les avoir côte à côte il te faut les enfermer dans un tableau. Chacune dans une colonne. Comme ceci : - Code:
-
<table><tr><td><div style="margin-left: 25px;">Règlement & contexte</div></td><td> <div style="margin-left: 25px;">Annonces & nouvelles</div></td></tr></table> | | |
|
| | |
Pyro
{ Membre }
Messages : 12
| Merci de m'aider  J'ai essayé avec ton code, mais j'ai pas réussi =/ Mais si j'enlève tous les codes des descriptions, ça me donne ça :  Il n'y a pas un moyen d'ajouter un espace de quelques pixels à gauche ? En ajoutant sur la page CSS ? | | |
|
| | |
Lylinee
{ Membre }
Messages : 98
| Si tu cherches à avoir une marge uniquement à gauche il te suffit de faire ceci. - Code:
-
<div style="margin-left: 25px;">Règlement & contexte, Annonces & nouvelles</div> Enfin je pense | | |
|
| | |
Pyro
{ Membre }
Messages : 12
| Hello,
Oui, c'est ce que j'avais fais au début. Sauf qu'après je dois ajouter ce code à chaque sous-forum, et après ça me les alignes l'un sous l'autre.
Là j'aimerais qu'ils se suivent, séparés par une virgule, mais avec un espace à gauche, pour qu'ils soient alignés =) | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Je viens de comprendre ce que tu voulais ><
La méthode de Lylinee marche ^^ | | |
|
| | |
Pyro
{ Membre }
Messages : 12
| - Code:
-
<div style="margin-left: 25px;">Règlement & contexte, Annonces & nouvelles</div> Oui, mais avec ce code c'est un seul "lien". Règlement & contexte mène quelque part, et Annonces & nouvelles autre part. C'est deux sous-forums. Désolé si je m'explique mal. Je débute un peu, alors j'sus un peu perdu =/ | | |
|
| | |
Lylinee
{ Membre }
Messages : 98
| T'aurais du préciser sous forum. =) Dans ce cas normalement tu copie ce code dans ton css. - Code:
-
.forum-sousforum {
margin: auto;
} | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Attend avant d'aller plus loin ôte moi un doute.
Ton code de départ tu le mets dans la description d'un forum ou tu le mets en titre quand tu crées ton sous-forum ?
| | |
|
| | |
Pyro
{ Membre }
Messages : 12
| Lylinee ; ça change rien. C'est normal ?
Je le mettais en titre quand je créais le sous-forum.
*sent qu'il a fait une bêtise !* | | |
|
| | |
Lylinee
{ Membre }
Messages : 98
| Désolé là je sais plus du tout quoi proposer moi. | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Ok. Non tu n'as pas fait de bêtises ^^ Mais pour faire ce que tu veux faire il va falloir passer par le template directement. Dans ton template index_box tu cherches ceci : - Code:
-
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} Et tu le remplaces par cela : - Code:
-
<div style="margin-left: 25px;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> Sans oublier de bien publier ton template ^^ | | |
|
| | |
Pyro
{ Membre }
Messages : 12
| Oh merciiiiiiiiiiiiiiiiiiii ! ça fonctionne niquel. Thanks ! Merci aussi à Lylinee  Problème résolu donc !  | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Problème avec l'apparence des sous-forums | |
|
