Cadre du forum réticent (trop haut)

4 participants

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

Résolu Cadre du forum réticent (trop haut)

Message par foxies Ven 1 Avr 2016 - 8:59

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://swapenz.forumactif.org/

Description du problème

Bonjour Smile

Je me bats depuis hier avec le cadre de mon forum en construction. Je souhaiterais que celui-ci atteigne le haut du forum, prenne "en charge" toute la page d'accueil mais s'arrête avant la barre de navigation et par conséquent, rende plus esthétiques les pages du forum.

A mon avis, le soucis se situe au niveau du CSS, alors le voici-le voilà :

Code:
/* APPARENCE GENERALE DU FORUM */
#i_logo{
width: 00px;
height: 450px;
margin-top: -5px;}

body{
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
 hyphens: auto;}

body{
background-image: url("http://img15.hostingpics.net/pics/927105Sanstitre1.png");
background-position: top-center;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 0%;}

pieddepage{
background-image: url("http://img15.hostingpics.net/pics/574749711.png");
background-position: top-center;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 0%;}

.bodyline{
padding: 0px;
box-shadow: 0px 0px 15px #97aacf;}

.bodylinewidth{
margin: -5px auto;}

.forumline{
border-spacing: 0;}

.catHead{
background-color: ##D1AA44!important;
box-shadow: inset 0px 0px 8px #a38128!important;}

/* scrollbar Chrome, Safari */
::-webkit-scrollbar{
width: 5px;
height: 5px;}
 
::-webkit-scrollbar-track-piece{
background-color: #d5e3ff;}
 
::-webkit-scrollbar-thumb:vertical{
height: 30px;
-webkit-border-radius: 10px;
background-color:  #D1AA44;}
 
::-webkit-scrollbar-thumb:horizontal{
height: 30px;
-webkit-border-radius: 10px;
background-color:  #D1AA44;}
/* texte */

i{
color: #888aa8;}
a span strong{
font-weight: normal !important;}

::selection{
background: #dcd3ba;
color: #;}

::-moz-selection{
background: #dcd3ba;
color: #;}

/* pas de soulignement de liens */

a:hover{
text-decoration: none !important;}
 
a{
text-decoration: none !important;
-moz-transition: all 1s; /* Mozilla Firefox */
-webkit-transition: all 1s; /* Safari et Google Chrome */
-o-transition: all 1s; /* Opera */
transition: all 1s;}
 
a:link{
text-decoration: none;}
 
a:visited{
text-decoration: none;}

/* colonnes widgets */

.three-col>tbody>tr>td:nth-child(1), .three-col>tbody>tr>td:nth-child(3){
display: none;}

textarea, .textarea.post, input.post{
box-shadow: inset 0px 0px 10px #a7a9c7;
text-shadow: 1px 1px 1px #fff;}

.liteoption, .mainoption, .button2{
-moz-border-radius: 7px; -webkit-border-radius: 7px;
box-shadow: inset 0px 0px 10px #a7a9c7;
text-shadow: 1px 1px 1px #fff;}

span.name strong{
color: #A582CC;
font-weight: normal !important;}


/* BARRE DE NAVIGATION */

a.mainmenu{
color: #6732A3;
font-family: courier new;
font-size: 10px;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #fff;
position: relative;}

a.mainmenu img{
display: none;}

.navigation{
line-height: 8px;
position: relative;
  text-align: justify;}

div.navigation a.mainmenu{
}
 
/* APPARENCE DES MESSAGES */

tr.post span.gensmall{display:none}

.horloge{
font-size: 9px;
text-shadow: 1px 1px 1px #fff;
letter-spacing: 1px;
margin-left: 0px;}

.boutons{
font-size: 9px;
text-shadow: 1px 1px 1px #fff;
letter-spacing: 1px;
text-align: right;
margin-top: -15px;}

.postheader{
border-bottom: 1px solid #dadce9;
padding: 2px;
display: block;
margin-bottom: 0px;
margin-top:5px;}

.message{
background-color: #DEE6F7;
padding: 10px;
border: 3px solid #EDEEFA;
box-shadow: inset 0px 0px 10px #BFCEEB;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
margin-top: -5px;
display: block;
line-height: 12px;
text-shadow: 1px 1px 1px #fff;}

.postbody{
font-size: 11px;
text-align: justify;
line-height: 12px;}

.postbody a{
color: #c593e8 !important;
-moz-transition: all 1; /* Mozilla Firefox */
-webkit-transition: all 1s; /* Safari et Google Chrome */
-o-transition: all 1s; /* Opera */
transition: all 1s;
text-shadow: 1px 1px 1px #fff;}
 
.postbody a:hover{
color: #d0b3e9 !important;
-moz-transition: all 1s; /* Mozilla Firefox */
-webkit-transition: all 1s; /* Safari et Google Chrome */
-o-transition: all 1s; /* Opera */
transition: all 1s;
text-shadow: 1px 1px 1px #fff;}

.courier{
font-family: courier new;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
word-spacing: -2px;}

/* largeur de l'éditeur */
.sceditor-container{
width: 523px!important;}

/* partie texte area : fond */
 
.sceditor-container iframe, .sceditor-container textarea{
background-color: #dfe0ee !important;
text-align :justify;
margin: 0 !important;
line-height: 16px;
color: #6732A3 !important;
font-size:11px !important;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-left: 5px !important;
margin-right: 10px !important;
padding: 10px !important;
text-shadow: 1px 1px 1px #fff;}

/* groupe de boutons */
 
.sceditor-group{
background-color: #a582cc !important;
border-radius: 20px !important;
box-shadow: inset 0px 0px 10px #755b94;
text-shadow: 1px 1px 1px #fff;}

/* boutons sélectionnés */
 
a.sceditor-button.hover {
background-color: #a582cc !important;
border-radius: 20px!important;
box-shadow: inset 0px 0px 10px #755b94;
text-shadow: 1px 1px 1px #fff;}

.sceditor-button.hover, a.sceditor-button:hover {
background: #6732A3;
box-shadow: none;
border-radius: 20px !important;}

a.sceditor-button{
border-radius: 20px !important;
margin: 2px;}

/* bordure de l'éditeur */
div.sceditor-container{
border: none;}

/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar{
border-bottom: none;}

.selectCode{
float:right;
text-transform: uppercase;
font-size: 9px;
line-height: 12px;
cursor:pointer;}

div.cont_code{
clear: right;}

div.myself em textarea{
display: block;}

/* texte titre sujet */
td.t-title h1.cattitle{
color: #EDEEFA;
letter-spacing: 3px !important;
text-transform: uppercase;
text-shadow: 1px 1px 1px #465e8f;}

a.cattitle:hover{
text-decoration: none;}

input, textarea, select{
border: 1px solid  #EDEEFA;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-bottom: 5px;
margin-top: 5px;
background-color: #dfe0ee;}

#sceditor_smilies{
background: #dfe0ee;
box-shadow: inset 0px 0px 10px #a7a9c7;}

.code{
font-size: 11px;
text-align: justify;
background-color: #EDEEFA;
padding: 10px;
border: 3px solid #a7a9c7;
box-shadow: inset 0px 0px 8px #a7a9c7;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px !important;
margin-top: 0px;
line-height: 12px;
color: #888aa8 !important;
font-family: courier new;
max-width: 490px;
text-shadow: 1px 1px 1px #fff;
max-height: 100px;
overflow: hidden;}

.spoiler{
font-size: 11px;
text-align: justify;
background-color: #EDEEFA;
padding: 10px;
border: 1px solid #ecedf9;
box-shadow: inset 0px 0px 8px #a7a9c7;
margin-left: 28px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 12px;
width:487px;
text-shadow: 1px 1px 1px #fff;}

.quote{
font-size: 11px!important;
text-align: justify!important;
background-color: #EDEEFA!important;
padding: 10px!important;
border: 1px solid  #ecedf9!important;
box-shadow: inset 0px 0px 8px #a7a9c7!important;
margin-left: 0px!important;
margin-right: 5px!important;
margin-bottom: 5px!important;
margin-top: 5px!important;
line-height: 12px!important;
width:487px;
color: #888aa8 !important;
text-shadow: 1px 1px 1px #fff;}

/* APPARENCE DU PROFIL */

.postdetails.poster-profile{
margin-top: 2px;
padding-left: 5px;
padding-right: 5px;
text-align : justify;
font-size: 10px;
font-style: normal !important;
line-height: 15px;
display: block;
text-align: justify;
word-spacing: -3px;
text-shadow: 1px 1px 1px #fff;}

.imgavatar{
width: 100px;
height: 100px;
margin-top: 5px;
border: 5px solid #ffffff;
box-shadow: 0px 0px 8px #afaaa5;
border-radius: 2px!important;}

.pseudo{
font-size:12px;
font-family: courier new;
color: #a6a9cc!important;
padding: 3px;
text-transform: uppercase;
margin-right: -5px;
margin-left: -5px;
margin-top: 8px;
align: center;
text-align: center;
background-color: #EDEEFA;
box-shadow: inset 0px 0px 10px #a7a9c7;
text-shadow: 1px 1px 1px #fff;}

.rang{
color: #b16dd0!important;
padding: 3px;
text-transform: uppercase;
margin-top: -1px;
margin-right: -5px;
margin-left: -5px;
align: center;
text-align: center;
background-color: #dfe0ee;
box-shadow: inset 0px 0px 10px #a7a9c7;
font-size: 10px;
font-family: courier new;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #fff;}

.info{
font-size: 8px;
color: #a6a9cc;
margin-top: -20px;
font-style: normal !important;
text-align: justify;
line-height: 12px;
background-color: #EDEEFA;
width: 150px;
box-shadow: inset 0px 0px 10px #a7a9c7;
display: block;
text-transform: uppercase;
font-family: courier new;
padding: 5px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;}

.imgrang{
margin-top : -10px;
align: center;
text-align: center;}

.fond{
background-color: #dfe0ee;
width: 150px;
margin-top: 5px;
box-shadow: inset 0px 0px 10px #a7a9c7;
padding: 5px;
padding-bottom: 27px;}


/* APPARENCE DU QUI EST EN LIGNE */

img#i_whosonline{
box-shadow: 0 0 3px ;}

.qeeltitre{
font-weight: bold;
font-size: 11px;
background-color: #D1AA44;
padding: 6px;
box-shadow: inset 0px 0px 8px #a38128;
color: #edeefa;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #7c5894;}

.qeeldesc{
padding: 8px;
margin-bottom: -2px;
margin-right: 5px;
margin-left: 2px;
margin-top: 5px;
text-align: justify;
line-height: 12px;
height: 90px;   
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
text-shadow: 1px 1px 1px #fff;}

.qeeldesc2 td.row1 {
vertical-align: top;
padding: 8px;
line-height: 12px;
text-align: justify;
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
height: 72px;
width: 352px;
max-height: 72px;
overflow: scroll;
overflow-x: hidden;
text-shadow: 1px 1px 1px #fff;
margin-top:5px;
margin-right: 10px;}

.qeellien1{
background-color: #dcd3ba;
box-shadow: inset 0 0 8px #a7a9c7;
color: #000000;
display: inline-block;
font-family: courier new;
font-size: 10px!important;
margin-left: 0;
margin-top: 7px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: 118px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}

.qeellien2{
background-color: #dcd3ba;
box-shadow: inset 0 0 8px #a7a9c7;
color: #888aa8;
display: inline-block;
font-family: courier new;
font-size: 10px!important;
margin-left:0px;
margin-top: 7px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: 118px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}

.qeellien3{
background-color: #dcd3ba;
box-shadow: inset 0 0 8px #a7a9c7;
color: #a775cd;
display: inline-block;
font-family: courier new;
font-size: 10px!important;
margin-left: 0px;
margin-top: 7px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: 118px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}

/* APPARENCE DE LA CHATBOX */

#chatbox > p{
border-bottom: 1px solid #a7a9c7 !important;}

#chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a{
color: #EDEEFA;}

#chatbox_members ul li, #chatbox_members ul li a{
color: #EDEEFA;}

#chatbox_header .catBottom .cattitle{
box-shadow: inset 0px 0px 10px #8b6dad !important;
padding: 5px;}

body.chatbox{
background-color: #EDEEFA!important;}

.chatbox_row_1, .chatbox_row_2{
font-size: 11px !important;
box-shadow: inset 0px 0px 10px #a7a9c7 !important;}

#chatbox .cb-avatar{
background: transparent !important;
box-shadow: none !important;}

body #chatbox .cb-avatar{
border: none !important; /* retire la bordure */}

#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;}


/* APPARENCE DE LA PAGE D'ACCUEIL */

.imgpa{
opacity: 0.0; 
transition-duration: 1s; 
-moz-transition-duration: 1s; 
-webkit-transition-duration: 1s; 
-o-transition-duration: 1;}

.imgpa:hover{
opacity: 1;}

.imgpaclass{
width: 80px;
height: 80px;
border: 5px solid #FFFFFF;
box-shadow: inset 0px 0px 20px #afaaa5;
margin-left: 2px;
margin-bottom: 2px;
margin-top: 2px;
align: center;
text-align: center;
border-radius: 2px !important;}


/* APPARENCE DES CATEGORIES */

td.frow1 br{
display: none;}

table.forumline td{
border-width: 0;}

table.forumline th{
box-shadow: inset 0 0 8px #a38128;
border-width: 0 0 5px 0;
margin-top: -5px;}

a.forumlink{
margin-top:3px;
height:24px;
font-family: courier new;
text-transform: uppercase;
font-size: 11px;
background-color: #D1AA44;
display: block;
font-weight: normal !important;
padding-top:10px;
align: center;
text-align: center;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-left: 2px;
margin-right: 2px;
margin-bottom: -7px;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/526499Sanstitre6.png');
background-repeat: no-repeat;
background-color: transparent;}

.description{
font-size: 11px;
border-top: 3px double #a7a9c7;
padding: 5px;
text-align: justify;
line-height: 12px;
background-color: #d5e3ff;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
box-shadow: inset 0px 0px 10px #b2c9ee;
font-weight: normal !important;
color: #526F99;}

.derniermessage{
background-color: #dfe0ee;
box-shadow: 0px 0px 10px #a7a9c7 inset;
font-size: 10px !important;
height: 86px;
line-height: 12px;
margin: 4px 5px 5px;
padding: 8px 5px;
text-align: center;
text-shadow: 1px 1px 1px #FFF;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}

.sousforum{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: -14px;
font-size: 10px;
padding-bottom: 1px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
line-height: 12px;
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
align: center;
text-align: center;
color: #D1AA44;
font-family: courier new;
text-transform: uppercase;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;}

.secondarytitle{
letter-spacing:2px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #465e8f;
background-color: #D1AA44;
margin-top: -5px;}
 
.ligne{
border-bottom: 1px solid #a7a9c7;
margin-top: 5px; !important;
margin-bottom: 5px !important;}

.bulle{
margin-left:-15px;
margin-right:5px;
}

.infosderniermes{
letter-spacing:1px;
text-align: center;
font-size: 8px !important;
margin-top: 2px;
padding: 2px;
background-color: #dcd3ba;
margin-left: -8px;
margin-right: -8px;
box-shadow: inset 0 0 8px #dabe72;}

/* APPARENCE DES SUJETS */

.derniermessage2{
font-size: 10px!important;
padding-top: 13px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-bottom: 6px;
margin-top: 6px;
margin-right: 5px;
margin-left: 5px;
text-align: justify;
line-height: 12px;
background-color: #dfe0ee;
align: center;
text-align: center;
text-shadow: 1px 1px 1px #fff;
height: 30px;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/527080Sanstitre4.png);
background-repeat: no-repeat;
box-shadow: 0 0 10px #a7a9c7 inset;}

.titresujet{
font-family: courier new;
text-transform: uppercase;
font-weight: normal !important;
font-size: 8px !important;
background-color: #dfe0ee;
display: block;
width: 595px;
padding: 5px;
align: center;
text-align: center;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-top:-29px;
padding-left: 10px;
text-shadow: 1px 1px 1px #fff;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/526499Sanstitre6.png);
background-repeat: no-repeat;}

.auteur{
margin-top: 0px;
margin-bottom:  -13px;
font-size: 9px;
padding: 3px;
line-height: 12px;
background-color: #d6d7e6;
font-weight: normal;
letter-spacing: 1px;
align: center;
text-align: center;
text-shadow: 1px 1px 1px #7c5894;
color: #a7a9c7;
border-top: 3px double #a7a9c7;
box-shadow: inset 0px 0px 10px #a7a9c7;
font-family: courier new;
width: 604px;
margin-top: 1px;
text-shadow: 1px 1px 1px #fff;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/526499Sanstitre6.png);
background-position: 0 100%;
background-repeat: no-repeat;}

/* APPARENCE DE LA PAGE D'ACCUEIL */

.cadrepa{
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
text-align: justify;
font-size: 10px;
line-height: 12px;
word-spacing: 0px;
padding: 10px;
text-shadow: 1px 1px 1px #fff;}

.classementpa{
background-color : #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
text-align: justify;
font-family: Courier New;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
word-spacing: -2px;
padding: 10px;}

.classementpabis{
font-size : 10px;
max-height : 50px;
overflow : scroll;
overflow-x : hidden;
background-color : #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
line-height: 12px;
padding: 5px;
margin-top: 0px;
margin-bottom: 15px;}

.titrepa{
background-color: #dfe0ee;
box-shadow: inset 0px 0px 10px #6995bf;
text-align: center;
font-family: Courier New;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
margin: -10px -10px 5px -10px;
padding: 4px;
color: #D1AA44;
background-image: url('http://img15.hostingpics.net/pics/942846Sanstitre2.png');
background-repeat: no-repeat;
background-color: transparent;}

.titrepabis{
background-color: #D1AA44;
box-shadow: inset 0px 0px 10px #a38128;
text-align: center;
font-family: Courier New;
font-size: 10px;
text-transform: uppercase;
color: #edeefa;
text-shadow: 1px 1px 1px #465e8f;
line-height: 12px;
margin-bottom: -2px;
padding: 5px;}

.couleurpa{
color: #888aa8;
font-size: 15px;
text-transform: uppercase;}

.doubleligne{
border-bottom: 3px double #a7a9c7;
margin-top: 5px; !important;
margin-bottom: 10px !important;}

.mondepa{
font-size : 10px;
max-height :70px;
background-color : #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
line-height:12px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 5px;
word-spacing: -2px;}

.imgpa{
opacity: 0.0; 
transition-duration: 1s; 
-moz-transition-duration: 1s; 
-webkit-transition-duration: 1s; 
-o-transition-duration: 1;}

.imgpa:hover{
opacity: 1;}

.imgpabis{
width: 80px;
height: 80px;
border: 5px solid #FFFFFF;
box-shadow: inset 0px 0px 20px #a7a9c7;
margin-left: 2px;
margin-bottom: 2px;
margin-top: 2px;
align: center;
text-align: center;
border-radius: 2px !important;}


/* APPARENCE DES MESSAGES */

.titre{
background-color: #D1AA44;
box-shadow: inset 0 0 8px #6995bf;
font-family: courier new;
font-size: 11px;
margin: -10px -10px 10px;
padding: 10px;
text-align: center;
text-transform: uppercase;
background-image: url('http://img15.hostingpics.net/pics/942846Sanstitre2.png');
background-repeat: no-repeat;
background-color: transparent;}

.titrebis{
background-color: #D1AA44;
border-bottom: 5px solid #6732A3;
box-shadow: inset 0 0 8px #a7a9c7;
font-family: courier new;
font-size: 11px;
margin: -10px -10px 9px;
padding: 10px;
text-align: center;
text-transform: uppercase;}

.soustitre1{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: courier new;
font-size: 10px;
line-height: 12px;
margin: 0px -10px 10px -10px;
padding: 4px;
text-align: center;
text-transform: uppercase;
background-image: url('http://img15.hostingpics.net/pics/526499Sanstitre6.png');
background-repeat: no-repeat;
background-color: transparent;}

.soustitre2{
color: #526F99;
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: courier new;
font-size: 10px;
line-height: 12px;
margin: -10px -10px 10px -10px;
padding: 4px;
text-align: center;
text-transform: uppercase;}

.soustitre3{
background-color:#d0d1e0;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
margin: -10px -10px 5px;
padding: 8px;
text-align: center;
text-transform: uppercase;}

.i{
color: #526F99;}

.note{
background-color: #d6d7e6;
border-left: 2px solid #A582CC;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
padding: 5px 10px;
text-transform: uppercase;
word-spacing: -2px;}

.couleur1{
color: #D1AA44;
font-family: courier new;
font-size: 10px;
text-transform: uppercase;}

.couleur2{
color: #99b4eb;
font-family: courier new;
font-size: 10px;
text-transform: uppercase;}

.couleur3{
color: #465E8F;
font-family: courier new;
font-size: 10px;
text-transform: uppercase;}

.imgmonde{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 120px;
margin-bottom: 10px;
margin-left: 0;
width: 240px;}

.cadre1{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
padding: 10px;
text-align: justify;
text-transform: uppercase;
word-spacing: -2px;}

.cadre3{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-size: 10px;
line-height: 12px;
padding: 10px;
text-align: justify;}

.infos{
background-color: #EDEEFA;
box-shadow: inset 0px 0px 10px #a7a9c7;
font-size: 10px;
line-height: 12px;
margin-bottom: 10px;
margin-top: 0;
max-height: 50px;
overflow: scroll;
overflow-x: hidden;
padding: 5px;}

.cadredescrip{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
height: 180px;
line-height: 12px;
overflow: scroll;
overflow-x: hidden;
padding: 10px;
text-align: justify;
text-transform: uppercase;
word-spacing: -2px;}

.cadredescripbis{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
height: 180px;
line-height: 12px;
overflow: scroll;
overflow-x: hidden;
padding: 10px;
text-align: justify;
word-spacing: -2px;}

/* Fiche équine */

.nom{
background-color: #d6d7e6;
border-bottom: 5px solid #6732A3;
box-shadow: inset 0 0 8px #a7a9c7;
font-family: courier new;
font-size: 15px;
margin: -10px -10px 9px;
padding: 10px;
text-align: center;
text-transform: uppercase;}

.cadre2{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
padding: 10px;
text-align: justify;
word-spacing: -2px;}

.soustitre4{
background-color: #A582CC;
box-shadow: inset 0 0 10px #8b6dad;
text-shadow: 1px 1px 1px #7c5894;
color: #EDEEFA;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
margin-bottom: -2px;
padding: 5px;
text-align: center;
text-transform: uppercase;}

.soustitre5{
background-color: #d0d1e0;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
margin: -10px -10px 5px;
padding: 4px;
text-align: center;
text-transform: uppercase;}

.imgcheval1{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 185px;
margin: 0 0 0 0px;
width: 320px;}

.imgcheval2{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: -9px 0 0 0px;
width: 104px;}

.imgcheval3{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: -9px 0 0 -10px;
width: 104px;}

.imgcheval4{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: -9px 0 0 -10px;
width: 104px;}

.infobulle{                       
position : relative;
width: 0px;
height: 15px;}

.infobulle .infobullecontenu{                       
position: absolute;
margin-top: -20px;
margin-left: 121px;
text-align: center;
width: 43px;
font-family: courier new;
font-size: 10px;
display : none;
position: relative; z-index: 5;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: inset 0px 0px 5px #afaaa5;}

.infobulle:hover .infobullecontenu{
display : block;}

.barredeco{
position: relative; z-index: 4;
width: 175px;
height: 10px;
display: block;
border: solid 2px #ffffff;
box-shadow: inset 0px 0px 8px #8b6dad!important;}

.barrepoints{
height: 10px;
background: #A582CC;
position: absolute; z-index: 3;
border-right: 1px solid #ffffff;
box-shadow: inset 0px 0px 8px #8b6dad!important;}

.barremaximum{
height: 10px;
background: #d6d7e6;
position: absolute; z-index: 2;
border-right: 1px solid #ffffff;
box-shadow: inset 0px 0px 8px #a7a9c7!important;}

.barrebase{
width: 175px;
height: 10px;
background: #EDEEFA;
position: absolute; z-index: 1;
box-shadow: inset 0px 0px 8px #a7a9c7!important;}

/* Catalogue Equuskit */

.imgarticle{
align: center;
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 149px;
margin-bottom: 20px;
margin-left: 0;
text-align: center;
width: 149px;}

.nomarticle{
background-color: #e0dcd7;
box-shadow: inset 0 0 8px #98938e;
color: #526F99;
font-family: courier new;
font-size: 10px;
margin: -50px 0 25px 5px;
padding: 2px;
text-align: center;
text-transform: uppercase;
width: 145px;}

/* Installations */

.imginstal{
align: center;
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 100px;
margin-bottom: 20px;
margin-left: 0;
text-align: center;
width: 240px;}

.imginstalbis{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: 0;
width: 104px;}

.nominstal{
background-color: #d6d7e6;
box-shadow: inset 0 0 8px #a7a9c7;
color: #6732A3;
font-family: courier new;
font-size: 10px;
margin: -50px 0 25px 5px;
padding: 2px;
text-align: center;
text-transform: uppercase;
width: 236px;}

.nominstalbis{
background-color: #d6d7e6;
box-shadow: inset 0 0 8px #a7a9c7;
color: #6732A3;
font-family: courier new;
font-size: 10px;
margin: -21px 0 0 5px;
padding: 2px;
text-align: center;
text-transform: uppercase;
width: 100px;}

.imgeven1{
border: 3px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 281px;
width: 200px;}

.imgeven2{
border: 3px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 100px;
width: 150px;}

Merci à ceux qui se pencheront sur mon problème !


Dernière édition par pinke le Ven 1 Avr 2016 - 15:22, édité 3 fois
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par Ancients Ven 1 Avr 2016 - 13:44

Bonjour, le lien vers ton forum n'existe pas. Serait-il possible d'y accéder?

Merci Smile
Ancients

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par foxies Ven 1 Avr 2016 - 14:05

J'ai fait une erreur de frappe, un http:// de trop Smile C'est http://swapenz.forumactif.org/
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par Ancients Ven 1 Avr 2016 - 14:14

Tu aurais un compte test que je puisse utiliser sur ton forum?
Ancients

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par foxies Ven 1 Avr 2016 - 14:46

Non je n'en ai pas, mais les inscriptions sont ouvertes si vous souhaitez vous en créer un Very Happy
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par foxies Ven 1 Avr 2016 - 15:16

Désolée pour le DP mais est-ce que ça n'aurait rien à voir avec ma barre de navigation plutôt ? Je tente de la sortir du cadre du forum depuis tout à l'heure, et je vois que ça influence ce dernier (il s'agrandit vers le haut Rolling Eyes ) !

Voilà mon template overall_header :

Spoiler:
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par foxies Sam 2 Avr 2016 - 17:50

UP Smile
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par Ancients Sam 2 Avr 2016 - 17:59

Salut,

Remplace ton

Code:
.navigation {
    line-height: 8px;
    position: relative;
    text-align: justify;
}

Par :

Code:
.navigation {
    line-height: 8px;
    position: relative;
    text-align: justify;
    padding-bottom: 10px;
}
Ancients

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par foxies Dim 3 Avr 2016 - 7:24

Merci beaucoup, c'était tout simple mais c'est ce qu'il fallait pour passer la navig au dessus de la page d'accueil Smile Par contre le problème du cadre reste le même. Mais je pense que l'espace indésirable est dû à l'emplacement des publicités de forumactif (j'utilise Adblock). Si j'utilise des crédits pour supprimer ces publicités, vous pensez que l'espace disparaîtra ?
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par ◦Jay◦ Dim 3 Avr 2016 - 7:53

Bonjour pinke, en effet, l'espace correspond à la publicité, si vous supprimez la publicité, l'espace disparaitra.

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

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

Résolu Re: Cadre du forum réticent (trop haut)

Message par foxies Dim 3 Avr 2016 - 7:58

Très bien, merci pour votre réponse rapide ! Je pense que je vais faire ça.
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre du forum réticent (trop haut)

Message par Chacha Dim 10 Avr 2016 - 10:50

pinke a écrit:Très bien, merci pour votre réponse rapide ! Je pense que je vais faire ça.
Cadre du forum réticent (trop haut) MHDoUixAfin 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 Cadre du forum réticent (trop haut) 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