Mon Emploi Du Temps Freancais

by Andrew Bounds

HTML

<table>
  <caption>French Schedule</caption>
  <col id="firstcol" />
  <col id="daycol" span="7"/>
  <tr id="topheader">
    <th>HEURE</th>
    <th>LUNDI</th>
    <th>MARDI</th>
    <th>MERCREDI</th>
    <th>JEUDI</th>
    <th>VENDREDI</th>
    <th>SAMEDI</th>
    <th>DIMANCHE</th>
  </tr>
  <tr class="data">
    <th>8h15 &agrave; 10h15</th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="data">
    <th>10h20 &agrave; 12h20</th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="data">
    <th>12h25 &agrave; 14h25</th>
    <td>le déjeuner<br /><img src="sandwich.svg" width=50px height=50px /></td>
    <td>le déjeuner<br /><img src="sandwich.svg" width=50px height=50px /></td>
    <td>le déjeuner<br /><img src="sandwich.svg" width=50px height=50px /></td>
    <td>le déjeuner<br /><img src="sandwich.svg" width=50px height=50px /></td>
    <td>le déjeuner<br /><img src="sandwich.svg" width=50px height=50px /></td>
    <td>le déjeuner<br /><img src="sandwich.svg" width=50px height=50px /></td>
    <td>le déjeuner<br /><img src="sandwich.svg" width=50px height=50px /></td>
  </tr>
  <tr class="data">
    <th>14h25 &agrave; 16h25</th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="data">
    <th>15h30 &agrave; 17h30</th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

<img src="sandwich.svg" width=10px height=10px /> Made by <a href="https://www.flaticon.com/authors/smashicons">Smashicons</a> on <a href="http://www.flaticon.com/">www.flaticon.com</a>

CSS

table {
  padding: 5px;
  width: 100%;
  border: 10px outset green;
}

#firstcol {
  width: 10%;
}

#daycol {
  width: 13%;
}

#topheader {
  color: white;
  background-color: green;
}
#topheader th {
  border: 3px inset grey;
}
.data th {
  border: 3px inset green;
  background-color: #CECECE;
}
.data td {
  border: 1px solid black;
  text-align: center;
}