Menu ne fais pas la largeur de la page

**www.rubis** · 14/11/2017, 12h18

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**JefReb** · 15/11/2017, 09h37

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!

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**www.rubis** · 15/11/2017, 23h06

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Un grand Merci

Cordialement

Menu ne fais pas la largeur de la page

Dimensionnement en CSS

Discussions similaires

Partager

Partager