Benjamin/LesRecettesDePapis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit ListeIngr

Browse Source
This commit is contained in:
Lycano
2026-04-03 12:00:50 +02:00
parent 553c0e9689
commit 22d80b8a07
5 changed files with 111 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
header.php
View File

@@ -10,6 +10,8 @@
<li><a id="unTest" class="nav-element" href="bing.com">Liste des recettes</a></li>
<li><a id="login" class= "nav-element" href="login.php">Login</a></li>
<li><a id="addBouton" class="nav-element" href="ajout.php">Ajouter une Recette</a></li>
<li><a id="ingrManage" class="nav-element" href="listeIngr.php">Liste des Ingrédients</a></li>
<li><a id="tagManage" class="nav-element" href="listeTag.php">Manage Tag</a></li>
</ul>
<input type="text" class="search-form search-form-recette" placeholder="Rechercher une recette ...">
</nav>

62
listeIngr.php Normal file
View File

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test Statique</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<?php include "header.php"?>
<div class="main-body">
<div class="content">
<div class="liste-ingr-elem">
<img class="ingr-image" src="pomme.jpeg">
<div class="liste-ingr-elem-text">
Un Element
</div>
</div>
<div class="liste-ingr-elem">
<img class="ingr-image" src="pomme.jpeg">
<div class="liste-ingr-elem-text">
Un Element
</div>
</div>
<div class="liste-ingr-elem">
<img class="ingr-image" src="pomme.jpeg">
<div class="liste-ingr-elem-text">
Un Element
</div>
</div>
<div class="liste-ingr-elem">
<img class="ingr-image" src="pomme.jpeg">
<div class="liste-ingr-elem-text">
Un Element
</div>
</div>
<div class="liste-ingr-elem">
<img class="ingr-image" src="pomme.jpeg">
<div class="liste-ingr-elem-text">
Un Element
</div>
</div>
<div class="liste-ingr-elem">
<img class="ingr-image" src="pomme.jpeg">
<div class="liste-ingr-elem-text">
Un Element
</div>
</div>
<div class="liste-ingr-elem">
<img class="ingr-image" src="pomme.jpeg">
<div class="liste-ingr-elem-text">
Un Element
</div>
</div>
</div>
</div>
<?php include "footer.php"?>
</body>
</html>

21
listeTag.php Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test Statique</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<?php include "header.php"?>
<div class="main-body">
<div class="content">
</div>
</div>
<?php include "footer.php"?>
</body>
</html>

26
main.css
View File

@@ -485,11 +485,37 @@ ul {
padding-top: 20px;
}
.liste-ingr-elem {
display: flex;
height: 100px;
padding:5px;
background-color: #c6fdefe0;
color: #000000;
border: 1px solid black;
border-radius: 10px;
box-shadow: 1px 1px 1px black;
}
.liste-ingr-elem-text {
width: 100%;
height: 100%;
flex:12;
padding-left: 20px;
line-height: 100px;
}
.ingr-image {
flex: 1;
border: 1px solid black;
border-radius: 10px;
}
/*Footer et son contenue*/
footer{
padding: 25px;
background: rgb(11, 189, 144);
color: white;
border-top: 1px solid black;
}

BIN
pomme.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB