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