{"id":7992,"date":"2005-07-06T18:50:55","date_gmt":"2005-07-07T01:50:55","guid":{"rendered":"http:\/\/hill-kleerup.org\/blog\/wp\/2005\/07\/06\/how-incredibly-cool-and-well-clumsy-to-implement.html"},"modified":"2005-07-06T18:50:55","modified_gmt":"2005-07-07T01:50:55","slug":"how_incredibly","status":"publish","type":"post","link":"https:\/\/hill-kleerup.org\/blog\/2005\/07\/06\/how_incredibly.html","title":{"rendered":"How incredibly cool and &#8230; well &#8230; clumsy to implement"},"content":{"rendered":"<p>On the Six Apart ProNet, there&#8217;s a spiffy article about <a href=\"http:\/\/www.sixapart.com\/pronet\/articles\/ydsf_-_robust_c.html\" target=\"_blank\">how to straightforwardly put drop shadows around text or graphic elements<\/a> using pure CSS, in a way that works in both IE and Mozilla (and which degrades nicely where CSS isn&#8217;t supported).<\/p>\n<p>Spiffy, yes, but also not anything that I&#8217;d casually start using, requiring as it does extra containers and classes and stuff like that.  It&#8217;s not as horrific as the page makes it seem, but rather than what I do now &#8230;<\/p>\n<p class=\"block\">&lt;img src=&#8221;xyz.jpg&#8221; class=&#8221;right&#8221;&gt;<\/p>\n<p>&#8230; I would have to do this &#8230;<\/p>\n<p class=\"block\">&lt;div class=&#8221;ydsf right&#8221;&gt;&lt;div class=&#8221;inner&#8221;&gt;&lt;img src=&#8221;xyz.jpg&#8221;&gt;&lt;br&gt;&lt;\/div&gt;&lt;\/div&gt;<\/p>\n<p>I suppose I could create a relatively easy macro inside of, say, SharpMT to do that.  Actually, pretty easily.<\/p>\n<p>Hmmmm.<\/p>\n<p>Well, we&#8217;ll see.  I&#8217;ll add it to my to-do list &#8230; <\/p>\n","protected":false},"excerpt":{"rendered":"<p>On the Six Apart ProNet, there&#8217;s a spiffy article about how to straightforwardly put drop shadows around text or graphic elements using pure CSS, in a way that works in&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[],"class_list":["post-7992","post","type-post","status-publish","format-standard","hentry","category-blogging"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":7928,"url":"https:\/\/hill-kleerup.org\/blog\/2005\/07\/20\/picture_perfect.html","url_meta":{"origin":7992,"position":0},"title":"Picture perfect","author":"***Dave","date":"Wed 20-Jul-05 6:15pm","format":false,"excerpt":"When I commented on implementing the \"YDSF\" CSS drop shadows for images here, Ginny noted that the solution she used was a bit simpler, requiring just a single div statement....","rel":"","context":"In &quot;Blogging &amp; Internet&quot;","block_context":{"text":"Blogging &amp; Internet","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":130911,"url":"https:\/\/hill-kleerup.org\/blog\/2016\/06\/19\/and-i-have-a-pretty-spiffy-daughter-too.html","url_meta":{"origin":7992,"position":1},"title":"And I have a pretty spiffy daughter, too","author":"***Dave","date":"Sun 19-Jun-16 6:50pm","format":false,"excerpt":"But, then, almost every day is Daughter's Day around here, right, +Margie Kleerup? Originally shared by +Kay Hill: Happy Father's Day to the best dad in the world, +Dave Hill\u200b. Hope your day is great and I won't cringe TOO much when B-5 comes around. \u00a0 View on Google+","rel":"","context":"In &quot;~PlusPosts&quot;","block_context":{"text":"~PlusPosts","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging\/plusposts"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/hill-kleerup.org\/blog\/wp\/wp-content\/uploads\/2016\/06\/f8f8e35f3e5136d402bb6bc26e3dbaaff5b651e4cf767850e277ac14f6cf8e2c951.jpgimgmax%3D660.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":10760,"url":"https:\/\/hill-kleerup.org\/blog\/2007\/07\/03\/there_and_back_again.html","url_meta":{"origin":7992,"position":2},"title":"There and back again","author":"***Dave","date":"Tue 3-Jul-07 11:21am","format":false,"excerpt":"I walk almost exactly 2.5 miles every day at lunch.\u00a0 Or so says the very spiffy Gmaps Pedometer, which lets me track my route on Google Maps.\u00a0 Spiffy! (via Kate)...","rel":"","context":"In &quot;Health&quot;","block_context":{"text":"Health","link":"https:\/\/hill-kleerup.org\/blog\/category\/health"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":40837,"url":"https:\/\/hill-kleerup.org\/blog\/2014\/01\/21\/more-spiffy-public-domain-images-released.html","url_meta":{"origin":7992,"position":3},"title":"More spiffy public domain images released","author":"***Dave","date":"Tue 21-Jan-14 7:58am","format":false,"excerpt":"I'm increasingly impressed by institutions like this putting items out to the public for their use (with credit).Reshared post from +Perry J. GreenbaumWellcome Library of London Releases 100,000 Images To PublicHistorical Images Predictions for 1832 :\u00a0 Astronomy: various apocalyptic scenes, including war, and shipwreck.\u00a0 Coloured lithograph, [c.1832?].\u00a0 Source & Credit\u2026","rel":"","context":"In &quot;~PlusPosts&quot;","block_context":{"text":"~PlusPosts","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging\/plusposts"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12936,"url":"https:\/\/hill-kleerup.org\/blog\/2008\/09\/04\/another_google_reader_mys.html","url_meta":{"origin":7992,"position":4},"title":"Another Google Reader mystery","author":"***Dave","date":"Thu 4-Sep-08 1:47pm","format":false,"excerpt":"I post a fair number of pictures in my blog entries. Most are surrounded by a div element (for the drop shadow -- thanks again, Ginny), which seems to work...","rel":"","context":"In &quot;Blogging - Technical&quot;","block_context":{"text":"Blogging - Technical","link":"https:\/\/hill-kleerup.org\/blog\/category\/blogging\/blogging-technical"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7643,"url":"https:\/\/hill-kleerup.org\/blog\/2005\/01\/23\/narnia_fx.html","url_meta":{"origin":7992,"position":5},"title":"Narnia fx","author":"***Dave","date":"Sun 23-Jan-05 8:04pm","format":false,"excerpt":"Cool techie trailer from WETA for the upcoming Narnia film. Spiffy. (via the Flea)...","rel":"","context":"In &quot;Disney\/Pixar&quot;","block_context":{"text":"Disney\/Pixar","link":"https:\/\/hill-kleerup.org\/blog\/category\/media\/franchises\/disney"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/posts\/7992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/comments?post=7992"}],"version-history":[{"count":0,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/posts\/7992\/revisions"}],"wp:attachment":[{"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/media?parent=7992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/categories?post=7992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hill-kleerup.org\/blog\/wp-json\/wp\/v2\/tags?post=7992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}