Espace vide après footer + Barre de navig' remontée et coupée
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Espace vide après footer + Barre de navig' remontée et coupée
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Ce matin (26/12/2014)
Lien du forum : http://tos-anotherfate.forumactif.org/
Description du problème
Bonjour !Voici donc un petit problème que j'ai rencontré en voulant modifier ma nouvelle PA, après avoir ajouté quelque chose dessus, ce soucis est apparut : après quelques seconde de chargement, ma barre de navigation remonte et se retrouve coupée et un grand espace vide apparait après le pied de page.
Devant ce problème, j'ai supprimé ma PA le temps de voir si je n'avais pas fait une erreur dedans, mais le problème persiste même sans la PA. J'ai également essayé de supprimer le CSS correspondant à la PA ainsi qu'à la barre de navigation, mais cela ne change rien au problème. Cela ne vient pas non plus du template du footer personnalisé apparemment, car j'ai également essayé de le supprimer et ça n'a rien changé ...
J'ai également tenté de vider les caches et cookies de mes navigateurs au cas où, pas de changement ...
J'ai testé un peu tout ce qui était susceptible de faire apparaitre ce bug mystérieux sans résultat et je n'ai rien trouvé traitant de ce type de problème. Je pense tout de même que cela doit venir de quelque chose dans mon css, donc je vous le communique :
- Code:
@import url(http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff&subset=latin,latin-ext);
/* GENERAL */
body
{background-image: url(http://image.noelshack.com/fichiers/2014/12/1395254001-bannaftxt2.png) , url(http://image.noelshack.com/fichiers/2014/12/1395503125-footertosaf.png), url(http://image.noelshack.com/fichiers/2014/12/1395233815-fdbgtosaf.jpg);
background-repeat: no-repeat, no-repeat, repeat; background-position: top right, bottom left, center;
background-attachment: scroll, scroll, fixed; background-color: #BDBBA3;}
a:link, a:hover
{ text-decoration: none !important;}
.bodylinewidth
{ width: 990px; margin: auto;}
#page-body{ width: 980px;
margin: auto;
padding-top: 50px; padding-bottom: 85px; padding-right: 10px; padding-left: 10px;
background-image: url('#');}
.forumline{ width: 980px;
margin-left: auto; margin-top: -10px; margin-right: auto; margin-bottom: auto;
padding: 4px;
background: url(http://image.noelshack.com/fichiers/2014/12/1395142138-fdcorpstosaf.png) repeat;
border-top: 3px solid #E6AB89; border-bottom: 5px solid #E6AB89; border-left: 1px solid #9F5644; border-right: 1px solid #9F5644;
box-shadow: 0px 0px 4px #7C4335; -moz-box-shadow: 0px 0px 4px #7C4335; -o-box-shadow: 0px 0px 4px #7C4335; -htm-box-shadow: 0px 0px 4px #7C4335; -webkit-box-shadow: 0px 0px 4px #7C4335;
border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -htm-border-radius: 15px; -webkit-border-radius: 15px;}
.forumline2{
width: 980px;
margin-left: auto; margin-top: 10px; margin-right: auto; margin-bottom: 10px;
padding: 4px;}
#i_whosonline{margin-left: -8px; margin-top: -8px;}
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate{ width: 490px; height: 100px;
overflow: hidden; border: 1px dotted #6C3F2E; margin-left: auto; margin-right: auto;}
.cate_img{ position: relative;
z-index: 2;
width: 490px;
margin-left: 0px;
transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.cate:hover
.cate_img{margin-left: 485px;
transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;
transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.cate_description{ position: relative;
z-index: 1;
width: 470px; height: 100px;
margin-top: -120px;
text-align: justify;
font-size: 11px;
color: #6C3F2E;
padding: 2px; overflow: auto;}
/*Barre de naviguation*/
a.mainmenu{
text-decoration:none;
color : #9A4054;
font-size: 14px; font-family: Brush Script MT;
text-shadow: 0px 0px 0px #B9AF96;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;}
a.mainmenu:hover{
text-decoration:none;
color : #D4474D;
text-shadow: 0px 2px 2px #EBEAE6;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;}
#navig{
text-decoration:none;
width: 80%;
margin: auto;
text-align: center;
margin-top: -4px;}
#navig a{
text-decoration:none;
width: 80%;
margin: auto;
text-align: center;}
#navig a:hover{ text-decoration:none; width: 80%; margin: auto;
text-align: center;
letter-spacing: 1px;
transition: 1s;
-moz-transition: 1s;}
#navigation{
height : 12px;
position: fixed;
z-index: 999;
width: 100%;
background-color: #F7DBB0;
border-radius: 0px 0px 150px 150px; -moz-border-radius: 0px 0px 150px 150px; -webkit-border-radius: 0px 0px 150px 150px; -o-border-radius: 0px 0px 150px 150px;
border-bottom: 2px solid #97315D;
margin-top: -10px; margin-left: -10px;
padding: 5px;
opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70);}
/*fin barre de naviguation*/
/************************ MISE EN FORME PAGE D'ACCUEIL ************************/
.fond_PA_1 {
}
.fond_PA_2 {
width: 800px;
}
.titre {
font-family: 'Herr Von Muellerhoff', sans-serif;
font-size: 50px;
text-align: center !important;
position: relative;
top: -0.8em;
color: #ffffff;
}
.titre1 {
font-family: 'Herr Von Muellerhoff', sans-serif;
font-size: 30px;
text-align: center !important;
position: relative;
top: -0.5em;
margin-bottom: -20px;
color: #ffffff;
}
.fond_bloc_news {
width: 270px;
height: 170px;
padding: 15px;
margin-left : 80px;
background-image:linear-gradient(#E6D3B6, #E6B496);
}
.fond_bloc_credits {
width: 300px;
height: 80px;
padding: 15px;
color: #8c8c8c;
border : 1px dotted #ffffff;
background-image:linear-gradient(#E6D3B6, #E6B496);
color:#A57559
}
.fond_bloc_votes {
width: 300px;
padding: 25px;
background-color: #252525;
background-image:linear-gradient(#E6D3B6, #E6B496);
color : #542E19;
}
.bloc_predef {
width: 600px;
height: 65px;
padding: 15px;
background-color: #252525;
color: #8c8c8c;
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
border : 1px dotted #DC0F2B;
background-image:linear-gradient(#E6D3B6, #E6B496);
color : #542E19;
}
/*** STAFF ***/
.fond_bloc_staff {
width: 300px;
height: 150px;
padding: 15px;
margin-bottom : 10px;
background-image:linear-gradient(#E6D3B6, #E6B496);
margin-left : 20px;
}
.staff {
width: 93px;
height: 100px;
overflow: hidden;
margin-top : 10px;
margin-left : 25px;
margin-right : 25px;
background-image:linear-gradient(#E6D3B6, #E6B496);
border : 1px dotted #ffffff;
color : #542E19;
}
.staff_img {
position: relative;
z-index: 2;
height: 100px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.staff:hover .staff_img {
margin-top: -400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.staff_description {
position: relative;
top: 26em;
z-index: 1;
width: 93px;
height: 100px;
text-align: center;
font-size: 11px;
color: #8c8c8c;
padding: 2px;
overflow: auto;
color : #542E19;
}
/*CODAGE INFOBULLES PREDEFINIS*/
a.info {
position: relative;
color: #eeeeee;
font-size:10px;
text-decoration: none;}
a.info span {display: none; /* on masque l'infobulle */}
a.info:hover {
background: none;
z-index: 999;
cursor: help; }
a.info:hover span {
width:200px;
display: inline;
position: absolute;
top: -50px; /* on positionne notre infobulle */
left: 20px;
background-color: #E9C698;
color: #eeeeee;
text-shadow: 1px 1px 5px #AB5039;
text-align:center;
padding: 2px;
border: 1px dotted #AB5039;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
-o-border-radius: 20px 20px 20px 20px;}
/*** CONTEXTE QUI COULISSE ***/
.contexte {
width: 300px;
height: 200px;
overflow: hidden;
background-image:linear-gradient(#E6D3B6, #E6B496);
border : 1px dotted #DC0F2B;
margin-left : 20px;
}
.contexte_img {
position: relative;
z-index: 2;
width: 300px;
height: 200px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte:hover .contexte_img {
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte_description {
position: relative;
z-index: 1;
width: 270px;
height: 200px;
margin-top: -200px;
text-align: justify;
font-size: 11px;
color: #8c8c8c;
padding: 10px;
overflow: auto;
color : #542E19;
}
.lettrine:first-letter {
font-size: 300%;
float: left;
font-family: 'Montez', cursive;
color: #DC0F2B;
}
/************************ FIN MISE EN FORME PAGE D'ACCUEIL ************************/
/* CHATBOX */
body.chatbox { background-image: url('http://image.noelshack.com/fichiers/2014/12/1395142138-fdcorpstosaf.png');
background-repeat: repeat;}
#chatbox_members { border-right: 1px dotted #C5C3AE; }
#chatbox_header {height: 28px;
background-color: #E9C698;
border-bottom: 1px solid #C5C3AE;
border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -htm-border-radius: 15px; -webkit-border-radius: 15px; }
#message,#submit_button{
border-width: 1px;
background-color: #E9C698;}
.fontbutton_normal {background-color: #E9C698;}
.fontbutton_selected {background-color: #E9C698;
border: 1px dotted #C5C3AE;}
.fontbutton_clicked {background-color: #E9C698;
border: 1px dotted #C5C3AE;}
.fontbutton_hover {background-color: #E9C698;border: 1px dotted #BAB69D;}
.avatar_mess
{
display: block;
width: 230px;
height: 400px;
margin-left: 0px;
margin-right: 10px;
overflow: hidden;
background: #E9C698;
border: 5px solid #3e1d19;
box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
-o-box-shadow: 0px 0px 6px #000000;
-htm-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
position: absolute;
display: block;
width: 220px;
height: 390px;
margin: auto;
padding: 5px;
overflow: auto;
background: #E9C698;
color: #93523A;
font-size: 11px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
display: block;
position: relative;
z-index: 2;
width: 190px;
margin-top: -15px;
margin-left: 10px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 3px #c5bea0;
background: #E9C698;
padding-top: 5px;
border-left: 3px solid #371e1a;
border-right: 3px solid #371e1a;
border-top: 1px solid #371e1a;
border-bottom: 1px solid #371e1a;
box-shadow: 0px 0px 3px #000000;
-moz-box-shadow: 0px 0px 3px #000000;
-o-box-shadow: 0px 0px 3px #000000;
-htm-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
}
/* CATEGORIES */
.forumlink{ display: block; text-align: center;
margin-top: -5px; margin-left: auto; margin-right: auto;}
.forumlink a{ font-size: 40px; font-family: 'Herr Von Muellerhoff', Brush Script MT;
border-bottom: 1px solid #D43852;
border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -htm-border-radius: 15px; -webkit-border-radius: 15px;
color: #E8A588 !important;
text-shadow: 1px 1px 1px #5C3F37;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;}
.forumlink a:hover{ color: #913A42 !important;
text-shadow: 1px 1px 0px #F7F1E3;
border-bottom: 1px dotted #A82C41;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;}
.forum_navig a{ font-weight: bold; text-shadow: 1px 1px 0px #ffffff; }
/* CSS pour le conteneur des onglets */
#conteneur_onglets
{
background: url(http://image.noelshack.com/fichiers/2014/12/1395578308-fdonglets.png) repeat;
}
/* CSS pour les onglets */
.onglet
{
margin: auto;
width: 800px;
font-family: 'Herr Von Muellerhoff', Brush Script MT;
font-size: 35px;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 1px 5px #61402E;
text-position: center;
letter-spacing: 0px;
cursor: pointer;
text-align: center;
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.onglet:hover
{
width: 800px;
font-family: 'Herr Von Muellerhoff', Brush Script MT;
font-size: 38px;
color: #D15F6E;
text-shadow: 4px 1px 1px white;
text-position: center;
text-align: center;
letter-spacing: 1px;
cursor: pointer;
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.qeel
{
background: url(http://image.noelshack.com/fichiers/2014/12/1395502079-qeel.png) top left no-repeat;
width: 700px;
height: 400px;
padding-left: 260px;
padding-top: 100px
text-shadow: 1px 1px 1px #ffffff;
font-weight: bold;
overflow: auto;
}
/* SUJETS */
topictitle{ color: #6a5c52 !important;
font-size: 14px; font-weight: bold;
text-shadow: 1px 1px 0px #fff;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;}
.topictitle:hover{ color: #D16D70 !important; text-shadow: 1px 1px 0px #fff;
transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;}
/* MESSAGES */
.postbody{ display: block;
text-align: justify; padding: 15px;}
.quote{ width: 500px;
padding: 8px;
color: #655a4d;
background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg');
border-right: 1px solid #D2D1BC; border-left: 1px solid #D2D1BC; border-top: 3px solid #D2D1BC; border-bottom: 3px solid #D2D1BC;
border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -htm-border-radius: 15px; -webkit-border-radius: 15px; }
.spoiler_closed{ display:block; padding:4px; color: #655a4d; background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg');
border-right: 1px solid #D2D1BC; border-left: 1px solid #D2D1BC; border-top: 3px solid #D2D1BC; border-bottom: 3px solid #D2D1BC;
border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -htm-border-radius: 15px; -webkit-border-radius: 15px; }
.spoiler_content { display:block; padding:8px;
color: #655a4d;
background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg');
border-right: 1px solid #D2D1BC; border-left: 1px solid #D2D1BC; border-top: 3px solid #D2D1BC; border-bottom: 3px solid #D2D1BC;
border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -htm-border-radius: 15px; -webkit-border-radius: 15px; }
.code{
width: 500px;
color: #7d786f;
padding: 7px;
background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg');
border-right: 1px dashed #D2D1BC; border-left: 1px dashed #D2D1BC;
border-top: 2px dashed #D2D1BC; border-bottom: 2px dashed #D2D1BC;
border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px; -webkit-border-radius: 10px; }
.name{ text-align: center; color: #7d786f; font-size: 22px; text-shadow: 0px 0px 1px #fff; font-family: Brush Script MT; }
/* CHAMPS */
input{ background: #f3f2ec;
border: 1px solid #9EBEB9;
box-shadow: 0px 0px 2px #432C26; -moz-box-shadow: 0px 0px 2px #432C26; -o-box-shadow: 0px 0px 2px #432C26; -htm-box-shadow: 0px 0px 2px #432C26; -webkit-box-shadow: 0px 0px 2px #432C26;}
input:focus{ box-shadow: 0px 0px 2px #D47A71; -moz-box-shadow: 0px 0px 2px #D47A71; -o-box-shadow: 0px 0px 2px #D47A71; -htm-box-shadow: 0px 0px 2px #D47A71; -webkit-box-shadow: 0px 0px 2px #D47A71;}
.mainoption, .liteoption{ height: 23px; background: url(http://img4.hostingpics.net/pics/718930fond2.jpg); border: 1px solid #BAB69D; box-shadow: 0px 0px 2px #D1767D; -moz-box-shadow: 0px 0px 2px #D1767D; -o-box-shadow: 0px 0px 2px #D1767D; -htm-box-shadow: 0px 0px 2px #D1767D; -webkit-box-shadow: 0px 0px 2px #D1767D;
color: #472C23; }
.mainoption:hover, .liteoption:hover{
border: 1px solid #BAB69D;}
.mainoption:focus, .liteoption:focus{
border: 1px solid #C96065;}
textarea{ background: #e6e6e6;
border: 1px solid #9EBEB9;
box-shadow: 0px 0px 4px #432C26; -moz-box-shadow: 0px 0px 4px #432C26; -o-box-shadow: 0px 0px 4px #432C26; -htm-box-shadow: 0px 0px 4px #432C26; -webkit-box-shadow: 0px 0px 4px #432C26;}
textarea:focus{ background: #e6e6e6;
border: 1px solid #BAB69D;
box-shadow: 0px 0px 4px #D47A71; -moz-box-shadow: 0px 0px 4px #D47A71; -o-box-shadow: 0px 0px 4px #D47A71; -htm-box-shadow: 0px 0px 4px #D47A71; -webkit-box-shadow: 0px 0px 4px #D47A71;}select{ background: #d0d0cc;}
/* BORDURES */.row3Right{border: none !important;}
.thHead{border: none !important;}
.thCornerL, .thCornerR, .thTopn, .thSides{
border: none !important;}
.thLeft, .thRight{border-left: none !important;border-right: none !important;}
.catLeft, .catRight{border: none! important;}.catHead{border: none !important;}
.catBottom{border: none !important;}
/* FOOTER */#page-footer a{ font-size: 10px; }
/*Catégories*/
table.case_stats{
width:120px;
height:100px;
margin:auto;
background-image:url('http://image.noelshack.com/fichiers/2014/11/1394640605-fdstadermes.png');
background-position: right top;
background-repeat:no-repeat;
padding-left:50px;
}
table.case_stats td.dernier_msg p{
color:#F6E5CB;
width:120px;
padding:0;
margin: 0;
margin-left: 40px;
padding-top: 30px;
font-size: 9px;
text-align:center;
}
table.case_stats td.dernier_msg p a{
text-decoration:none;
color:#7B4E37;
}
table.case_stats td.dernier_msg p a:hover{
border-bottom:green 1px dashed;
color:#C85F71;
}
table.case_stats td.stats_forum p{
color:#FEF1CE;
width:120px;
margin-left:50px;
font-size:10px;
font-weight:bold;
text-align:center;
padding:0;
}
/* SCROLLBAR */
/*chrome*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
-webkit-border-radius: 15px;
}
::-webkit-scrollbar-thumb {
background-color: #E5C46B;
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
-webkit-border-radius: 5px; }
#kaboum .row1 {
text-align : justify;
}
/*firefox*/
::-moz-scrollbar {
width: 10px;
height: 10px;
-webkit-border-radius: 15px;
}
::-moz-scrollbar-thumb {
background-color: #E5C46B;
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
-webkit-border-radius: 5px; }
#kaboum .row1 {
text-align : justify;
}
/*CODAGE INFOBULLES */
a.info2 {
position: relative;
color: #93522D;
font-size:10px;
text-decoration: none;}
a.info2 span {display: none; /* on masque l'infobulle */}
a.info2:hover {
background: none;
z-index: 999;
cursor: help; }
a.info2:hover span {
width:230px;
display: block;
position: absolute;
left: 5px;
background-color: #E9C698;
color: #93522D;
text-align:center;
padding: 2px;
border: 1px dotted #93522D;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
-o-border-radius: 20px 20px 20px 20px;}
/*FIN infobulles*/
/* FAST LINKS */
#fast_links
{
position: fixed;
z-index: 999;
width: 378px;
height: 214px;
margin-top: 20px;
margin-left: -280px;
background: url(http://image.noelshack.com/fichiers/2014/12/1395271675-menuaf.png) center center no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
}
#fast_links:hover
{
margin-left: -10px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
}
#fast_links_contenu
{
margin-top: 31px;
margin-left: 10px;
}
.fast_link
{
display: block;
width: 200px;
padding: 4px;
background-color: #ebe4d0;
font-weight: bold;
border-left: 2px solid #a1883a;
border-right: 2px solid #a1883a;
text-align: center;
font-size: 12px;
text-shadow: 1px 1px 0px #ffffff;
opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
filter: alpha(opacity=60);
}
.fast_link:hover
{
background-color: #f8f6f0;
border-left: 2px solid #f5d553;
border-right: 2px solid #f5d553;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
}
hr {
height: 1px;
margin: 0.5em 0;
padding: 0;
color: #ffffff;
background-color: #ffffff;
border: 0;
}
.widget_flottant{
width: 100px;
height: 100px;
overflow: auto;
position:fixed;
top: 390px; right: 1px;
font-family: Gabriola;
color: #9D952C;
font-size: 18px; text-shadow: 2px 1px 1px black;
opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(opacity=50);
}
.widget_flottant:hover{
width: 100px;
height: 100px;
overflow: auto;
position:fixed;
top: 390px; right: 1px;
font-family: Gabriola;
color: #cccccc;
font-size: 18px; text-shadow: 2px 1px 1px black;
opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);
transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s;}
Voilà, voilà ... Donc je précise bien que le problème apparait après quelques secondes de chargement de la page (au début tout est normal comme avant et après ça saute et pouf !)
Merci vous votre sollicitude permanente envers les utilisateurs de forumactif,
En vous souhaitant de joyeux fêtes de fins d'années ♥
Dernière édition par Dark6Nika le Ven 26 Déc 2014 - 16:04, édité 1 fois
Re: Espace vide après footer + Barre de navig' remontée et coupée
pour le soucis de la barre de navigation, il faut augmenter la taille de la barre dans la partie #navigation
Voici une modif qui me semble donner un bon résultat :
et modifier le margin de #navig comme ceci
résultat
Voici une modif qui me semble donner un bon résultat :
- Code:
#navigation {
background-color: #F7DBB0;
border-bottom: 2px solid #97315D;
border-radius: 0px 0px 150px 150px;
height: 19px;
margin-left: -10px;
margin-top: -10px;
opacity: 0.7;
padding: 5px;
position: fixed;
width: 100%;
z-index: 999;
}
et modifier le margin de #navig comme ceci
- Code:
#navig {
margin: 4px auto auto;
text-align: center;
text-decoration: none;
width: 80%;
}
résultat
Re: Espace vide après footer + Barre de navig' remontée et coupée
Merci pour votre réponse ♥
En effet ça permet à la barre de navigation de ne pas être coupée par ce bug, mais ça ne répare pas le bug en lui même =/
En tout cas j'ai bien mis en place ce que vous m'avez donné, en attendant ça sera toujours plus esthétique, merci beaucoup ^-^
En effet ça permet à la barre de navigation de ne pas être coupée par ce bug, mais ça ne répare pas le bug en lui même =/
En tout cas j'ai bien mis en place ce que vous m'avez donné, en attendant ça sera toujours plus esthétique, merci beaucoup ^-^
Re: Espace vide après footer + Barre de navig' remontée et coupée
Dark6Nika a écrit:Merci pour votre réponse ♥
En effet ça permet à la barre de navigation de ne pas être coupée par ce bug, mais ça ne répare pas le bug en lui même =/
si vous pouviez être précise. Vu que le soucis provenait de la barre de navigation qui était coupée, je ne sais ce que vous souhaitez modifier de plus.
Re: Espace vide après footer + Barre de navig' remontée et coupée
Non le problème ne venait pas de la barre de navigation et ce n'était pas le seul bug gênant, il y a aussi ce gros espace après le pied de page qui reste maintenant (comme on voit sur le screen et je pense qu'il apparaîtra aussi si vous allez voir sur le forum).
Le fait que la barre de navigation soit coupée n'était donc pas le bug en lui même mais une conséquence du bug qui fait que, après quelques secondes de chargements, la barre de navigation remonte et un grand espace vide se rajoute après le pied de page. Je me suis peut-être mal expliquée dans mon premier message.
Le fait que la barre de navigation soit coupée n'était donc pas le bug en lui même mais une conséquence du bug qui fait que, après quelques secondes de chargements, la barre de navigation remonte et un grand espace vide se rajoute après le pied de page. Je me suis peut-être mal expliquée dans mon premier message.
Re: Espace vide après footer + Barre de navig' remontée et coupée
autant pour moi, c'est moi qui ai mal compris.
Le soucis semble provenir de ces deux div qui ne semblent pas être avant </body> dans le template overall_footer_end.
Le soucis semble provenir de ces deux div qui ne semblent pas être avant </body> dans le template overall_footer_end.
- Code:
<div class="imgbas1"></div>
<div class="imgbas2"></div>
Re: Espace vide après footer + Barre de navig' remontée et coupée
Ah d'accord, je les ai trouvé : (l.37)
Elles sont bien dans la balise body du coup, que dois-je en faire ?
- Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
<td>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
<!-- BEGIN switch_footer_links -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</div>
</div>
<!-- END switch_footer_links -->
<div id="FooterPerso">
<br><center><div style="width: 97%; margin: auto; border-top: ; color: #5b5b5b; padding: 5px;"> <span style="font-family: 'Herr Von Muellerhoff', sans-serif; text-align: center; letter-spacing: 1px; font-size: 28px; color: #DC0F2B;">Nos Partenaires</span><br>
<marquee class="Scroller" behavior="scroll" direction="left" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://tales-of-symphonia-by-lina.wifeo.com/"><img src="http://image.noelshack.com/fichiers/2013/33/1376818613-minilogparttosbulina.jpg" /></a> • <a href="http://ff-judgement-day.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2013/29/1374423425-icons88-31-1.gif" /></a> •<a href="http://funsoluces.wordpress.com/"><img src="http://image.noelshack.com/fichiers/2014/11/1394881959-f-u-n-soluce.jpg" /></a> • <a href="http://fan-dessin.forumactif.org"><img src="http://img15.hostingpics.net/pics/726824pub.png" /></a> • <a href="http://epicarena.forum2jeux.com"><img src="http://i73.servimg.com/u/f73/18/40/36/82/eppeti10.jpg" /></a> • <a href="http://tsuki-no-kioku.forumactif.org/" target="_blank"><img src="http://img15.hostingpics.net/pics/1176618831.png" alt="Tsuki No Kioku" border="0" /></a> • <a href="http://tales-of-luminasia.forumactif.org/" target="_blank"><img src="http://i.imgur.com/qNy5aHh.jpg" /></a> • <a href="http://new-generation.superforum.fr/"><img src="http://i.imgur.com/n3t1x7y.jpg" /></a> • <a href="http://juuni-kokki.forumactif.org/"><img src="http://i56.servimg.com/u/f56/18/47/37/25/bouton10.jpg" /></a> • <a href="http://brokenwonderland.forumactif.org"><img src="http://img15.hostingpics.net/pics/946825bouton88x31.jpg"></a> • <a href="http://monde-cruel.forumactif.org/"><img src="http://www.servimg.com/u/f56/18/69/84/81/mav11.png"></a> • <a href="http://graylingemblem.forumactif.org"><img src="http://i43.tinypic.com/op8c4m.png"></a> • <a href="http://ffrevolution.forumactif.org/"><img src="http://i55.servimg.com/u/f55/12/62/15/12/bouton13.jpg"></a> • <a href="http://furolucioles.forumactif.org/forum"><img src="http://i39.servimg.com/u/f39/18/92/82/41/topsit10.jpg" /></a> • <a href="http://ushinasei.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/33/1407724235-us88x31.png" /></a> <a href="http://free-rpg.forumactif.com/"><img src="http://img4.hostingpics.net/pics/7345438831.png"></a> <a href="http://battleofthefairies.forumgratuit.ch/"><img src="http://zupimages.net/up/14/38/z9lr.png" alt="battleofthefairies" /></a> <a href="http://machi-no-yoso.forumgratuit.ch/"><img src="http://zupimages.net/up/14/43/nfwo.bmp" alt="Machi no Yōso" /></a> </marquee>
</div><a href="#" class="info"><br /></a><a href="http://tos-anotherfate.forumactif.org/t42-demandes-de-partenariat">Vous ?</a> ♦ <a href="http://tos-anotherfate.forumactif.org/f87-espace-partenaires">Nos partenaires</a> </div></center>
</div>
</div>
{PROTECT_FOOTER}
</td>
</tr>
</table>
<div class="imgbas1"></div><div class="imgbas2"></div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Elles sont bien dans la balise body du coup, que dois-je en faire ?
Re: Espace vide après footer + Barre de navig' remontée et coupée
Les placer juste avant </body> dans le template overall_footer_ end que vous venez de fournir. Cette fermeture constitue le pied de page du forum.
Re: Espace vide après footer + Barre de navig' remontée et coupée
Ah d'accord, je viens de faire ça mais ça n'a rien changé hélas =/ (j'ai bien validé le template)
Re: Espace vide après footer + Barre de navig' remontée et coupée
En analysant le forum, je ne trouve aucun css associé à imgbas1 et imgbas2. avez vous une ou plusieurs autres div associés aux images de ce pied de page ?
edit : idem pour la div footer perso; aucun css d'associé.
edit : idem pour la div footer perso; aucun css d'associé.
Re: Espace vide après footer + Barre de navig' remontée et coupée
Et bien pour tout avouer je ne sais pas trop d'où sortent ces div imgbas ! L'image que j'ai en footer est dans le css body en fait, du coup, ces div imgbas ne sont associé à rien (je viens même de les supprimer de mon template là, ça n'a rien changé du tout donc elles devaient servir à rien, peut-être les restes d'un précédent design que j'aurais laissé par mégarde ?)
Du coup ça vient peut-être du manque de css de footer perso ? Le tuto que j'ai utilisé pour l'installer ne comportait pas de css (et je l'utilise sur un autre forum sans css non plus et ça ne bug pas pourtant).
Du coup ça vient peut-être du manque de css de footer perso ? Le tuto que j'ai utilisé pour l'installer ne comportait pas de css (et je l'utilise sur un autre forum sans css non plus et ça ne bug pas pourtant).
Re: Espace vide après footer + Barre de navig' remontée et coupée
Je vous avouerai avoir eu beaucoup de mal à trouver vu le nombre de div non renseignées que contient votre template.
Votre footer en fait ne contient aucune image mais votre body contient un multiple background qui donne une hauteur trop importante
A mon avis, retirerez la dernière image cad
Votre footer en fait ne contient aucune image mais votre body contient un multiple background qui donne une hauteur trop importante
- Code:
body {
background-attachment: scroll, scroll, fixed;
background-color: #BDBBA3;
background-image: url("http://image.noelshack.com/fichiers/2014/12/1395254001-bannaftxt2.png"), url("http://image.noelshack.com/fichiers/2014/12/1395503125-footertosaf.png"), url("http://image.noelshack.com/fichiers/2014/12/1395233815-fdbgtosaf.jpg");
background-position: right top, left bottom, center center;
background-repeat: no-repeat, no-repeat, repeat;
}
A mon avis, retirerez la dernière image cad
- Code:
http://image.noelshack.com/fichiers/2014/12/1395233815-fdbgtosaf.jpg
Re: Espace vide après footer + Barre de navig' remontée et coupée
Pour vérifier si ça venait bien de body, j'ai laissé qu'un bg (et retiré les mentions associés aux autres) mais le bug persiste malgré ça. (A savoir aussi que j'utilise ce code sur un autre forum qui ne présente pas le bug aussi, les 3 bg sont en fait pour le logo, le fond et le footer, je l'utilises depuis longtemps sur beaucoup de design je n'ai jamais eu de soucis avec)
Mais en effet j'ai beaucoup de balise en rouge dans mon template overall_footer_ end, peut-être que ça vient de là, je vais essayer de bidouiller de ce côté.
Mais en effet j'ai beaucoup de balise en rouge dans mon template overall_footer_ end, peut-être que ça vient de là, je vais essayer de bidouiller de ce côté.
Re: Espace vide après footer + Barre de navig' remontée et coupée
Bon courage. A mon avis, profitez en pour repartir sur un template de base en y apportant que les modifications nécessaires.
Re: Espace vide après footer + Barre de navig' remontée et coupée
Ah j'allais justement éditer. Je viens en effet de supprimer mon template overall_footer_ end pour le remettre à zéro mais ça n'a rien changé, le problème ne vient toujours pas de là ...
Je suis pas sortie de l'aubergine ...
Je suis pas sortie de l'aubergine ...
Re: Espace vide après footer + Barre de navig' remontée et coupée
Hello
C'est quelque chose qui est rajouté en javascript déjà, car quand on désactive le js le problème part
Il y a plusieurs div qui sont rajoutées, une avec l'id foovrly et une #fowd qui ont un certain CSS
Essaye de rajouter dans ton CSS ceci, ça nous permettra de voir d'abord si cela vient bien de cet élément :
C'est quelque chose qui est rajouté en javascript déjà, car quand on désactive le js le problème part
Il y a plusieurs div qui sont rajoutées, une avec l'id foovrly et une #fowd qui ont un certain CSS
Essaye de rajouter dans ton CSS ceci, ça nous permettra de voir d'abord si cela vient bien de cet élément :
- Code:
#fowd { display : none;}
Re: Espace vide après footer + Barre de navig' remontée et coupée
Oh petit code magique *-* Je l'ai bien ajouté et ça a résolu le problème en effet ♥ Plus de vilain espace après le pied de page ^-^ (On voit que la barre de navigation remonte toujours après quelques seconde de chargement mais ça à la limite c'est pas grave comme je l'ai redescendu grâce aux conseils de demeter1 ~~)
Merci beaucoup de votre aide ! \^o^/
Merci beaucoup de votre aide ! \^o^/
Sujets similaires
» Espace vide sur la gauche du fond de la barre de navigation (en haut)
» Problème de Barre de Navig
» Barre de catégories coupée
» barre-verticale-des-messages-coupée
» Bouton personnalisé barre de navig surbrillance
» Problème de Barre de Navig
» Barre de catégories coupée
» barre-verticale-des-messages-coupée
» Bouton personnalisé barre de navig surbrillance
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum