<table> styles moved to css

diff --git a/Styles/styles.css b/Styles/styles.css
index e8d15bb55eda7c8e38042574c35b6dde50f57e28..acbbda6af355be6294fd192602dc22100eea0f41 100755 (executable)
--- a/Styles/styles.css
+++ b/Styles/styles.css
@@ -32,6 +32,26 @@ body {
     font-family: noto-serif;
 }
 
+table {
+    border-collapse: collapse;
+    border: 1px solid grey;
+    width: 100%;
+}
+
+th {
+    background-color: #c69879;
+    border: 1px solid grey;
+}
+
+td {
+    padding: 2px;
+    border: 1px solid grey;
+}
+
+tr:hover {
+    background-color: #efdac3;
+}
+
 /* Navigation bar
    just simple bar from W3 schools with minor edits
    https://www.w3schools.com/Css/css_navbar_horizontal.asp

diff --git a/clue.php b/clue.php
index fb74f16d6c965cecfcad913496e8a6b8a8c0bc76..6e98d9ac88ac268a6ad5b4dfa176ed5e1173fb9b 100644 (file)
--- a/clue.php
+++ b/clue.php
@@ -63,9 +63,7 @@
         $rows = explode('*', $fileContents);
 
         // Create the table
-        // the styles must be set here because the css won't work
-        // properly with this php monster
-        echo '<table border="1" style="border-collapse: collapse; border: 1px solid grey; width: 100%;">';
+        echo '<table>';
 
         // Process each row
         foreach ($rows as $key => $row) {
@@ -84,8 +82,7 @@
 
             // Use <th> for the first row, <td> for the rest
              $cellTag = $isFirstRow ? 'th' : 'td';
-            // again... sorry for the styles
-             echo '<' . $cellTag . ' style="padding: 2px; border: 1px solid grey">' . htmlspecialchars($column) . '</' . $cellTag . '>';
+             echo '<' . $cellTag . '>' . htmlspecialchars($column) . '</' . $cellTag . '>';
           }
     
         // End the table row

diff --git a/lib.php b/lib.php
index eaee183bf9f3f10438e528fcf44b4765efa4b13d..cca808cfe91362c726be073a514da6fcf5a1d3b0 100644 (file)
--- a/lib.php
+++ b/lib.php
@@ -64,9 +64,7 @@
         $rows = explode('*', $fileContents);
 
         // Create the table
-        // the styles must be set here because the css won't work
-        // properly with this php monster
-        echo '<table border="1" style="border-collapse: collapse; border: 1px solid grey; width: 100%;">';
+        echo '<table>';
 
         // Process each row
         foreach ($rows as $key => $row) {
@@ -85,8 +83,7 @@
 
             // Use <th> for the first row, <td> for the rest
              $cellTag = $isFirstRow ? 'th' : 'td';
-            // again... sorry for the styles
-             echo '<' . $cellTag . ' style="padding: 2px; border: 1px solid grey">' . htmlspecialchars($column) . '</' . $cellTag . '>';
+             echo '<' . $cellTag . '>' . htmlspecialchars($column) . '</' . $cellTag . '>';
           }
     
         // End the table row