Réduire cet espace

[Laférosse]

Bonjour. J'ai supprimé le nombre de sujets et de messages sur la page d'accueil mais cela laisse un grand espace vide que j'aimerai réduire. Merci.



Je précise que j'avais eu cette aide mais après test elle ne correspond pas à ce que j'attends. En effet le code donné ne fait que réduire l'ensemble, de la même façon il me semble, que si je passai par le panneau admin pour diminuer la taille du forum. Quoi qu'il en soit, l'espace est toujours là.

[Niko]

Coucou @crocnana

tu peux aller à

Affichage > Images et couleurs > Couleurs > Feuille de style CSS

• au lieu de cet extrait
  

  Code:

  .forum-statistics, .forum-statistics-header {
    visibility: hidden;
}

  
  utilisez ceci
  

  Code:

  .forum-statistics, .forum-statistics-header {
    display: none;
}

  
  
• et à la place de ça
  

  Code:

  .forum-description, .posts-description {
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    width: 45%;
}

  
  utilisez ceci
  

  Code:

  .forum-description, .posts-description {
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    width: 65%;
}

Et voici le résultat!  

[Laférosse]

Bonjour Niko merci mais je n'ai pas ce code dans la css. Je mets celui que vous m'indiquez quand même ?

Code:

.forum-description, .posts-description {
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    width: 45%;
}

Je pense aussi qu'il va falloir réduire l'espace tout à droite pour harmoniser l'ensemble svp.



Merci.

[MlleAlys]

Bonjour,
Après avoir changé "visibility:hidden;" pour "display:none;" vous pouvez ajouter ces deux codes dans votre css :

Code:

.forum-description {
  width: 75%;
}
.forum-lastpost {
  width: 25%;
}

[Laférosse]

Oh merci beaucoup MelleAlys. Peut-on faire un ajustement svp.

Si possible j'aimerai que cet espace soit un tout petit peu agrandi car quand la description est plus grande je trouve que pour le coup c'est trop collé.



J'ai un soucis aussi avec le format date qui descend sur une ligne supplémentaire.


Peut on réaligner ?

Merci.

Ps :

J 'ai modifié les valeurs je pense que c'est correct comme ca. J'ai mis 70% et ensuite 30%. MelleAlys, comme je pense que vous êtes sur une largeur d'écran différente, pouvez-vous me confirmer que de votre côté c'est proportionné et que le visuel est correct svp ?

[MlleAlys]

Pour réaligner le contenu de la partie "dernier message", vous pouvez agrandir la largeur de .forum-lastpost en modifiant 25% pour une valeur plus grande.
Il faut alors diminuer la largeur de .forum-description d'autant.

Pour garder un espace entre les deux colonnes, nous pouvons ajouter un padding (marge intérieure) à droite de la première :
Complétez le code :

Code:

.forum-description {
  width: 70%;
}

en ajoutant "padding-right: 20px;"

Code:

.forum-description {
  width: 70%;
  padding-right: 20px;
}

De la même façon, vous pouvez contrôler l'espace demandé en diminuant ou augmentant la valeur 20px.

[Laférosse]

J'ai mis comme ceci :

Code:

.forum-statistics, .forum-statistics-header {
    display: none;
}

.forum-description {
  width: 70%;
  padding-right: 20px;
}

.forum-lastpost {
  width: 30%;
}


Par contre je ne vois pas trop de différence avec la marge tout à droite. Ce qui est déjà bien, quand je suis connectée la date se met sur une ligne.



Est-ce que l'on peut aussi ajuster la marge tout à droite (gros trait rouge sur mon screen). Je chipote un peu. Si c'est embêtant ce n'est pas grave.

Bon samedi MelleAlys.

[MlleAlys]

La marge tout à droite correspond au padding par défaut de l'élément .forum-section :


Pour le réduire, vous pouvez par exemple ajouter le code suivant :

Code:

.forum-section {
  padding-right: 5px;
}

[Laférosse]

J'avais bien essayé avant de demander de réduire le padding-right, malheureusement celui-ci ne semble pas agir. (que je mette en plus ou en moins cela ne change rien.) J'ai bien testé avec votre dernier code.

[MlleAlys]

Le bloc est bien davantage collé à droite, vous pouvez à nouveau jouer sur les largeurs des deux blocs pour décaler l'affichage du contenu, par exemple essayez 73% et 27%, je pense que cela devrait mieux vous convenir.

[Laférosse]

Oui, c'est mieux, merci beaucoup Pour votre patience. Du coup je peux enlever le padding right ?

Edit : c'est tout bon pour moi. Merci encore MelleAlys.