{"id":215,"date":"2005-09-16T12:04:57","date_gmt":"2005-09-16T05:04:57","guid":{"rendered":"http:\/\/astro.physfac.bspu.secna.ru\/~aw\/blog\/?p=215"},"modified":"2010-05-21T02:05:52","modified_gmt":"2010-05-20T19:05:52","slug":"css-description-for-images","status":"publish","type":"post","link":"https:\/\/astro.altspu.ru\/~aw\/blog\/2005\/09\/css-description-for-images.html","title":{"rendered":"CSS: \u0414\u0435\u043b\u0430\u0435\u043c \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043a&nbsp;\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c"},"content":{"rendered":"<div class=\"kcite-section\" kcite-section-id=\"215\">\n<p>\u0412\u043e\u0441\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043c\u043d\u0435 \u0432\u0447\u0435\u0440\u0430 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0440\u0430\u0437 \u0441\u0442\u0440\u0430\u043d\u043d\u043e\u0433\u043e &#8211; \u043f\u043e\u0436\u0435\u043b\u0430\u043b \u0438\u043c\u0435\u0442\u044c \u043d\u0430 \u0432\u0435\u0431\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u0435\u0439, \u0441\u0445\u043e\u0436\u0435\u0435 \u0441 \u0438\u0445 \u043f\u043e\u043b\u0438\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0430\u043d\u0430\u043b\u043e\u0433\u0430\u043c\u0438, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u0436\u0443\u0440\u043d\u0430\u043b\u044c\u043d\u044b\u043c\u0438. \u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043c\u043d\u0435 \u0432\u043e\u0441\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u043e\u0438\u043c\u0435\u0442\u044c \u0442\u043e\u043b\u043a\u043e\u0432\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c (\u0442.\u0435. &laquo;\u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0435&raquo; \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043f\u043e\u0434 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438) \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0441\u0442\u044b\u043b\u0435\u0439. \u041f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u0443\u044e \u0432\u0447\u0435\u0440\u0430 \u043f\u0435\u0440\u0435\u0434 \u0441\u0430\u043c\u0438\u043c \u0441\u043e\u0431\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0443 \u044f \u0440\u0435\u0448\u0438\u043b, \u043d\u043e... \u0412\u043f\u0440\u043e\u0447\u0435\u043c, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e-\u043f\u043e\u0440\u044f\u0434\u043a\u0443.<\/p>\n<p><strong>\u0418\u0434\u0435\u044f<\/strong><\/p>\n<p>\u0418\u0434\u0435\u044f \u0432\u0435\u0441\u044c\u043c\u0430 \u043f\u0440\u043e\u0441\u0442\u0430\u044f: \u043d\u0430\u0434\u043e \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 <em>title<\/em> &#8211; \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0440\u043e\u043b\u044c \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u0438 &#8211; \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c \u043f\u043e\u0434 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u0442\u043e\u043b\u044c\u043a\u043e <abbr title=\"Cascading Style Sheets &mdash; \u041a\u0430\u0441\u043a\u0430\u0434\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439\">CSS<\/abbr>. <\/p>\n<p><em>\u0421 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c JavaScript \u0437\u0430\u0434\u0430\u0447\u0430 \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0449\u0435, \u043d\u043e \u043c\u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0438\u043c\u0435\u043d\u043d\u043e &laquo;\u0447\u0438\u0441\u0442\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f&raquo; \u0437\u0430\u0434\u0430\u0447\u0438<\/em>. <\/p>\n<p><strong>\u0420\u0435\u0448\u0435\u043d\u0438\u0435<\/strong><\/p>\n<p>\u0412\u043d\u0430\u0447\u0430\u043b\u0435 \u044f \u043f\u043e\u043f\u044b\u0442\u0430\u043b\u0441\u044f \u043f\u043e\u0438\u0433\u0440\u0430\u0442\u044c \u0441 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438\u043c\u0435\u043d\u043d\u043e title-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 img \u0438 \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0432\u044b\u0448\u043b\u043e. \u0417\u0430\u0442\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u043b \u043e\u0434\u043d\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 <abbr title=\"Cascading Style Sheets &mdash; \u041a\u0430\u0441\u043a\u0430\u0434\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439\">CSS<\/abbr>-\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439 \u0432\u0438\u0434\u0430 element [attribut]{ \u043d\u0430\u0431\u043e\u0440 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 }, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u0432 \u0434\u0440\u0443\u0433\u043e\u0439 \u0440\u0430\u0437.<\/p>\n<p>\u042d\u0442\u043e\u0442 &laquo;\u043e\u0431\u0443\u0441\u043a\u0443\u0440\u0430\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u0439&raquo; \u0444\u0430\u043a\u0442 \u043c\u0435\u043d\u044f \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b \u0438 \u0434\u0430\u043b \u0442\u043e\u043b\u0447\u043e\u043a \u043a \u0431\u043e\u043b\u0435\u0435 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u043c\u0443 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d\u0438\u044e \u0441\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 <abbr title=\"Cascading Style Sheets &mdash; \u041a\u0430\u0441\u043a\u0430\u0434\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439\">CSS<\/abbr> 2. \u0412 \u043d\u0435\u0439 \u044f \u0441 \u0443\u0434\u0438\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u043b, \u0447\u0442\u043e &laquo;\u0432\u0441\u0435 \u0443\u0436\u0435 \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043d\u043e \u0434\u043e \u043d\u0430\u0441&raquo; &#8211; &copy; \u043d\u0435 \u043f\u043e\u043c\u043d\u044e \u0447\u0435\u0439. \u0415\u0441\u0442\u044c \u0442\u0430\u043a\u043e\u0435 \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <em>content<\/em>, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043a\u0430\u043a \u0440\u0430\u0437 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e, \u0447\u0442\u043e \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e.<\/p>\n<p>\u0418\u0442\u0430\u043a, \u0432 \u0442\u0435\u043b\u0435 web-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0440\u043d\u043e\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0431\u0435\u0437 \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u043a\u043e\u0441\u0442\u044b\u043b\u0435\u0439 \u0438 \u043f\u043e\u0434\u043f\u043e\u0440\u043e\u043a:<br \/>\n<code lang=\"html\">&lt;img src=\"rover.jpg\" width=\"280\" height=\"209\" title=\"Rover \u043d\u0430 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438 \u041c\u0430\u0440\u0441\u0430.\" class=\"desc\" \/&gt;<\/code><\/p>\n<p>\u0412 <abbr title=\"Cascading Style Sheets &mdash; \u041a\u0430\u0441\u043a\u0430\u0434\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439\">CSS<\/abbr> \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438:<br \/>\n<code lang=\"css\">img.desc {<br \/>\n   display: block;<br \/>\n   counter-increment: pic-num;<br \/>\n   text-align: justify;<br \/>\n   margin: 5px;<br \/>\n   padding: 5px;<br \/>\n   border: 1px solid #666;<br \/>\n   background-color: #dcdcdc;<br \/>\n   float: left;<br \/>\n}<br \/>\nimg.desc:after {<br \/>\n   content: \"\u0420\u0438\u0441. \" counter(pic-num) \". \" attr(title);<br \/>\n   display: block;<br \/>\n   font-size: 8pt;<br \/>\n   font-family: Georgia;<br \/>\n}<\/code><\/p>\n<p>\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0442\u043e, \u0447\u0442\u043e \u0432\u044b \u0432\u0438\u0434\u0438\u0442\u0435 \u043d\u0430 \u0440\u0438\u0441\u0443\u043d\u043a\u0435 \u0441\u043d\u0438\u0437\u0443. \u041d\u0435\u043f\u043e\u0440\u044f\u0434\u043e\u043a!<br \/>\n<a href=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-1.jpg\"><img loading=\"lazy\" src=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-1-400x320.jpg\" width=\"400\" height=\"320\" alt=\"\u0420\u0438\u0441. 1. \" title=\"\u0420\u0438\u0441. 1. \" class=\"center\" \/><\/a><br \/>\n\u0421\u0430\u043c\u043e\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0435, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0443 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0443\u0431\u0440\u0430\u0442\u044c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b width \u0438 height, \u0442\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f.<br \/>\n<a href=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-2.jpg\"><img loading=\"lazy\" src=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-2-400x272.jpg\" alt=\"\u0420\u0438\u0441. 2.\" title=\"\u0420\u0438\u0441. 2.\" width=\"400\" height=\"272\" class=\"center size-medium wp-image-903\" srcset=\"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-2-400x272.jpg 400w, https:\/\/astro.altspu.ru\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-2.jpg 500w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><br \/>\n\u0421\u0442\u0440\u0430\u043d\u043d\u043e... \u0410 \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442, \u0435\u0441\u043b\u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0448\u0438\u0440\u0438\u043d\u044b \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438?<br \/>\n<a href=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-3.jpg\"><img loading=\"lazy\" src=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-3-400x258.jpg\" alt=\"\u0420\u0438\u0441. 3.\" title=\"\u0420\u0438\u0441. 3.\" width=\"400\" height=\"258\" class=\"center size-medium wp-image-904\" srcset=\"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-3-400x258.jpg 400w, https:\/\/astro.altspu.ru\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-3.jpg 609w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><br \/>\n\u041a\u0445\u043c... \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a img.desc:after \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e width: 280px; &#8211; \u0448\u0438\u0440\u0438\u043d\u0443 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 &#8211; \u0438 \u0432\u0441\u0435 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u0435\u0435.<br \/>\n<a href=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-4.jpg\"><img loading=\"lazy\" src=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-4.jpg\" alt=\"\u0420\u0438\u0441. 4.\" title=\"\u0420\u0438\u0441. 4.\" width=\"379\" height=\"326\" class=\"center size-full wp-image-905\" \/><\/a><br \/>\n\u0412\u0440\u043e\u0434\u0435 \u0431\u044b \u043d\u0443\u0436\u043d\u043e \u043a\u0440\u0438\u0447\u0430\u0442\u044c \"\u0443\u0440\u0430, \u043c\u044b \u043f\u043e\u0431\u0435\u0434\u0438\u043b\u0438! \", \u043d\u043e... \u0432\u0430\u0441 \u0436\u0434\u0435\u0442 \u0433\u043e\u0440\u044c\u043a\u043e\u0435 \u0440\u0430\u0437\u043e\u0447\u0430\u0440\u043e\u0432\u0430\u043d\u0438\u0435 &#8211; content-\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c Opera. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u0432\u0441\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 <abbr title=\"Internet Explorer\">IE<\/abbr> \u0438 Gecko-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u043f\u0440\u043e\u043b\u0435\u0442\u0430\u044e\u0442 \u043a\u0430\u043a \u0444\u0430\u043d\u0435\u0440\u043a\u0430 \u043d\u0430\u0434 \u041f\u0430\u0440\u0438\u0436\u0435\u043c :(.<\/p>\n<p><strong>\u0414\u0435\u043b\u0430\u0435\u043c \u043a\u043e\u0441\u0442\u044b\u043b\u0438<\/strong><\/p>\n<p>\u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0443 \u0432\u0441\u0435\u0445 \u0437\u0430\u0448\u0435\u0434\u0448\u0438\u0445 \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u0443 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0431\u044b\u043b\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u043a\u043e\u0441\u0442\u044b\u043b\u0438 &#8211; \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e \u0431\u0435\u0437 \u043d\u0438\u0445 \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c. \u0412 web-\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u043a\u043e\u0441\u0442\u044b\u043b\u044c:<br \/>\n<code lang=\"html\">&lt;div class=\"wrap\"&gt;&lt;img src=\"03rover3.gif\" width=\"280\" height=\"209\" title=\"Rover \u043d\u0430 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438 \u041c\u0430\u0440\u0441\u0430. \"\/&gt;&lt;span&gt;\u041f\u043e\u0434\u043f\u0438\u0441\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0441 \u043a\u043e\u0441\u0442\u044b\u043b\u044f\u043c\u0438 :( \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u043e\u0447\u0435\u043d\u044c \u0434\u043b\u0438\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439-\u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 :)&lt;\/span&gt;&lt;\/div&gt;<\/code><\/p>\n<p>\u0412 <abbr title=\"Cascading Style Sheets &mdash; \u041a\u0430\u0441\u043a\u0430\u0434\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439\">CSS<\/abbr>-\u0444\u0430\u0439\u043b\u0435 &laquo;\u0440\u0438\u0441\u0443\u0435\u043c&raquo; \u0442\u0430\u043a\u043e\u0435:<br \/>\n<code lang=\"css\">.wrap {<br \/>\n   float: left;<br \/>\n   width: 280px;<br \/>\n   margin: 5px;<br \/>\n   padding: 15px 15px 0 15px;<br \/>\n   background: #F5B404 url(top-left.gif) top left no-repeat;<br \/>\n}<\/p>\n<p>.wrap span {<br \/>\n   float: left;<br \/>\n   display: block;<br \/>\n   text-align: justify;<br \/>\n   width: 100%;<br \/>\n   font-size: 8pt;<br \/>\n   font-family: Georgia;<br \/>\n   padding-bottom: 15px;<br \/>\n   padding-right: 15px;<br \/>\n   margin-right: -15px;<br \/>\n   background: transparent url(bottom-right.gif) bottom right no-repeat;<br \/>\n}<\/p>\n<p>* html .wrap span {<br \/>\n   padding-top: 5px;<br \/>\n}<\/code><br \/>\n\u0418 \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432 <abbr title=\"Internet Explorer 6\">IE6<\/abbr>, FF, Opera & Safari \u0442\u0430\u043a\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443:<br \/>\n<img loading=\"lazy\" src=\"\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-5.jpg\" alt=\"\u0420\u0438\u0441. 5.\" title=\"\u0420\u0438\u0441. 5.\" width=\"426\" height=\"380\" class=\"aligncenter size-full wp-image-906\" srcset=\"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-5.jpg 426w, https:\/\/astro.altspu.ru\/~aw\/blog\/wp-upload\/2005\/09\/pix-desc-5-400x356.jpg 400w\" sizes=\"(max-width: 426px) 100vw, 426px\" \/><\/p>\n<p>\u0414\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0445\u043e\u0442\u044f \u043d\u0430\u0434 \u0432\u043d\u0435\u0448\u043d\u0438\u043c \u0432\u0438\u0434\u043e\u043c \u0435\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c...<\/p>\n<p><strong>\u0412\u044b\u0432\u043e\u0434\u044b<\/strong><\/p>\n<p>\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043a \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u0430\u043d\u0438\u043f\u0443\u043b\u044f\u0446\u0438\u0439, \u0442.\u043a. \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0448\u0442\u0430\u0442\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 <abbr title=\"Cascading Style Sheets &mdash; \u041a\u0430\u0441\u043a\u0430\u0434\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439\">CSS<\/abbr> \u0434\u043b\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u0435\u0439 \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442.<\/p>\n<p>\u041a\u0441\u0442\u0430\u0442\u0438, \u043c\u043e\u0436\u0435\u0442 \u043a\u0442\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442 \u0431\u043e\u043b\u0435\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435?<\/p>\n<p><strong>P.S.<\/strong> \u041a\u043e\u043f\u0438\u044f \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u0430 \u0432 \u043c\u043e\u0435\u043c \u0431\u043b\u043e\u0433\u0435 &laquo;<a href=\"http:\/\/alex-w.blogspot.com\/2005\/11\/css.html\">\u0417\u0430\u043c\u0435\u0442\u043a\u0438 \u043d\u0430 \u043f\u043e\u043b\u044f\u0445...<\/a>&raquo;<\/p>\n<!-- kcite active, but no citations found -->\n<\/div>\n<p> <!-- kcite-section 215 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0412\u043e\u0441\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043c\u043d\u0435 \u0432\u0447\u0435\u0440\u0430 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0440\u0430\u0437 \u0441\u0442\u0440\u0430\u043d\u043d\u043e\u0433\u043e &#8211; \u043f\u043e\u0436\u0435\u043b\u0430\u043b \u0438\u043c\u0435\u0442\u044c \u043d\u0430 \u0432\u0435\u0431\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u0435\u0439, \u0441\u0445\u043e\u0436\u0435\u0435 \u0441 \u0438\u0445 \u043f\u043e\u043b\u0438\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0430\u043d\u0430\u043b\u043e\u0433\u0430\u043c\u0438, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u0436\u0443\u0440\u043d\u0430\u043b\u044c\u043d\u044b\u043c\u0438. \u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043c\u043d\u0435 \u0432\u043e\u0441\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u043e\u0438\u043c\u0435\u0442\u044c \u0442\u043e\u043b\u043a\u043e\u0432\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c (\u0442.\u0435. &laquo;\u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0435&raquo; \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043f\u043e\u0434 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438) \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0441\u0442\u044b\u043b\u0435\u0439. \u041f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u0443\u044e \u0432\u0447\u0435\u0440\u0430 \u043f\u0435\u0440\u0435\u0434 \u0441\u0430\u043c\u0438\u043c \u0441\u043e\u0431\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0443 \u044f \u0440\u0435\u0448\u0438\u043b, \u043d\u043e... \u0412\u043f\u0440\u043e\u0447\u0435\u043c, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e-\u043f\u043e\u0440\u044f\u0434\u043a\u0443.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[27,32,12],"tags":[869,259],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/posts\/215"}],"collection":[{"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":0,"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"wp:attachment":[{"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astro.altspu.ru\/~aw\/blog\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}