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

3 participants

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

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

Message par Féline1984 Mer 7 Juin 2023 - 16:18

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%;
}
Féline1984

Féline1984
***

Féminin
Messages : 128
Inscrit(e) le : 14/09/2018

http://felinepub.forumactif.com/
Féline1984 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les pages s'élargissent et le CSS ne marche pas

Message par Toryudo Mer 7 Juin 2023 - 20:44

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 ?
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1315
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les pages s'élargissent et le CSS ne marche pas

Message par Féline1984 Sam 10 Juin 2023 - 1:21

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

Féline1984
***

Féminin
Messages : 128
Inscrit(e) le : 14/09/2018

http://felinepub.forumactif.com/
Féline1984 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les pages s'élargissent et le CSS ne marche pas

Message par Toryudo Sam 10 Juin 2023 - 22:21

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é ?
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1315
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les pages s'élargissent et le CSS ne marche pas

Message par Chacha Ven 16 Juin 2023 - 9:13

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

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

Chacha
Modéractif
Modéractif

Masculin
Messages : 69184
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les pages s'élargissent et le CSS ne marche pas

Message par Chacha Dim 18 Juin 2023 - 9:25

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

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.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69184
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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