Espace vide devant la navigation

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

En cours Espace vide devant la navigation

Message par seyrenhiryuu le Mar 30 Oct 2012 - 13:56

Bonjour,

J'ai suivi ce guide : http://forum.forumactif.com/t302522-mettre-sa-barre-de-navigation-en-haut-du-forum

Afin d'installer la barre de navigation de mon forum en haut de mon forum. Seulement, un espace vide gênant apparaît devant celle-ci (et fait apparaître une barre de défilement horizontale sur mon navigateur, très gênant).

Un aperçu du problème : http://img268.imageshack.us/img268/5281/capturekqp.jpg

J'aimerai savoir comment retirer cet espace vide. Dans le guide il y a un petit code apparemment prévu à cet effet mais, il ne fonctionne pas dans mon cas...

Mon overall_header (la partie qui nous intéresse seulement) :
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}"
  link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div class="nav_barr" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>

Mon CSS (la partie qui nous intéresse se trouve tout en bas mais, je met tout "au cas où"):
Code:
body
{
background-repeat: no-repeat;
background-position: center top;
background-attachment:fixed;
}

.name :hover{
a.forumlink
{
display: block;
color: #393939 !important;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #579463;
padding: 4px;
}
a.forumlink:hover
{
color: #579463 !important;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #393939;
}}

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

#page-body
{
margin-top: 20px;
}

.bodylinewidth
{
width: 950px;
margin: auto;
}

.forumline
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #393939;
border: 1px solid #000000;
box-shadow: 4px 4px #7f7f7e;
padding: 4px;
}
table
{
width: 98%;
margin: auto;
}


.postbody
{
text-align: justify;
}

body.chatbox
{
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: transparent;
}


#qeel_fond
{
width: 850px;
min-height: 400px;
background: url(http://img4.hostingpics.net/pics/842983fondqeel.jpg) top center no-repeat;
}
.qeel
{
width: 500px;
float: right;
background-color: #e9e3ce;
border-top: 3px solid #e09a31;
border-bottom: 3px solid #e09a31;
padding: 4px;
margin-top: 150px;
}

#page-footer a
{
font-size: 10px;
}


.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
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;
}


.mainmenu, a.mainmenua, .mainmenu:hover{
background-image: url("http://i45.servimg.com/u/f45/15/75/05/57/color10.png");border: 4px #393439;
-moz-border-radius : 5px 5px 5px 5px;
height:30px;padding-right:10px;padding-left:14px;padding-bottom:1px;
font-size:13px;font-weight: bold;text-align:center;
text-decoration: none !important;}


.groupes{
background-image: url("http://i45.servimg.com/u/f45/15/75/05/57/color10.png");border: 4px #393439;
-moz-border-radius : 5px 5px 5px 5px;
height:30px;padding-right:10px;padding-left:14px;padding-bottom:1px;
font-size:11px;font-weight: bold;text-align:center;
text-decoration: none !important;}

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}
 
#chatbox_header .catBottom .cattitle {
    color: #9E9E9E;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Boite à paroles..."; }
body.chatbox {
background-image: url('http://i45.servimg.com/u/f45/15/75/05/57/color10.png');
background-repeat: repeat;
}
         
.ombre1 {
font-family :GEORGIA;
  font-weight: bold;
text-align: center;
        letter-spacing: -1px;
  text-shadow: #adabab 1px 1px 1px;
   

       
       
.ombre {
font-family :GEORGIA;
text-align: center;
        letter-spacing: 1px;
        text-shadow: 1px 1px 1px #919191
          color:#FCF9EF;
}

.titre2 {
font-family: Arial;
text-align: center;
color: #52bf66;
border-bottom: 3px dotted #636663;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 14px;
  text-shadow: #c4c2c2 1px 1px 1px;
}
.titre3 {
font-size: 41px;
font-family: Time New Roman;
color: #666464;
text-transform: uppercase; 
margin-right: 150px;
  letter-spacing: 1px;
  text-shadow: #adabab 1px 1px 1px;
}
.titre4 {
font-size: 40px; 
  font-family: georgia; 
  color: #4ec466; 
  margin-right: 50px;
  letter-spacing: 1px;
  text-shadow: #adabab 1px 1px 1px;
}
        .nav_barr {
position: absolute;
top: 0px;
width: 100%;
background-color: #E6E6E6;
border-bottom: 6px solid #393939;
height:25px ;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
      }

a.mainmenu img{
display: none;
        }

Si vous avez besoin d'autres informations, n'hésitez pas !

Je vous remercie grandement d'avance, ce problème est un vrai casse-tête pour moi...

Seyren

seyrenhiryuu
Nouveau membre

Messages : 3
Inscrit(e) le : 30/10/2012

http://midgard.monalliance.com
seyrenhiryuu a été remercié(e) par l'auteur de ce sujet.

En cours Re: Espace vide devant la navigation

Message par Ünicorn le Mer 31 Oct 2012 - 9:47

Bonjour !

Premièrement permettez-moi de fangirliser parce que j'adore votre forum donc ma réaction en ce moment est proche de ça. Mais passons ! J'ai la solution à votre problème. Il vous suffit simplement de rajouter une petite ligne à votre code sur votre barre de navigation.

Code:
left: 0px;
Et le tour sera joué ! J'ai testé avec votre CSS et normalement c'est tout bon !

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum