Небольшой, но нужный урок для новичков - рамочников.
Поскольку это встречается очень часто, я решила
на примере рамки из моего сообщества показать,
как можно подправить свою работу и сделать красивой.
Давайте откроем наш код и рассмотрим его -
нажав на редактирование и HTML формат
![](//img-fotki.yandex.ru/get/6423/114259404.7e8/0_9cf77_24f24fa_XL.jpg)
![](//img-fotki.yandex.ru/get/6519/114259404.7e7/0_9cf67_fb18b2ae_XL.jpg)
Если мы посмотрим на рамку в сообществе, она будет
выглядеть вот так, рамка смещена и совсем не видно
основной картинки
![](//img-fotki.yandex.ru/get/6619/114259404.7e7/0_9cf68_307dd384_XL.jpg)
А это рамочка из первого комментария автора, где дается код рамки
Тут мы видим, что ширину картинки сильно увеличил код музыки
![](//img-fotki.yandex.ru/get/6519/114259404.7e7/0_9cf69_7a734963_XL.jpg)
Давайте поменяем только размер шрифта музыки в коде рамки.
Находим его и обводим, прижимая левую кнопку мыши
![](//img-fotki.yandex.ru/get/6420/114259404.7e7/0_9cf6e_87586848_XL.jpg)
Теперь он выглядит вот так
![](//img-fotki.yandex.ru/get/6420/114259404.7e7/0_9cf6f_6ee3b027_XL.jpg)
Наша рамочка сильно уменьшилась в ширину и стала красивой
![](//img-fotki.yandex.ru/get/6423/114259404.7e7/0_9cf6a_7e8321b6_XL.jpg)
Но осталась еще одна проблема... Которую новички
в основном, не замечают... Рамка как бы "подпрыгнула"
над комментариями. Посмотрим - почему.
![](//img-fotki.yandex.ru/get/6421/114259404.7e7/0_9cf6b_c85d1607_XL.jpg)
Давайте ее опустим пониже
![](//img-fotki.yandex.ru/get/6419/114259404.7e7/0_9cf6c_f7d1d570_XL.jpg)
![](//img-fotki.yandex.ru/get/6523/114259404.7e8/0_9cf70_4bcf90b1_XL.jpg)
![](//img-fotki.yandex.ru/get/6622/114259404.7e8/0_9cf73_d25a09fa_XL.jpg)
теперь наша рамочка выглядит в блоге вот так.
![](//img-fotki.yandex.ru/get/6423/114259404.7e8/0_9cf75_e55e2ca7_XL.jpg)
Правда, в сообществе она будет все равно смещена,
но не настолько сильно.
![](//img-fotki.yandex.ru/get/6423/114259404.7e8/0_9cf76_515dba09_XL.jpg)
Благодарю за внимание. Ваша Надежда.