Forum non centré.

2 participants

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

Résolu Forum non centré.

Message par Eleniel Mar 1 Mar 2016 - 10:26

Bonjour! En touchant des codes, mon forum ne se centre plus! En effet, voulant faire une partie message peu large (cf http://shinobi-no-seiki.forumactif.be/t40-nukenins ici)
tout le forum est ainsi. La chatbox, la liste des membres... Voici :

https://2img.net/r/hpimg15/pics/78479123cb.png
http://shinobi-no-seiki.forumactif.be/memberlist

Comment faire pour garder mes topics ainsi mais avoir une taille normale ailleurs ou du moins, que tout soit centré? ^^

Voici mon CSS

Code:
 .tleP{color: #000;
    font-size: 10px;}
    .forumline.noprint{max-width:800px}
    td.catBottom,td.row2.postbody{background-color:#fff;}

a:hover{text-decoration: none !important;}
    a {text-decoration: none !important;}
    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}

body{
    background-color: #couleur;
    background-image: url("http://img15.hostingpics.net/pics/228497essai288.png");
    background-position:top;
    background-repeat:no-repeat;
    }



 
/* DEBUT BARRE DE NAVIGATION */

 

 
a.mainmenu {
    font: 10px Helvetica;
    text-align: center;
    text-transform: uppercase;

}

a:link, a:active, a:visited {
    text-decoration: none;
}

a.mainmenu {
    color: #C63939;
    text-decoration: none;
}

.mainmenu {
    color: #84869a;
    font-size: 11px;
}

    .navig {
    position: absolute;
    top: -10px;
    width: 100%;
    }


    /* FIN BARRE DE NAVIGATION */



/// CATEGORIES

        /* BLOC TITRE CATEGORIES */
    .tleCAT{
    margin:0 auto -15px;
    width:900px; text-align:center;
    background:white; /* MODIFIABLE */
    }
    /* TITRE CATEGORIES */
    .tleCAT h2{
    font-size:42px; text-transform:uppercase; font-family:Fjalla One;
    padding:10px 0; color:back;  /* MODIFIABLE */
    }
    /* BLOC FORUM */
    .blocFRM{
    margin:15px auto;
    width:900px;
    }
    /* BLOCS POSITIONNEMENT */
    .boxFRM {
    display:inline-block; vertical-align:top;
    }
    /* BLOC TITRE & DESCRIPTION FORUM */
    #tldFRM {
    height:100px; width:405px; padding:10px; overflow:hidden;
    background:#D1D1D1; /* MODIFIABLE */
    }
    /* TITRE FORUM */
    .tleFRM {
    width:395px; height:30px; overflow:hidden;
    text-align:left;
    border-bottom:5px solid white; /* MODIFIABLE */
    }
    .tleFRM a{
    text-transform:uppercase; font-style:italic; font-size:24px; font-family:Fjalla One;
    color:white !important; /* MODIFIABLE */
    }
    /* DESCRIPTION FORUM */
    .descFRM {
    margin-top:10px;
    width:390px; height:55px; padding:0 5px; overflow:auto;
    color:black; /* MODIFIABLE */
    font-size:9px; text-align:justify;
    }
    /* DERNIER MESSAGE */
    .lmsgFRM {
    margin-top:15px;
    width:405px; height:55px; padding:5px 10px;
    text-transform:uppercase; font-style:italic; text-align:center; font-size:14px; font-family:Fjalla One;
    background:#D1D1D1; color:white; /* MODIFIABLE */
    }
    /* TAILLE PSEUDONYME DERNIER POSTEUR */
    .lmsgFRM .gensmall {
    font-size:14px; /* MODIFIABLE */
    }
    .lmsgFRM br {
    display:none;
    }
    .lmsgFRM a {
    margin:0 5px;
    }
    .lmsgFRM .sprite-icon_topic_latest {
    margin-left:-10px;
    }
    /* NOMBRE SUJETS & MESSAGES FORUM */
    .nbFRM {
    margin-bottom:5px; padding-bottom:2px; font-size:18px;
    border-bottom:5px solid #A80200; /* MODIFIABLE */
    }
    .lmsgFRM a{
    color:white !important; /* MODIFIABLE */
    }
    /* BLOC IMAGE DESCRIPTIVE */
    .boxDESC{
    display:inline-block; margin:0 15px;
    width:250px; height:200px;
    background:#FFFFFF; /* MODIFIABLE */
    }
    /* IMAGE DESCRIPTIVE FORUM */
    .descFRM img {
    position:absolute; margin-left:425px; margin-top:-55px;
    width:250px; height:200px;
    }
    /* BLOC SOUS-FORUMS */
    .sfFRM {
    padding:5px 5px 0; height:105px; width:185px; overflow:auto;
    background:#a80200; color:rgba(250,250,250,0); /* MODIFIABLE */
    text-align:left;
    }
    /* SOUS-FORUMS */
    .sfFRM a{
    text-transform:uppercase; font-family:Fjalla One; font-size:16px;
    color:white !important; /* MODIFIABLE */
    }
    /* ICÔNES FORUMS */
    .imgFRM {
    margin-top:15px;
    width:195px; height:75px;
    }
    * --------------------------------------
    * FIN CODAGE DES CATEGORIES
    * --------------------------------------
    */
// QEEL

    /* QEEL */
    #QEEL {
    margin:auto; width:800px;
    }
    /* TITRE QEEL */
    .tleQEEL {
    margin-left:-13px;
    width:795px; padding:15px;
    font-family:Arial; background:#A80200; box-shadow:inset 0 0 25px rgba(0,0,0,0.1); /* MODIFIABLE */
    letter-spacing:2px; text-transform:uppercase; text-align:right;
    }
    .tleQEEL a{
    font-size:32px;
    color:white; /* MODIFIABLE */
    }
    /* BLOC TOTAL MEMBRES & MESSAGES */
    .stsQEEL {
    position:absolute; margin-left:10px;
    }
    /* TOTAL MEMBRES QEEL */
    .tlMQEEL {
    display:inline-block; vertical-align:top;
    height:28px; width:90px; padding:5px;
    background:#DDDDDD; color:black; /* MODIFIABLE */
    text-transform:uppercase; font-size:11px; text-align:center;
    }
    /* NOMBRE MESSAGES QEEL */
    .tlPQEEL {
    display:inline-block; vertical-align:top; margin-left:15px;
    height:28px; width:90px; padding:5px;
    background:#DDDDDD; color:black; /* MODIFIABLE */
    text-transform:uppercase; font-size:11px; text-align:center;
    }
    /* TRIANGLE GAUCHE TITRE QEEL */
    .triLQEEL {
    position:absolute; margin-left:-13px;
    width:0; height:0; border-style:solid; border-width:0 12px 15px 0; border-color:transparent;
    border-right-color:black; /* MODIFIABLE */
    }
    /* TRIANGLE DROITE TITRE QEEL */
    .triRQEEL {
    position:absolute; margin-left:802px;
    width:0; height:0; border-style:solid; border-width:15px 10px 0 0; border-color:transparent;
    border-top-color:black; /* MODIFIABLE */
    }
    /* MEMBRES CONNECTES & 24H */
    #ondayQEEL {
    display:inline-block; vertical-align:top;
    width:320px; height:165px; padding:10px; overflow:hidden;
    background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
    font-size:11px; text-align:justify;
    }
    #ondayQEEL:hover {
    overflow:auto;
    }
    #ondayQEEL .row1 {
    background:none; padding:0;
    }
    /* BLOC DESCRIPTIFS GROUPES/DERNIER UTILISATEUR */
    #boxQEEL {
    display:inline-block; vertical-align:top;
    width:460px;
    }
    /* DESCRIPTIFS GROUPES QEEL */
    .blocGQEEL {
    display:inline-block; vertical-align:top;
    width:220px; height:165px; padding:10px; overflow:auto;
    background-color:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
    text-align:justify; font-size:11px;
    }
    .contenu_onglet {
    display:none;
    }
    /* NOMS DES GROUPES QEEL */
    .contenu_onglet div {
    position:absolute; z-index:3;  margin-left:-230px; margin-top:80px;
    width:200px; height:55px; padding:30px 10px 10px; overflow:hidden;
    font-size:18px; text-align:center; text-transform:uppercase;
    color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
    }
    /* DERNIER UTILISATEUR ENREGISTRE QEEL */
    .lstQEEL {
    display:inline-block; vertical-align:top;
    height:65px; width:220px; padding-top:25px;
    background:#3F3D3A; color:white; /* MODIFIABLE */
    text-transform:uppercase; text-align:center; font-size:12px;
    }
    /* BLOC TRAITS GROUPES & ANNIVERSAIRES */
    .ganvQEEL {
    display:inline-block; vertical-align:top;
    width:800px;
    }
    /* BLOC TRAITS GROUPES QEEL */
    .GQEEL {
    display:inline-block; vertical-align:top;
    width:460px; height:30px; padding:20px 0 0; text-align:center;
    background:#FFFFFF; /* MODIFIABLE */
    }
    /* TRAITS GROUPES QEEL */
    .onglet {
    display:inline-block; margin:0 5px;
    width:35px; height:10px;
    opacity:0.7;
    }
    /* SURVOLEMENT TRAITS GROUPES QEEL */
    .onglet_1 {
    opacity:1;
    }
    /* ANNIVERSAIRES QEEL */
    .anvQEEL {
    display:inline-block; vertical-align:top;
    width:340px; height:40px; padding-top:10px;
    text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
    background:#A80200; color:white; font-family:Arial; /* MODIFIABLE */
    }
    /* CONTENU ANNIVERSAIRES QEEL */
    .anvQEEL div {
    position:absolute; z-index:3; margin-top:-224px;
    width:320px; height:0px; padding:10px; overflow:hidden;
    text-align:justify !important;
    background:#FCFCFC; color:black; /* MODIFIABLE */
    opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
    }
    .anvQEEL:hover div{
    height:165px; overflow:auto;
    opacity:1;
    }
    .anvQEEL .row1{
    background:none !important; padding:0 !important;
    }

// FIN QEEL

// LISTE SUJETS
 

        /* PRESENTATION LISTE SUJETS */
    .blocSBJ {
    width:800px; margin:5px auto;
    }
    /* OUTIL MODERATION */
    .modSBJ {
    position:absolute; z-index:3; margin-left:55px; margin-top:5px;
    }
    /* BLOC ICÔNES SUJETS & STATISTIQUES */
    .statSBJ {
    position:relative; z-index:5;
    display:inline-block;
    }
    /* IMAGES LISTE SUJETS */
    .statSBJ img{
    width:45px; height:55px;
    }
    /* VUES & REPONSES LISTE SUJETS */
    .statSBJ div {
    position:absolute; z-index:3; margin-top:-55px;
    width:45px; height:45px; padding:10px 0 0 0;
    background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
    font-size:9px; text-align:center;
    opacity:0;
    }
    .statSBJ:hover div {
    opacity:1;
    }
    /* BLOC TITRE/NOM/DESCRIPTION */
    #tldSBJ {
    display:inline-block; vertical-align:top;
    }
    /* TITRE SUJET */
    .tleSBJ {
    height:20px; width:745px; padding:5px 10px 5px 0;
    box-shadow:inset 0 0 25px rgba(0,0,0,0.3);  background:#778188; /* MODIFIABLE */
    text-transform:uppercase; font-family:Arial; text-align:right;
    }
    .tleSBJ a {
    text-shadow:1px 1px 0px black; /* MODIFIABLE */
    color:white !important; /* MODIFIABLE */
    }
    /* AUTEUR + DERNIER MESSAGE LISTE SUJETS */
    .nameSBJ {
    margin-left:-45px;
    padding:5px 5px 5px 55px; border-radius:0 0 10px 0;
    background:rgba(250,250,250,0.6); /* MODIFIABLE */
    font-size:11px;
    }
    /* DESCRIPTION LISTE SUJETS */
    .descSBJ {
    height:15px; padding:5px;
    background:#191919; text-shadow:0 0 3px rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
    font-size:9px;
    }
    /* LISTE DES PAGES */
    .gotoSBJ {
    margin-top:-5px;
    text-align:right; font-size:9px;
    }

//FIN LISTE


// SUJETS

 

 /* PSEUDONYME */
.nameP {
width:300px; height:20px; padding:5px;
text-align:center; text-transform:uppercase;
background:#EFEFEF; /* MODIFIABLE */
}
/* CITER/EDITER/IP */
.toolsP {
width:40%; height:20px; padding:5px; text-align:right;
background:#EFEFEF; /* MODIFIABLE */
}
/* APPARENCE MESSAGES */

.tleP{color: #000;}
.forumline{width:820px}
td.catBottom{background:none;}

div.postbody {
padding:10px; min-height:100px; margin-top:10px;
background:#; color:black; /* MODIFIABLE */
text-align:justify;
}

/* BLOC JOUEUR */
.tlP {
margin-right:-75px; margin-left:10px; margin-top:7px; width:200px; text-align:center;
}
/* BLOC AVATAR */
#blocAVA {
width:200px; height:400px; margin:-5px auto 0; overflow:hidden;
}
.blocAVA {
position:relative; width:200px; height:400px; overflow:hidden;
}
/* AVATAR */
.avaP {
width:200px; height:400px;
transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear;
}
#blocAVA:hover .avaP {
transform:translateX(200px); -webkit-transform:translateX(200px);
}
/* BLOC INFORMATIONS JOUEUR */
.dtailS {
position:absolute; margin-top:-400px;
padding:5px; width:190px; height:390px; overflow:auto;
background:#EFEFEF; /* MODIFIABLE */
transform:translateX(-200px); -webkit-transform:translateX(-200px);
transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear;
}
#blocAVA:hover .dtailS {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* CONTENUS INFORMATIONS JOUEUR */
.dtailS div{
margin:5px auto;
width:170px;  padding:5px;
font-family:Arial; font-size:11px; text-align:justify;
color:black; background:#EFEFEF; /* MODIFIABLE */
}
/* TITRES INFORMATIONS JOUEUR */
.dtailS div span{
text-transform:uppercase; color:#D7D7D7; /* MODIFIABLE */
}
/* BLOC IMAGE RANG/RANG/IMAGES CONTACT */
#rankP {
margin-top:10px;
width:200px; padding-top:15px; border-radius:10px; overflow:hidden;
background:#EFEFEF; box-shadow:inset 0 0 55px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* TEXTE RANG */
.rankP {
margin:auto;
text-transform:uppercase; text-align:center;
color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
position:relative; z-index:3; margin:auto; margin-top:5px; width:200px; text-align:center;
opacity:0.7;
}
/* IMAGE RANG */
.imgrankP img{
margin-top:-25px; width:200px;
transform:rotate(180deg); -webkit-transform:rotate(180deg);
}
 

//FIN SUJETS


/// PROFIL

    /* AFFICHAGE DU PROFIL */
    .PFIL {
    margin:auto; width:800px;
    }
  /* PSEUDONYME */
.nameP {
width:60%; height:20px; padding:5px;
text-align:center; text-transform:uppercase;
background:#D7D7D7; /* MODIFIABLE */
}

    /* BLOC INFORMATIONS PROFIL */
    #abtPFIL {
    display:inline-block; margin-right:10px;
    width:570px;
    }
    /* BLOC GAUCHE INFORMATIONS */
    .abtPFIL {
    display:inline-block; margin-right:10px;
    width:285px; height:320px; padding:10px; overflow:auto;
    font-size:11px;
    background:#E6E6E6; color:black; /* MODIFIABLE */
    }
    /* INTITULES CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
    .abtPFIL div span {
    text-transform:uppercase; color:black; /* MODIFIABLE */
    }
    /* CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
    .abtPFIL div{
    padding:2px 0;
    }
    .abtPFIL .field_uneditable {
    display:inline-block;
    }
    /* BORDURES BLOC INFORMATIONS PROFIL */
    .borderPFIL {
    padding:0 0 5px !important;
    border-bottom:1px solid #ccc; /* MODIFIABLE */
    }
    /* BLOC DROITE INFORMATIONS PROFIL */
    #adminPFIL {
    display:inline-block; vertical-align:top;
    width:255px; height:340px;
    font-size:11px;
    }
    .adminPFIL {
    height:275px; padding:10px; overflow:auto;
    background:#E6E6E6; color:black; /* MODIFIABLE */
    }
    /* CONTENU BLOC DROITE INFORMATIONS PROFIL */
    .adminPFIL div{
    padding:5px 0;
    }
    /* INTITULES CONTENU BLOC DROITE INFORMATIONS PROFIL */
    .adminPFIL div span {
    text-transform:uppercase; color:black; /* MODIFIABLE */
    }
      /* BLOC IMAGES CONTACT PROFIL */
    #ktactPFIL {
    margin-top:10px; height:25px; padding:5px 0; text-align:center;
    background:#E6E6E6; /* MODIFIABLE */
    }
    /* IMAGES CONTACT PROFIL */
    .ktactPFIL {
    display:inline-block;
    }
    .ktactPFIL img {
    max-height:25px;
    }
    /* BLOC AVATAR */
    #avPFIL {
    display:inline-block; vertical-align:top;
    width:200px; padding:10px;
    background:#E6E6E6; /* MODIFIABLE */
    }
    .avPFIL {
    width:200px; height:400px; overflow:hidden;
    }
    /* TITRE FEUILLE DE PERSONNAGE PROFIL */
    .tleRPG {
    margin:auto;
    width:800px; padding:10px 0; text-transform:uppercase; text-align:center;
    background:#E6E6E6; color:black; /* MODIFIABLE */
    }
    /* CONTENU FEUILLE DE PERSONNAGE PROFIL */
    .boxRPG {
    margin:auto; width:780px; padding:10px;
    background:#E6E6E6; color:black; /* MODIFIABLE */
    }
    /* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
    .boxRPG span {
    text-transform:uppercase; color:#ccc; /* MODIFIABLE */
    }

//FIN PROFIL


// LISTE MEMBRES

    /* BLOC LISTE DES MEMBRES */
    #LMBER {
    width:675px; margin:auto;
    }
    /* BLOC MEMBRE */
    #MBER {
    float:left; width:200px; height:465px; margin:10px;
    }
    /* PSEUDONYME */
    .nameLMBER{
    width:180px; height:15px; padding:10px;
    text-align:center; text-transform:uppercase;
    }
    /* AVATAR MINIATURISE */
    .imgLMBER img{
    width:200px; height:400px;
    }
    .imgLMBER div {
    position:relative; margin-top:-400px;
    width:200px; height:400px; overflow:hidden;
    }
    /* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / HUMEUR */
    .imgLMBER div div{
    width:180px; height:380px; padding:10px; overflow:auto;
    background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
    font-size:11px; text-align:left;
    transform:translateY(800px); -webkit-transform:translateY(800px);
    transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
    }
    .imgLMBER:hover div div{
    transform:translateY(400px); -webkit-transform:translateY(400px);
    }
    /* IMAGES MP * PROFIL */
    .mpwLMBER {
    position:relative; z-index:3; margin:-10px auto 0 auto;
    }

merci d'avance Smile


Dernière édition par Eleniel le Dim 6 Mar 2016 - 13:33, édité 1 fois
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

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

Résolu Re: Forum non centré.

Message par Eleniel Mer 2 Mar 2016 - 10:04

Up ^^'
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

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

Résolu Re: Forum non centré.

Message par Eleniel Jeu 3 Mar 2016 - 10:15

Bonjour Smile Up svp :p
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Forum non centré.

Message par Eleniel Ven 4 Mar 2016 - 10:01

Bonjour! Up, ce problème persiste ^^'
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

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

Résolu Re: Forum non centré.

Message par Eleniel Sam 5 Mar 2016 - 12:59

Bonjour! Up à ceux qui voudront bien proposer leur aide ... éè Merci !
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

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

Résolu Re: Forum non centré.

Message par Eleniel Dim 6 Mar 2016 - 12:11

*désespérée*
Bonjour D8 . Quelqu'un pour m'aider please?
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

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

Résolu Re: Forum non centré.

Message par MlleAlys Dim 6 Mar 2016 - 12:53

Bonjour,
- Tout d'abord localisez et supprimez le code css suivant (qui pose en général plus de problèmes qu'autre chose) :
Code:
.forumline {
    width: 820px;
}

Je ne vois pas la chatbox, mais pour centrer les membres :
- Localisez le code css suivant :
Code:
#MBER {
    float: left;
    height: 465px;
    margin: 10px;
    width: 200px;
}
- Supprimez la ligne float: left; ce qui donne :
Code:
#MBER {
    height: 465px;
    margin: 10px;
    width: 200px;
}
- Puis ajoutez le code css suivant dans votre feuille de style :
Code:
#LMBER {
    display: inline-block;
}

Cela fonctionne-t-il comme vous le souhaitez ?
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: Forum non centré.

Message par Eleniel Dim 6 Mar 2016 - 13:33

Bonjour, merci pour l'aide! Smile Problème résolu !
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

http://rabbithole.forumactif.com/
Eleniel 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