Небольшой, но нужный урок для новичков - рамочников.
Поскольку это встречается очень часто, я решила
на примере рамки из моего сообщества показать,
как можно подправить свою работу и сделать красивой.

Давайте откроем наш код и рассмотрим его -
нажав на редактирование и HTML формат

[600x260]



[634x368]

Если мы посмотрим на рамку в сообществе, она будет
выглядеть вот так, рамка смещена и совсем не видно
основной картинки

[600x210]

А это рамочка из первого комментария автора, где дается код рамки
Тут мы видим, что ширину картинки сильно увеличил код музыки

[600x215]

Давайте поменяем только размер шрифта музыки в коде рамки.
Находим его и обводим, прижимая левую кнопку мыши

[669x390]

Теперь он выглядит вот так

[645x353]

Наша рамочка сильно уменьшилась в ширину и стала красивой

[600x169]

Но осталась еще одна проблема... Которую новички
в основном, не замечают... Рамка как бы "подпрыгнула"
над комментариями. Посмотрим - почему.

[606x461]

Давайте ее опустим пониже

[800x468]

[606x461]

[626x445]

теперь наша рамочка выглядит в блоге вот так.

[600x282]

Правда, в сообществе она будет все равно смещена,
но не настолько сильно.

[600x254]