blavigna/projet_prog_web
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

le clavier

Browse source
This commit is contained in:
Brunetto Marie 2022-11-30 11:58:15 +01:00
parent 93d9337353
commit 6b5475c0ad
2 changed files with 31 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -80,7 +80,7 @@
<button type="button" onclick="update(O)">O</button>
<button type="button" onclick="update(P)">P</button>
</div>
<div class="line2">
<div class="line2" style="padding-left: 22px;">
<button type="button" onclick="update(A)">A</button>
<button type="button" onclick="update(S)">S</button>
<button type="button" onclick="update(D)">D</button>
@ -92,7 +92,7 @@
<button type="button" onclick="update(L)">L</button>
</div>
<div class="line3">
<button class="enter" type="button" onclick="Enter()">ENTER</button>
<button style="width:67px;" type="button" onclick="Enter()">ENTER</button>
<button type="button" onclick="update(Z)">Z</button>
<button type="button" onclick="update(X)">X</button>
<button type="button" onclick="update(C)">C</button>
@ -100,7 +100,7 @@
<button type="button" onclick="update(B)">B</button>
<button type="button" onclick="update(N)">N</button>
<button type="button" onclick="update(M)">M</button>
<button class="suppr" type="button" onclick="Supprimer()">SUPPR</button>
<button style="width:68px;" type="button" onclick="Supprimer()">SUPPR</button>
</div>

37
styles.css
View file

@ -1,10 +1,10 @@
* {
* { /* Apparence générale */
margin: 0;
padding: 0;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
header{
header{ /* Apparence de l'en-tete */
background-color: white;
text-align: center;
padding-top: 5px;
@ -13,12 +13,12 @@ header{
font-weight: bold;
}
section{
section{ /* Alignement du tableau de jeu */
padding-top: 5%;
align-items: center;
}
.grille_haut {
.grille_haut { /* Alignement du tableau de jeu */
display: flex;
align-items: center;
justify-content: center;
@ -26,14 +26,14 @@ section{
}
.grille_haut div {
.grille_haut div { /* Alignement des lignes de 5 cases */
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 5px;
padding-top: 5px;
}
.grille_haut div div {
.grille_haut div div { /* Cases de la grille */
background-color: rgb(243, 215, 199);
border-radius: 5px;
width: 45px;
@ -45,7 +45,7 @@ section{
}
footer{
footer{ /* Fond et alignement du clavier */
background-color: rgb(243, 215, 199);
display: flex;
flex-wrap: wrap;
@ -58,9 +58,28 @@ footer{
right: 0;
padding-top: 30px;
justify-content: space-evenly;
padding-bottom: 30px;
}
.clavier div {
.clavier div { /* Ecart entre lignes du clavier */
padding-bottom: 5px;
}
}
.clavier div button { /* Apparence touches clavier */
padding-bottom: 5px;
width: 45px;
height: 45px;
background-color:rgb(99, 45, 23);
border-radius: 5px;
color : white;
font-weight: bold;
font-size:large;
border:none;
}
.clavier div button:hover{ /* Apparence touches clavier quand suvolées */
background-color:rgb(75, 24, 15);
color : rgb(245, 230, 230);
}