{"id":85,"date":"2010-11-19T12:25:04","date_gmt":"2010-11-19T12:25:04","guid":{"rendered":"http:\/\/psd2htmlconverter.com\/en\/wordpress\/?p=85"},"modified":"2016-01-21T21:07:33","modified_gmt":"2016-01-21T21:07:33","slug":"bugfix-css-layout-creation-for-horizontal-lists","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/","title":{"rendered":"Bugfix: CSS layout creation for horizontal lists"},"content":{"rendered":"<p>There was an error in automatic\u00a0process of <!--more--><a title=\"PSD to HTML Conversion\" href=\"http:\/\/psd2htmlconverter.com\/en\/\">PSD to HTML conversion<\/a> which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed.<\/p>\n<p>Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can use <a title=\"Documentation: Supported tags\" href=\"\/\/psd2htmlconverter.com\/en\/documentation\/#supported_tags\">tags<\/a> $ul$, $limage$, $skip$.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There was an error in automatic\u00a0process of<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1,4],"tags":[],"class_list":["post-85","post","type-post","status-publish","format-standard","hentry","category-all","category-bugfix"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"Alex\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta property=\"og:description\" content=\"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2010-11-19T12:25:04+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-01-21T21:07:33+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta name=\"twitter:description\" content=\"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#article\",\"name\":\"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"headline\":\"Bugfix: CSS layout creation for horizontal lists\",\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"},\"datePublished\":\"2010-11-19T12:25:04+00:00\",\"dateModified\":\"2016-01-21T21:07:33+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#webpage\"},\"articleSection\":\"All, bugfix\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"position\":2,\"name\":\"All\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#listItem\",\"name\":\"Bugfix: CSS layout creation for horizontal lists\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#listItem\",\"position\":3,\"name\":\"Bugfix: CSS layout creation for horizontal lists\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/\",\"name\":\"Alex\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Alex\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/\",\"name\":\"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/11\\\/19\\\/bugfix-css-layout-creation-for-horizontal-lists\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"datePublished\":\"2010-11-19T12:25:04+00:00\",\"dateModified\":\"2016-01-21T21:07:33+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\/CSS conversion","description":"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can","canonical_url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#article","name":"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\/CSS conversion","headline":"Bugfix: CSS layout creation for horizontal lists","author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"},"datePublished":"2010-11-19T12:25:04+00:00","dateModified":"2016-01-21T21:07:33+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#webpage"},"articleSection":"All, bugfix"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","position":1,"name":"Home","item":"https:\/\/blog.psd2htmlconverter.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","position":2,"name":"All","item":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#listItem","name":"Bugfix: CSS layout creation for horizontal lists"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#listItem","position":3,"name":"Bugfix: CSS layout creation for horizontal lists","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}}]},{"@type":"Organization","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","url":"https:\/\/blog.psd2htmlconverter.com\/en\/"},{"@type":"Person","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author","url":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/","name":"Alex","image":{"@type":"ImageObject","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g","width":96,"height":96,"caption":"Alex"}},{"@type":"WebPage","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#webpage","url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/","name":"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\/CSS conversion","description":"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"creator":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"datePublished":"2010-11-19T12:25:04+00:00","dateModified":"2016-01-21T21:07:33+00:00"},{"@type":"WebSite","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website","url":"https:\/\/blog.psd2htmlconverter.com\/en\/","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","inLanguage":"en-US","publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers","og:type":"article","og:title":"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\/CSS conversion","og:description":"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can","og:url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/","article:published_time":"2010-11-19T12:25:04+00:00","article:modified_time":"2016-01-21T21:07:33+00:00","twitter:card":"summary_large_image","twitter:title":"Bugfix: CSS layout creation for horizontal lists | Blog about automated Photoshop to HTML\/CSS conversion","twitter:description":"There was an error in automatic process of PSD to HTML conversion which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed. Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can"},"aioseo_meta_data":{"post_id":"85","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-02-08 12:06:48","updated":"2025-06-04 00:19:58","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/\" title=\"All\">All<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tBugfix: CSS layout creation for horizontal lists\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/blog.psd2htmlconverter.com\/en"},{"label":"All","link":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/"},{"label":"Bugfix: CSS layout creation for horizontal lists","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/11\/19\/bugfix-css-layout-creation-for-horizontal-lists\/"}],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":7,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":522,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/85\/revisions\/522"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}