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

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 le Mar 25 Sep 2012 - 20: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.



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 2012 - 11:08, édité 1 fois

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 le Mer 26 Sep 2012 - 8: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 :

Bonne journée,
Ben

benneke
***

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

http://www.guilde-aof.com
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 le Mer 26 Sep 2012 - 8: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

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 le Mer 26 Sep 2012 - 10: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é ?

benneke
***

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

http://www.guilde-aof.com
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 le Mer 26 Sep 2012 - 10: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

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 le Mer 26 Sep 2012 - 10: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

benneke
***

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

http://www.guilde-aof.com
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 le Mer 26 Sep 2012 - 10: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??

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 le Mer 26 Sep 2012 - 11: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

benneke
***

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

http://www.guilde-aof.com
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 le Mer 26 Sep 2012 - 11: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.

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


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