Question sur LS Catégories de Fangs.

Salut !

J'ai un léger soucis que je n'arrive pas à régler avec les catégories : [HTML5 & CSS3] - Catégories & forums modernes proposé par Fangs. (Ici)

Alors, le codage marche nickel, c'est plus un soucis de personnalisation. Voici l'image :

Spoiler:

Voilà, donc j'ai beau modifier le CSS je n'arrive pas à espacer les catégories ni en largeur ni en hauteur. Une idée ? Le CSS proposé par Fangs :

Code:


/* DEBUT MISE EN PAGE CATEGORIES ET FORUMS - FANGS */

.categorie {
  position: relative;
  clear: both;
  height: 50px;
  position: relative;
  margin-top: 50px;
  margin-bottom: -18px;
  margin-left: 35px;
  z-index: 2;
}

.categorie_txt {
  position: relative;
  font-size: 40px;
  font-family: 'Josefin Slab', Georgia, serif;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  text-align: right;
}

.forum {
  width: 980px;
  margin: auto !important;
}

.forum_case {
  float: left;
  width: 490px;
  height: 245px;
  background-color: #111418;
}

.description {
  position: relative;
  width:490px;
  height: 245px;
  margin: 0 !important;
  padding: 0 !important;
}

.bottom_section {
  position: relative;
  margin-top: -40px;
  width: 490px;
  height: 40px;
  background-color: #fff;
  opacity: 0.3;
}

.bottom_border {
  position: relative;
  margin-top: -40px;
  width: 490px;
  height: 40px;
  border-top: 1px solid #fff;
}

.tnm {
  position: relative;
  margin-top: -30px;
  height: 30px;
  width: 480px;
  margin-right: 11px;
  text-align: right;
  font-size: 12px;
  color: #ffffff;
  text-shadow: 1px 1px 2px #000;
  font-family: Georgia, Arial, serif;
}

.forum_name {
  position: relative;
  margin-top: -30px;
  height: 30px;
  width: 480px;
  margin-left: 10px;
  z-index: 2;
}

.forum_link {
  color: #fff !important;
  text-shadow: 1px 1px 2px #000;
  font-variant: small-caps !important;
  text-decoration: none;
  font-size: 16px;
  font-family: Georgia, Arial, serif;
}

.description_img {
  position: relative;
  width: 490px;
  height: 245px;
  margin-top: -245px;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: all;
  transform: all;
}

.description_img:hover {
  position: relative;
  width: 490px;
  height: 245px;
  margin-top: -245px;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: all;
  transform: all;
  opacity: 0.2;
}

.description_txt {
  position: relative;
  width: 460px;
  height: 215px;
  padding: 15px;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  font-size: 12px;
  font-family: Georgia, Arial, serif;
  text-align: justify;
}

/* FIN MISE EN PAGE CATEGORIES ET FORUMS - FANGS */

Coucou :)

Est ce que tu pourrais nous partager le lien de ton forum avec le problème visible s'il te plait ? Cela nous permettra d'utiliser les Outils de débug pour pouvoir essayer de t'aider :p

D'ailleurs, si tu veux éditer ton autre problème ici Modifier le fond des messages. pour rajouter un lien, ça peut aussi être utile :)

Le voici :

http://chronastral.jdrforum.com/

(Pour l'édition des messages, vu qu'on m'a répondu, je suppose que ce n'est plus d'actualité ?)

Alors en fait chaque forum est dans un bloc ".forum_case"

Cette partie là du CSS

Code:

.forum_case {
  background-color: #111418;
  float: left;
  height: 245px;
  width: 490px;
}

Pour pouvoir rajouter une marge de 30px en bas tu peux rajouter :

Code:

margin-bottom: 30px

Pour une marge sur les côtés c'est un peu plus embêtant vu le LS

Il y a 2 méthodes. Soit tu veux garder la même largeur pour les cases dans ce cas là :

Code:

.forum_case {
  background-color: #111418;
  float: left;
  height: 245px;
  width: 490px;
  margin-left: 10px;
  margin-right: 10px;
}

Tu cherches :

Code:

.forum {
  margin: auto!important;
  width: 980px;
}

La largeur devient 980px + 10px (marge gauche) + 10px (marge droite), donc :

Code:

.forum {
  margin: auto!important;
  width: 1020px;
}

OU ALORS (c'est un OU pas un ET)
Autre méthode si tu veux réduire la largeur des éléments (ne pas prendre en compte la méthode au dessus):

Il y a des width: 490px; à changer à plusieurs endroits dans le CSS on dirait >-<

Exemple :

Code:

.forum_case {
  background-color: #111418;
  float: left;
  height: 245px;
  width: 470px;
  margin-left: 10px;
  margin-right: 10px;
}

Il faut ensuite changer tous les 490px dans le CSS par 470.
Comment je suis arrivée à 470 ? 490px - 10px à gauche - 10px à droite

Désolée pour la réponse rapide, si quelqu'un veut rajouter des détails qu'il n'hésite surtout pas <3

===
Pour l'autre message c'est comme tu veux, peut-être qu'on te le demandera je ne sais pas. Je conseille toujours d'en mettre "un peu plus" que pas assez "au cas où" mais ça c'est ma manière de voir

Merci ! Cela marche du feu de Dieu ! Si je pouvais, je te lancerai des fleurs !

Du coup, que je puisse comprendre, le soucis venait du fait que j'essayais d'élargir les cases dans le block forum qui les contenait ?