Commit 1669e8b1 authored by Philippe Dpt35's avatar Philippe Dpt35

Branche correcive de la branche optimisation

parent a9306302
body {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 0.8em;
background-color: #e0cba1;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 0.8em;
background-color: #e0cba1;
}
#ligne1, #ligne2 {
display: flex;
justify-content: space-between;
.ligne {
display: flex;
justify-content: space-between;
}
#espacement {
display: column;
display: block;
height: 80px;
display: column;
display: block;
height: 80px;
}
img#poubelle {
margin-left: 46%;
margin-left: 46%;
}
#pre1, #pre2, #pre3, #pre4 {
border: solid 1px blue;
background: green;
font-size: .9em;
font-family: "MS Sans Serif", sans;
height: 170px;
width: 49%;
position: relative;
.pre {
border: solid 1px blue;
background: green;
font-size: .9em;
font-family: "MS Sans Serif", sans;
height: 170px;
width: 49%;
position: relative;
}
#enclos1, #enclos2, #enclos3, #enclos4 {
display: flex;
flex-wrap: wrap;
height: 100%;
width: 100%;
position: relative;
.enclos {
display: flex;
flex-wrap: wrap;
height: 100%;
width: 100%;
position: relative;
}
#enclos1 img.animal1, #enclos2 img.animal1, #enclos3 img.animal1, #enclos4 img.animal1 {
height: 50px;
width: 36px;
.enclos img.animal1 {
height: 50px;
width: 36px;
}
#enclos1 img.animal2, #enclos2 img.animal2, #enclos3 img.animal2, #enclos4 img.animal2 {
height: 50px;
width: 40px;
.enclos img.animal2 {
height: 50px;
width: 40px;
}
#enclos1 img.animal3, #enclos2 img.animal3, #enclos3 img.animal3, #enclos4 img.animal3 {
height: 49px;
width: 74px;
.enclos img.animal3 {
height: 49px;
width: 74px;
}
#enclos1 img.animal4, #enclos2 img.animal4, #enclos3 img.animal4, #enclos4 img.animal4 {
height: 46px;
width: 33px;
.enclos img.animal4 {
height: 46px;
width: 33px;
}
#modele1, #modele2, #modele3, #modele4 {
float: left;
width: 100px;
height: 35px;
/*border: 1px solid black;*/
font-size: 3em;
.modele {
float: left;
width: 100px;
height: 35px;
/*border: 1px solid black;*/
font-size: 3em;
}
#erreur1, #erreur2, #erreur3, #erreur4 {
position: relative;
.erreur {
position: relative;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>A la campagne </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="screen" href="alacampagne.css" />
<!doctype html>
<html lang="fr">
<head>
<title>A la campagne </title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" media="screen" href="alacampagne.css" />
</head>
<body>
<p>Les animaux peuvent être ajoutés dans les différents enclos en les faisant glisser depuis les images en haut à gauche, ou bien en les déplaçant d'un enclos à l'autre.
On les supprime en les faisant glisser dans le trou du milieu.</p>
<div id="reserve">
<img src="lapin.png" id="animal1" class="animal1" alt="animal1" draggable="true" ondragstart="drag(event)">
<img src="mouton.png" id="animal2" class="animal2" alt="animal2" draggable="true" ondragstart="drag(event)">
<img src="vache.png" id="animal3" alt="animal3" class="animal3" draggable="true" ondragstart="drag(event)">
<img src="poule.png" id="animal4" alt="animal4" class="animal4" draggable="true" ondragstart="drag(event)">
<img src="lapin.png" id="animal1" class="animal1" alt="animal1" draggable="true" ondragstart="drag(event)">
<img src="mouton.png" id="animal2" class="animal2" alt="animal2" draggable="true" ondragstart="drag(event)">
<img src="vache.png" id="animal3" class="animal3" alt="animal3" draggable="true" ondragstart="drag(event)">
<img src="poule.png" id="animal4" class="animal4" alt="animal4" draggable="true" ondragstart="drag(event)">
</div>
<button id="Niveau1" type="button" value="Niveau1" autocomplete="off")>Nombres de 1 à 10</button>
<button id="Niveau2" type="button" value="Niveau2" autocomplete="off")>Nombres de 10 à 20</button>
<button id="Niveau1" type="button" value="Niveau1" autocomplete="off">Nombres de 1 à 10</button>
<button id="Niveau2" type="button" value="Niveau2" autocomplete="off">Nombres de 10 à 20</button>
<button id="newExo" type="button">Nouvel exercice</button>
<button id="verifier" type="button" disabled>Vérifier</button>
<div id="ligne1">
<div id="pre1">
<div id="modele1"></div>
<div id="erreur1"></div>
<div id="enclos1" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
</div>
<div id="pre2">
<div id="modele2"></div>
<div id="erreur2"></div>
<div id="enclos2" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
</div>
</div>
<div id="espacement">
<img src="trou4.png" id="poubelle" ondrop="detruit(event)" ondragover="allowDrop(event)"></div>
</div>
<div id="ligne2">
<div id="pre3">
<div id="modele3"></div>
<div id="erreur3"></div>
<div id="enclos3" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
<div id="ligne1" class="ligne">
<div id="pre1" class="pre">
<div id="modele1" class="modele"></div>
<div id="erreur1" class="erreur"></div>
<div id="enclos1" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</div>
<div id="pre2" class="pre">
<div id="modele2" class="modele"></div>
<div id="erreur2" class="erreur"></div>
<div id="enclos2" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</div>
</div>
</div>
</div>
<div id="pre4">
<div id="modele4"></div>
<div id="erreur4"></div>
<div id="enclos4" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
<div id="espacement">
<img src="trou4.png" id="poubelle" ondrop="detruit(event)" ondragover="allowDrop(event)"></div>
</div>
</div>
</div>
</div>
<div id="ligne2" class="ligne">
<div id="pre3" class="pre">
<div id="modele3" class="modele"></div>
<div id="erreur3" class="erreur"></div>
<div id="enclos3" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"> </div>
</div>
<div id="pre4" class="pre">
<div id="modele4" class="modele"></div>
<div id="erreur4" class="erreur"></div>
<div id="enclos4" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"> </div>
</div>
</div>
<script src="alacampagne.js" type="text/javascript"></script>
<script src="alacampagne.js" type="text/javascript"></script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment