I found creating my change challenging but very addicting! After plenty of trials and errors, it was a great feeling to correctly fix something using HTML. A challenge I had was that I wanted to unmerge cells that had previously been merged together. This was tricky as when you merge cells you need to delete another. Merging cells shifts the one cell to take up the space of two cells, therefore you are left with an odd cell that is to the right of your table.
Merging Cells using HTML
|Merge rows by adding the code rowspan="(number)" inside the <tb> code of the cell you want to merge|
|This shifts the cell to the right of the table. You then need to delete that entire cell.|
Unmerging and Adding CellsWhen you want to unmerge and add a row back in again you are left with a gap where it should have been. After some thinking and reading of the HTML I had, I figured how to add a cell back in by writing the codes <td> and </td> below the code for the previous cell.
|You can unmerge cells by changing the rowspan code to rowspan"1". However this leaves you with a blank space where the previous cell was deleted.|
|Find the x's to locate where you need to add in a column. Insert <td> and </td> underneath the previous </td> for the xxxx column|
My Current Events Page
I will be using my multi-modal current events page with my learners next week.