Menu ne fais pas la largeur de la page

Bonjour

je débute en css et html
j'ai un menu avec un bandeau qui ne vas pas jusqu'au bout de ma page
il y a un ascenseur en bas de ma page ce qui est normal
mais le menu qui est en couleur ne suis pas

pouvez-vous m'aider ??

merci

voici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="home.css"/>
    </head>
 
    <body>
        <nav>
            <ul>
                <li class="menu-retour"><a href="#">Retour Consultation</a></li>
                <li class="menu-home"><a href="#">Menu</a></li>
            </ul>
        </nav>
 
        <br />
        <br />
 
        <table>
            <tr>
                <th>test1</th>
                <th>test2</th>
                <th>test3</th>
            </tr>
 
            <tr>
                <td align="center"><?php echo "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"; ?></td>
                <td align="center"><?php echo "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb"; ?></td>
                <td align="center"><?php echo "ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"; ?></td>
            </tr>
 
 
        </table>
    </body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
html {
    color: #323232; /* pas complètement noir */
    background: #ddd; /* pas complètement blanc */
}
 
body {
    font-family: Verdana, Calibri, sans-serif;
    margin: 0px;
    padding: 0px;
}
 
nav > ul {
    margin:0px;
    padding:0px;
}
 
nav li {
    list-style-type: none;
}
 
nav > ul > li {
    float: left;
    position: relative;
}
 
nav {
    background-color: #424558;
}
 
nav > ul:after {
    content: "";
    display: table;
    clear: both;
 
}
 
nav a {
    display: inline-block;
    text-decoration: none;
}
 
nav > ul > li > a {
    padding: 20px 30px;
    color: #FFF;
}
 
.menu-home:hover {
    border-top: 5px solid #0ACD16;
    background-color: RGBa(50, 180, 50, 0.15);
}
 
.menu-retour:hover {
    border-top: 5px solid #9370D8;
    background-color: RGBa(147, 112, 216, 0.15);
}
 
nav > ul > li:hover a {
    padding: 15px 30px 20px 30px;
}

Merci beaucoup

Cordialement

Si j'ai compris la question, il faudrait que le menu soit positionné fixe ...

De toute façon, impossible de tester et de comprendre car nous n'avons pas le fichier css externe home.css
De plus tu mets du php qui bien sûr ne s"affiche pas en html.
Impossible d'avoir la double vue, ou magicien, même débutant, il faut se mettre à la place de ceux qui désirent t'aider! :mrgreen:
Code:

1 2 3 4 5 6 nav { width:100%; position: fixed; z-index:999; background-color:white; }

Bonjour JefReb

Merci beaucoup pour votre réponse

le bout de code en css que vous avez mis ma permis de résoudre mon probleme (position: fixed)
Code:

1 2 3 4 5 6 7 nav { width:100%; position: fixed; z-index:999; background-color:white; }
Un grand Merci

Cordialement