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/10 05:09] mag [Padding and Display] |
en:web_development:tables:padding [2023/08/16 09:33] (current) |
====== Web Development Lesson 3 - Tablas ====== | ====== Web Development Lesson 4 - Tables ====== |
===== Padding ===== | ===== Padding ===== |
==== Objective ==== | ==== Objective ==== |
* 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.1639141756.txt.gz · Last modified: 2023/08/16 09:33 (external edit)