CSS comme invisible

par Lana Cleevest Dim 31 Mai 2020 - 14:49

Bonjour,

J'étais en train de bidouiller index_box quand mon forum a complètement décidé d'ignorer la feuille CSS, ou bien il y a une erreur quelque part, dans la template ou dans la CSS mais j'ai utilisé Brackets, je ne trouve pas. J'ai aussi rétablis la template par défaut, rien.

index_box:

Code:: <div class="TitreCategorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">   <tr>  <td class="{catrow.forumrow.inc.INC_CLASS}" width="86"><img src="{SPACER}" height="0" width="6" alt="." /></td>  <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <div class="statsforum">{catrow.forumrow.TOPICS} sujets ∝ {catrow.forumrow.POSTS} messages</div> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <div class="BlocForum"><span class="genmed"><div class="DescForum"><div>{catrow.forumrow.FORUM_DESC}</div></div></span> </div> <span class="gensmall" id="subforums">  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  <center><div class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></center> </span> <script type="text/javascript"> jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<font color=#211F19><br></font>')).removeAttr('id'); </script> </td> <td class="row3 over" align="center" valign="middle" height="50"> <table border="0"> <tr><center> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="margin-left:5px;" /></center><td></td><td class="fondtopic"><center><div class="gensmall LastPost">{catrow.forumrow.LAST_POST}</div></center></td> </tr></table> </td> </tr>   <tr>  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr>   </table><img src="{SPACER}" alt="" height="5" width="1" />

CSS:

Code:: /* HEADER/LOGO DU FORUM + HAUT DE PAGE */ #i_logo { margin-bottom: -55px; max-width: 800px; position:center;} /* NAVIGATION*/ a.mainmenu[href="/faq"] { display: none !important; } a.mainmenu[href="/calendar"] { display: none !important; } a.mainmenu[href="/groups"] { display: none !important; } a.mainmenu[href="/memberlist"] { display: none !important; } .mainmenu { position: relative; width: 100%; color: #141414; background-color: #; text-transform: ; padding-right:px; margin-top:-20px; max-width: 800px; padding-top:-30px;} a.mainmenu { -htm-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; color: #191919; font-family: Arial; font-size: 8px; letter-spacing: 1px; margin-bottom: 20px; margin-top:-30px; text-transform: uppercase; text-align: center; transition: 1s; background-color: #; text-decoration: none; padding-top:px;} a.mainmenu img {margin: 0 -5px 0 -5px;} a.mainmenu:hover{ color: #c4bdd0; text-transform:uppercase;} a:link { text-decoration: none;} /* BLOC CONTENANT LES LIENS DE LA NAVIGATION */ .navtop { background-image: url(); background-color:#; border: px # solid; position: center; valign : center ; width : 100%!important; margin-top:10px; margin-bottom:10px; line-width: 10px; padding-top:-30px;} /* PAGE D'ACCUEIL */ .pageaccueil { background-image: url(https://images2.imgbox.com/89/25/cwTkHjWq_o.png); border: 2px #dcdcdc solid; width:100%; margin-left: -2px; margin-top: -1px;} .titrePA { font-size: 20px; letter-spacing: 0px; text-transform: uppercase;!important; color: #000 !important; text-shadow: 1px 0px 2px #db5766, 0px -2px #3ad5d7; font-family: Orbitron; text-align: center; padding: 4px;} .PA1 { margin-top: 8px; margin-right: 8px; margin-left: 16px; margin-bottom: 8px; background: #f4f4f3; padding: 16px; width: 232px; float: left; height: 162px; text-align: justify; overflow: auto; border: 1px solid #c5c5c5; line-height: 10px; font-family: Rajdhani; font-size: 9px; } .PAstaff { margin-top: 8px; margin-right: 8px; margin-left: 8px; margin-bottom: 8px; background: #f4f4f3; padding: 16px; float: left; overflow: auto; border: 1px solid #c5c5c5; width: 140px; height: 162px; } .PA2 { margin-top: 8px; margin-right: 16px; margin-left: 16px; margin-bottom: 8px; background: #f4f4f3; padding: 16px; width: 232px; float: left; height:27px; text-align: justify; overflow: auto; border: 1px solid #c5c5c5; line-height: 10px; font-family: Rajdhani; font-size: 9px; } .PAnews { margin-top: 8px; margin-right: 8px; margin-left: 8px; margin-bottom: 8px; background: #f4f4f3; padding: 16px; float: left; overflow: auto; border: 1px solid #c5c5c5; width: 140px; height: 27px; text-align: justify; line-height: 10px; font-family: Rajdhani; font-size: 9px; } .PAnav { margin: 8px; background: #f4f4f3; padding-top: 10px; padding-bottom: 10px; padding-left:12px; padding-right:12px; overflow: hidden; float:left; border: 1px solid #c5c5c5; width: auto; height: 9px; text-align: center; line-height: 10px; font-family: Rajdhani; font-size: 9px; } .PAlien { font-size: 8px; letter-spacing: 0px; text-transform: uppercase;!important; color: #000 !important; text-shadow: 1px 0px 2px #db5766, 0px -2px #3ad5d7; font-family: Orbitron; text-align: center; padding-bottom: 4px; } /* TITRES */ .titremini { font-size: 8px; letter-spacing: 0px; text-transform: uppercase;!important; color: #000 !important; text-shadow: 1px 0px 2px #db5766, 0px -2px #3ad5d7; font-family: Orbitron; text-align: center; padding-bottom: 4px; } /* LIENS */ a:hover{text-decoration: none !important;} a {text-decoration: none !important;} a:link {text-decoration: none;} a:visited {text-decoration: none;} /* PROFILS */ .poster-profile img { display: block; max-width: 200px; } .fondprofil { width: 210px; padding-top:3px; background-color: #211F19; -webkit-border-radius: px; /* Bordures arrondies */ -moz-border-radius: px;/* Bordures arrondies */ border-radius: px;/* Bordures arrondies */ } .icon_online { position:absolute; margin-left:-100px; margin-top:50px; display:none;} /* CHAMPS DU PROFIL */ .profilperso { text-align: justify; background: #FFFFFF; border: 1px solid #191919; /* bordure : épaisseur style couleur */ padding: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; } /* CONTOUR AUTOUR DE L'AVATAR */ .profilavatar { border: 1px solid #191919; padding: 2px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background: #ffffff; opacity:1; marging-bottom: -30px; marging-bottom: 0px; marging-top: 35px;} /* FEUILLE PERSONNAGE DERRIERE AVATAR */ .avatar_mess { display: block; width: 200px; height: 320px; overflow: hidden; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -htm-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); 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; } .avatar_mess:hover { transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -htm-transform: rotate(0deg); -webkit-transform: rotate(0deg); 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; } .profil_mess { position: absolute; display: block; width: 190px; height: 310px; margin: auto; padding: 5px; overflow: auto; background: #ffffff; color: #191919; font-size: 11px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); 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; } .profil_mess:hover { background-image: url(https://zupimages.net/up/20/22/qv8z.jpg); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: opacity=0.8; 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; } .postdetails.poster-profile textarea { color: #191919; background: #ffffff; border: 3px;} /* PSEUDO DANS SUJET */ .pseudo { padding:8px; background-color:#ffffff; font-size:15px; letter-spacing:1px; font-family: Orbitron, sans-serif; text-align:center; color:#; text-shadow:1px 1px 0px #D1C7B8; position:relative; -webkit-border-radius: 0px 0px 0px 0px; /* Bordures arrondies (voir: http://border-radius.com/) */ -moz-border-radius: 0px 0px 0px 0px;/* Bordures arrondies (voir: http://border-radius.com/) */ border-radius: 0px 0px 0px 0px;/* Bordures arrondies (voir: http://border-radius.com/) */ font-weight: none; border: 1px solid #191919; text-transform:uppercase; } .name a strong{ font-weight: normal !important; /* Supprime le gras des pseudos*/} /* RANG */ .profile-rank, .prfrank { font-size: 7px; letter-spacing: .5px; margin-top: 5px; padding-bottom: 3px; text-align: center; text-transform: uppercase; background-color:#ffffff; border: 1px solid #191919;} .rang { font-family: 'oswald'; font-size:10px; text-transform:uppercase; letter-spacing:1px; opacity:0.8; text-align: center; margin-top: -30px; } /* CONTOUR DU FORUM */ .forumline { border:0px; max-width:800px; } .bodyline { border-left: 10px solid #fff; border-right: 10px solid #fff; box-shadow: 0 0 5px 2px #b8b8b8; padding-left: 5px; padding-right: 5px; max-width:800px;} body{ margin-top: -12px; margin-bottom: -10px; } /*LIENS TITRES FORUMS & SOUS-FORUMS*/ .forumlink{ margin-left:2px; margin-right:4px; margin-top:4px; margin-bottom:2px; } a.forumlink { background-image: url(); padding:px; position: relative; text-align: left; vertical-align: middle; display: inline-block; letter-spacing: 0px; font-size: 10px; background-color: #; font-family: Orbitron, sans-serif; text-shadow: 1px 0px 2px #db5766, 0px -2px #3ad5d7; text-transform: uppercase;!important; font-style: none; text-decoration: none!important; font-weight: normal!important; height: auto; width: auto; color: #000!important; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; } a.forumlink:hover { letter-spacing: px; color: #c4bdd0;} /* LIENS SOUS-FORUMS */ .subforums { display:block; background-color:#f4f4f3; border:1px solid #c5c5c5; padding:8px; margin-right:8px; margin-top:-73px; font-family: Montserrat, sans-serif; letter-spacing: 0px; font-size:8pt; line-height: 10px; position:left; background-image: url(); opacity:1; text-transform: uppercase; overflow:auto; float:right; width:17%; height:40px; overflow:auto;} .BlocForum:after { display:table; content:""; clear:both; } /* DESCRIPTION DES FORUMS */ .fonddescriforum { background-color:#f4f4f3; text-align: justify; display:block; padding:8px; margin-left:8px; margin-right:4px; margin-top:2px; margin-bottom:px; border:1px solid #c5c5c5; overflow:auto; height:40px; line-height: 10px; float:; width:75%;} .precisionforum { font-size: 8px; font-weight: regular; display: inline; font-family: Orbitron; letter-spacing:0px; text-transform: uppercase;!important; color: #000 !important; text-shadow: 1px 0px 2px #db5766, 0px -2px #3ad5d7; } .descriforum { display: inline; font-family: Rajdhani; font-size: 10px; } /* RESEAUX SOCIAUX */ .statsforum { float: right; font-size: 7px; letter-spacing: 0px; line-height: 8px; padding: 4px; text-align: left; text-transform: uppercase; margin-left:-110px;} /* RESEAUX SOCIAUX */ .fondreso { -border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #F2F2F2; border: 3px solid #fff; font-size: 9px; height: auto; margin-left: 10px; margin-top: 10px; width: 500px;} .imgresohaut { background-image: url(https://images2.imgbox.com/28/28/uNeqLtAP_o.png); border-bottom: 3px solid #fff; height: 128px; width: 500px; } .pseudoreso { color: #2a3825!important; font-family: Orbitron, sans-serif; font-size: 8px; letter-spacing: 2px; margin-left: 132px; margin-top: 30px; opacity: 1; padding: 1px 6px 2px 8px; position: absolute; text-shadow: 0 0 0.1em #78e1e3; text-transform: uppercase; z-index: 3; } .presareso { background: #f3f1f1; border: 1px solid #cfc9c9; border-radius: 2px; color: #222; font-family: 'Open Sans Condensed', sans-serif; font-size: 10px; height: auto; line-height: 12px; margin-left: 132px; margin-top: 48px; max-width: 300px; opacity: 1; padding: 2px 6px 3px 8px; position: absolute; z-index: 3; } .imgresoprofil { -webkit-filter: grayscale(0); border: 3px solid #fff; border-radius: 100px; box-shadow: 0 1px 1px 1px #636363; filter: grayscale(0); height: 50px; margin-left: 25px; margin-top: 16px; opacity: 1; position: absolute; width: 90px; z-index: 3; } .imgreso1 { -border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0 1px 1px 1px #636363; -webkit-border-radius: 10px; -webkit-box-shadow: 0 1px 1px 1px #636363; background-color: #fff; border: 1px solid #A5A0A4; box-shadow: 0 1px 1px 1px #636363; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color='#636363',Positive='true'); height: 100px; margin-bottom: 5px; margin-left: 12px; margin-top: 1px; padding: 3px; width: 100px; zoom: 1; } .fondtel { background-image: url(https://zupimages.net/up/20/22/9hzs.jpg); -border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: #F2F2F2; border: 0px solid #fff; font-size: 9px; height: 500px; margin-left: 10px; margin-top: 10px; width: 350px; box-shadow: 0 1px 1px 1px #636363; opacity:0.9;} .imgtelsender { background-image: url(); border-bottom: 0px solid #fff; height: 128px; width: 350px; } .nomdestinataire { color: #ffffff!important; font-family: Orbitron, sans-serif; font-size: 8px; letter-spacing: 2px; margin-left: 130px; margin-top: 112px; opacity: 1; padding: 1px 6px 2px 8px; position: absolute; text-shadow: 0 0 0.1em #; text-transform: uppercase; z-index: 3; } .infosdestinataire { background: #; border: 0px solid #cfc9c9; border-radius: 2px; color: #ffffff; font-family: Rajdhani, sans-serif; font-size: 10px; height: auto; line-height: 15px; margin-left: 120px; margin-top: 42px; max-width: 170px; opacity: 1; padding: 2px 6px 3px 8px; position: absolute; z-index: 3; } .imgdestinataire { -webkit-filter: grayscale(0); border: 0px solid #fff; border-radius: 100px; box-shadow: 0 1px 1px 1px #636363; filter: grayscale(0); height: 68px; margin-left: 30px; margin-top: 20px; opacity: 1; position: relative; width: 68px; z-index: 3; image-position:center;} .textoenvoi { -border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -moz-box-shadow: 0 1px 1px 1px #; -webkit-border-radius: 30px; -webkit-box-shadow: 0 1px 1px 1px #; background-color: #272940; border: 1px solid #0e8d8a; box-shadow: 0 1px 1px 1px #; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color='#',Positive='true'); height: auto; margin-bottom: 10px; margin-left: 110px; margin-top: 5px; padding-left:10px; padding-right:10px; padding-top: 5px; padding-bottom:5px; width: 80px; zoom: 1; line-height: 10px; font-family: Rajdhani; font-size: 9px; color:#ffffff;} .textoreponse { -border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -moz-box-shadow: 0 1px 1px 1px #; -webkit-border-radius: 30px; -webkit-box-shadow: 0 1px 1px 1px #; background-color: #272940; border: 1px solid #0e8d8a; box-shadow: 0 1px 1px 1px #; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color='#',Positive='true'); height: auto; margin-bottom: 5px; margin-left: 143px; margin-top: 1px; padding-left:10px; padding-right:10px; padding-top: 5px; padding-bottom:5px; width: 80px; zoom: 1; line-height: 10px; font-family: Rajdhani; font-size: 9px; color:#ffffff;}

Comme vous le voyez, le width du forum devrait être de 800px max, or ce n'est plus le cas...

Spoiler:

J'offre ma reconnaissance éternelle à celui qui pourra m'aider Lunette

par MlleAlys Dim 31 Mai 2020 - 20:18

Bonjour,
Cela se voit sur la capture effectivement, mais difficile de trouver l'origine du problème d'après une simple image, et sur mon forum test le template et le css ne provoquent pas ce problème.
Cerait-il possible de rendre votre forum visible aux invités afin de pouvoir l'inspecter à la recherche de la cause ?

par Lana Cleevest Dim 31 Mai 2020 - 20:38

Bonjour, merci pour la réponse et désolée de la perte de temps, j'ai réussi à résoudre le problème en remettant le thème par défaut et réimportant les templates et CSS... en espérant que ça tienne. Merci !