{"id":312,"date":"2005-05-29T23:43:15","date_gmt":"2005-05-29T23:43:15","guid":{"rendered":"http:\/\/fiveforks.com\/jeb\/2005\/05\/captions_under_1\/"},"modified":"2005-05-29T23:43:15","modified_gmt":"2005-05-29T23:43:15","slug":"captions_under_1","status":"publish","type":"post","link":"https:\/\/www.fiveforks.com\/jeb\/2005\/05\/captions_under_1\/","title":{"rendered":"Captions Under Thumbnails"},"content":{"rendered":"<p>Trying to figure out a way to display thumbnails horizontally with captions without using tables. Ran into <a href=\"http:\/\/www.webmasterworld.com\/forum83\/4961.htm\">this suggestion<\/a> to use a DL tag (data list) which has a DT tag for a title (which can be the image) and a DD tag for data (which can be the caption.)<\/p>\n<p>&lt;style type=&#8221;text\/css&#8221;&gt;<\/p>\n<p>#wrap {width: 500px;<\/p>\n<p>}<\/p>\n<p>dl.gallery {float: left;  width: 150px; padding: 2; border: 1px #f00 solid; margin: 0;<\/p>\n<p>}<\/p>\n<p>dl.gallery dd {padding: .0em; margin: 0;<\/p>\n<p>}<\/p>\n<p>&lt;\/style&gt;<\/p>\n<h4>A Definition List:<\/h4>\n<div>\n<dl>\n<dt>&lt;img  src=&quot;http:\/\/mac.fiveforks.com\/stonegate\/archives\/Thinking%20Come%20Back-thumb.jpg&quot;<\/dt>\n<dd>Thinking Come Back<\/dd>\n<\/dl>\n<dl>\n<dt><img decoding=\"async\" src=\"http:\/\/mac.fiveforks.com\/stonegate\/archives\/DC-Lassiter2-thumb.jpg\"><\/dt>\n<dd>Lights Out and Fugetta Bout It<\/dd>\n<\/dl>\n<\/div>\n<p>Not sure this is easier than tables which I&#8217;m using here:<\/p>\n<table>\n<tr valign=\"top\">\n<td>&lt;img  src=&quot;http:\/\/mac.fiveforks.com\/stonegate\/archives\/Thinking%20Come%20Back-thumb.jpg&quot;<br \/>Thinking Come Back<\/p>\n<td width=\"150\"><img decoding=\"async\" src=\"http:\/\/mac.fiveforks.com\/stonegate\/archives\/DC-Lassiter2-thumb.jpg\"><br \/>Lights Out and Fugetta Bout<\/tr>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Trying to figure out a way to display thumbnails horizontally with captions without using tables. Ran into this suggestion to use a DL tag (data list) which has a DT tag for a title (which can be the image) and &hellip; <a href=\"https:\/\/www.fiveforks.com\/jeb\/2005\/05\/captions_under_1\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-312","post","type-post","status-publish","format-standard","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/posts\/312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/comments?post=312"}],"version-history":[{"count":0,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/posts\/312\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/media?parent=312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/categories?post=312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/tags?post=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}