Probléme largeur forum

3 participants

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

Résolu Probléme largeur forum

Message par poussette59 Mar 23 Mai 2017 - 13:34

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : suite au changement de codage
Lien du forum : sanfranciscolife.net

Description du problème

Bonjour à tous,

voila j'ai un petit soucis, depuis les changements de codage, plusieurs choses du forum apparaisse trop large.
Le profil des membres, la largeur des réponses, mais aussi le tableau de connexion quand on arrive sur le forum
voici deux photos

https://2img.net/h/oi67.tinypic.com/2cz6689.jpg
https://2img.net/h/oi67.tinypic.com/258xtlk.jpg

J'aimerais que tout redeviens normal mais je n'arrive pas à savoir d'ou cela peux provenir.
au cas ou je vous donne les CSS car peut être que le problème vient de là.



Code:
.ban1 { background-position-y: 55px; }
.ban2 { background-position-y: 55px; }
.ban3 { background-position-y: 55px; }
.ban4 { background-position-y: 55px; }

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/* souglignement liens */
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}


.signature_div img {  max-width:500px;}

/* banniere et navigation */

body {
 background-attachment: scroll, fixed ;
 background-repeat: no-repeat, repeat ;
  background-position: top center;
    background-size: 100% auto;

}
.ban1 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.ban2 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.ban3 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.ban4 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.navtop {
top : 0px;
position : center;
text-align: center;
width : 100% ;
background-color : #EBE3E6 ;
border-bottom : Xpx STYLE #COLOR
}

/* CADRE MODOS */

/* -------------------------------- FICHE nouvelle moderartion-------------------------------- */

        .Fond {
        width: 500px;
        background-color: #D6C3CF;
        margin :auto;
        box-shadow: 0px 0px 5px #ffffff;
        }

        .Fond p {
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
        color: #555555;
        text-align: justify;
        font-family: arial;
        text-shadow: 0px 0px 5px #ffffff;
        }
       
        .Parg {
        width: 440px;
        background-color: #EBE3E6;
          margin :auto;
        box-shadow: 0px 0px 5px #888888;
        }
       

        .Fond h4 {
        font-family: 'Monotype corsiva', cursive;
        color: #ffffff;
        font-size: 40px;
        font-style: italic;
        background-color: #D53B7E;
        text-align: center;
        text-shadow: 0px 0px 2px #ffffff;
        }

/* -------------------------------- FIN nouvelle moderation-------------------------------- */

/* --------------------------------- CATEGORIES --------------------------------- */

/*Catégories par Cheshire Cat*/
.modifcat{
  margin-top:10px;
  background-color:#EBE3E6;
}
.forumline{
  width:800px;
  margin:auto;
}
.cattitre{
  width:746px;
  text-align:center;
  margin-top:20px;
  margin-bottom:10px;
  margin-left:25px;
  margin-right:25px;
  padding-top:5px;
  font-size:35px;
  min-height:50px;
  color:#ffffff !important;
  background-color:#D53B7E;
  font-family: 'Handlee', cursive;
}
.forumlink{
  letter-spacing:7px;
  font-size:20px;
  text-decoration:none;
  text-align:center;
  color:#D53B7E !important;
  font-family: 'Voltaire', sans-serif;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.forumlink:hover{
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
  text-decoration:none !important;
  color:#ffffff !important;
}
.imgmess{
  position:relative;
  width:57px;
  height:100px !important;
  background-color:#D53B7E;
  margin-right:10px;
  margin-bottom:15px;
  margin-left:25px;
  padding:2px;
}
.imgmess img{
  height:100px;
}
.liensfrm{
  overflow:auto;
  font-size:0px;
  width:130px;
  height:110px;
  background-color:#D6C3CF;
  bottom:-50px;
  margin-right:5px;
  margin-bottom:15px;
}
.liensfrm a{
  letter-spacing:2px;
  font-family: 'Voltaire', sans-serif;
  display:block;
  font-size:13px;
  max-width:130px;
  color:#D53B7E;
  background-color:#ffffff;
  border-bottom:3px solid #EBE3E6;
  text-align:center;
  text-decoration:none;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.liensfrm a:hover{
  color:#ffffff !important;
  background-color:#D53B7E;
  text-decoration:none !important;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.descfrm{
  position:absolute;
  margin:auto;
  width:310px;
  height:90px;
  font-size:11px;
  background-color:#D6C3CF;
  overflow:auto;
  margin-bottom:15px;
  margin-left:2px;
  text-align:justify;
  padding:10px;
  color:#000000;
  font-family: 'Open Sans', sans-serif;
}
.avatarfrm{
  overflow:hidden;
  width:57px;
  height:100px;
  background-color:#D6C3CF;
  padding:5px;
  margin-bottom:15px;
}
.avatarfrm img{
  height:100px;
}
.derniermess{
  position:relative;
  width:96px;
  height:100px;
  font-size:10px;
  background-color:#D6C3CF;
  margin-left:5px;
  margin-bottom:15px;
  margin-right:25px;
  padding-left:5px;
  padding-right:5px;
  padding-top:10px;
  color:#000000;
  font-family: 'Open Sans', sans-serif;
}
.derniermess a{
  color:#c36e6e;
  text-decoration:none;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.derniermess a:hover{
  color:#3D2617;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
  text-decoration:none !important;
}
/*Fin des catégories*/
/*--------------------------------- FIN CATEGORIES --------------------------------- */


/*REVUE DES SUJETS par Alu pour N-U*/
.postrevoir{background:white;margin:15px 0;padding:20px; box-shadow:2px 2px 5px lightgrey;}
.postrevoir .name{text-transform:uppercase;font-weight:400;}
.postnom{background:#F5F5F5;padding:5px;border-top:1px dotted gray;}
.postrevoir .postdetails{font-family:Sans-serif;}


/************************************* LISTE DES SUJETS ******************************************/

.corp_sujet {
    margin: 10px auto;
    width: 890px;
    height: 65px;
}

.vu_rep_sujet {
    background-color: #D53B7E; /*modifiable*/
    color: #EBE3E6; /*modifiable*/
    margin-bottom: 8px;
    padding: 2px;
}

.corp_desc_sujet {
    display: inline-block;
    margin-left: 10px;
    width: 573px;
}

.titre_sujet {
    background-color: #EBE3E6; /*modifiable*/
    box-shadow: 1px 1px 1px #5F5D5D; /*modifiable*/
    height: 60px;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 5px;
    width: 554px;
}

.titre_sujet a {
    color: #52B7FF!important; /*modifiable*/
    font-family: sans-serif; /*modifiable*/
    font-size: 18px; /*modifiable*/
}

.titre_sujet a:hover {
      color: #339C5C !important; /*modifiable*/
}

.auteur_sujet {
    font-size: 10px;
    margin: 5px 10px 0;
    text-align: left;
    color: #5B2440; /*modifiable*/
}

.auteur_sujet a {
 font-size: 10px; /*modifiable*/
}

.desc_sujet {
  color:#191919; /*modifiable*/
  font-size: 10px; /*modifiable*/
}

.corp_stat_sujet {
    color: #5D5959; /*modifiable*/
    display: inline-block;
    font-size: 12px; /*modifiable*/
    height: 65px;
    overflow: hidden;
    text-align: center;
    width: 183px;
    background-color: #EBE3E6; /*modifiable*/
    box-shadow: 1px 1px 1px #4C4B4B; /*modifiable*/
}

.stats_sujet {
  float:center;
}

.avatar_sujet {
    float: right;
    height: 65px;
    overflow: hidden;
    width: 50px;
}

.avatar_sujet img {
  width: 50px;
    height: 65px;
}


.img_old_new_sujet {
    display: inline-block;
    height: 65px;
    width: 65px;
}

.go_to_page_sujet {
    float: right;
    font-size: 10px; /*modifiable*/
    margin-right: 5px;
    margin-top: -24px;
    text-align: right;
    display: inline-block;
}

.go_to_page_sujet a {
 font-size: 11px; /*modifiable*/
}

/* -------------------------------- QEEL -------------------------------- */
/**********************************************************************************************************************
 QEEL - By Batty
**********************************************************************************************************************/
/*corp du QEEL*/
.bls_corp{
position:relative; /*positionnement - NE PAS MODIFIER*/
width:800px; /*largeure*/
height:520px; /*hauteur*/
margin:auto; /*Centré le QEEL*/
}

/*mise en page des liens*/
.bls_corp a{
text-decoration:none;  /*suppression du soulignement par défaut*/
}

/*Mise en page des liens au survol*/
.bls_corp a:hover{
text-decoration:none!important;  /*suppression du soulignement par défaut*/


/*Mise en page du titre*/
.bls_titre{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:75px; /*hauteur*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:60px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#D53B7E; /*couleur du texte*/
text-align:center;  /*alignement du texte*/
}

/*Positionnement du bloc "membres" + bordure*/
.bls_stat1{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}

/*Mise en page du bloc "membres"*/
.bls_stat1 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #D53B7E; /*couleur de fond*/
text-align:center;  /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Positionnement du bloc "Sujets" + bordure*/
.bls_stat2{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:180px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #EBE3E6; /*couleur de la bordure*/
}

/*Mise en page du bloc "Sujets"*/
.bls_stat2 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #EBE3E6; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Positionnement du bloc "messages" + bordure*/
.bls_stat3{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:355px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}

/*Mise en page du bloc "messages"*/
.bls_stat3 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #D53B7E; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Mise en page du bloc "Bienvenue"*/
.bls_bienvenue{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:185px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:50px; /*hauteur*/
line-height:50px; /*hauteur d'une ligne*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:28px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#D53B7E; /*couleur du texte*/
text-align:center; /*alignement du texte*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}

/*Mise en page du bloc des membres connectés*/
.bls_connecter{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:250px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:100px; /*hauteur*/
box-sizing: border-box;
background: #EBE3E6; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*mise en page du texte des membres connectés*/
.bls_connecter div{
width: 490px; /*largeure*/
height:65px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto;  /*sroll bar automatique*/
}

/*mise en pasge du bandeau/bouton "anniversaire"*/
.bls_fete{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:350px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:28px; /*hauteur*/
box-sizing: border-box;
background: #D53B7E; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:18px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:center; /*alignement du texte*/
transition:all 1s ease; /*duré de la transition*/
}

/*mise en page de base des fêtes*/
.bls_fete div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:0px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:0px; /*hauteur*/
box-sizing: border-box;
overflow:hidden;  /*Texte qui se cache s'il exéde de notre bloc*/
background: #D53B7E; /*couleur de fond*/
padding: 0px 5px; /*marge intérieur*/
text-align:left; /*alignement du texte*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
transition:all 1s ease; /*duré de la transition*/
}

/*Mise en page du dévoilement des fêtes*/
.bls_fete:hover div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:-95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:90px; /*hauteur*/
box-sizing: border-box;
background: #D53B7E; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Bloc*/
.bls_24h{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width: 280px; /*largeure*/
height:375px; /*hauteur*/
box-sizing: border-box;
background: #D53B7E; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:right; /*alignement du texte*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Text/Pseudo*/
.bls_24h div{
width: 270px; /*largeure*/
height:345px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto; /*sroll bar automatique*/
text-align:left; /*alignement du texte*/
}

/*Positionnement des onglets de gauche*/
.bls_onglet-left{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}

/*positionnement des descriptions des groupes*/
.bls_onglet-middle{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:165px; /*positionnement - NE PAS MODIFIER*/
width:470px; /*largeure*/
height:105px; /*hauteur*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}

/*Positionnement des onglets de droite*/
.bls_onglet-right{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}

/*Mise en page des onglet*/
.bls_onglet{
margin-bottom:5px; /*Marge extérieur dans le bas*/
padding:5px; /*marge intérieur*/
cursor:pointer; /* Curseur qui devien une petit main*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}

/*Couleur du fond des onglets*/
.bls_onglet div{
background:#D53B7E; /*couleur de fond*/
}

/*Couleur du cadre des onglets centraux*/
#onglet_2, #onglet_5{
border: 1px solid #EBE3E6; /*couleur de la bordure*/
}

/*Couleur du fond des onglets centraux*/
#onglet_2 div, #onglet_5 div{
background:#EBE3E6;; /*couleur de fond*/
}

/*Mise en page du bloc et des titres des descriptions des groupes*/
.bls_contenu{
display: none; 
width:450px; /*largeure*/
height:105px; /*hauteur*/
box-sizing: border-box;
padding: 5px; /*marge intérieur*/
text-align: justify; /*alignement du texte*/
color: #D53B7E; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*mise en page du texte descriptif des groupes*/
.bls_contenu div{
font-family: arial; /*police d'écriture*/
font-size:11px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
width:455px; /*largeure*/
height:75px; /*hauteur*/
overflow: auto; /*sroll bar automatique*/
padding-right:5px;  /*marge intérieur*/
}

/*Positionnement du copyright - NE PAS SUPRIMER-*/
.bls_copyright{
position:absolute; /*positionnement - NE PAS MODIFIER*/
bottom:3px; /*positionnement - NE PAS MODIFIER*/
left:0px; /*positionnement - NE PAS MODIFIER*/
width:100%; /*largeure*/
text-align:center; /*alignement du texte*/
padding:2px 0px; /*marge intérieur*/
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright a{
font-size:11px; /*taille du texte*/
text-decoration:none; /*suppression du soulignement par défaut*/
font-family:arial; /*police d'écriture*/
color: #b0a7a7; /*couleur du texte*/
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright:hover a{
text-decoration:none; /*suppression du soulignement par défaut*/
}


/**********************************************************************************************************************
 QEEL - By Batty [END]
**********************************************************************************************************************/
        /* -------------------------------- FIN QEEL -------------------------------- */

    /***************************** droite *****************************/
.bandeau_fond {
width:175px;
padding:5px;
position:fixed;
height:100%;
right:0px;
top:0px;
z-index:100;
}

.bandeau_titre {
font-size:20px;
color:green;
display:block;
margin-top:10px;
font-family: 'Love Ya Like A Sister', cursive;
}

.bandeau_image1 {
width:135px;
height:92px;
margin-left:30px;
overflow:hidden;
}

.bandeau_lien {
width:135px;
padding:5px;
height:11%;
overflow:hidden;
margin-left:25px;

}

.bandeau_lien_zoom {
font-size:12px;
opacity:0.8;
text-align:center;
}

.bandeau_lien_zoom:hover {
font-size:14px;
opacity:1;
text-align:center;
}

.bandeau_news {
background-color:white;
width:125px;
padding:5px;
height:15%;
margin-left:30px;
font-size:12px;
color:black;
text-align:justify;
overflow:auto;
border-radius:15px;
font-family: 'Indie Flower', cursive;
}

.bandeau_interphone1 {
width:135px;
padding:5px;
height:12%;
overflow:hidden;
margin-left:25px;
}

.bandeau_interphone2 {
text-align:justify;
font-size:12px;
color:black;
display:block;
font-family: 'Indie Flower', cursive;
}

.bandeau_image2 {
display:inline-block;
width:68px;
height:67px;
border-radius:100px;
overflow:hidden;
margin-top:5px;
}


  /* --------------------------------- PROFIL --------------------------------- */

    .profilmasque {
      background-color: #EBE3E6;
      width: 200px;
      padding: 10px;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }

    .profil1 {
      width: 200px;
      font-size: 20px;
      font-family: 'Miniver', cursive;
      background-color: #EBE3E6;
      border: none;
      color: #D53B7E;
    }

    .profil {
      background-color: #D53B7E;
      padding: 10px;
      border-radius: 25px;
    }

    .rang {
      background-color: #;
      padding: 10px;
      width: 200px;
      text-align: center;
      color: #007BAA !important;
      font-size: 25px;
      font-family: 'Miniver', cursive;
    }

    .rang:hover {
      color: #B7B3B3 !important;
    }

    .avatar_profil {
      width: 200px;
      height: 400px;
    }
    .avatar_profil:hover {
      opacity: 1;
    }


    .bloc_pseudo {
      padding: 10px;
      width: 200px;
      position: relative;
      left: 1em;
      text-align: center;
      color: #EBE4E6;
      font-size: 25px;
      font-family: 'Miniver', cursive;
    }

    .pseudo_profil {
      font-family: 'Finger Paint', cursive;
      font-size: 25px !important;
      text-align: center;
    }

    .details_profil {
      background-color: #EBE4E6;
      padding: 10px;
      width: 200px;
      height: 180px;
      overflow: auto;
      text-align: justify;
      color: #D53B7E !important;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }

    /* --------------------------------- FIN PROFIL --------------------------------- */

/* rp */

#regl_fond1 {
width:600px;
background:#41B2C8;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
margin:auto;
color:#EFF3E0;
}

#regl_fond2 {
padding:10px;
background:#EFF3E0;
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}

#regl_titre {
float:right;
width:20px;
font-size:45px;
text-align:right;
word-break:break-all;
line-height:45px;
padding:10px;
margin-right:15px;
color:#BD8594;
font-family: 'Aladin', cursive;
}

.regl_img {
width:470px;
height:250px; 
background:#2ABECE;
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);
margin-top:-150px;
margin-left:35px;
display:inline-block;
}

.regl_img2 {
width:470px;
height:250px; 
overflow:hidden;
z-index:10;
position:relative;
margin-left:35px;
display:inline-block;
}

.regl_bloc1 {
display:inline-block;
width:480px;
background:#FC605C;
margin-left:35px;
}

.regl_titre1 {
float:left;
width:5px;
font-size:25px;
text-align:right;
word-break:break-all;
line-height:25px;
padding:10px;
margin-right:10px;
font-variant:small-caps;
color:#2ABECE;
text-shadow:2px 2px 1px #EFF3E0;
}

.regl_bloc1bis {
padding:10px;
text-align:justify;
}

a.alice {
text-decoration:none;
display:block;
text-align:center;
color:#2ABECE;
}

a.alice:hover {
color:#BD8594;
}

    /* --------------------------------- PA  --------------------------------- */

/*TITRES*/
.titr {
  font-family: Cookie; font-size: 55px;
  line-height: 80%; letter-spacing: 0px; position: relative; right: 9px;
  color:#D53B7E;
  margin-top: -5px;
}

.titr2 {
  font-family: "Englebert"; line-height: 22px;
  margin-top:2px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 15px;
  color: #D53B7E;
}

.titr2:hover {
  color:white;
}

/*BLOC CONTEXTE*/
.catei {
  width: 205px;
  height: 225px;
  border: 2px solid #EBE3E6;
  background-color: #EBE3E6;
  border-radius: 2px 2px 2px 2px;
}

.cateititre {
  background-color:#D53B7E;
  font-family: 'Redressed';
  color: #D5C5C8;
  font-size: 14px;
  text-align: center;}

.catei_description {
  position: relative;
  width: 200px;
  height: 205px;
  z-index: 1;
  margin-top: 2px;
  text-align: justify;
  font-size: 10px;
  font-family: arial;
  color: ;
  padding: 1px;
  overflow: auto;
}

/*BLOC STAFF*/
.q3 {
  background-color: #EBE3E6;
  border: 2px solid #EBE3E6;
  text-align:center;
  border-radius: 1px 1px 1px 1px;
  width: 820px;
  height: 100px;
}

/*SLIDE*/
.wow {
  font-family: georgia;
  opacity:0.0;
  font-size:12px;
  color: black;
  text-align: center;
  width: 200px;
  height: 100px;
  background-color:#EBE3E6;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow:hover {
  opacity: 1
}


/*TOP PARTENAIRE*/
.cad {
  width: 280px;
  height: 70px;
  border: 2px solid #EBE3E6;
  background-color: #EBE3E6;
  border-radius: 2px 2px 2px 2px;
}

.topS {
  color: #C2B496;
  font-size: 14px;
}

/*MEMBRE DU MOIS*/
.cadm {
  width: 280px;
  height: 140px;
  border: 2px solid #EBE3E6;
  background-color: #EBE3E6;;
  border-radius: 2px 2px 2px 2px;
}

/*SLIDE*/
.wow2 {
  font-family: georgia;
  opacity:0.0; 
  font-size:12px;
  color: black;
  text-align: center;
  width: 130px;
  height: 50px;
  background-color:#EBE3E6;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow2:hover {
  opacity: 1
}

/*NEWS*/
.new {
  width: 230px;
  height: 220px;
  border: 2px solid #EBE3E6;
  background-color: #EBE3E6;
  border-radius: 2px 2px 2px 2px;
}

.cred {
  width: 225px;
  height: 200px;
  text-align: justify;
  font-size: 11px;
  font-family: arial;
  padding: 1px;
  overflow: auto;
}

.cate {
  width: 362px;
  height: 125px;
  overflow: hidden;
  border: 2px solid #EBE3E6;
  background-color: #EBE3E6;
  border-radius: 2px 2px 2px 2px;
}

/*PV&SCENARIOS*/
.q5{
  display: block;
  border: 2px solid #EBE3E6;
  background-color: #EBE3E6;
  text-align:center;
  padding:1px;
  border-radius: 2px 2px 2x 2x;
  width: 735px;
  height: 70px;
}

.wow3{
  font-family: georgia;
  opacity:0.0; 
  font-size:10px;
  color: black;
  text-align: center;
  width: 150px;
  height: 100px;
  background-color:#EBE3E6;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow3:hover {
  opacity: 1
}


.center {
  margin-right: -7px;
}

.cellule_pv0{
 margin-left: -345;
}
.cellule_pv1 {
  margin-left: -245;
}
    /* --------------------------------- fin PA  --------------------------------- */

merci beaucoup
poussette59

poussette59
****

Messages : 433
Inscrit(e) le : 01/12/2005

http://girlypub.bbfr.net/
poussette59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme largeur forum

Message par MlleAlys Mar 23 Mai 2017 - 17:49

Bonjour,
La classe forumline est utilisée à de nombreux endroits sur le forum, dont les tableaux des sujets et des catégories, les tableaux dans le profil, le tableau pop up de connexion. En bloquant sa largeur à 800px, vous élargissez TOUS ces éléments.
Localisez le code css suivant :
Code:
.forumline{
  width:800px;
  margin:auto;
}
et modifiez width en max-width. Les tableaux ne pourront pas dépasser 800px, mais pourront rester plus petits.
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

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

Résolu Re: Probléme largeur forum

Message par poussette59 Mer 24 Mai 2017 - 9:23

Génial ça fonctionne
merci beaucoup à toi
<3
poussette59

poussette59
****

Messages : 433
Inscrit(e) le : 01/12/2005

http://girlypub.bbfr.net/
poussette59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme largeur forum

Message par Chacha Mer 24 Mai 2017 - 9:38

poussette59 a écrit:Génial ça fonctionne
merci beaucoup à toi
<3
Probléme largeur forum MHDoUixBonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Probléme largeur forum UsrblLM
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
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