centrage des boutons de la page highscore

code/highscore_button_displayer.js

@@ -29,7 +29,6 @@ modes.forEach(element => {
                 var tabChilds=document.getElementById(tab.item(cpt).id).children;
                 for(var cptChild=1;cptChild<tabChilds.length;cptChild+=2)
                 {
-                    //console.log("j'enlève selected à "+ tabChilds.item("img_"+cptChild));
                     tabChilds.item(cptChild).children[0].classList.remove("selected");
                 }
             }

code/highscores.css

@@ -121,3 +121,7 @@ margin-right: auto;
   margin-right: auto;
 
 }
+
+.slot {
+  display: inline-block;
+}

code/highscores.php

@@ -10,11 +10,10 @@
     </div>
     
 </div>
-    <form action="highscores.php" method="post">
-        
-    <div id="modeSelection" class="mode-container">
 
-        <ul id="diff" class="all-container bd">
+    <form action="highscores.php" method="post">
+        <div class="mode-container">
+            <ul id="diff" class="all-container">
                 <input type="radio" class="rad" name="difficulty" id="easy" value="easy" />
                 <label for="easy"><img id="img_easy" class="button" src="./ress/button_diff_easy.png"/></label>
                     
@@ -24,14 +23,16 @@
                 <input type="radio" class="rad" name="difficulty" id="hard" value="hard" />
                 <label for="hard"><img id="img_hard" class="button" src="./ress/button_diff_hard.png"/></label>
             </ul>
-        <ul id="modes" class="all-container bd">
+
+            <div id="modeSelection">
+                <ul id="modes">
                     <img id="img_points" class="button" src="./ress/button_mode_points.png"/>
 
                     <img id="img_temps" class="button" src="./ress/button_mode_temps.png"/>
 
                     <img id="img_survie" class="button" src="./ress/button_mode_survie.png"/>
                 </ul>
-        <ul id="points" class="all-container ad">
+                <ul id="points" class="all-container">
                     <input type="radio" class="rad" name="game_mode" id="5p" value="5p" />
                     <label for="5p"><img id="img_5p" class="button" src="./ress/button_points_5.png"/></label>
 
@@ -45,7 +46,7 @@
                     <label for="20p"><img id="img_20p" class="button" src="./ress/button_points_20.png"/></label>
 
                 </ul>
-        <ul id="temps" class="all-container ad">
+                <ul id="temps" class="all-container">
                     <input type="radio" class="rad" name="game_mode" id="5m" value="5m" />
                     <label for="5m"><img id="img_5m" class="button" src="./ress/button_temps_5.png"/></label>
 
@@ -53,7 +54,7 @@
                     <label for="10m"><img id="img_10m" class="button" src="./ress/button_temps_10.png"/></label>
 
                 </ul>
-        <ul id="survie" class="all-container ad">
+                <ul id="survie" class="all-container">
                     <input type="radio" class="rad" name="game_mode" id="15s" value="15s"/>
                     <label for="15s"><img id="img_15s" class="button" src="./ress/button_survie_15.png"/></label>
 
@@ -65,27 +66,35 @@
 
                 </ul>
             </div>
-        <div>
+        
+            <ul>
+                <div class="slot">
                     <p>Mode pause activé : </p>
                     <input type="radio" id="pause1" value="1" name="pause">
                     <label for="pause1">Oui</label>
                     <input type="radio" id="pause0" value="0" name="pause">
                     <label for="pause0">Non</label>         
                 </div>
+                <div class="slot">   
                     <p>Changer le nombre de points</p>
-            
                     <img src="ress/-" onClick="less()" id="-"/>
                     <span id="dotsNumber"></span>
                     <img src="ress/+" onClick="more()" id="+"/>
-        <input id="amountHi" name="dotsAmount" type="hidden">
+                    <input type="hidden" name="dotsAmount" id="amountHi"/>
+                </div>
+            </ul>
 
-    <input type="image" src="ress/button_highscores.png" alt="Submit" id="btn_high">
-    <img id="btn_high_des" src="ress/button_highscores_desac.png"/>
+            <input type="image" src="ress/button_consult.png" alt="Submit" id="btn_high">
+            <img id="btn_high_des" src="ress/button_consult_desac.png"/>
+        </div>
     </form>
-    Entrez votre pseudo : <br/>
+
+    <div>
+        Pseudo : <br/>
             <input type="text" id="field_pseudo" /><br/>
         <img id="btn_play" src="ress/button_play.png" onClick="play()"/>
         <img id="btn_play_des" src="ress/button_play_desac.png"/>
+    </div>
 
     <script src="bakery.js"></script>
     <script src="highscore_button_displayer.js"></script>

code/phpinfo.php

@@ -1,23 +1,12 @@
-<?php
-// Call PHP function from javascript without ajax
-
-function myphpfunction($b) {
-  echo "aa ".$b;
-  }
-?>
-<!doctype html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>PHP & Javascript</title>
-<script type="text/javascript">
-   console.log("<?php echo myphpfunction("aya")?>");
-</script>
-<?php
-
-var_dump($_COOKIE);
-?>
-</head>
-<body>
-</body>
-</html>
+<ul>
+        <p>Mode pause activé : </p>
+        <input type="radio" id="pause1" value="1" name="pause">
+        <label for="pause1">Oui</label>
+        <input type="radio" id="pause0" value="0" name="pause">
+        <label for="pause0">Non</label>      
+        <p>Changer le nombre de points</p>
+        <img src="ress/-" onClick="less()" id="-"/>
+        <span id="dotsNumber"></span>
+        <img src="ress/+" onClick="more()" id="+"/>
+        <input type="hidden" name="dotsAmount" id="amountHi"/>
+</ul>