diff options
| author | Brian Cully <bjc@spork.org> | 2025-03-08 08:39:18 -0500 |
|---|---|---|
| committer | Brian Cully <bjc@spork.org> | 2025-03-08 08:39:18 -0500 |
| commit | 9cab8925d7df982b49fc12ebf47208fed95903b6 (patch) | |
| tree | 9a081571955214651bf88640fd88b1539b3fd574 /index.html | |
| parent | fdcdc1cbfaf277aa767678f3739bd55b4a285d49 (diff) | |
| download | chords-9cab8925d7df982b49fc12ebf47208fed95903b6.tar.gz chords-9cab8925d7df982b49fc12ebf47208fed95903b6.zip | |
html: fix thead, be explicit about tbody
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 117 |
1 files changed, 62 insertions, 55 deletions
@@ -7,63 +7,70 @@ </head> <body> - <table> + <table id='fretboard'> <thead> - <td>root</td> - <td>fret 1</td> - <td>fret 2</td> - <td>fret 3</td> - <td>fret 4</td> - <td>fret 5</td> + <tr> + <td>root</td> + <td>fret 1</td> + <td>fret 2</td> + <td>fret 3</td> + <td>fret 4</td> + <td>fret 5</td> + </tr> </thead> - <tr id='string1'> - <td>E</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string2'> - <td>A</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string3'> - <td>D</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string4'> - <td>G</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string5'> - <td>B</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string6'> - <td>E</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> + + <tbody> + <tr id='string1'> + <td>E</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string2'> + <td>A</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string3'> + <td>D</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string4'> + <td>G</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string5'> + <td>B</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string6'> + <td>E</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + </tbody> </table> + + <script type='module' src='main.mjs'></script> </body> </html> |