{"id":715,"date":"2008-10-11T07:02:23","date_gmt":"2008-10-11T14:02:23","guid":{"rendered":"http:\/\/www.alephnaught.com\/Blog\/?p=715"},"modified":"2008-10-18T08:59:28","modified_gmt":"2008-10-18T15:59:28","slug":"i-finally-fixed-my-web-site-home-page","status":"publish","type":"post","link":"https:\/\/www.alephnaught.com\/Blog\/2008\/10\/11\/i-finally-fixed-my-web-site-home-page\/","title":{"rendered":"I finally fixed my web site home page!"},"content":{"rendered":"<div id=\"content_div-715\">\n<p>I added an &#8220;ad&#8221; for the Metra schedule tools I&#8217;ve built, and it offset the main image map that&#8217;s the menu to my site; I wanted that image centered, and it was offset by the size of the ad.<\/p>\n<p>Well, now I understand the interaction of z-index, absolute and relative positioning much better.\u00c2\u00a0 I needed to position the ad to an absolute place, and then make the main image relative so the rest of the page would flow with it properly.<\/p>\n<p><a href=\"http:\/\/www.alephnaught.com\/\">Check it out!<\/a><\/p>\n<p>Now I want to redo the main page in a more medieval illuminated manuscript style (why not)&#8230;<\/p>\n<\/div>\n<div class=\"translate_block\" style=\"display: none;\">\n<hr class=\"translate_hr\" \/>\n<a class=\"translate_translate\" id=\"translate_button_post-715\" lang=\"en\" xml:lang=\"en\" href=\"javascript:show_translate_popup('en', 'post', 715);\"><span>Translate<\/span><\/a><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/www.alephnaught.com\/Blog\/wp-content\/plugins\/google-ajax-translation\/transparent.gif?resize=16%2C16&#038;ssl=1\" id=\"translate_loading_post-715\" class=\"translate_loading colorbox-715\" style=\"display: none;\" width=\"16\" height=\"16\" alt=\"\" \/>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I added an &#8220;ad&#8221; for the Metra schedule tools I&#8217;ve built, and it offset the main image map that&#8217;s the menu to my site; I wanted that image centered, and it was offset by the size of the ad. Well, now I understand the interaction of z-index, absolute and relative positioning much better.\u00c2\u00a0 I needed [&hellip;]<\/p>\n","protected":false},"author":5848,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[335],"tags":[338],"class_list":["post-715","post","type-post","status-publish","format-standard","hentry","category-admin","tag-css"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2w3Qj-bx","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/posts\/715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/users\/5848"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/comments?post=715"}],"version-history":[{"count":0,"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/posts\/715\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/media?parent=715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/categories?post=715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alephnaught.com\/Blog\/wp-json\/wp\/v2\/tags?post=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}