Le html :
<!DOCTYPE html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
<link href="styles2.css" rel="stylesheet">
<title> Fournisseur </title>
</head>
<body>
<div class="menu">
<?php include "menu.php"?>
</div>
<section id="imfour">
<div class="wrapper">
<h2><h2>Gestion des <br><strong>fournisseurs</strong>
</h2>
</div>
</section>
<section>
<div id="form">
<a href="#ajouter"> Ajouter un fournisseur</a>
<form action="" id="ajouter">
<fieldset>
<legend>Nouveau fournisseur</legend>
<label>Nom du fournisseur </label><input type="text" required />
<label>Adresse du fournisseur</label><input type="text" required/><br/>
<label>Code postal </label><input type="text" required />
<label>Ville </label><input type="text" required /><br/>
<label>Nationalité </label><input type="text" required />
<input type="submit" value="Valider" class="button2"/>
</fieldset>
</form>
</div>
Gérer les fournisseurs
</section>
</body>
</html>
Et le css :
#ajouter {
height: 0;
overflow: hidden;
transition: height 1.5s;
}
#ajouter:target {
height: 100px;
}
#form
{padding-top: 100px;
}
#form a
{font-size: 20px;
font-weight: bold;
text-transform: uppercase;}
#form legend
{font-size: 18px;}
#form fieldset
{
margin : 0 20px 20px 20px;
}
Bonjour tout le monde !
si quelqu'un a la solution ce serait vraiment génial 