Как убрать белую рамку и фон вокруг картинки?

<<

TanyaChe

Сообщение 21 окт 2013, 15:54

Здравствуйте! Помогите, пожалуйста, в решении такой проблемы:

В моём блоге есть статичная страница "Галерея работ" с фотографиями. Работы в разных техниках, и валить их в одну кучу не хочется, а хочется, чтобы в начале страницы были картинки-кнопки с категориями работ, при нажатии на которые открывалась бы соответствующая страница с соответствующими фотографиями.
Выглядеть должно вот так:
Как убрать белую рамку и фон вокруг картинки?
Т.е. кнопки должны стоять вплотную друг к другу и образовывать единую полосу. Рисунки для кнопок в формате .png, они прозрачные.

Я попыталась прописать это таким образом:
<a href="ссыль на соотв.стр."><img src="ссыль на картинку-кнопку" text-align: left;></a>
<a href="ссыль на соотв.стр."><img src="ссыль на картинку-кнопку" text-align: left;></a>
И получила:
Как убрать белую рамку и фон вокруг картинки?

Вопрос: как избавиться от белого фона, белой рамки и пробела между кнопками?
<<

Gene

Сообщение 21 окт 2013, 21:52

Дайте адрес блога, по картинкам сказать практически невозможно.
<<

TanyaChe

Сообщение 22 окт 2013, 00:56

Gene, пожалуйста: http://mamatanyaroom.blogspot.ru/
<<

Gene

Сообщение 22 окт 2013, 12:14

Не, так не пойдёт. Нужно видеть проблему. Создайте либо тестовую страницу с таким меню, либо тестовый блог, куда уже можно будет перенести весь шаблон, и экспериментировать там.
<<

TanyaChe

Сообщение 22 окт 2013, 13:57

Сделала тестовый блог -http://mamatanyatest.blogspot.ru, только не знаю, как вам дать доступ в него... Подскажете?
Меню там теперь полное, все необходимые страницы созданы, ссылки работают как надо, только кнопки выглядят не так, как требуется. Когда я ковырялась в html-коде страниц, у меня почти получилось добиться желаемого: исчезли белые рамки вокруг фотографий на этой странице, но не вокруг кнопок. Что-то намудрила я со всеми этими div-ами, но так и не поняла, что именно, поэтому вернула, как было.
<<

Gene

Сообщение 22 окт 2013, 15:19

для a style="float: left;"
для img style="background: transparent; box-shadow: none; padding: 0; margin: 0;"
<<

TanyaChe

Сообщение 22 окт 2013, 16:31

Спасибо, Gene! Всё получилось, как надо!

Вернуться в Скрипты для Blogger

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo