[hotsman]

Проблема следующая: есть сайт - http://raditebia.ru/
Работаю сейчас над дизайном! Хочу задать кнопке подробнее фон в виде картинки, для этого пишу следующие стили:
a.readon {
float: left;
line-height: normal;
font-size: 14px;
padding: 0 0 0 0px;
color: #666666;
text-transform: lowercase;
text-decoration: none;
background-image: transperent url(../images/sg_background.gif);

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

[vovasit91]

_http://raditebia.ru/images/sg_background.gif
404 выдает...

[oleggreb]

если уж "background-image", то без transparent попробуй:

background-image: url(../images/sg_background.gif);

а если "background", то пробуй:

background: url(../images/sg_background.gif) no-repeat transparent; /* ну или repeat, если фон просто цвет или градиент, сдвиг можно задать еще...

пс: действительно, где у тебя эта картинка то лежит?

[hotsman]

картинка лежит в папке images шаблона!

странно, вчера пробовал без transparent - не получалось! сейчас убрал - всё работает! Спасибо ребят!

---------- Сообщение добавлено 09:42 ---------- Предыдущее 09:32 ----------

Если я беру background-image:url(../images/sg_background.gif);

как сюда дописать ширину и высоту картинки, а то она полностью не хочет показываться?

[adminpab]

Попробуйте задать размер самого класса a.readon
Либо задать background-size

[hotsman]

adminpab,размер класса пробовал - не помогло!
надо попробовать background-size!

еще решил проблему нижний отступ!

только почему-то кнопка налезает на линию отделяющую статьи! как бы исправить?)

[adminpab]

hotsman, То есть отображается выше чем надо? Если то, что я думаю, то тут поможет vertical-align.

[hotsman]

посмотрите на сайте! уже всё норм! мне нравится! большое спасибо!