Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!
Difference between revisions of "ATIP/JudyBoothAward"
< ATIP
Jump to navigation
Jump to search
| Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
| − | + | #customers { | |
| − | + | font-family: Arial, Helvetica, sans-serif; | |
| − | + | border-collapse: collapse; | |
| − | + | width: 100%; | |
| − | |||
| − | |||
} | } | ||
| − | + | #customers td, #customers th { | |
| − | + | border: 1px solid #ddd; | |
| + | padding: 8px; | ||
} | } | ||
| − | + | #customers tr:nth-child(even){background-color: #f2f2f2;} | |
| − | + | ||
| + | #customers tr:hover {background-color: #ddd;} | ||
| + | |||
| + | #customers th { | ||
| + | padding-top: 12px; | ||
| + | padding-bottom: 12px; | ||
| + | text-align: left; | ||
| + | background-color: #04AA6D; | ||
color: white; | color: white; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
</style> | </style> | ||
| Line 30: | Line 29: | ||
<body> | <body> | ||
| − | < | + | <h1>A Fancy Table</h1> |
| − | + | ||
| − | < | + | <table id="customers"> |
| − | < | + | <tr> |
| − | < | + | <th>Company</th> |
| − | </ | + | <th>Contact</th> |
| + | <th>Country</th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Alfreds Futterkiste</td> | ||
| + | <td>Maria Anders</td> | ||
| + | <td>Germany</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Berglunds snabbköp</td> | ||
| + | <td>Christina Berglund</td> | ||
| + | <td>Sweden</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Centro comercial Moctezuma</td> | ||
| + | <td>Francisco Chang</td> | ||
| + | <td>Mexico</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Ernst Handel</td> | ||
| + | <td>Roland Mendel</td> | ||
| + | <td>Austria</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Island Trading</td> | ||
| + | <td>Helen Bennett</td> | ||
| + | <td>UK</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Königlich Essen</td> | ||
| + | <td>Philip Cramer</td> | ||
| + | <td>Germany</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Laughing Bacchus Winecellars</td> | ||
| + | <td>Yoshi Tannamuri</td> | ||
| + | <td>Canada</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Magazzini Alimentari Riuniti</td> | ||
| + | <td>Giovanni Rovelli</td> | ||
| + | <td>Italy</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>North/South</td> | ||
| + | <td>Simon Crowther</td> | ||
| + | <td>UK</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Paris spécialités</td> | ||
| + | <td>Marie Bertrand</td> | ||
| + | <td>France</td> | ||
| + | </tr> | ||
| + | </table> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 14:14, 17 June 2025
<!DOCTYPE html> <html> <head> <style>
- customers {
font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%;
}
- customers td, #customers th {
border: 1px solid #ddd; padding: 8px;
}
- customers tr:nth-child(even){background-color: #f2f2f2;}
- customers tr:hover {background-color: #ddd;}
- customers th {
padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #04AA6D; color: white;
} </style> </head> <body>
A Fancy Table
| Company | Contact | Country |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | Germany |
| Berglunds snabbköp | Christina Berglund | Sweden |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
| Ernst Handel | Roland Mendel | Austria |
| Island Trading | Helen Bennett | UK |
| Königlich Essen | Philip Cramer | Germany |
| Laughing Bacchus Winecellars | Yoshi Tannamuri | Canada |
| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
| North/South | Simon Crowther | UK |
| Paris spécialités | Marie Bertrand | France |
</body> </html>
