en:web_development:tables:padding
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
en:web_development:tables:padding [2021/12/08 13:20] mag [Collapsing Borders] |
en:web_development:tables:padding [2023/08/16 09:33] (current) |
| ====== Web Development Lesson 3 - Tablas ====== | ====== Web Development Lesson 4 - Tables ====== |
| ===== Padding and Display ===== | ===== Padding ===== |
| ==== Objective ==== | ==== Objective ==== |
| In this activity we'll adjust the spacing between cells and within cells to make it more readable. | In this activity we'll adjust the spacing between cells and within cells to make it more readable. |
| * Now try adding <html>margin: 10px;</html> to your 'td' element style. | * Now try adding <html>margin: 10px;</html> to your 'td' element style. |
| * You'll see an 'i' in a circle next to the rule, telling you there's a problem. If you hover over it you'll see a message telling you that <html>margin</html> is not a valid property for table cells. | * You'll see an 'i' in a circle next to the rule, telling you there's a problem. If you hover over it you'll see a message telling you that <html>margin</html> is not a valid property for table cells. |
| * Try removing the 'n' from <html>color: green;</html> and you'll see the rule is struck out and has a warning sign next to it. You will quickly find any typing errors if you scan your CSS rules here. | * Try removing the 'n' from <html>color: green;</html> and you'll see the rule is struck out and has a warning sign next to it. You will quickly find any typing errors if you scan your CSS rules here and changes you make here won't change your original code. |
| | |
| | ==== Final Code ==== |
| | * [[https://techschool.murraygunn.id.au/webdev/classes/tables/2/style.php|style.css]] |
| | * [[https://techschool.murraygunn.id.au/webdev/classes/tables/2/tables.html|result]] |
| |
| [[en:web_development:tables:selectors|Next: Selectors]] | [[en:web_development:tables:selectors|Next: Selectors]] |
en/web_development/tables/padding.1638998426.txt.gz · Last modified: 2023/08/16 09:33 (external edit)