Исправила стиль css для кнопки ВКонтакте

Я добавила кнопку от ВКонтакте на Учи.кз почти сразу после её появления, т.е. около полугода назад. И все было бы хорошо, если бы разработчики ВКонтакте использовали какие-то нормальные стили для своей кнопки. Вместо этого, они использовали таблицы <table>, внутри которых были дивы, и все это без каких-либо опознавательных знаков, без классов, без ид, со стилями, внутри кода... Бррр...

В итоге, стили определенные ВКонтакте, противоречили css моего сайта, текст кнопки поднялся высоко вверх, и был плохо читаем, да и выглядело это все некрасиво...

Я, в принципе, не верстальщик, и в цсс разбираюсь плохо. На первый взгляд, я не смогла определить, что там именно не сработало, поэтому оставила проблему на потом. Прошло полгода :) Вот, только сегодня смогла, если не определить в чем проблема, то хотя бы поправить:

Итак, первое - добавьте в свой файл стилей следующий код:

#vkshare0 td {
padding: 0 !important;
    border: 0 none !important;
    margin: 0 !important;} 

Кстати, рецепт взят отсюда: http://emmell.ru/440

Впрочем, на моем сайте данный код ни к чему не привел, все оставалось также криво, как было. Тогда я разозлилась и спросила себя, почему елки-палки, кнопка от мейл.ру без всяких проблем встала как надо? Просто скопировала код от мейл.ру, половину его правда выбросила за ненабодностью - и... та-дам, все заработало!!!

#vkshare0 td div {
    vertical-align: top;
float: none;
text-align: left;
font-size: 14px;
width: auto;
margin: 0px;
}

Главные темы: 

Комментарии

CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.