Barre de navigation

[Touwnsi]

Bonjour j'ai suivi un tuto pour mettre ma barre de navigation en haut du forum, voilà ce que j'obtiens,

(Le bleu = l'image de fond du forum)

J'aimerais mettre un fond à la Barre qui fasse toute la largeur du forum que sa donne sa:

Et un code pour que quand on descend la barre ne disparaît pas..

Merci

[Touwnsi]

up.

[Touwnsi]

Désolé du DP.

Enfin d'compte j'ai réussi à mettre le fond sur ma barre, mais
La largeur du fond que j'ai mis prend pas tout la largeur de mon forum le code que j'ai mit:

Code:

 .navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}
a.mainmenu img{
display: none;
}


[Matriochka]

Bonjour,

Il faut ajouter à l’élément .navig :

Code:

background-repeat:repeat-x;

Ce qui nous donne :

Code:

.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}

Cette ligne permet de faire répéter l’image sur l’axe X (donc, horizontalement).

[Touwnsi]

J'obtiens toujours le même résultat:

[Matriochka]

Ah je n’avais pas compris ça comme ça.

Essaye d’ajouter ceci en plus dans ton CSS :

Code:

body {padding:0px;}

[Touwnsi]

Bonsoir
Je dois l'ajouté à quel moment du code ?
Car j'l'ai placé juste en dessous de:

Code:

background-image:url("http://img15.hostingpics.net/pics/947807verthaut.png");

Et le problème est toujours présent.

Voilà le code CSS que j'ai en ce moment:

Code:

.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://image.noelshack.com/fichiers/2013/24/1371395864-ebar.png");
  body {padding:0px;}
background-repeat:repeat-x;
  color: #FFFFFF;
  border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
  a.mainmenu img{
display: none;
}
  a.mainmenu {
margin: 5px;
font-family: Arial;
font-size: 23px;
}
}
.forumline{
border-radius : 1px;
}
.bodyline{
background : url('http://lightpics.eu/images2/EaZqv.png');
}
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  background-color:#EDEDED;
  text-align : justify;
  color:#000000;
  -moz-border-radius:20px;
  border-radius:20px;
  padding:10px;
}
        .bodyline{
        border-radius: 300px / 40px;
        -moz-border-radius:300px / 40px;
        -webkit-border-radius: 300px / 40px;
        -khtml-border-radius: 300px / 40px;
        box-shadow: 0px 0px 7px #000;
        background-color: #ede7d8;
        }
.quote {
  border:1px solid #000000;
  text-align : justify;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  padding:10px;  
}
.forumline {
    -moz-border-radius: 2px ;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
padding : 0px;
}


[Matriochka]

Il faut le placer de manière indépendante :

Code:

.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}

puis ensuite :

Code:

body {padding:0px;}

Si tu fusionnes les deux, ça risque de ne plus fonctionner du tout Un code est valable seulement s’il est bien encadré par { et }

[Touwnsi]

Bonsoir, le problème est toujours là j'vous laisse vérifié.
Mon forum -> ICI
La barre de navigation que j'ai mit en haut, il y a un trou en haut à gauche le code que j'ai mit code vous m'avez dit:

Code:

.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}body {padding:0px;}



[Matriochka]

Ah d’accord, j’ai compris

Code:

.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}

Ajoute avant } :

Code:

left:0px;

[Touwnsi]

oh putain, merci !


Résolu.