Mise en de place de marge entre les forum des différentes catégories

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mise en de place de marge entre les forum des différentes catégories

Message par cbogaert Mar 25 Sep - 18:43

Bonsoir,

J'aimerais savoir si cela est possible de mettre des marges entre les différents forums des catégories mais aussi entre les différents sujets de chaque forums.

Mise en de place de marge entre les forum des différentes catégories Forum_11

Comme vous pouvez le voir sur la capture, j'ai mis des cadres gris clair au niveau des forums des catégories et je voudrais éviter que les cadres se touches. J'ai essayé dans le code CSS mais impossible de créer la marge.
Code:
li.row {
       margin-top: 2px;
     border-top: 2px solid #9E9E9E;
     border-bottom: 2px solid #9E9E9E;
     border-left: 2px solid #9E9E9E;
     border-right: 2px solid #9E9E9E;
     -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
   }

Je suis en forum pHpBB3 et voici l'adresse de mon forum : http://teamcarssport.fra.co/forum. Pour info j'utilise Firefox 15.0.1.

Merci d'avance à vous.

Cordialement

Charles


Dernière édition par cbogaert le Mer 26 Sep - 9:08, édité 1 fois
avatar

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par benneke Mer 26 Sep - 6:28

Bonjour,

le problème quand on déclare 2 valeurs pour un seul et même élément, c'est que le navigateur ne prenne pas le bon en compte. Pour cela il existe la manip !important.

Ton code devrait devenir :
Code:
        li.row {
              margin-top: 2px !important;
            border: 2px solid #9E9E9E;
            -moz-border-radius:4px;
                -webkit-border-radius:4px;
                border-radius:4px;
          }

attention aux doubles déclarations, je vois que tu as déclaré 2 fois un border-radius pour l'éléement forabg, à la ligne 135 et 145 si FF me donne la bonne information ^^

Par contre, le border-radius déclaré à la ligne 135, tu le remplace par :
Code:
.forabg {
margin-bottom:10px !important;
}
ce qui donne :Mise en de place de marge entre les forum des différentes catégories Captur12

Bonne journée,
Ben
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par cbogaert Mer 26 Sep - 6:43

Bonjour,

Tout d'abord merci pour ta réponse, je viens d'appliquer ce que tu m'a expliqué mais apparemment cela ne veut pas fonctionner.

En effet j'avais bien déclaré deux fois les "border radius" pour le forabg!!

Du coup là je sais pas trop quoi faire, si tu veux je peux mettre tout mon code CSS à disposition ici!

Pour info, j'utilise aussi firebug et quand je met en place des marges au niveau de l'apparence cela me les affiches mais pas quand je me sert du CSS.

Cordialement,

Charles
avatar

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par benneke Mer 26 Sep - 8:29

Hello,

Dans firebug il y a à côté de HTML aussi CSS. La tu peux l'éditer afin de voir les changements. Et c'est de cette manière que j'ai eu le résultat. Tu l'as bien modifié dans ton css ou tu l'as rajouté en fin de CSS ce que je t'ai indiqué ?
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par cbogaert Mer 26 Sep - 8:38

Oui j'avais bien rajouté tous ce qu'il fallait dans le CSS, ensuite j'ai bien regardé aussi qu'il n'y avait pas d'autre doublon.
Là j'ai réussi à mettre en place des marge mais en faisant comme cela.

Code:
ul.topiclist li {
       display: block;
       margin-top: 2px;
   }
   li.row {
       border: 2px solid #9E9E9E;
     -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
   }

Du coup, comme cela fonctionne je vais mettre résolu. Mais par acquis de conscience, j'attends une réponse de ta part pour savoir si cela te parait logique comme modif.

Cordialement,

charles
avatar

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par benneke Mer 26 Sep - 8:42

Hello,

oui ca me parait logique aussi, mais tu l'auras dans tous tes LI (ce qui en soit ne sera pas dérangeant vu qu'il y a la restriction du topiclist.

PAr contre, tu avais bien mis aussi le !important derrière le code que je t'avais fourni ? Je ne comprend pas pourquoi ca n'a rien donné chez toi, p-ê un souci de cache...

Bonne journée,
Ben
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par cbogaert Mer 26 Sep - 8:58

Euh non, je crois qu'au niveau du margin-top dans le li.row j'avais pas mis le !important. Pour info à quoi sert cette instruction, est ce comme une sorte de forçage??
avatar

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par benneke Mer 26 Sep - 9:01

Oui effectivement. Une instruction avec la mention !important prend le dessus sur toute autre instruction contradictoire. Donc :
Code:
.row {
color: blue !important;
}
.row {
color: red;
}
donnera du texte de couleur bleu. Sans le important, il aura la couleur rouge Wink

Ca doit être pour cela que mon code n'a pas fonctionné chez toi la première fois ^^

Bonne journée,
Ben

EDIT: en y pensant, je pense que ton code est mieux, car dans la liste des sujets, il y a une alternance entre row, row1 et row2 si ma mé&moire est bonne Wink A essayer :p
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en de place de marge entre les forum des différentes catégories

Message par cbogaert Mer 26 Sep - 9:07

Ok, en tout cas merci de ton aide et oui je crois aussi qu'il y a une alternance, enfin c'est ce que j'ai vu avec firebug.
Je met le sujet en résolu.
avatar

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum