User Tools

Site Tools


en:web_development:tables:padding

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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)
Line 1: Line 1:
-====== Web Development Lesson Tablas ====== +====== Web Development Lesson 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.
Line 88: Line 88:
   * 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)