Discussion :

[Mychkine1992]

Bonjour.
Pour un projet de site en HTML/CSS et PHP, j'ai essayé d'ajouter une bannière/header à mes pages, mais pour une raison ou une autre, quand je scroll, la bannière passe en-dessous des labels
du formulaire sur la page.
Je souhaterais de mon côté qu'elle passe au-dessus
J'ai tenté d'ajouter la propriété z-index en mettant la bannière en 2 et le formulaire en 1, mais çà ne semble pas fonctionner.

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
.bannerPatient {
	position: fixed;
	margin-top: 0;
	border: 10px solid brown;
	border-style: inset;
	width: 100%;
	top: 0%;
	left: 0px;
	padding: 0px;
	background-color: #fa3;
	z-index: 10;
}
 
header {
	position:fixed;
	margin: 0;
	padding: 0;
	background-color: #fa3;
}
 
.form3 label {
	width: 100px;
	z-index:1;
	background-color: grey;
	font-family: arial;
	border: 10px solid inset grey;
	box-shadow: 10px 10px 10px 10px grey;
	color: #3b0000;
}

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
<header>
	<div class="test">
		<div class="bannerPatient">
			<h4 class="titlePatientHeader">Réseau de Réhabilitation à l'Effort</h4>
			<img class="logo" src="logo.png" />
		</div>
		<div class="menu-bar">
			<ul class="sub-menu">
			<li class="element-menu"><a href="">Nouveaux</a></li>
			<li class="element-menu"><a href="">diagnostic</a></li>
			<li class="element-menu"><a href="">professionnels de santé</a></li>
			<li class="element-menu"><a href="">catégories de ps</a></li>
			<li class="element-menu"><a href="">épreuve d'effort</a></li>
			<li class="element-menu"><a href="">session</a></li>
			<li class="element-menu"><a href="">séances kiné</a></li>
			</ul>
		</div>
	</div>
</header>

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
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<form class="form3" method="POST" action="patients.php">
<fieldset>
<div class="cadreDeRef">
	<p><input class="stop" type="submit" name="stop" value="" /></p>
	<p><input class="enregistrer" type="submit" name="nouveau_patient" value="" /></p>
	<p><input class="next" type="submit" name="next" value="" /></p>
	<p><input class="previous" type="submit" name="previous" value="" /></p>
</div>
<br /><br /><br /><br /><br /><br /><br /><br />
<p class="trouDeBalle"><label for="nom">Nom</label><input class="fieldInput3" id="nom" type="text" name="nom" value="" /></p>
<br /><br />
<p><label for="prenom">Prenom</label><input class="fieldInput3" id="prenom" type="text" name="prenom" value="" /></p>
<br /><br />
<p><label for="date_de_naissance">Date_de_naissance</label><input class="fieldInput3" id="date_de_naissance" type="text" name="date_de_naissance" value="" /></p>
<br /><br />
<p><label for="adresse">Adresse</label><input class="fieldInput3" id="adresse" type="text" name="adresse" value="" /></p>
<br /><br />
<p><label for="code_postal2">Code_Postal</label>
<select class="fieldInput3" class="code_postalB" id="code_postal2" name="code_postal3" onchange="selectVille()">
<?php 
 
        $sql14 = "SELECT Code_Postal, Ville FROM communes";
        $stmt14= $pdo->query($sql14);
        
        while($row14 = $stmt14->fetch()) {
                
                echo "<option value=" . $row14["Ville"] . ">" . $row14["Code_Postal"] . "</option>";
                
        }
        
?>
</select></p>
<br /><br />
<p><label for="ville2">Ville</label>
<select class="fieldInput3" id="ville2" name="ville3" onchange="selectCodePostal()">
<?php 
 
        $sql1 = "SELECT Code_Postal, Ville FROM communes";
        $stmt1= $pdo->query($sql1);
        
        while($row1 = $stmt1->fetch()) {
                
                echo "<option value=" . $row1["Code_Postal"] . ">" . $row1["Ville"] . "</option>";
                        
        }
        
?>
</select></p>
<br /><br />
<p><label for="sexe">Sexe</label>
<select class="fieldInput3" class="sexeA" id="sexe" name="sexe">
	<option>F</option>
	<option>M</option>
</select><p>
<br /><br />
<p><label for="nir">NIR</label><input class="fieldInput3" id="nir" type="text" name="NIR" value="" /></p>
<br /><br />
<p><label for="diagnostic">Diagnostic</label>
<select class="fieldInput3" id="diagnostic" name="diagnostic">
<?php 
 
        $sql2 = "SELECT * FROM diagnostic";
        $stmt2= $pdo->query($sql2);
        
        while($row2 = $stmt2->fetch()) {
                
                echo "<option>" . $row2["Diagnostic"] . "</option>";
                
        }
 
?>
</select></p>
<br /><br />
<p><label for="medecin">Medecin</label>
<select class="fieldInput3" id="medecin" name="medecin">
<?php 
 
        $sql3 = "SELECT * FROM ps";
        $stmt3= $pdo->query($sql3);
        
        while($row3 = $stmt3->fetch()) {
                
                        echo "<option value=" . $row1["Code_Postal"] . ">" . $row3["Nom"] . " " . $row3["Prenom"] . "</option>";
                        
        }
 
?>
</select></p>
<br /><br />
</fieldset>
</form>

Merci d'avance, si quelqu'un a une idée de ce qui cloche.