{"id":26772,"date":"2016-12-07T03:01:46","date_gmt":"2016-12-06T17:01:46","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=26772"},"modified":"2016-12-07T06:23:23","modified_gmt":"2016-12-06T20:23:23","slug":"html-div-overlay-jigsaw-talents-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-div-overlay-jigsaw-talents-primer-tutorial\/","title":{"rendered":"HTML Div Overlay Jigsaw Talents Primer Tutorial"},"content":{"rendered":"
\"HTML<\/a>

HTML Div Overlay Jigsaw Talents Primer Tutorial<\/p><\/div>\n

It’s not as if we haven’t talked about it before, as evidenced by HTML Textarea and Div Talents Primer Tutorial<\/a> as shown below, but we think the HTML div<\/i><\/a> element is hugely useful. If you ever …<\/p>\n

    \n
  1. surf the “net” … and …<\/li>\n
  2. come across a website whose design appeals to you … then you discover …<\/li>\n
  3. via the browser’s View -> Page Source (or equivalent) functionality … that …<\/li>\n
  4. most\/all of the webpage’s document.body.innerHTML<\/a><\/i> is made up of a “jigsaw” of HTML div<\/i> element components\n<\/ol>\n

    … you would not be alone. Personally, we think more in terms of HTML table<\/i><\/a> thoughts, “by design” default, as much as anything because of the horizontal alignment simplicity of the HTML table<\/i> element, but even we recognize how good an HTML div<\/i> “jigsaw” of a webpage can be, as much as anything because there is nothing stopping those HTML div<\/i> “jigsaw” parts containing our favoured HTML table<\/i> element content within them, as for today’s “proof of concept” web application we’ve created.<\/p>\n

    This web application today features …<\/p>\n