Corps message forum décalé

2 participants

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

Résolu Corps message forum décalé

Message par Ceress Mer 29 Jan 2014 - 21:40

Bonjour à tous,

Alors voilà je suis en train de refaire le design sauf que depuis quelque temps le corps des messages de mon forum se décale vers la gauche, ce qui n'est pas très jolie. J'ai tenté de voir si ça ne venait des templates mais en supprimant un par un cela ne change rien, par contre lorsque je supprime mon CSS le bug se corrige. Je ne vois pas d'où le bug peut provenir depuis mon CSS alors je fais appel à vous, auriez-vous une petite idée ?

Pour vous aider je vous joins un screenshot ainsi que mon CSS :

Corps message forum décalé Sans_t10

Code:
#fa_right a.rightHeaderLink,
#fa_icon,
#fa_toolbar #fa_service #fa_share_text {
!important;
    font-family: Georgia;
}

.postbody {
    margin-left: 3px;
    padding: 0 6px 10px 3px;
    text-align: justify;
    text-shadow: 1px 1px 0 white;
    font-size: 12px;
    line-height: 14px;
}

/* **********POSITION DE LA BOITE DE SMILEYS ************************** */

#fa_toolbar #fa_service[href]:hover {
    text-decoration: none !important;
}

.fleche {
    position: relative;
    top: 103px;
    left: -14px;
    width: 15px;
    height: 27px;
    margin-top: -27px;
    background-image: url("http://image.noelshack.com/fichiers/2012/44/1352032342-2.png");
}

.bulle {
    margin-top: 18px;
    border: 1px solid #DCDCDC;
    background-color: #F5F5F5;
}

#i_logo {
    margin-top: -10px;
}

#chatchat {
    width: 730px;
    margin-right: auto;
    margin-left: auto;
}

body.chatbox {
    background: #EEEEEE;
}

body {
    margin: 0;
    margin-top: -1px;
    margin-bottom: -1px;
    line-height: 11px;
    cursor: default;
}

#afficherprofil {
    border: 0;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    color: #af4b3c;
}

#frame_chatbox,
div#chatbox,
#chatbox,
#chatbox_members,
.user-msg {
    font-family: Tahoma;
    font-size: 11px !important;
    line-height: 12px !important;
    background: #EEEEEE;
}

#chatbox_members {
    border-right: 1px dashed #E0E0E0;
    background-image: url("http://fc06.deviantart.net/fs71/f/2011/113/b/1/cute_computer_icon_by_silly_peach-d3enw4d.gif");
    background-position: bottom right;
    background-repeat: no-repeat;
}

#chatbox p {
    line-height: 10px;
}

.lu_links {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 65px !important;
    font-size: 10px !important;
}

.icon img {
    width: 75px;
    padding: 2px;
    border: 1ps solid #E0E0E0;
    opacity: 0.8;
    background: #F5F5F5;
}

#lu_profile {
    width: 180px;
    margin-right: auto;
    margin-left: auto;
    padding: 2px 10px 2px 10px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

#lu_posterrank {
    text-align: center;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
}

#lu_posteravatar {
    padding: 5px;
    border: 1px solid #E5E5E5;
    opacity: 0.95;
    background: #F5F5F5;
}

#lu_postername {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 20px;
    letter-spacing: -2px;
}

#top-partenaire img {
    width: 100px;
    margin-left: 5px;
    overflow: auto;
    opacity: 0.8;
}

#top-partenaire img:hover {
    opacity: 1;
}

.lu_boxtitle {
    margin-top: 8px;
    margin-bottom: 3px;
    text-align: center;
    font-family: Georgia;
    font-size: 14px;
    letter-spacing: -1px;
    color: #848484;
}

#lu_boxcell1 {
    float: left;
    width: 30%;
    height: 230px;
    padding: 2px 10px 2px 10px;
    border: 3px double #E5E5E5;
    text-align: justify;
    font-size: 10px;
}

#lu_boxcell2 {
    float: right;
    width: 30%;
    height: 230px;
    padding: 2px 10px 2px 10px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

#lu_boxcell3 {
    height: 230px;
    padding: 2px 5px 2px 5px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

.forumline {
    border-collapse: collapse;
    opacity: 0.9;
  margin-left: 10px
}

#fa_ticker_container {
    font-size: 10px;
}

.secondarytitle,
.secondarytitle h2 {
    text-shadow: 0 0 2px #777777;
    text-transform: uppercase;
}

.bodyline {
    width: 750px;
    margin-top: -2px;
    padding: 0;
    padding-bottom: 15px;
    max-width: 750px;
    border-right: 5px solid #640000;
    border-left: 5px solid #640000;
    box-shadow: 0 0 2px #111111;
}

a.forumlink {
    position: absolute;
    margin-top: 2px;
    margin-left: 15px;
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    font-weight: 100 !important;
    color: #8a3a3e;
}

#lu_descimg {
    position: absolute;
    margin-top: -50px;
    margin-left: 520px;
}

#lu_lastpost {
    width: 160px;
    height: 38px;
    margin-top: 11px;
    margin-left: -2px;
    padding: 8px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

#lu_desc {
    width: 500px;
    height: 50px;
    padding: 2px 5px 2px 5px;
    border: 3px double #E5E5E5;
}

a {
    text-decoration: none;
    outline: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -htm-transition: all .2s;
}

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

a.mainmenu img {
    display: none;
}

#lu_navbar {
    position: absolute;
    top: 0;
    width: 100%;
    height: 18px;
    padding: 1px 1px 1px 2px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.9;
    box-shadow: 0 0 3px #000000;
}

a.mainmenu {
    text-shadow: 0 0 3px #000000;
    font-family: Georgia;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
}

a.mainmenu:hover {
    color: #FFFFFF !important;
}

.formu {
    width: 250px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    overflow: auto;
    font-family: Arial;
    font-size: 11px;
    line-height: 13px;
    color: #666666;
    background: none repeat scroll 0 0 #F9F9F9;
}

.formu2 {
    width: 250px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 11px;
    line-height: 13px;
    color: #666666;
    background: none repeat scroll 0 0 #F9F9F9;
}

h5 {
    display: block;
    width: 99%;
    margin: 0;
    padding: 0;
    border-bottom: 3px dotted #304175;
    text-align: right;
    text-shadow: 1px 0 0 #FFFFFF;
    text-transform: lowercase;
    font-family: georgia;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -1px;
    color: #304175;
}

.quote {
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    text-shadow: 0 0 1px #FFFFFF;
    text-transform: none;
    font-size: 10px;
    color: #000;
    background-color: #dedede;
}

.quote:before {
    content: "“";
    position: relative;
    top: 25px;
    left: 0;
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 60px;
}

.radiolost {
    position: absolute;
    top: 510px;
    left: 2px;
    width: 60px;
    height: 60px;
    margin-left: 20px;
    padding: 5px;
}

.rptime {
    position: absolute;
    top: 898px;
    right: 10px;
    width: 152px;
    padding: 8px;
    border-right: 3px solid #D23F4A;
    border-left: 3px solid #D23F4A;
    border-radius: 15px 15px 15px 15px;
    text-align: justify;
    font-size: 10px;
    background-color: white;
}

.lupredef {
    padding: 10px;
    border: 2px solid #8C8C8C;
    font-family: georgia;
    background-color: #F0F0F0;
    box-shadow: 0 0 3px #666666;
}

.predef {
    text-align: center;
    text-transform: uppercase;
    font-family: georgia;
    font-size: 14px;
    color: #4D3F64;
    background-color: #E7E7E7;
}

.txtlu {
    text-align: center;
    text-transform: lowercase;
    font-family: georgia;
    font-size: 10px;
}

.avapredef {
    width: 45px;
    height: 45px;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 1px #666666;
}

.avapredef:hover {
    -moz-transition: all 0.6s ease-in 0s;
    -moz-transform: rotate(360deg);
}

/* CSS nouveau theme */

.headerbar {
    width: 500px;
    height: 150px;
    padding: 4px;
    opacity: 0.6;
    background-attachment: fixed;
    background-image: url("http://25.media.tumblr.com/13f088becf41b998b5b30b130c7ff855/tumblr_mfwpj2O6ER1rs1716o1_500.gif");
    background-position: top center;
    background-repeat: no-repeat;
}

.allignementbulle {
    width: 700px;
}

.aligne2 {
    padding: 6px;
    text-align: justify;
    font-size: 10px;
    line-height: 11px;
}

.titrebarre {
    padding-bottom: 7px;
    border-bottom: 4px dotted #416589;
    text-shadow: 2px 0 0 #FFFFFF;
    font-family: georgia;
    font-size: 21px;
    letter-spacing: 1px;
    color: #416589;
}

.contextebulleban {
    height: 100px;
    margin-bottom: -18px;
    padding: 5px;
    overflow: auto;
    text-align: justify;
    font-size: 10px;
    line-height: 10px;
}

.textehautbulleban {
    text-shadow: 2px 0 0 #FFFFFF;
    text-transform: lowercase;
    font-family: georgia;
    font-size: 23px;
    letter-spacing: -2px;
    color: #416589;
}

.bulle_banniere {
    position: static;
    top: 0;
    right: 0;
    width: 920px;
    height: 153px;
    margin-top: -5px;
    margin-bottom: 10px;
    margin-left: -30px;
    border-radius: 0 0 20px 20px;
    background-color: #BFD7EE;
}

#fa_right a.rightHeaderLink,
#fa_icon,
#fa_toolbar #fa_service #fa_share_text {
!important;
    font-family: Georgia;
}

#fa_toolbar #fa_service[href]:hover {
    text-decoration: none !important;
}

.fleche {
    position: relative;
    top: 103px;
    left: -14px;
    width: 15px;
    height: 27px;
    margin-top: -27px;
    background-image: url("http://image.noelshack.com/fichiers/2012/44/1352032342-2.png");
}

.bulle {
    margin-top: 18px;
    border: 1px solid #DCDCDC;
    background-color: #F5F5F5;
}

#i_logo {
    margin-top: -15px;
    margin-left: -30px;
}

#chatchat {
    width: 730px;
    margin-right: auto;
    margin-left: auto;
}

body.chatbox {
    background: #EEEEEE;
}

body {
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 11px;
    cursor: default;
    witdh: 70%;
}

#afficherprofil {
    border: 0;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    color: #af4b3c;
}

#frame_chatbox,
div#chatbox,
#chatbox,
#chatbox_members,
.user-msg {
    font-family: Tahoma;
    font-size: 11px !important;
    line-height: 12px !important;
    background: #EEEEEE;
}

#chatbox_members {
    border-right: 1px dashed #E0E0E0;
    background-image: url("http://fc06.deviantart.net/fs71/f/2011/113/b/1/cute_computer_icon_by_silly_peach-d3enw4d.gif");
    background-position: bottom right;
    background-repeat: no-repeat;
}

#chatbox p {
    line-height: 10px;
}

.lu_links {
    position: absolute !important;
    margin-top: -55px !important;
    margin-left: 65px !important;
    font-size: 10px !important;
}

.icon img {
    width: 75px;
    padding: 2px;
    border: 1ps solid #E0E0E0;
    opacity: 0.8;
    background: #F5F5F5;
}

#lu_profile {
    width: 180px;
    margin-right: auto;
    margin-left: auto;
    padding: 2px 10px 2px 10px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

#lu_posterrank {
    text-align: center;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
}

#lu_posteravatar {
    padding: 5px;
    border: 1px solid #E5E5E5;
    opacity: 0.95;
    background: #F5F5F5;
}

#lu_postername {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 20px;
    letter-spacing: -2px;
}

#top-partenaire img {
    width: 100px;
    margin-left: 5px;
    overflow: auto;
    opacity: 0.8;
}

#top-partenaire img:hover {
    opacity: 1;
}

.lu_boxtitle {
    margin-top: 8px;
    margin-bottom: 3px;
    text-align: center;
    font-family: Georgia;
    font-size: 14px;
    letter-spacing: -1px;
    color: #848484;
}

#lu_boxcell1 {
    float: left;
    width: 30%;
    height: 230px;
    padding: 2px 10px 2px 10px;
    border: 3px double #E5E5E5;
    text-align: justify;
    font-size: 10px;
}

#lu_boxcell2 {
    float: right;
    width: 30%;
    height: 230px;
    padding: 2px 10px 2px 10px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

#lu_boxcell3 {
    height: 230px;
    padding: 2px 5px 2px 5px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

.forumline {
    border-collapse: collapse;
    opacity: 0.9;
}

#fa_ticker_container {
    font-size: 10px;
}

.secondarytitle,
.secondarytitle h2 {
    text-shadow: 0 0 4px #777777;
    text-transform: uppercase;
}

.bodyline {
    width: 750px;
    margin-top: -2px;
    padding: 0;
    padding-bottom: 15px;
    max-width: 750px;
    border-right: 12px solid #488FBD;
    border-left: 12px solid #488FBD;
    box-shadow: 0 0 2px #111111;
}

a.forumlink {
    position: absolute;
    margin-top: 2px;
    margin-left: 15px;
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    font-weight: 100 !important;
    color: #8a3a3e;
}

#lu_descimg {
    position: absolute;
    margin-top: -50px;
    margin-left: 520px;
}

#lu_lastpost {
    width: 160px;
    height: 38px;
    margin-top: 11px;
    margin-left: -2px;
    padding: 8px;
    border: 3px double #E5E5E5;
    font-size: 10px;
}

#lu_desc {
    width: 500px;
    height: 50px;
    padding: 2px 5px 2px 5px;
    border: 3px double #E5E5E5;
}


a {
    text-decoration: none;
    outline: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -htm-transition: all .2s;
}

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

a.mainmenu img {
    display: none;
}

#lu_navbar {
    position: absolute;
    top: 0;
    width: 100%;
    height: 18px;
    padding: 1px 1px 1px 2px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.9;
    box-shadow: 0 0 3px #000000;
}

a.mainmenu {
    text-shadow: 0 0 3px #000000;
    font-family: Georgia;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
}

a.mainmenu:hover {
    color: #FFFFFF !important;
}

.formu {
    width: 250px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    overflow: auto;
    font-family: Arial;
    font-size: 11px;
    line-height: 13px;
    color: #666666;
    background: none repeat scroll 0 0 #F9F9F9;
}

.formu2 {
    width: 250px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 11px;
    line-height: 13px;
    color: #666666;
    background: none repeat scroll 0 0 #F9F9F9;
}

h5 {
    display: block;
    width: 99%;
    margin: 0;
    padding: 0;
    border-bottom: 3px dotted #304175;
    text-align: right;
    text-shadow: 1px 0 0 #FFFFFF;
    text-transform: lowercase;
    font-family: georgia;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -1px;
    color: #304175;
}

.quote {
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    text-shadow: 0 0 1px #FFFFFF;
    text-transform: none;
    font-size: 10px;
    color: #000;
    background-color: #dedede;
}

.quote:before {
    content: "“";
    position: relative;
    top: 25px;
    left: 0;
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 60px;
}

.radiolost {
    position: absolute;
    top: 510px;
    left: 2px;
    width: 60px;
    height: 60px;
    margin-left: 20px;
    padding: 5px;
}

.rptime {
    position: absolute;
    top: 898px;
    right: 10px;
    width: 152px;
    padding: 8px;
    border-right: 3px solid #D23F4A;
    border-left: 3px solid #D23F4A;
    border-radius: 15px 15px 15px 15px;
    text-align: justify;
    font-size: 10px;
    background-color: white;
}

.lupredef {
    padding: 10px;
    border: 2px solid #8C8C8C;
    font-family: georgia;
    background-color: #F0F0F0;
    box-shadow: 0 0 3px #666666;
}

.predef {
    text-align: center;
    text-transform: uppercase;
    font-family: georgia;
    font-size: 14px;
    color: #4D3F64;
    background-color: #E7E7E7;
}

.txtlu {
    text-align: center;
    text-transform: lowercase;
    font-family: georgia;
    font-size: 10px;
}

.avapredef {
    width: 45px;
    height: 45px;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 1px #666666;
}

.avapredef:hover {
    transition: all 0.6s ease-in 0s;
    transform: rotate(360deg);
}

/* ****** CONFIGURATION DE FORUMLINE ****** */

.forumline {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #E4EBEB;
}

/* ****** TITRE DES CATEGORIES ****** */

.secondarytitle,
.secondarytitle h2 {
    position: relative;
    padding-top: 5px;
    text-shadow: 0 0 3px #000000;
    font-family: Verdana;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 3px;
}

.firstletter {
    padding-top: 5px;
    line-height: 66px;
    vertical-align: middle;
}

/* ****** TITRE FORUM ****** */

.forum_titre {
    height: 22px;
    margin-bottom: -4px;
    padding-left: 40px;
    text-align: left;
    text-shadow: 1px 1px 1px #666666;
    text-transform: lowercase;
    font-family: georgia;
    font-size: 28px;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: 1px;
}

/* ****** CONFIGURATION DES CELLULES DU HAUT (titre - cellule vide) ****** */

.cell_tfa_des {
    height: 40px;
    line-height: 40px;
    vertical-align: bottom;
}

/* ****** DESCRIPTION ****** */

.la_tfa_description {
    margin: 0 10px;
    padding: 7px;
    min-height: 50px;
    border: 1px solid #dadada;
    vertical-align: middle;
    background: #ffffff;
}

.la_tfa_description span.genmed img {
    margin: 5px;
}

/* ****** DERNIERS SUJETS ****** */

.derniers_tfa_messages {
    margin: 0 10px;
    padding: 7px;
    min-height: 50px;
    border: 1px solid #dadada;
    vertical-align: middle;
    background: url('http://i40.tinypic.com/ics9xk.png');
    background-position: bottom;
}

.derniers_tfa_messages .gensmall {
    height: 100%;
    vertical-align: middle;
}

/* ****** EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS ****** */

.icone_tfa_cat {
    float: right;
    position: relative;
    margin-top: -16px;
    margin-right: -19px;
}

/* ********** BLOC RUBAN ***************** */

.top_cat {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 25px 0 0 0;
}

.tfa_cat_gauche {
    display: none;
}

.tfa_cat_droite {
    display: none;
}

.tfa_cat_center {
    position: absolute;
    top: 0;
    left: -17px;
    width: 237px;
    height: 58px;
    margin: 0;
    padding: 0;
    background: url('http://s3.noelshack.com/old/up/bg_rub-1fd3c73d81.png') no-repeat transparent;
}

/* ********* BAS CATERORIE *********** */

.cat_tfa_bas {
    height: 22px;
    margin: 0 10px 10px 10px;
    border: 1px solid #dadada;
    border-top: none;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    line-height: 22px;
    vertical-align: middle;
    background: url('http://i40.tinypic.com/ics9xk.png');
    background-position: left;
}

.cat_tfa_bas .gensmall img {
    vertical-align: middle;
}

/* ********** STYLE CHIFFRES MESSAGES SUJETS ************* */

.chiffres {
    font-weight: bold;
    color: #416589;
}

.bodyline {
    padding: 15px 30px;
}

.firstletter {
    line-height: normal;
}

.tfa_cat_center h2 {
    font: 12px Georgia;
}

/* BLOC PRINCIPAL DU QEEL */

#tfa_qeel2 {
    position: relative;
    width: 96%;
    margin: 10px auto;
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 10px;
    font: 11px Arial;
    color: #384d60;
    background: #dce4ec;
    box-shadow: 0 0 2px #000;
}

/*  TITRE DU QEEL */

#tfa_qeel2 h1 {
    width: 100%;
    margin: 0 auto 6px;
    padding: 0;
    border: 1px solid #fff;
    text-align: center;
    background: #c7cfd6;
    box-shadow: 0 0 1px #000;
}

/* LIEN DU TITRE */

a.cattitle_qeel {
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font: Italic 22px Verdana;
    color: #416589;
}

/* BLOC CONTENU */

#bloc_tfa2 {
    position: relative;
    margin: 0;
    padding: 0;
}

/* BLOC GAUCHE CENTRE ET DROITE */

.bloc_qeel2 {
    position: relative;
    height: 197px;
    margin: 0;
    padding: 0;
    border: 1px solid #dadada;
    background: #f8f8f8;
}

/* BLOC GAUCHE ET DROITE */

#gauche_qeel2 {
    float: left;
    width: 20%;
}

#droite_qeel2 {
    float: right;
    width: 20%;
}

/* BLOC CENTRE */

#centre_qeel2 {
    float: left;
    width: 58%;
    margin: 0 0.5%;
}

/* ---- PARTIE GROUPES ---- */

.tfa_groups {
    z-index: 2;
    position: absolute;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
}

.tfa_groups a {
    display: block;
    width: 96%;
    height: 22px;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font: 15px georgia margin;
    line-height: 22px;
    vertical-align: middle;
}

.tfa_bule {
    display: block;
    position: relative;
}

/* INFOBULLE GROUPES */

.tfa_bule span {
    display: none;
    z-index: 22;
    position: absolute;
    right: -10px;
    width: 140px;
    margin: 0;
    padding: 2px;
    border: 1px solid #e7f2f6;
    text-align: center;
    background: #a8bbcd;
    box-shadow: 0 0 2px #000;
}

/* ----- PARTIE STATISTIQUES ----- */

.tfa-stats {
    width: 96%;
    margin: auto;
    padding: 5px 0;
}

/* TITRE STATISTIQUES */

.tfa-stats h2 {
    width: 100%;
    margin: auto;
    padding: 7px;
    text-shadow: 0 1px 0 #fff;
    font: Italic 25px georgia;
    color: #416589;
}

/* BLOC DE CONTENU DES STATISTIQUES */

.in_tfa-content {
    width: 100%;
    margin: auto;
    padding: 5px 0;
}

/* ------ BLOC DU BAS ------ */

#bas_block2 {
    position: relative;
    top: 5px;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* BLOC DE GAUCHE (en ligne) */

#bas_block_gauche2 {
    float: left;
    position: relative;
    width: 49%;
    margin: 0;
    padding: 0;
}

/* BLOC DE DROITE (anniversaires) */

#bas_block_droite2 {
    float: right;
    position: relative;
    width: 49%;
    margin: 0;
    padding: 0;
}

/* BLOC TRANSITION QEEL */

.bul-q {
    z-index: 3;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.in_q_b {
    position: relative;
    height: 0;
    border: 1px solid #fff;
    border-top: 0;
    overflow: hidden;
    color: #14293D;
    background: #899fb3;
    box-shadow: 0 1px 1px #999999;
    -webkit-transition: all 1.2s ease; /* pour navigateur webkit */
    -moz-transition: all 1.2s ease; /* pour navigateur mozilla */
    -o-transition: all 1.2s ease; /* pour navigateur opera */
    transition: all 1.2s ease; /* pour les navigateurs récents */
}

.bul_op {
    display: block;
    position: relative;
    width: 150px;
    height: 16px;
    margin: -1px auto 0;
    padding: 1px 0 0 0;
    border: 1px solid #fff;
    border-top: 0;
    text-align: center;
    text-shadow: 0 1px 0 #C2D1E0;
    font: 12px Arial;
    color: #14293D;
    background: #899fb3;
    box-shadow: 0 1px 1px #999999;
}

.bul-q:hover .in_q_b {
    height: 70px;
    padding: 3px;
}

.haut_b {
    width: 98%;
    height: 66px;
    margin: auto;
    padding: 3px 0;
    overflow-y: auto;
    font: 11px Arial;
}

.haut_b .row1,
.haut_b .gensmall,
haut_b .row1 .gensmall {
    border: none;
    font: 11px Arial;
    color: #14293D;
    background: transparent;
}

/* qui est en ligne */

/* BLOC PRINCIPAL DU QEEL */

#tfa_qeel {
    position: relative;
    width: 96%;
    margin: 10px auto;
    padding: 5px;
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    font: 11px Arial;
    color: #384D60;
    background: none repeat scroll 0 0 #E4EBEB;
}

/*  TITRE DU QEEL */

#tfa_qeel h1 {
    width: 100%;
    margin: 0 auto 6px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
}

/* LIEN DU TITRE */

a.cattitle_qeel {
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font: Italic 22px georgia;
    color: #416589;
}

/* BLOC CONTENU */

#bloc_tfa {
    position: relative;
    margin: 0;
    padding: 0;
}

/* BLOC GAUCHE CENTRE ET DROITE */

.bloc_qeel {
    position: relative;
    height: 197px;
    margin: 0;
    padding: 0;
    border: 1px solid #dadada;
    background: #f8f8f8;
}

/* BLOC GAUCHE ET DROITE */

#gauche_qeel {
    float: left;
    width: 20%;
}

#droite_qeel {
    float: right;
    width: 20%;
}

/* BLOC CENTRE */

#centre_qeel {
    float: left;
    width: 58%;
    margin: 0 0.5%;
}

/* ---- PARTIE GROUPES ---- */

.tfa_groups {
    z-index: 2;
    position: absolute;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
}

.tfa_groups a {
    display: block;
    width: 96%;
    height: 22px;
    margin: 4px auto;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font: 15px georgia;
    line-height: 22px;
    vertical-align: middle;
}

/* INFOBULLE GORUPES */

.tfa_bule {
    display: block;
    position: relative;
}

.tfa_bule span {
    display: none;
    z-index: 22;
    position: absolute;
    right: -10px;
    width: 140px;
    margin: 0;
    padding: 2px;
    border: 1px solid #e7f2f6;
    text-align: center;
    background: #a8bbcd;
    box-shadow: 0 0 2px #000;
}

/* BLOC CONTENANT L IMAGE DU BAS */

.img_g_bas {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* ----- PARTIE STATISTIQUES ----- */

.tfa-stats {
    width: 96%;
    margin: auto;
    padding: 5px 0;
}

/* TITRE STATISTIQUES */

.tfa-stats h2 {
    width: 100%;
    margin: auto;
    padding: 7px;
    text-shadow: 0 1px 0 #fff;
    font: Italic 25px georgia;
    color: #416589;
}

/* BLOC DE CONTENU DES STATISTIQUES */

.in_tfa-content {
    width: 100%;
    margin: auto;
    padding: 5px 0;
}

/* BLOC DU BAS */

#bas_block {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* BLOC DE GAUCHE (en ligne) */

#bas_block_gauche {
    float: left;
    width: 49%;
    margin: 0;
    padding: 0;
}

/* BLOC DE DROITE (anniversaires) */

#bas_block_droite {
    float: right;
    width: 49%;
    margin: 0;
    padding: 0;
}

/* BLOC TRANSITION QEEL */

.bul-qeel {
    position: relative;
    width: 98%;
    margin: 2px auto;
    padding: 0;
    border: 1px solid #e7f2f6;
    overflow: hidden;
    background: #E4EBEB;
    box-shadow: 0 0 2px #fff;
    box-shadow: 0 0 2px #99bdca;
}

.bul_open {
    display: block;
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 74px;
    text-align: center;
    background: #899fb3;
    -webkit-transition: all 1.5s ease; /* pour navigateur webkit */
    -moz-transition: all 1.5s ease; /* pour navigateur mozilla */
    -o-transition: all 1.5s ease; /* pour navigateur opera */
    transition: all 1.5s ease; /* pour les navigateurs récents */
}

.bul-qeel:hover .bul_open {
    left: -100%;
}

.bul_open span {
    display: block;
    padding-top: 10px;
    text-align: center;
}

.in_q_bul {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 74px;
    text-align: left;
    font: 10px Arial;
}

.haut_bul {
    width: 98%;
    height: 66px;
    margin: auto;
    padding: 3px 0;
    overflow-y: auto;
    font: 11px Arial;
}

.haut_bul .row1,
.haut_bul .gensmall,
haut_bul .row1 .gensmall {
    border: none;
    font: 11px Arial;
    color: #01435a;
    background: transparent;
}

/* POUR TRANSITION A DROITE */

.buld-qeel {
    position: relative;
    width: 98%;
    margin: 2px auto;
    padding: 0;
    border: 1px solid #e7f2f6;
    overflow: hidden;
    background: #E4EBEB;
    box-shadow: 0 0 2px #fff;
    box-shadow: 0 0 2px #99bdca;
}

.buld_open {
    display: block;
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 74px;
    text-align: center;
    background: #899fb3;
    -webkit-transition: all 1.5s ease; /* pour navigateur webkit */
    -moz-transition: all 1.5s ease; /* pour navigateur mozilla */
    -o-transition: all 1.5s ease; /* pour navigateur opera */
    transition: all 1.5s ease; /* pour les navigateurs récents */
}

.buld-qeel:hover .buld_open {
    right: -100%;
}

.buld_open span {
    display: block;
    padding-top: 10px;
    text-align: center;
}

.in_d_bul {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 74px;
    text-align: left;
    font: 10px Arial;
}

/* PA */

.textepa {
    margin-bottom: 7px;
    text-shadow: 2px 0 0 #FFFFFF;
    text-transform: lowercase;
    font-family: georgia;
    font-size: 23px;
    letter-spacing: -2px;
    color: #416589;
}

Merci par avance en espérant être au bon endroit Smile


Dernière édition par Ceress le Jeu 6 Fév 2014 - 15:20, édité 1 fois
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps message forum décalé

Message par Ceress Ven 31 Jan 2014 - 9:54

Up svp
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps message forum décalé

Message par Ceress Lun 3 Fév 2014 - 10:15

Up svp !
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps message forum décalé

Message par Tech Lun 3 Fév 2014 - 10:59

Bonjour,

Difficile à dire sans pouvoir tester en direct... Mais je suis tenté de dire que c'est à cause du margin-left de ce code :
Code:
.forumline {
    border-collapse: collapse;
    opacity: 0.9;
  margin-left: 10px
}

Cordialement.
Tech

Tech
Membre actif

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

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

Résolu Re: Corps message forum décalé

Message par Ceress Lun 3 Fév 2014 - 15:57

Bonjour et merci de ta réponse,

Hélas j'ai beau enlever le margin-left ça ne change rien. Peut-être que vous fournir un compte administrateur aiderait ?

Merci,
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps message forum décalé

Message par Tech Mar 4 Fév 2014 - 15:58

Bonjour,

Oui Smile

Cordialement.
Tech

Tech
Membre actif

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

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

Résolu Re: Corps message forum décalé

Message par Ceress Jeu 6 Fév 2014 - 10:03

Tech a écrit:Bonjour,

Oui Smile

Cordialement.

Je t'envoie un message privé avec ce compte merci Wink
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps message forum décalé

Message par Tech Jeu 6 Fév 2014 - 11:52

Bonjour,

Je pense que le problème vient de code :
Code:
.bodyline {
    width: 750px;
    margin-top: -2px;
    padding: 0;
    padding-bottom: 15px;
    max-width: 750px;
    border-right: 12px solid #488FBD;
    border-left: 12px solid #488FBD;
    box-shadow: 0 0 2px #111111;
}
et plus particulièrement de la ligne : max-width: 750px;

Cordialement.
Tech

Tech
Membre actif

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

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

Résolu Re: Corps message forum décalé

Message par Ceress Jeu 6 Fév 2014 - 13:52

Je test merci


Dernière édition par Ceress le Jeu 6 Fév 2014 - 14:03, édité 1 fois
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps message forum décalé

Message par Tech Jeu 6 Fév 2014 - 13:58

C'est le max-width qu'il fallait retirer mais je vois que le problème n'est plus présent sur votre forum Smile
N'oubliez pas de faire un CTRL + F5 Wink

Cordialement.
Tech

Tech
Membre actif

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

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

Résolu Re: Corps message forum décalé

Message par Ceress Jeu 6 Fév 2014 - 14:04

Effectivement j'avais le code en double ! Par contre ma bannière n'est plus collé du coup :/
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Corps message forum décalé

Message par Tech Jeu 6 Fév 2014 - 15:09

Elle l'est chez moi Wink

Cordialement.
Tech

Tech
Membre actif

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

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

Résolu Re: Corps message forum décalé

Message par Ceress Jeu 6 Fév 2014 - 15:20

Oui je viens de tout bidouiller au niveau bodyline et forumline... Pfiou Smile

Merci beaucoup !
Ceress

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress 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