Blog d'aide de Blog4ever

Bonsoir, étant une débutante dans la matière et après 2 nuit blanche à essayer de trouver la solution moi même, je viens vous demander votre aide car je ne trouve pas la solution :P

J'ai regarder les tuto du forum ainsi que les 2 sites de papyclic mais je n'arrive pas a bloquer ma barre de menu.

En faite quand je descend ma page, j'ai la barre de menu horizontale qui descend aussi. J'étais contente car j'avais réussis à bien centré ma barre de menu mais je n'avais pas envisagé qu'elle aller être mobile :(

Donc si vous pouvez m'aider à trouver la solution ce serait formidable.

En vous souhaitant une bonne nuit

:b0: vy et :bi:

Dans la règle qui gère la barre de menu #barre

Il faut supprimer cette ligne position: fixed; que tu as rajouté.

Bonne continuation

Bonjour, , c'est vraiment très gentil à toi de me répondre. Pour ton conseil je l'ai appliqué mais rien n'y fait ma barre de menu descend quand on descend la page.
J'ai peut être fait une erreur ailleurs ??
Désolé encore de te déranger ^_^

Je t'envoie mon fichier CSS si tu peux y jeter un coup d'oeil (par contre ne rigole pas car j'ai du faire beaucoup d'erreur de débutante :P)

En te souhaitant un bon weekend

* {margin: 0; padding: 0;}

body{
cursor: url(http://www.123cursors.com/freecursors/11506.ani);
background : #FFCCCC;
background-image : url();
font-size : 10pt;
font-family : Arial;
text-align : center;
}

#cadre{
background : #;
background-image : url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239390_201105112021692.jpg);
background-repeat : repeat;
background-position : center top;
color: #000000;
width : 100%; /* pour rendre redimensionnable */
max-width : 1600px; /* largeur maximum limite */
min-width : 980px; /* largeur minimum limite */
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #FFCCCC;
position: relative;
background-attachment : fixed;
}


#haut{
background : #;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239222_201105105528977.jpg);
background-repeat: no-repeat;
background-position : center top; /* pour centrer l'image du fond */
width : px; /* en pourcentage se redimensionne */
height : 310px; /* sur ce modèle une marge de 30px donc 250px pour faire 265px au total */
margin-top : 10px; /* pour laisser la place à la barre */
margin-left : auto;
margin-right : auto;
margin-bottom : 35px;
padding-top : -10px; /* pour faire descendre le titre */
padding-left : px;
padding-top : 20px;
padding-right : auto;
padding-bottom : px;
border : px ridge #000;
text-align:center;
}


#haut h1 a{
text-decoration:none;
background : #;
color : #FFFFFF;
font-family : Comic sans Ms, Trebuchet MS, sans-serif;
font-size : 60pt; /* texte plus petit pour ce modèle */
line-height : px;
text-align:center;
border : px inset #FFCC00;
display : block;
}

a
{
color:#000000;
text-decoration : underline;
}
a:hover
{
color:#FFFFFF;
text-decoration : none;
}

#barre{
background : #;
background-image: url(http://);
background-repeat : repeat-x;
width : 449px; /* largeur à régler avec les marges */
height: 30px;
padding-bottom: 0px;
margin-left : 530px; /* pour centrage partie "Barre" */
margin-right : auto; /* pour centrage partie "Barre" */
margin-top : -50px; /* pour remonter la "Barre" au-dessus de la partie "Haut" */
margin-bottom : 5px; /* repousser le menu et le contenu pour compenser */
border : px solid #FFF;
display:block;
}

#barre ul
{
list-style-type : none;
width : 449px;
margin-left : auto;
margin-right : auto;
}
#barre li
{
float : left;
}
#barre a
{
background : #;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239363_201105101615958.bmp);
background-repeat : no-repeat;
color: #CC0066;
width : 100px;
height : 30px;
margin-top : 5px; /* marge haute modifiée dans ce modèle */
margin-left : 5px;
font-size : 15pt;
font-family : Comic sans MS, Trebuchet MS, sans-serif;
text-decoration : none;
text-align : center;
border: 3px outset #FF6600;
display : block;
}
#barre a:hover
{
background : #;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239361_20110510114669.jpg);
background-repeat: repeat;
color: #FF0099;
height : 30px;
margin-top : px;
padding-top : px;
font-size : 13pt;
border:3px inset #FF6600;
}

#menu
{
background : #FFCCCC;
background-image : url();
background-repeat : repeat-y;
width : 185px;
padding-left : 10px;
padding-right : 10px;
margin-top : px;
margin-left : 5px;
float:left;
border : px solid #000000;
}
#menu ul
{
background : #;
background-image: url();
background-repeat: repeat-y;
width : 180px;
list-style-type : none;
}
#menu ul li
{
background : #;
width : 175px;
border : px solid #000000;
}
#menu ul li a
{
background : #;
color: #FF0099;
width : 175px;
padding-left : 3px;
font-size : 12pt;
font-family : Arial;
line-height : 25px;
display : block;
}
#menu ul li a:hover
{
background : #FF9999;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239852_201105121813412.png);
background-repeat: repeat;
color: #FFFFFF;
text-decoration : none;
}
#menu h2
{
background : #FF0033;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239363_201105101615958.bmp);
background-repeat: repeat-x;
color: #CC0066;
width : 180px;
height : 25px;
padding-top : 5px;
margin-top : 20px;
font-size : 16pt;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
}
#contenu
{
background : #FFEFBD;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239859_201105124138408.png);
background-repeat: repeat-y;
color: #993300;
/* width : 730px; */
padding-top : 10px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : px;
margin-left : 220px;
font-size : 10pt;
font-family : Verdana;
border : px solid #000000;
}
#contenu h3
{
background : #000000;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239859_201105124138408.png);
background-repeat: repeat-x;
color: #E8EEF4;
width : 500px;
height : 30px;
padding-top : px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 13pt;
font-family : Trebuchet MS;
line-height : 30px;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a {
background : #;
color : #993300;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
#contenu a:hover
{
background : #FFFFFF;
color : #000000;
text-decoration : none;
}
#bas
{
background : #EBEDAB;
background-image: url(https://static.blog4ever.com/2011/05/491756/artfichier_491756_239859_201105124138408.png);
background-repeat: repeat-y;
color: #FFFFFF;
width : 968px;
margin : auto;
border : 1px solid #FFFFFF;
}
#spacer
{
height : 20px;
clear : both;
}
fieldset {border:0;}
hr {margin:10px;}
* html #menu h2{width: 182px;}
#contenu ol {
list-style-type: decimal;
margin-left:25px;
}

style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flower25-1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Flower25-1.gif"), auto;}/style>

/* ------------------------------------ */
/* - Code pas accepté par l'assistant - */
/* ------------ baseplus -------------- */
/* ------------------------------------ */
a img {border:none;}
/* ----------- uniquement IE ---------- */
HTML, BODY
{
scrollbar-face-color : #FFCC66;
scrollbar-arrow-color : #FF9900;
scrollbar-track-color : #FF9900;
scrollbar-highlight-color:#DEDEDE;
scrollbar-shadow-color:#707070;
scrollbar-3dlight-color:#AEAEAE;
scrollbar-darkshadow-color:#505050;
}

...

Je me moque jamais, surtout quand je vois quelqu'un qui a fait des efforts de recherche

J'ai mis en gras dans ton message précédent du code à supprimer... certainement un collage de code que tu n'a pas compris.
Les balises