Untitled
unknown
html
a year ago
2.2 kB
8
Indexable
<!DOCTYPE html> <html> <head> <title>Month and Availability Table</title> <style> body { text-align: center; /* Center the inline contents of the body */ color: black; /* Ensure text is black */ } table { margin-left: auto; margin-right: auto; border-collapse: separate; /* Use separate to allow for white space between cells */ border-spacing: 2px; /* This creates the 'white cell walls' effect */ background-color: black; /* Dark background for the table to make white borders stand out */ } th, td { padding: 10px; text-align: center; background-color: white; /* White background for cells to contrast with the text and match the border */ color: black; /* Black text for readability */ border: 1px solid white; /* White borders for cells, though this will be less visible with border-spacing */ } h2 { text-align: center; /* Center the heading */ } </style> </head> <body> <body> <h2>2024 Event Availability</h2> <table> <tr> <th>Month</th> <th>Availability</th> </tr> <tr> <td>January</td> <td>No</td> </tr> <tr> <td>February</td> <td>No</td> </tr> <tr> <td>March</td> <td>BOOKED</td> </tr> <tr> <td>April</td> <td>BOOKED</td> </tr> <tr> <td>May</td> <td>BOOKED</td> </tr> <tr> <td>June</td> <td>2 DATES AVAILABLE</td> </tr> <tr> <td>July</td> <td>1 DATE AVAILABLE</td> </tr> <tr> <td>August</td> <td>1 DATE AVAILABLE</td> </tr> <tr> <td>September</td> <td>2 DATES AVAILABLE</td> </tr> <tr> <td>October</td> <td>1 DATE AVAILABLE</td> </tr> <tr> <td>November</td> <td>1 DATE AVAILABLE</td> </tr> <tr> <td>December</td> <td>2 DATES AVAILABLE</td> </tr> <!-- Add more rows as needed --> </table> </body> </html>
Editor is loading...
Leave a Comment