{"json_modified": "2016-03-28T21:45:29.043697", "uuid": "b0f39fb0-5af5-4a69-abf3-779e71225b87", "title": "Images, Tables, and Mysterious Gaps", "url": "/en-US/docs/Images,_Tables,_and_Mysterious_Gaps", "tags": ["CSS"], "translations": [{"uuid": "2ec2b80d-4786-4e40-9408-6afcf9229870", "title": "Im\u00e1genes, tablas y huecos misteriosos", "url": "/es/docs/Im%C3%A1genes,_tablas_y_huecos_misteriosos", "tags": ["CSS", "Todas_las_Categor\u00edas"], "summary": "", "localization_tags": [], "locale": "es", "last_edit": "2011-03-26T09:08:50", "review_tags": []}, {"uuid": "ce090500-3eb9-48a1-b9a1-5bdc3d32f25c", "title": "Images, tableaux et d\u00e9calages myst\u00e9rieux", "url": "/fr/docs/Images,_tableaux_et_d%C3%A9calages_myst%C3%A9rieux", "tags": ["CSS"], "summary": "", "localization_tags": [], "locale": "fr", "last_edit": "2006-12-28T15:06:34", "review_tags": []}, {"uuid": "6b12e403-55ff-41ab-a5cb-4886972b4c1a", "title": "Obrazki, tabele i tajemnicze dziury", "url": "/pl/docs/Obrazki,_tabele_i_tajemnicze_dziury", "tags": ["CSS", "Wszystkie_kategorie"], "summary": "", "localization_tags": [], "locale": "pl", "last_edit": "2006-12-17T18:25:30", "review_tags": []}, {"uuid": "c93c1368-5db0-41f5-8c15-d655e227dfe1", "title": "Images, Tables, and Mysterious Gaps", "url": "/zh-CN/docs/Images,_Tables,_and_Mysterious_Gaps", "tags": [], "summary": "\u65e0\u8bba\u4f55\u65f6\u4f60\u5f00\u59cb\u521b\u5efa\u4e00\u4e2a\u7f51\u9875,\u5f53\u5176\u8bbe\u8ba1\u662f\u57fa\u4e8e\u7ecf\u5178\u7684\u201c\u8868\u683c\u548c\u591a\u56fe\u50cf\u65f6\u201d\u4f60\u7684\u70e6\u607c\u662f\u76f8\u5f53\u591a\u7684\u00a0\u3002\u00a0\u4e0d\u7ba1\u4f60\u662f\u5207\u4e00\u4e2a\u56fe\u6807\u53bb\u5f88\u597d\u7684\u9002\u5e94\u8bbe\u8ba1, \u6216\u8005\u4f7f\u7528\u5927\u91cf\u7684\u5355\u50cf\u7d20GIFs\u95f4\u9694, \u8fd9\u4e9b\u539f\u7406\u90fd\u662f\u5927\u540c\u5c0f\u5f02\u7684. \u5728\u8f83\u65e9\u7684\u65f6\u5019, \u8fd9\u79cd\u65b9\u6cd5\u662f\u80fd\u5f88\u597d\u5de5\u4f5c\u7684, because browsers would usually make a table cell exactly as wide and tall as an image it contained.", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-03-28T21:45:27", "review_tags": []}], "modified": "2014-03-25T16:54:42", "label": "Images, Tables, and Mysterious Gaps", "localization_tags": [], "locale": "en-US", "id": 33979, "last_edit": "2013-03-27T20:54:32", "summary": "Almost no matter when you started creating Web pages, odds are pretty high you have one or more designs based on the classic \"convoluted tables and lots of images\" paradigm. Whether you've sliced up a logo so it fits in well with the design, or used tons of single-pixel spacer GIFs, the principles (and perils) remain largely the same. Back in the early days, this approach worked, because browsers would usually make a table cell exactly as wide and tall as an image it contained.", "sections": [{"id": "The_Components", "title": "The Components"}, {"id": "How_Inline_Content_is_Constructed", "title": "How Inline Content is Constructed"}, {"id": "How_About_a_Fix.3F", "title": "How About a Fix?"}, {"id": "Setting_images_to_be_blocks", "title": "Setting images to be blocks"}, {"id": "Using_vertical_alignment", "title": "Using vertical alignment"}, {"id": "Looking_Forward_To_a_Fix", "title": "Looking Forward To a Fix"}, {"id": "Recommendations", "title": "Recommendations"}, {"id": "Related_Links", "title": "Related Links"}, {"id": "Original_Document_Information", "title": "Original Document Information"}], "slug": "Images,_Tables,_and_Mysterious_Gaps", "review_tags": []}