calculette_aoo: now evaluate the exact frequency, some corrections

1 files changed, 29 insertions, 1 deletions

diff --git a/calculette_aoo/index.html b/calculette_aoo/index.html
index 6dd2955..e4e015a 100644
--- a/calculette_aoo/index.html
+++ b/calculette_aoo/index.html
@@ -70,7 +70,33 @@ textarea {
 table tr td input { width: 2em; text-align: center}
 table tr td input.wellplaced { background-color: lightgreen;}
 table tr td input.misplaced { background-color: gold;}
-tr:first-child { outline: thin solid; }
+
+th, td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+th[scope='col'] {
+  background-color: #505050;
+  color: #fff;
+}
+
+th[scope='row'] {
+        background-color: #d6ecd4;
+}
+
+td { text-align: center; }
+
+  tr:nth-of-type(even) {
+        background-color: #eee;
+  }
+
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  letter-spacing: 1px;
+}
+
 
 /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
 @media screen and (max-width: 700px) {
@@ -175,6 +201,8 @@ tr:first-child { outline: thin solid; }
   <h2>Résultats</h2>
   <textarea id="result" >
   </textarea>
+  <h2>Tables</h2>
+  <div id="tables_div" class="row"/>
 </div>
 </body>
 </html>