Commit f676c494 authored by Philippe Dpt35's avatar Philippe Dpt35

Amélioration du esponsive

parent 183addfe
html {
height: 100%;
}
body { body {
font-family: "Arial", "Helvetica", sans-serif; font-family: "Arial", "Helvetica", sans-serif;
font-size: 0.8em; font-size: 0.8em;
background-color: #e0cba1; background-color: #e0cba1;
height: 98%;
} }
#commandes { p {
text-align: center; margin: 5px 10px 5px 10px;
} }
#espacement {
display: column; #commandes {
display: block;
height: 80px;
text-align: center; text-align: center;
} }
#reserve {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 40%;
width: 195px;
margin-left: auto;
margin-right: auto;
}
img#poubelle { img#poubelle {
/* text-align: center; /* text-align: center;
...@@ -32,22 +26,38 @@ img#poubelle { ...@@ -32,22 +26,38 @@ img#poubelle {
.ligne { .ligne {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
height: 35%;
} }
.pre { .pre {
font-size: .9em; font-size: .9em;
font-family: "MS Sans Serif", sans; font-family: "MS Sans Serif", sans;
height: 170px; /* height: 170px;*/
height: 100%;
width: 49%; width: 49%;
position: relative; position: relative;
} }
.modele {
float: left;
width: 100px;
height: 35px;
font-size: 3em;
}
.erreur {
position: relative;
color: red;
font-weight: bold;
font-size: 3em;
}
.enclos { .enclos {
border: solid 1px blue; border: solid 1px blue;
background: green; background: green;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
height: 80%; height: 85%;
width: 100%; width: 100%;
position: relative; position: relative;
} }
...@@ -69,17 +79,18 @@ img#poubelle { ...@@ -69,17 +79,18 @@ img#poubelle {
width: 33px; width: 33px;
} }
.modele { #reserve {
float: left; margin-top: 5px;
width: 100px; margin-bottom: 5px;
height: 20%; margin-left: 40%;
/*border: 1px solid black;*/ width: 195px;
font-size: 3em; margin-left: auto;
margin-right: auto;
} }
.erreur { #espacement {
position: relative; display: column;
color: red; display: block;
font-weight: bold; height: 80px;
font-size: 3em; text-align: center;
} }
...@@ -3,6 +3,8 @@ ...@@ -3,6 +3,8 @@
<head> <head>
<title>A la campagne </title> <title>A la campagne </title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="height=device-height">
<link rel="stylesheet" type="text/css" media="screen" href="alacampagne.css" /> <link rel="stylesheet" type="text/css" media="screen" href="alacampagne.css" />
</head> </head>
......
...@@ -238,7 +238,6 @@ function drag(ev) { ...@@ -238,7 +238,6 @@ function drag(ev) {
var infosObjet; var infosObjet;
infosObjet = ev.target.alt + "-" + ev.target.id + "-" + ev.target.parentNode.id; infosObjet = ev.target.alt + "-" + ev.target.id + "-" + ev.target.parentNode.id;
ev.dataTransfer.setData("text", infosObjet); ev.dataTransfer.setData("text", infosObjet);
showMessage("Déplacement de alt:" + ev.target.alt + " id:" + ev.target.id + " commencé");
} }
function detruit(ev) { function detruit(ev) {
......
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