Espace vide devant la navigation

2 participants

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

En cours Espace vide devant la navigation

Message par seyrenhiryuu Mar 30 Oct 2012 - 13:56

Bonjour,

J'ai suivi ce guide : https://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 : https://2img.net/r/ihimizer/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
avatar

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 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

Ü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

- Sujets similaires

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