sauvegarde

css/style.css

@@ -127,7 +127,17 @@ form {
   background-color: #82E6AC;
 }
 
-.help {
+.hint {
+  position: relative;
+  top: 0;
+}
+
+.hint__int {
+  position: relative;
+  width: 100%;
+}
+
+.hint__help {
   display: none;
   z-index: 2;
   position: absolute;
@@ -141,18 +151,18 @@ form {
   background-color: #e5e5e5;
   font-size: 14px;
 }
-.help:hover {
+.hint__help:hover {
   display: block;
 }
-.help p {
+.hint__help p {
   position: relative;
   font-size: 14px;
 }
-.help img {
+.hint__help img {
   border-radius: 15px;
   width: 100%;
 }
-.help code {
+.hint__help code {
   background-color: #aaa;
   border-radius: 5px;
   font-family: courier, monospace;

prof/include/champ.php

@@ -1,9 +1,5 @@
 <?php
-echo '<p> ',$titre,' : ';
-if ($help) {
-    echo '<a class="int" href="#" onmouseover=displayHelp(',$sql_name,')><img src="../img/int.png" alt="point_int" width=20px ></a>';
-}
-echo '</p>
+echo '<p> ',$titre,' : </p>
     <input class="container-field__field" type=',$type,' name=',$sql_name,'><br>
     <img class="container-field__img container-field__img--check" src="../img/check.png" alt="check">
     <img class="container-field__img container-field__img--excla" src="../img/excla.png" alt="exclamation">

prof/index.php

@@ -48,11 +48,15 @@ include '../sessions/session.php';
                     $help = true;
                     include("include/champ.php");
                 ?>
-                <div class="help" id="lieu">
+                <div class="hint" onmouseleave='hideHelp(lieu)'>
+                  <a class="hint__int" href="#" onmouseover=displayHelp(lieu)><img src="../img/int.png" alt="point_int" width=20px ></a>
+                  <div class="hint__help" id="lieu">
                       <p>Entrez le nom du bâtiment dans lequel se trouve le matériel</p><br>
                       <code>Ex: bâtiment A</code>
                   </div>
                 </div>
+
+            </div>
             <div class="container-field">
                 <?php
                     $titre = 'Salle';