Largeur du forum qui s'élargie sur certaine page
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Largeur du forum qui s'élargie sur certaine page
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 27/07/2017
Lien du forum : http://crossing-leaf.forumactif.org/
Description du problème
Bonsoir,Depuis peu mon forum rencontre un gros problème. Lorsque je change de page mon forum s’élargit notamment dans la page des membres ou certains sujets comme celui-ci.
Le problème en image:
- Mon forum à taille normal (accueil):
- Mon forum à taille anormal (liste des membres):
J'ai pourtant ajouté des codes pour bloquer la taille des signatures, je ne vois donc pas où est le problème. Je remercie d'avance les personnes qui voudrons bien m'aider,
Cordialement.
- Mon CSS:
- Code:
body {
cursor: url(https://i58.servimg.com/u/f58/19/51/29/30/curseu11.png), auto;
}
a {
cursor: url(https://i58.servimg.com/u/f58/19/51/29/30/curseu11.png), auto;
}
img {
cursor: url(https://i58.servimg.com/u/f58/19/51/29/30/curseu11.png), auto;
}
.forumline{
border-bottom: 5px #EFEFEF solid;
border-top: 5px #EFEFEF solid;
border-right: 2px #EFEFEF solid;
border-left: 2px #EFEFEF solid;
border-radius: 7px;
}
a.forumlink:link, a.forumlink:visited {
font-family: finkheavy;
text-transform : uppercase;
text-align: center;
font-size: 100%;}
.catHead { border: none !important;}
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.code {
background-color: #000;
border: 1px #FFF dotted;
}
.cont_code span {
font-family: Comic Sans MS, sans-serif;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
}
/************** DEBUT DES CODES PROFILS ********************/
table.tableau_profil{
width:210px;
border-radius:20px;
margin:auto;
border:0;
}
table.tableau_profil td.milieu_tab{
width:210px;
background-color:#DFE4E6;
border-radius:20px;
background-repeat:repeat-y;
border: 1px solid #95a9b7;
padding-left:14px;
padding-right:14px;
text-align:center;
}
table.tableau_profil td.milieu_tab span.pseudo_posteur{
font-family: 'Georgia', cursive;
font-size:18pt;
}
table.tableau_profil td.milieu_tab span.rang_posteur{
font-family: 'arial', cursive;
font-size:11pt;
color:white;
font-style:italic;
}
table.tableau_profil td.milieu_tab div.infos_posteur{
width:190px;
margin:auto;
padding:4px;
text-align:left;
font-family: 'arial', cursive;
background-color:#EFEFEF;
border:1px solid #95a9b7;
border-radius:20px;
opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
-moz-opacity : 0.5; /* Transparence pour Firefox */
-ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
}
.postdetails.poster-profile a img:hover {
filter:grayscale(1); /* Firefox 35+ */
-webkit-filter:grayscale(1); /* Chrome, safari, opera */
filter:gray; /* IE 6-9 */
}
/************** FIN DES CODES ********************/
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty
========================================================================================================*/
.batty_corp{
background:rgba(22, 22, 22, 0.5);
border-radius:20px;
padding:15px;
border:3px solid #fff;
}
.batty_corp-info{
width:100%;
background:rgba(22, 22, 22, 0.8);
border-radius:20px;
padding:15px;
color:#fff !important;
font-size:15px;
}
.batty_corp-avatar{
width:200px;
background:rgba(22, 22, 22, 0.8);
text-align:center;
border-radius:20px;
padding:15px;
color:#fff;
font-size:15px;
}
.batty_corp-avatar img{
margin:5px 0px;
}
.batty_rang{
font-size:0px;
}
.batty_titre{
width:300px;
background-color:rgba(22, 22, 22, 0.8);
border-radius:20px;
padding:5px 10px;
color:#fff;
font-size:18px;
text-align:left;
font-family:'Times New Roman';
}
.batty_titre div{
padding:0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_titre2{
width:300px;
color:#fff;
font-size:18px;
text-align:left;
padding:10px 0px;
font-family:'Times New Roman';
}
.batty_titre2 div{
padding:0px 8px;
background-image: url('http://www.zupimages.net/up/16/14/ggs8.png');
background-repeat: no-repeat;
}
.batty_info-fiche{
display:inline-block;
width: 33%;
min-height:100px;
text-align:center;
color: #fff;
}
.batty_info-fiche textarea {
display:block;
background:none;
border:none;
}
/*========================================================================================================
PROFIL DES MEMBRE - BY Batty [END]
========================================================================================================*/
/*
* Libre service bloc de connexion rapide verte
* NEVER UTOPIA
*/
/* Bloc qui entoure tout */
.cnxl-bloc {
margin: 20px auto;
font-family: 'Playfair Display', serif;
text-align: center;
font-size: 15px;
color: #484848;
}
/* Aligner les 3 blocs */
.cnxl-submit-bloc,
.cnxl-inscription,
.cnxl-input-bloc {
display: inline-block;
vertical-align: middle;
}
/* Style commun pour tous les champs */
.cnxl-form input {
padding: 10px;
border: none;
font-family: inherit;
font-size: 15px;
outline: none;
}
/*
* Décoration à gauche
* Inscription
*/
.cnxl-inscription {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #92B735;
padding: 8px;
}
.cnxl-inscription img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
/*
* Champs à remplir au centre
*/
.cnxl-input-bloc {
margin: 0 20px;
width: 200px;
border-radius: 5px;
box-shadow: 0 0 0 2px #92B735;
overflow: hidden;
padding: 0 5px; /* espace entre le bord et le trait des input */
background: #FFFFFF;
}
.cnxl-input-bloc input {
color: black;
box-sizing: border-box;
display: block;
width: 100%;
border-bottom: 1px solid #92B735; /* bordure entre les input */
box-shadow: 0 0 0 100px #ffffff inset; /* couleur de fond des input */
}
.cnxl-input-bloc input:last-of-type {
border: none;
}
/*
* Connexion à droite
*/
/* Bouton de connexion */
.cnxl-submit-bloc input {
background: #92B735;
border-radius: 3px;
cursor: pointer;
transition: all 300ms ease-out;
}
/* Bouton de connexion au survol */
.cnxl-submit-bloc input:hover {
background: #ede390;
}
/*
* Zone en bas
*/
.cnxl-form label {
cursor: pointer;
}
/* Liens (Mot de passe oublié) */
.cnxl-bloc a {
font-size: 10px;
text-decoration: none!important;
color: #766e6e;
text-decoration: none;
transition: all 300ms ease-out;
}
/* Liens au survol
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate
{
width: 500px;
height: 150px;
overflow: hidden;
background-color: #ffffff;
}
.cate_img
{
position: relative;
z-index: 2;
width: 500px;
height: 150px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 510px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
position: relative;
z-index: 1;
width: 500px;
height: 150px;
margin-top: -150px;
text-align: justify;
font-size: 11px;
color: #8c8c8c;
padding: 2px;
overflow: auto;
}
/* CSS perso */
.forumline.genmed {
background-image: url("https://i58.servimg.com/u/f58/19/51/29/30/tablea12.png");
background-color: transparent;
border: none;
}
td.row1, td.row3.over:hover {
background-color:transparent;
}
.row1 > .marquee {
margin-left: 0px;
background-color: rgba(239, 239, 239, 0.3);
}
.catLeft > .genmed.module-title {
text-shadow: 2px 0px 1px rgb(222, 174, 102)
}
td.catLeft {
border-style:none;
}
.js-marquee > a {
color: #1c7037;
}
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets
{
width: 950px;
margin: auto;
background: #dfdfdf;
border: 1px solid #ececec;
box-shadow: 0px 0px 3px #868686;
-o-box-shadow: 0px 0px 3px #868686;
-moz-box-shadow: 0px 0px 3px #868686;
-webkit-box-shadow: 0px 0px 3px #868686;
-htm-box-shadow: 0px 0px 3px #868686;
padding: 5px;
}
.sujets
{
background: #ececec;
border: 1px dotted #ffffff;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
}
.sujets_auteur
{
display: block;
width: 200px;
font-size: 11px;
}
.sujet_last
{
display: block;
width: 180px;
height: 40px;
background: #f4f4f4;
border-left: 3px solid #9e9e9e;
border-right: 3px solid #9e9e9e;
padding-top: 10px;
font-size: 11px;
}
.sujets_stats
{
width: 900px;
text-align: right;
margin-bottom: 5px;
}
.sujets_stats_contenu
{
font-size: 10px;
color: #a4a4a4;
}
div.signature_div img {
max-width:600px;
max-height:350px;}
tr.annonce td {background-color:#E6B5E1!important;} /* Modifie la couleur de fond des annonces */
tr.Note td {background-color:#6FCDC0!important;} /* Modifie la couleur de fond des Note */
body {
background-image:url("https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg");
background-position:fixed;
background-size:150%;
}
.forumline
{
max-width: 98%;
margin: auto;
}
table
{
max-width: 98%;
margin: auto;
}
/*limitation taille des images dans messages*/
.postbody img {
max-width: 100%;
}
/* Suppression deux points pour annonce & post it */
div.topictitle strong { display: none; }
.signature_div {
overflow: auto;
width: 600px;
height: 400px;
}
.postbody embed[src*="swf"], .postbody img {
max-width: 100%;
}
#left {
margin-left: -190px;
}
/* CODES POUR LE QEEL */
#qeel h1, #qeel h2, #qeel h3, #qeel p {
margin: 0; padding: 0; font-weight: normal;
}
#qeel {
width: 800px;
min-height: 200px;
border-radius: 10px;
background: #EFEFEF;
margin: 75px auto 20px;
position: relative;
padding-top: 50px;
font-family: "fink heavy", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}
#qeel a {
color: darkgray;
text-decoration: none;
}
#qeel a, #qeel h2 {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#qeel a:hover {
color: #d74e77;
}
#qeel h1 {
width: 328px;
height: 83px;
background: url("https://i58.servimg.com/u/f58/19/60/78/87/qeel310.png") no-repeat;
position: absolute;
top: -58px;
left: 50%;
margin-left: -164px;
text-indent: -9999px;
}
#qeel td {
vertical-align: top;
}
#qeel td p .gensmall, #qeel td.row1 .gensmall, #qeel .gensmall {
font-family: "century gothic", sans-serif;
color: C4C0C3;
font-size: 10px;
}
#qeel table td {
border-radius: 10px;
position: relative;
padding-top: 25px;
min-height: 50px;
}
#qeel table td.withbg {
background: #BFDBCD;
}
#qeel h2 {
/*height: 34px;*/
position: absolute;
top: -12px;
z-index: 3;
font-size: 24px;
font-family: 'Fink heavy', cursive;
color: #F65F80;
}
#qeel h2:hover {
color: rgba(209,42,97,1);
}
#qeel td.row1, td.row3.over:hover {
background-color: transparent !important;
}
#qeel table.annifs {
margin-top: -30px !important;
}
table.annifs tbody tr:nth-child(2) td {
padding-top: 0px !important;
}
.groups {padding: 10px !important; text-align: center; }
/* CREDITS */
#credits {
position: absolute;
padding: 0px 10px;
bottom: -20px;
right: 0px;
height: 20px;
line-height: 20px;
font-size: 8px;
color: gray;
text-transform: uppercase;
text-shadow: 1px 1px 0px #ffffff;
}
Dernière édition par shoupie le Ven 7 Juil 2017 - 17:27, édité 1 fois
Re: Largeur du forum qui s'élargie sur certaine page
Bonsoir,
Le problème est simple : certains contenus sont trop larges, même lorsqu'ils sont réduits à leur largeur minimale, pour tenir dans le cadre que vous leur attribuez. Donc ils débordent. Par exemple, la liste des membres contient neuf colonnes, dont deux avec des images assez larges (les boutons).
Il n'y a rien d'autre à faire qu'à supprimer certaines colonnes via le template, ou à élargir le forum.
Cordialement,
Walt
Le problème est simple : certains contenus sont trop larges, même lorsqu'ils sont réduits à leur largeur minimale, pour tenir dans le cadre que vous leur attribuez. Donc ils débordent. Par exemple, la liste des membres contient neuf colonnes, dont deux avec des images assez larges (les boutons).
Il n'y a rien d'autre à faire qu'à supprimer certaines colonnes via le template, ou à élargir le forum.
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6083
Inscrit(e) le : 08/09/2015
Re: Largeur du forum qui s'élargie sur certaine page
Bonsoir, merci beaucoup pour votre réponse, en effet pour la liste des membres j'ai réduit la taille des boutons et sa fonctionne bel est bien !
Tant que j'y suis, je viens de rencontrer un problème qui est revenue sur mon forum. Le widget des derniers sujets débordent sur mon forum comme ci-dessous:
Je ne comprends pas à quoi c'est dû surtout que c'est la deuxième fois que ce problème apparaît subitement sans que j'ai touché à quoi que ce soit.
EDIT: Le problème ne s'affiche plus je ne sais pas si il s'agit d'un bug mais j'aimerais que cela ne se reproduise plus, je ne sais pas du tout d'où cela peut provenir.
Je vous remercie d'avance pour votre réponse,
Cordialement.
Tant que j'y suis, je viens de rencontrer un problème qui est revenue sur mon forum. Le widget des derniers sujets débordent sur mon forum comme ci-dessous:
Je ne comprends pas à quoi c'est dû surtout que c'est la deuxième fois que ce problème apparaît subitement sans que j'ai touché à quoi que ce soit.
EDIT: Le problème ne s'affiche plus je ne sais pas si il s'agit d'un bug mais j'aimerais que cela ne se reproduise plus, je ne sais pas du tout d'où cela peut provenir.
Je vous remercie d'avance pour votre réponse,
Cordialement.
Re: Largeur du forum qui s'élargie sur certaine page
Bonjour,
C'est a priori le cas lorsqu'un mot trop long est dans le titre d'un sujet récent, qui ne peut pas être affiché aussi peu largement. C'est en somme le même problème que votre page des membres, un contenu trop large pour rentrer dans la zone affectée.
Utilisez ce CSS pour que les mots trop longs soient coupés :
C'est a priori le cas lorsqu'un mot trop long est dans le titre d'un sujet récent, qui ne peut pas être affiché aussi peu largement. C'est en somme le même problème que votre page des membres, un contenu trop large pour rentrer dans la zone affectée.
Utilisez ce CSS pour que les mots trop longs soient coupés :
- Code:
.js-marquee-wrapper {
word-break: break-all;
}
Walt- Modéractif
-
Messages : 6083
Inscrit(e) le : 08/09/2015
Re: Largeur du forum qui s'élargie sur certaine page
Merci beaucoup, sa fonctionne ! C'était aussi bête que ça !
Bonne journée à vous, je passe le sujet en résolu.
Bonne journée à vous, je passe le sujet en résolu.
Sujets similaires
» Différence largeur forum entre page d'accueil et reste du forum
» Largeur de ma page "forum"
» Largeur bas de page du forum changeante...
» Largeur du forum qui change en changeant de page
» Comment modifier la largeur de la page du forum?
» Largeur de ma page "forum"
» Largeur bas de page du forum changeante...
» Largeur du forum qui change en changeant de page
» Comment modifier la largeur de la page du forum?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum