Amélioration en cours

RaphouBranche
Raphael LACOTE 2 years ago
parent 24ef8900a6
commit 90de25cc81

@ -141,7 +141,7 @@ h1 {
#horizontale-center {
position: absolute;
top: 30%;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
@ -150,15 +150,6 @@ h1 {
text-align: center;
}
#verticale-center {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
text-align: center;
}
#high-score-option {
font-size: 0.9rem;
@ -166,3 +157,27 @@ h1 {
border: 2px solid;
}
#div-all-select {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
#div-select {
display: flex;
flex-direction: column;
}
table,
td {
border: 1px solid;
}
thead,
tfoot {
background-color: #333;
color: #fff;
}

@ -23,36 +23,49 @@
<body>
<div id="horizontale-center">
<h2>BEST SCORES</h2><br />
<div id="verticale-center">
<h5>Select a type of game</h5>
<select name="pets" id="high-score-option">
<option value="T0">--Choose an option--</option>
<option value="T1">Set</option>
<option value="T2">Hyperset</option>
</select>
<h5>Select a variant</h5>
<select name="pets" id="high-score-option">
<option value="V0">--Choose an option--</option>
<option value="V1">3*3</option>
<option value="V2">3*4</option>
<option value="V3">3*5</option>
<option value="V4">4*4</option>
<option value="V5">4*5</option>
<option value="V6">5*5</option>
</select>
<h2>BEST SCORES</h2>
<br /><br />
<form action="#">
<div id="div-all-select">
<div id="div-select">
<h5>Select a type of game</h5>
<select name="pets" id="high-score-option">
<option value="T0">--Choose an option--</option>
<option value="T1">Set</option>
<option value="T2">Hyperset</option>
</select>
</div>
<div id="div-select">
<h5>Select a variant</h5>
<select name="pets" id="high-score-option">
<option value="V0">--Choose an option--</option>
<option value="V1">3*3</option>
<option value="V2">3*4</option>
<option value="V3">3*5</option>
<option value="V4">4*4</option>
<option value="V5">4*5</option>
<option value="V6">5*5</option>
</select>
</div>
</div>
<br />
<input type="submit" value="Submit" />
</form>
<br />
<table>
<thead>
<tr>
<th colspan="1">Tableau des meilleures scores</th>
<th>Tableau des meilleures scores</th>
</tr>
</thead>
<tbody>

Loading…
Cancel
Save