Déplacement du forum à chaque modification dans le CSS

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

Résolu Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Jeu 25 Mai 2017 - 14:01

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 23/05/2017
Lien du forum : http://crossing-leaf.forumactif.org/

Description du problème

Bonjour, tout d'abord j'aimerais remercier les personnes qui prendrons en compte mon problème.

Je rencontre depuis trois jours un problème sur mon forum. Dès que je modifie mon CSS mon forum se déplace ou change de dimensions. Comme par exemple, mes widgets qui mordent sur le forum:

En revanche, lorsque j’enregistre une nouvelle fois en actualisant ma page, tout redeviens à la normale :


Ce problème est survenu depuis que j'ai rencontré un bug avec mon CSS. C'est à dire que j'ai effacé une partie de mon CSS par erreur et j'ai essayer tant bien que mal de retrouver les codes anciennement utilisés. Je pense donc qu'il s'agit d'un problème lié à mon CSS étant donnée que les modifications sur mon forum surviennent de là.

Voici mon CSS:
CSS:
Code:
.bodyline{
border-top: none !important;
border-bottom: none !important; }




body.chatbox {
background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/fondtc11.jpg")
}
#chatbox_members .cb-avatar > img {
  height:20px;width:20px;
  vertical-align: middle;
}

#chatbox_header .cattitle:before { content: "Crossing"; }



body {
cursor: url(""), 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%;
    border-bottom: 5px solid #couleur;
    color: #couleur;
    letter-spacing: 1px;
    display: block;
    -moz-border-radius:10px;
    }

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
 
    .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%;
        }   
  1.
2./*===description forum===*/
3.p#pun-desc {
4.  color: transparent;
5. }

1..mobile_image { max-width:99% }
2.#mpage-body .postbody > .content > div { overflow:hidden }

       
body {
  background-image:url("https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg");
  background-position:fixed;
  background-size:150%;
}

    div.topictitle strong { display: none; }

body {
  background-image:url(https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg);
  background-size: 100% auto;
}


 

 


    #chatbox_header .catBottom .cattitle {
        font-family: 'FinkHeavy';}

    .date-and-time {
      display: none;
    }

    #chatbox > p {
      border: none !important;
    }




   
        /************** 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]
    ========================================================================================================*/


 /* 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: #fff;
            margin: 75px auto 20px;
            position: relative;
            padding-top: 50px;
            font-family: "FinkHeavy", 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://i37.servimg.com/u/f37/19/51/29/30/qui_es10.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: "FinkHeavy", sans-serif;
            color: #F54DA0;
            font-size: 10px;
          }

          #qeel table td {
            border-radius: 10px;
            position: relative;
            padding-top: 25px;
            min-height: 50px;
          }

          #qeel table td.withbg {
            background: #e4e1e2;
          }

          #qeel h2 {
            /*height: 34px;*/
            position: absolute;
            top: -12px;
            z-index: 3;
            font-size: 24px;
            font-family: 'FinkHeavy', cursive;
            color: #808080;
          }

          #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;
          }




    /*
    * 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: 10px;
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 */



J'espère sincèrement que vous pourrez me venir en aide car ce problème est très embarrassant je ne peux faire de modifications sur mon forum par peur d'un dysfonctionnement...
avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par Tech le Jeu 25 Mai 2017 - 15:56

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Difficile à dire sans apercevoir le problème sur votre forum. Néanmoins en parcourant votre CSS, on peut apercevoir certaines erreurs (qui n'entrainent cependant pas le problème rencontré).

J'ai passé votre code dans un "beautifier" pour qu'il soit un peu plus lisible et mieux organisé, le voici :
Code:
.bodyline {
    border-top: none !important;
    border-bottom: none !important;
}
body.chatbox {
    background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/fondtc11.jpg")
}
#chatbox_members .cb-avatar > img {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
#chatbox_header .cattitle:before {
    content: "Crossing";
}
body {
    cursor: url(""), 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%;
    border-bottom: 5px solid #couleur;
    color: #couleur;
    letter-spacing: 1px;
    display: block;
    -moz-border-radius: 10px;
}
a.forumlink:hover,
a.forumlink:hover:visited {
    background-image: url("url de votre image");
    color: #couleur;
    text-align: center;
    display: block;
    border-bottom: 5px solid #couleur;
    -moz-border-radius: 10px;
}
.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%;
}
1. 2.
/*===description forum===*/

3.p#pun-desc {
    4. color: transparent;
    5.
}
1..mobile_image {
    max-width: 99%
}
2.#mpage-body .postbody > .content > div {
    overflow: hidden
}
body {
    background-image: url("https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg");
    background-position: fixed;
    background-size: 150%;
}
div.topictitle strong {
    display: none;
}
body {
    background-image: url(https://i37.servimg.com/u/f37/19/51/29/30/arbre13.jpg);
    background-size: 100% auto;
}
#chatbox_header .catBottom .cattitle {
    font-family: 'FinkHeavy';
}
.date-and-time {
    display: none;
}
#chatbox > p {
    border: none !important;
}
/************** 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]
    ========================================================================================================*/
/* 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: #fff;
    margin: 75px auto 20px;
    position: relative;
    padding-top: 50px;
    font-family: "FinkHeavy", 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://i37.servimg.com/u/f37/19/51/29/30/qui_es10.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: "FinkHeavy", sans-serif;
    color: #F54DA0;
    font-size: 10px;
}
#qeel table td {
    border-radius: 10px;
    position: relative;
    padding-top: 25px;
    min-height: 50px;
}
#qeel table td.withbg {
    background: #e4e1e2;
}
#qeel h2 {
    /*height: 34px;*/
   
    position: absolute;
    top: -12px;
    z-index: 3;
    font-size: 24px;
    font-family: 'FinkHeavy', cursive;
    color: #808080;
}
#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;
}
/*
    * 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: 10px;
    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 */

Ouvrez le dans un éditeur de texte (je vous conseille Notepad++) pour corriger les erreurs rencontrés :
  • Lignes 16 à 18 : aucune URL fournie pour le curseur. Mettez le code en commentaire : /* code ici */
  • Lignes 32, 33, 41, 44 : #couleur ça n'existe pas. Il faut mettre un code couleur hexadécimal #... ( http://www.code-couleur.com/ ) ou entrer le nom de la couleur en anglais.
  • Ligne 40 : aucune URL fournie pour le background-image. Supprimez-la ligne ou commentez-la ( /* ... */ )
  • Ligne 62 à 64 : supprimez le code, vous l'avez sans doute trouvé pour supprimer le "Dernière édition par ..." mais ce code pose de nombreux problèmes et est censuré ici (d'ailleurs ça se voit dans le code). Pour retirer les mentions, je vous invite à lire ce tutoriel.
  • Lignes 75 à 85 : vous avez des chiffres qui viennent s'ajouter comme ça n'importe où, sans doute à cause d'un C/C.

Le reste me parait correct (bien que je n'ai pas vérifié en profondeur).

Concernant votre problème maintenant, si il réapparait, laissez-le tel quel que nous puissions observer et analyser le code.

Cordialement.
avatar

Tech
Modéractif
Modéractif

Masculin
Messages : 21557
Inscrit(e) le : 01/12/2007

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

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Sam 27 Mai 2017 - 13:52

Bonjour merci beaucoup pour votre réponse, je vais déjà commencer par corriger ces erreurs dans mon CSS. Par contre, je ne peux pas afficher le problème sur mon site pour le moment vu qu'il y a beaucoup d'activités ce weekend qui ont été prévue. Je peux éventuellement faire une annonce et afficher le problème lundi pour analyser le code.
avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Dim 28 Mai 2017 - 18:59

Bonsoir le problème est réapparus, cependant rien d'anormal sur l'accueil mais dans les sous-forums et les sujets comme ICI ou ICI.

Un membre m'a aussi fais part de problèmes rencontrés sur tablette, tout est déplacé :



Avant cela j'ai modifié mon CSS, le voici:
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: 10px;
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
    {
     width: 98%;
     margin: auto;
    }
    table
    {
     width: 98%;
     margin: auto;
    }



#left{position: absolute;
top:690px;
left: 30px;
}

/*limitation taille des images dans messages*/
.postbody img {
    max-width: 100%;
}


Je vous remercie d'avance pour l'intention que vous porterez à ma demande !
avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Lun 29 Mai 2017 - 20:10

UP
avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par Tech le Mar 30 Mai 2017 - 9:54

Bonjour,

Le problème vient de votre CSS suivant :
Code:
#left{position: absolute;
top:690px;
left: 30px;
}

Cordialement.
avatar

Tech
Modéractif
Modéractif

Masculin
Messages : 21557
Inscrit(e) le : 01/12/2007

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

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Mar 30 Mai 2017 - 12:48

Bonjour merci beaucoup en effet les widgets ne mordent plus sur le forum ! Cependant aurais t-il un autre code qui permet de placer les widgets en dehors du cadre du forum comme la capture ci-dessous:

Capture:

De plus, j'ai pu remarquer que mon forum s'élargissait dans quelques sujets, peut on mettre un code pour que la taille soit égale partout ?
Voici un sujet où le forum est beaucoup plus large que sa taille normale:
http://crossing-leaf.forumactif.org/t1167-les-hymnes-de-villes

Je vous remercie d'avance !
avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par Tech le Mar 30 Mai 2017 - 14:55

Bonjour,

Je n'ai pas compris pour les widgets ...

Pour l'élargissement du forum, c'est à cause des images. Je vous renvoie donc vers ce tutoriel : http://forum.forumactif.com/t253423-redimensionnement-automatique-des-images

Cordialement.
avatar

Tech
Modéractif
Modéractif

Masculin
Messages : 21557
Inscrit(e) le : 01/12/2007

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

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Mar 30 Mai 2017 - 16:55

Merci pour votre réponse,

J'ai déjà remplie ces champs pour redimensionner les images automatiquement mais cela ne fonctionne pas, de plus dans le sujet en question il ne s'agit non pas d'une image mais d'un jeu flash. :/

Quant aux widgets, j'ai réalisé une capture de mon forum comme il est actuellement avec en encadré rouge, la position que j'aimerais pour mes widgets.


J'ai vu que quelqu'un avais réussi dans ce sujet et le code que vous m'aviez dit d'enlever proviens de là. Ainsi, comme ce code fonctionne uniquement sur ma page d'accueil et pas sur le reste de mon forum j'aurais voulus une solution pour que cela marche sur l'intégralité de mon forum sans dépassement ou quelconque décalages.

Je vous en remercie d'avance,


Cordialement.




avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par Walt le Dim 4 Juin 2017 - 16:43

Bonjour,

Pour les widgets, le problème m'a l'air d'être résolu ?

Pour le redimensionnement des images, s'il ne fonctionne pas du tout c'est que le script est bugué, donc qu'il y a un souci dans vos scripts personnalisés.
Pour forcer les contenus multimédias dans les posts à n'occuper que la place disponible, vous pouvez ajouter ceci à votre CSS :

Code:
.postbody embed[src*="swf"], .postbody img {
    max-width: 100%;
}

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3129
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par Chacha le Lun 5 Juin 2017 - 9:35

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 »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

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

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

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Lun 5 Juin 2017 - 17:07

Bonjour,

pour le redimensionnement des images le code que vous m'avez donnez marche à la perfection je vous en remercie mille fois !

Cependant, mon forum se déplace toujours, non plus en modifiant mon css mais lorsque je me rend dans les sujets. Exemple ci dessous:
EXEMPLE:
Nous pouvons remarquer que ma barre de navigation se décale à gauche ainsi que mon logo à droite.


En ce qui concerne les widgets, je n'ai pas eu de solutions qui ont été apportées. J'aimerais déplacer les widgets en dehors du cadre de mon forum, à côté et non en dessous de la barre de navigation. Pour illustrer ma demande, j'ai réalisé un montage :



Cordialement.
avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par Walt le Lun 5 Juin 2017 - 19:23

Pour le positionnement des widgets, tentez ceci :
Code:
#left {
    margin-left: -180px;
}

Ce n'est pas ce qu'il y a de plus propre mais c'est ce qu'il y a de plus simple.

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3129
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacement du forum à chaque modification dans le CSS

Message par shoupie le Lun 5 Juin 2017 - 20:24

Super ! Merci beaucoup ! Les widgets sont placés comme je le voulais et surtout sans débordements comme auparavant. Je met le sujet en résolu, encore merci pour cette aide très précieuse !  ok 


résolu
avatar

shoupie
Nouveau membre

Messages : 14
Inscrit(e) le : 14/12/2016

http://crossing-leaf.forumactif.org/
shoupie a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum