Les pages s'élargissent et le CSS ne marche pas

[Féline1984]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que j'ai crée ce forum le 5 juin 2023
Lien du forum : https://solidarite-france.forumactif.com/

Description du problème

Bonjour,

J'ai crée ce forum avant hier : https://solidarite-france.forumactif.com/

Problème 1 : Elargissement des pages :
Lorsque je me connecte en tant que membre de test ou en tant qu'Admin, les pages de topics s'élargissent mais ça ne s'élargis pas quand je ne suis pas connecté au forum.

Problème 2 : Le CSS ne fonctionne pas pour les widgets du portail et les catégories affichés sur le forum:

C'est cette partie du CSS qui ne fonctionne pas :

Code:

/** DEBUT mettre bordure au widgets  **/
.module {
    border : 3px solid #655487;
    padding:0;
}
/** Fin mettre bordure au widgets  **/

/** Début haut des widgets  **/
.module .h3 {
    background: url('https://2img.net/s/t/21/75/69/i_back_title.jpg') top center repeat; /* image de fond et positionnement */
    padding: 1rem 5px; /* espacement horizontal et vertical autour du titre */
    text-transform: none; /* pas de transformation du texte en majuscules */
    color: #ffffff; /* couleur du texte */
    margin-top: -5px; /* suppression d'une marge en haut qui gène un peu */
}
/** Fin haut des widgets  **/

/*allonger les lignes verticales des catégories : affichage en tableau*/
li.row, li.header {
  display: table !important;
  width: 100%;
}
dl.icon {
  display: table-row;
}
dl.icon dt, dd.dterm, dd.topics, dd.posts, dd.lastpost, dd.views {
  display: table-cell !important;
  float: none !important;
  vertical-align: middle;
}
/*TAILLE DU TEXTE DES CATHEGORIES*/
.header dd {
  font-size: 25px !important;
  padding: 0 !important;
  line-height: normal !important;
}
.table-title, .table-title h2 {
  font-size: 25px;
  font-family: 'Dancing Script', cursive;
  line-height: 190%;
}

Mon CSS en entier :

Code:

/** Début enlever contre les avatars qui dépassent sur le message **/
.postprofile img {
    max-width: 100%;
}
/** Début enlever contre les avatars qui dépassent sur le message **/ 

/** Début de grossir avatars sur l'accueil  **/
.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 60px;
height: 60px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
/** Fin de grossir avatars sur l'accueil  **/

/** DEBUT mettre bordure au widgets  **/
.module {
    border : 3px solid #655487;
    padding:0;
}
/** Fin mettre bordure au widgets  **/

/** Début haut des widgets  **/
.module .h3 {
    background: url('https://2img.net/s/t/21/75/69/i_back_title.jpg') top center repeat; /* image de fond et positionnement */
    padding: 1rem 5px; /* espacement horizontal et vertical autour du titre */
    text-transform: none; /* pas de transformation du texte en majuscules */
    color: #ffffff; /* couleur du texte */
    margin-top: -5px; /* suppression d'une marge en haut qui gène un peu */
}
/** Fin haut des widgets  **/

/*allonger les lignes verticales des catégories : affichage en tableau*/
li.row, li.header {
  display: table !important;
  width: 100%;
}
dl.icon {
  display: table-row;
}
dl.icon dt, dd.dterm, dd.topics, dd.posts, dd.lastpost, dd.views {
  display: table-cell !important;
  float: none !important;
  vertical-align: middle;
}
/*TAILLE DU TEXTE DES CATHEGORIES*/
.header dd {
  font-size: 25px !important;
  padding: 0 !important;
  line-height: normal !important;
}
.table-title, .table-title h2 {
  font-size: 25px;
  font-family: 'Dancing Script', cursive;
  line-height: 190%;
}

[Toryudo]

Bonjour !

Alors, je ne sais pas si les deux problèmes sont liés, mais pour le point 2) par exemple, ce CSS fonctionnerait sur ModernBB. Mais contrairement à ce que vous indiquez, le forum https://solidarite-france.forumactif.com/ n'est pas sur ModernBB, il est sur phpBB2.
Sachant cette information, qu'est-ce que vous voulez faire ? Finalement changer en ModernBB ou adapter ce CSS pour phpBB2 ?

[Féline1984]

Bonjour,
Désolé, je me suis trompé, j'aurai pue en plus vous induire en erreur. Je préfère adapter mon CSS à PHPBB2.

[Toryudo]

Bonjour !

Pour le point 2... bon... c'est un peu embêtant, parce que du coup, je ne sais pas exactement ce que le CSS doit faire sur la version phpbb2, s'il va faire exactement ce que vous voulez qu'il fasse... donc disons que je garde ce qui concerne les widgets (.portal .forumline pour les cadres et .portal .forumline .module-title pour les titres des widgets), et la taille du texte des catégories (qui deviennent #page-body .secondarytitle donc). Pour le reste, je ne sais pas exactement ce que vous voulez faire.

Code:

/** DEBUT mettre bordure au widgets  **/
.portal .forumline {
  border: 3px solid #655487;
  padding: 0;
}
/** Fin mettre bordure au widgets  **/
 
/** Début haut des widgets  **/
.portal .forumline .module-title {
    background: url('https://2img.net/s/t/21/75/69/i_back_title.jpg') top center repeat; /* image de fond et positionnement */
    padding: 1rem 5px; /* espacement horizontal et vertical autour du titre */
    text-transform: none; /* pas de transformation du texte en majuscules */
    color: #ffffff; /* couleur du texte */
    margin-top: -5px; /* suppression d'une marge en haut qui gène un peu */
}
/** Fin haut des widgets  **/

/*TAILLE DU TEXTE DES CATHEGORIES*/
#page-body .secondarytitle {
  font-size: 25px !important;
  padding: 0 !important;
  line-height: normal !important;
}
#page-body .secondarytitle h2 {
  font-size: 25px;
  font-family: 'Dancing Script', cursive;
  line-height: 190%;
}

Pour le point 1), est-ce que vous pourriez m'envoyer par MP des identifiants de test, que j'essaye de voir en direct ce qui change une fois connecté ?

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.