Commit d0775834 authored by Dassou Olivier's avatar Dassou Olivier
Browse files

Mise en commun css + corrections catalogues.php

Mise en commun css + corrections pages catalogues.php
parent 54d13329
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>Biereici_Page_d'accueil</title>
<link rel="stylesheet" type="text/css" href="accueil_avec_connexion.css">
<link rel="stylesheet" type="text/css" href="accueil_sans_connexion.css">
</head>
<body>
<div >
......@@ -14,18 +14,18 @@
</tr>
</table>
</div>
<nav>
<div>
<table id="menu">
<tr >
<td class="grise"><a href="Accueil_sans_connexion.php">Accueil</a></td>
<td class="bouton_menu"><a href="Catalogue_sans_connexion.php">Catalogue</a></td>
<td class="bouton_menu"><a href="QuiSommesNousSansConnexion.php">Qui Sommes nous</a></td>
<td class="bouton_menu"><a href="Page_de_connexion.php">Connexion</a></td>
</tr>
</table>
</div>
</nav>
<nav> <!-- Barre de navigation avec les différents liens -->
<div>
<table id="menu">
<tr >
<td class="bouton_menu"><a href="Accueil_sans_connexion.html">Accueil</a></td>
<td class="bouton_menu"><a href="Compte.html">Connexion</a></td>
<td class="grise"><a href="Catalogue_sans_connexion.php">Catalogue</a></td>
<td class="bouton_menu"><a href="QuiSommesNous.html">Qui Sommes nous</a></td>
</tr>
</table>
</div>
</nav>
<hr>
<h2>Suggestion du Chef</h2>
<div>
......
/* Rajout des bordures sur le menu de navigation */
#menu {
border-width:1px;
border-style:solid;
border-color:black;
width:100%;
}
/* Bordure des boutons de menus + coloriage en jaune */
.bouton_menu {
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
width:16.67%; /* Car il y aura 6 boutons */
background-color: yellow;
}
/* Permet de griser le bouton de navigation où on se trouve actuellement */
.grise {
border:1px solid black;
background-color:silver;
}
\ No newline at end of file
/* Rajout des bordures sur le menu de navigation */
#menu {
border-width:1px;
border-style:solid;
border-color:black;
width:100%;
}
#bande{
margin:0 auto;
width: 100px;
}
/* Bordure des boutons de menus + coloriage en jaune */
.bouton_menu {
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
width:25%; /* Car il y aura 4 boutons */
background-color: yellow;
}
/* Permet de griser le bouton de navigation où on se trouve actuellement */
.grise {
border:1px solid black;
background-color:silver;
}
/* Bordure des boutons de menus + coloriage en jaune
.bouton_menu {
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
width:25%; /* Car il y aura 4 boutons
background-color: yellow;
}
Permet de griser le bouton de navigation où on se trouve actuellement
.grise {
border:1px solid black;
background-color:silver;
}*/
\ No newline at end of file
/* Centrage du titre + personnalisation*/
h1{
font-family: Courier New;
font-size : x-large;
font-style: oblique;
}
@import "general.css";
@import "Bande_avec_connexion.css";
#bande{
margin:0 auto;
......@@ -30,33 +26,6 @@ width: 100px;
height: 150px;
}
#menu
{
border-width:1px;
border-style:solid;
border-color:black;
width: 100%;
}
.grise
{
border:1px solid black;
background-color:silver;
width: 20%;
}
.bouton_menu
{
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
width:20%;
background-color: yellow;
}
#bieres_catalogue
{
display:flex;
......@@ -75,18 +44,6 @@ input[type=number] /* le type "number" en input ne supporte pas l'attribut "size
width: 50px;
}
#prevention_alcool
{
border-style:solid;
margin-top: 5px;
color:black;
text-align:center;
position:absolute;
bottom:0;
right:0;
left:0;
}
#filtre
{
display: flex;
......
......@@ -11,17 +11,17 @@ $_SESSION['message']='';
<?php
function afficherBiereAC($donnee){
echo "<div class="biere_catalogue">";
echo "<img src="$donnee['nom'].jpeg" alt="Photo de biere" id="photo_biere_catalogue"/>";
echo "<div class="description_et_ajout">";
echo "<h6> $donnee['nom'] </h6>";
echo "<p> $donnee['description'] </p>";
echo "<p> Prix : $donnee['prixunitaire']. </p>";
echo "<p> Degré : $donnee['degAlcool']. </p>";
echo "<p> $donnee['format'] de $donnee['volume'] cl.</p>";
echo "<form id="ajout" action="ajouterPanier.php method="POST"> ";
echo "<input type="number" name="quantite" min="1" size="5">";
echo "<input type="submit" value="Ajouter au panier">";
echo "<div class=\"biere_catalogue\">";
echo "<img src=".$donnee['nom'].".jpeg\" alt=\"Photo de biere\" id=\"photo_biere_catalogue\"/>";
echo "<div class=\"description_et_ajout\">";
echo "<h6> ".$donnee['nom']." </h6>";
echo "<p> ".$donnee['description']." </p>";
echo "<p> Prix : ".$donnee['prixunitaire']." </p>";
echo "<p> Degré : ".$donnee['degAlcool']." </p>";
echo "<p> ".$donnee['format']." de ".$donnee['volume']." cl.</p>";
echo "<form id=\"ajout\" action=\"ajouterPanier.php method=\"POST\"> ";
echo "<input type=\"number\" name=\"quantite\" min=\"1\" size=\"5\">";
echo "<input type=\"submit\" value=\"Ajouter au panier\">";
echo "</form>";
echo "</div>";
echo "</div>";
......@@ -51,10 +51,11 @@ echo "</div>";
<div>
<table id="menu">
<tr >
<td class="bouton_menu"><a href="Accueil_avec_connexion.html">Accueil</a></td>
<td class="bouton_menu"><a href="Compte.html">Mon Compte</a></td>
<td class="grise"><a href="Catalogue.html">Catalogue</a></td>
<td class="bouton_menu"><a href="QuiSommesNous.html">Qui Sommes nous</a></td>
<td class="bouton_menu"><a href="Accueil_avec_connexion.php">Accueil</a></td>
<td class="bouton_menu"><a href="Compte.php">Mon Compte</a></td>
<td class="grise"><a href="Catalogue_avec_connexion.php">Catalogue</a></td>
<td class="bouton_menu"><a href="QuiSommesNousAvecConnexion.php">Qui Sommes nous</a></td>
<td class="bouton_menu"><a href="Panier.php">Mon Panier</a></td>
<td class="bouton_menu"><a href="deconnexion.php">Se déconnecter</a></td>
</tr>
</table>
......@@ -64,7 +65,7 @@ echo "</div>";
<body>
<form id="filtre" action="Catalogue_sans_connexion.php" method="get"> <!-- Filtre du choix du type de bière -->
<form id="filtre" action="Catalogue_sans_connexion.php" method="get"> <!--Filtre du choix du type de bière -->
<input list="bieres" name="filtre">
<datalist id="bieres">
<option value = "Blondes">
......@@ -79,12 +80,11 @@ echo "</div>";
<?php
$cat = 'blonde';
$re = $bd->prepare('SELECT * FROM Bieres WHERE categorie= ?');
$re->execute(array(
$cat;));
$re->execute(array($cat));
while ($donnee = $re->fetch()){
afficherBiereAC($donnee);
}
?>
?>
</div>
<h2>Brunes</h2>
......@@ -92,8 +92,7 @@ echo "</div>";
<?php
$cat = 'brune';
$re = $bd->prepare('SELECT * FROM Bieres WHERE categorie= ?');
$re->execute(array(
$cat;));
$re->execute(array($cat));
while ($donnee = $re->fetch()){
afficherBiereAC($donnee);
}
......@@ -106,12 +105,11 @@ echo "</div>";
<?php
$cat = 'rousse';
$re = $bd->prepare('SELECT * FROM Bieres WHERE categorie= ?');
$re->execute(array(
$cat;));
$re->execute(array($cat));
while ($donnee = $re->fetch()){
afficherBiereAC($donnee);
}
?>
?>
</div>
</body>
......
/* Centrage du titre + personnalisation*/
h1{
font-family: Courier New;
font-size : x-large;
font-style: oblique;
}
#bande{
margin:0 auto;
width: 100px;
}
@import "general.css";
@import "Bande_sans_connexion.css";
#description_et_ajout
{
......@@ -31,31 +21,7 @@ width: 100px;
height: 150px;
}
#menu
{
border-width:1px;
border-style:solid;
border-color:black;
width: 100%;
}
.grise
{
border:1px solid black;
background-color:silver;
width: 20%;
}
.bouton_menu
{
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
background-color: yellow;
width: 20%;
}
#bieres_catalogue
{
......@@ -65,18 +31,6 @@ width: 100px;
margin: 3px;
}
#prevention_alcool
{
border-style:solid;
margin-top: 5px;
color:black;
text-align:center;
position:absolute;
bottom:0;
right:0;
left:0;
}
#filtre
{
display: flex;
......
......@@ -16,14 +16,14 @@ try {
<?php
function afficherBiereSC($donnee){
echo "<div class="biere_catalogue">";
echo "<img src="$donnee['nom'].jpeg" alt="Photo de biere" id="photo_biere_catalogue"/>";
echo "<div class="description_et_ajout">";
echo "<h6> $donnee['nom'] </h6>";
echo "<p> $donnee['description'] </p>";
echo "<p> Prix : $donnee['prixunitaire']. </p>";
echo "<p> Degré : $donnee['degAlcool']. </p>";
echo "<p> $donnee['format'] de $donnee['volume'] cl.</p>";
echo "<div class=\"biere_catalogue\">";
echo "<img src=".$donnee['nom']."jpeg\" alt=\"Photo de biere\" id=\"photo_biere_catalogue\"/>";
echo "<div class=\"description_et_ajout\">";
echo "<h6> ".$donnee['nom']." </h6>";
echo "<p> ".$donnee['description']." </p>";
echo "<p> Prix : ".$donnee['prixunitaire']." </p>";
echo "<p> Degré : ".$donnee['degAlcool']." </p>";
echo "<p> ".$donnee['format']." de ".$donnee['volume']." cl.</p>";
echo "</div>";
echo "</div>";
}
......@@ -35,7 +35,7 @@ echo "</div>";
<link rel="stylesheet" type="text/css" href="Catalogue_sans_connexion.css">
<meta charset="utf-8" />
</head> <!-- Bannière avec le nom du site -->
<div >
<div>
<table id="bande">
<tr>
<td><h1>Biereici</h1></td>
......@@ -78,12 +78,11 @@ echo "</div>";
<?php
$cat = 'blonde';
$re = $bd->prepare('SELECT * FROM Bieres WHERE categorie= ?');
$re->execute(array(
$cat;));
$re->execute(array($cat));
while ($donnee = $re->fetch()){
afficherBiereSC($donnee);
}
?>
?>
</div>
<h2>Brunes</h2>
......@@ -91,12 +90,11 @@ echo "</div>";
<?php
$cat = 'brune';
$re = $bd->prepare('SELECT * FROM Bieres WHERE categorie= ?');
$re->execute(array(
$cat;));
$re->execute(array($cat));
while ($donnee = $re->fetch()){
afficherBiereSC($donnee);
}
?>
?>
</div>
......@@ -105,12 +103,11 @@ echo "</div>";
<?php
$cat = 'rousse';
$re = $bd->prepare('SELECT * FROM Bieres WHERE categorie= ?');
$re->execute(array(
$cat;));
$re->execute(array($cat));
while ($donnee = $re->fetch()){
afficherBiereSC($donnee);
}
?>
?>
</div>
</body>
......
html{height :100%;}
/* Ajustement du body */
body{
min-height:100%;
margin:0;
padding:0;
}
/* Centrage du titre + personnalisation*/
h1{
font-family: Courier New;
font-size : x-large;
font-style: oblique;
}
@import "general.css";
@import "Bande_avec_connexion.css";
#bande{
margin:0 auto;
width: 100px;
}
#prevention_alcool
{
border-style:solid;
margin-top: 5px;
color:black;
text-align:center;
position:absolute;
bottom:0;
right:0;
left:0;
}
/* Rajout des bordures sur le menu de navigation */
#menu {
border-width:1px;
border-style:solid;
border-color:black;
width:100%;
}
/* Bordure des boutons de menus + coloriage en jaune */
.bouton_menu {
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
width:16.67%; /* Car il y aura 8 boutons */
background-color: yellow
}
.grise
{
border:1px solid black;
background-color:silver;
}
/* Rajout des bordures sur le table de mon compte */
#compte {
......
html{height :100%;}
/* Ajustement du body */
body{
min-height:100%;
margin:0;
padding:0;
}
/* Centrage du titre + personnalisation*/
h1{
font-family: Courier New;
font-size : x-large;
font-style: oblique;
}
#bande{
margin:0 auto;
width: 100px;
}
/* Rajout des bordures sur le menu de navigation */
#menu {
border-width:1px;
border-style:solid;
border-color:black;
width:100%;
}
/* Bordure des boutons de menus + coloriage en jaune */
.bouton_menu {
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
width:25%; /* Car il y aura 5 boutons */
background-color: yellow;
}
/* Permet de griser le bouton de navigation où on se trouve actuellement */
.grise {
border:1px solid black;
background-color:silver;
}
/* Mettre le message de prévention en bas de l'image et encadrer */
#prevention_alcool
{
border-style:solid;
margin-top: 5px;
color:black;
text-align:center;
position:absolute;
bottom:0;
right:0;
left:0;
}
@import "general.css";
@import "Bande_sans_connexion.css";
/* Centrage du titre + personnalisation*/
h2{ text-align: center;
......
html{height :100%;}
/* Ajustement du body */
body{
min-height:100%;
margin:0;
padding:0;
}
/* Centrage du titre + personnalisation*/
h1{
font-family: Courier New;
font-size : x-large;
font-style: oblique;
}
@import "general.css";
@import "Bande_sans_connexion";
#bande{
margin:0 auto;
width: 100px;
}
/* Rajout des bordures sur le menu de navigation */
#menu {
border-width:1px;
border-style:solid;
border-color:black;
width:100%;
}
/* Bordure des boutons de menus + coloriage en jaune */
.bouton_menu {
border-width:1px;
border-style:solid;
border-color:black;
vertical-align:middle;
border-collapse: collapse;
width:25%; /* Car il y aura 4 boutons */
background-color: yellow;
}
/* Permet de griser le bouton de navigation où on se trouve actuellement */
.grise {
border:1px solid black;
background-color:silver;
}
/* Mettre le message de prévention en bas de l'image et encadrer */
#prevention_alcool
{
border-style:solid;
margin-top: 5px;
color:black;
text-align:center;
position:absolute;
bottom:0;
right:0;
left:0;
}
/* Centrage du titre + personnalisation*/
h2{ text-align: center;
font-size : x-large;
......
body {
color:black;
background-color:white;
background-image:url(biere_background.jpg);
background-size: 75%;
}
footer {
position:fixed;
bottom:0;
left:0;
right:0;
height: 40px;
}
/* Centrage du titre + personnalisation*/
h1{
font-family: Courier New;
font-size : x-large;
font-style: oblique;