{"id":1668,"date":"2004-01-04T20:02:18","date_gmt":"2004-01-05T04:02:18","guid":{"rendered":"http:\/\/www.kith.org\/journals\/jed\/2004\/01\/04\/1668.html"},"modified":"2004-01-04T20:02:18","modified_gmt":"2004-01-05T04:02:18","slug":"css-flow-vs-positioning","status":"publish","type":"post","link":"https:\/\/www.kith.org\/jed\/2004\/01\/04\/css-flow-vs-positioning\/","title":{"rendered":"CSS: flow vs. positioning"},"content":{"rendered":"\n<p>Some day I hope to do a series of entries, maybe even little articles, to bring longtime HTML hand-coders up to date on recent developments in web-page creation, including:<\/p>\n<ul>\n<li>XHTML (including putting closing tags at the ends of paragraphs and list items)<\/li>\n<li>CSS (how to format and position elements on the page without using tables, which weren't designed for positioning)<\/li>\n<li>getting rid of old outdated tags (like &lt;i&gt; and &lt;b&gt; and &lt;font&gt;) in favor of CSS formatting<\/li>\n<li>getting rid of old-fashioned too-specific formatting elements (such as indenting using nonbreaking spaces, line breaks using &lt;br&gt; tags, centering using &lt;center&gt; tags and align=\"center\")<\/li>\n<li>disabled-accessibility issues (including choosing good alt text for images)<\/li>\n<li>cross-browser compatibility issues<\/li>\n<li>choosing good text to apply links to (one hint: \"here\" and \"click here\" are not good text to apply links to, because of the way screen readers work for visually impaired people)<\/li>\n<li>using entities, including how to insert em dashes and curved quotation marks<\/li>\n<\/ul>\n<p>and why all these things are a good idea and you should go to the trouble of unlearning old coding habits.<\/p>\n<p>But I'm not gonna do any of that today.<\/p>\n<p>Today I'm just going to note that there's a good article providing information about <a href=\"http:\/\/www.positioniseverything.net\/articles\/flow-pos.html\">two models for CSS-based page layout<\/a>: flow and positioning.  This article probably won't make sense to you at all if you aren't familiar with the basics of CSS, but if you've done a little CSS and have a vague sort of idea of how it works, it's a good article for explaining in more detail just how page layout really works, and what the differences are between those non-intuitive CSS positioning terms <span class=\"word-as-word\">static,<\/span> <span class=\"word-as-word\">relative,<\/span> and <span class=\"word-as-word\">absolute.<\/span><\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Some day I hope to do a series of entries, maybe even little articles, to bring longtime HTML hand-coders up&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1668","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/posts\/1668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/comments?post=1668"}],"version-history":[{"count":0,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/posts\/1668\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/media?parent=1668"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/categories?post=1668"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/tags?post=1668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}