basket

Basket/basket.css

@@ -1,3 +1,4 @@
+
 #barre_nav{
 	background: black;
 	height: 56px;
@@ -62,7 +63,7 @@ body{
 	bottom: 0;
 	right: 0;
 	z-index: 100; /* Behind the navbar */
-	padding: 48px 0 0; /* Height of navbar */
+	padding: 0px 0 0; /* Height of navbar */
 	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
 	background-color: #b9b7b7;
 }
@@ -134,6 +135,8 @@ body{
 
 #sidebarMenu{
 	min-width: 50px;
+	overflow-y: scroll;
+	overflow-x: hidden;
 }
 
 #terrain{
@@ -159,21 +162,19 @@ body{
 }
 
 .boutons {
-	margin-top: 1%;
+	margin-top: 5px;
 }
 
-#bouttonadd: hover {
+
-	background-color : "red";
-	border-color: "yellow"; 
-}
 
 #bouttonadd:active{
 box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4); 
 }
 
 .red {
-	background-color: "red";
+	
-	margin-left: 15%;
+	box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4); 
+	
 }
 
 .yay {
@@ -184,12 +185,10 @@ box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
   
   top:0px;
   left:0px;
-  width:100vw;
-  height:100vh;
-  background:rgba(0,0,0,0.7);
   z-index:1;
   display:none;
 }
+
  
 .popup .content {
   position:absolute;
@@ -221,10 +220,85 @@ box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
   text-align:center;
   border-radius:50%;
 }
-.close-btn2 {
+
+ 
+.popup.active .overlay {
+  display:block;
+}
+ 
+.popup.active .content {
+  transition:all 300ms ease-in-out;
+  transform:translate(-50%,-50%) scale(1);
+}
+
+.test{
+  width: 155px;
+  height: 40px;
+  display: block;
+}
+
+.popupT .content {
+  position:absolute;
+  top:98px; 
+  left:830px;
+  transform:translate(-50%,-50%) scale(0);
+  background:#fff;
+  width:200px;
+  height:80px;
+  z-index:2;
+  text-align:center;
+  
+  box-sizing:border-box;
+  font-family:"Open Sans",sans-serif;
+}
+ 
+.popupT .content {
+  position:absolute;
+  top:98px; 
+  left:750px;
+  transform:translate(-50%,-50%) scale(0);
+  background:#fff;
+  width:200px;
+  height:80px;
+  z-index:2;
+  text-align:center;
+  
+  box-sizing:border-box;
+  font-family:"Open Sans",sans-serif;
+}
+
+
+
+ 
+.popupT.active .overlay {
+  display:block;
+}
+ 
+.popupT.active .content {
+  transition:all 300ms ease-in-out;
+  transform:translate(-50%,-50%) scale(1);
+}
+
+
+.popupL .content {
+  position:absolute;
+  top:98px; 
+  left:865px;
+  transform:translate(-50%,-50%) scale(0);
+  background:#fff;
+  width:200px;
+  height:80px;
+  z-index:2;
+  text-align:center;
+  
+  box-sizing:border-box;
+  font-family:"Open Sans",sans-serif;
+}
+ 
+.popupL .close-btn {
   cursor:pointer;
   position:absolute;
-  left: 15px;
+  right: 10px;
   top:20px;
   width:30px;
   height:30px;
@@ -236,16 +310,18 @@ box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
   text-align:center;
   border-radius:50%;
 }
+
  
-.popup.active .overlay {
+.popupL.active .overlay {
   display:block;
 }
  
-.popup.active .content {
+.popupL.active .content {
   transition:all 300ms ease-in-out;
   transform:translate(-50%,-50%) scale(1);
 }
 
+
 .skin_barre  /* on reprend le nom qu'on a mis dans 'class=' */
 {
 
@@ -315,6 +391,7 @@ box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
 .skin_resultat
 {
   position:absolute;
+
   top:330px;
   left:60px;
   border:1px solid black; /* dessine un cadre noir autour du 'input' et d'un pixel d'épaisseur */

Basket/galerie.php

@@ -93,10 +93,6 @@
 	</nav>
 
 
-
-
-
-
 	<?php
 	$db = new PDO('sqlite:BDD.db');
 
@@ -108,28 +104,33 @@
 	$rows = $idPlan->fetchAll(PDO::FETCH_COLUMN, 0);
 
 
-	for ($i=0 ; $i < $nbrPlan ; $i++ ) { 
-		
 
+	?><table class="table table-hover"><?php
+	for ($i=0; $i<=$nbrPlan-1; $i++) {
 		$nomPlan=$db->query('SELECT nomPlan FROM PLAN WHERE idPlan="'.$rows[$i].'"');
 		$row = $nomPlan->fetchAll(PDO::FETCH_COLUMN, 0);
-		?>
+		?><tr>
-		<a class="nav-link text-white" href="basket.php?idPlanCharge=<?=$rows[$i]?>&idgalerie=<?=$appartient?>&viensDeGalerie=1"><?php echo $row[0]?></a>
+			<td>
-		<?php
+				<h3 class="text-warning fs-1"><?php echo $i?></h3>
-
+			</td>
-	}
+			<td>
+				<a class="nav-link text-warning" href="basket.php?idPlanCharge=<?=$rows[$i]?>&idgalerie=<?=$appartient?>&viensDeGalerie=1&nomPlan=<?=$row[0]?>"><?php echo $row[0]?></a>
+			</td>
+			</tr><?php
+		}
+		?></table><?php
 
-	?>
+		?>
 
 
-	<!-- Optional JavaScript -->
+		<!-- Optional JavaScript -->
-	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
-	<script src="rectest.js"></script>
+		<script src="rectest.js"></script>
-	<script src="latex.js"></script>
+		<script src="latex.js"></script>
-	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+		<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
-	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
 
 
-</body>
+	</body>
-</html>
+	</html>