Помощь a.link_a.hover на картинки категорий

[newtimes]

SSP.1.24
Юзал поиск,не нашёл данной темы.
Хотел сделать на картинки категорий a.link_a.hover
чтоб было так:
a.link

a.hover

В CSS прописал:

a.prod_pictures:link,a.prod_pictures:visited{ 
	background-image: url([url]http://newtimes.hdd1.ru/im/button_link.png[/url]) no-repeat;
}
a.prod_pictures:hover{ 
	background-image: url([url]http://newtimes.hdd1.ru/im/button_hover.png[/url]) no-repeat;
}

В home.tpl.html прописал:

<table border="0" cellpadding="0" cellspacing="0" width="314" height="129">
<tr>
<td>
    {if $root_categories[i][3] ne ""}
<a class=prod_pictures href="index.php?categoryID={$root_categories[i][0]}"><img border=0 src="products_pictures/{$root_categories[i][3]}" alt="{$root_categories[i][1]|replace:'"':'&quot;'}">
{/if}
</td>
</tr>
</table>

И ничего у меня не вышло.Или SS не принимает .png, или я что-то не так прописал,или ещё где надо прописать,я не знаю,новичок в php.Поиогите кто может

 

[selftitled]

у пнг проблемы с анимацией во многих браузерах

элемент а по умолчанию элемент уровня строки, а тебе нужен блочный злемент.

попробуй написать

a.prod_pictures { 
    background-image: url("адрес картинки") no-repeat;
    display:block;
    height: высота твоей ссылки;
    width: ширина ссылки;
}
a.prod_pictures:hover{ 
	background-image: url(["адрес картинки") no-repeat;
}

за ширину и высоту ссылки возьми размеры твоей button_link.png

 

[Zolinger]

Также следует помнить, что CSS:hover в IE6 и ниже поддерживается только для ссылок, но совершенно не работают с любыми другими элементами.
Бороться с этим можно. На эту тему есть пост по ссылке:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Можно этим всем канешна пренебречь, но... еще около 10% рунета пользуют ИЕ6.

 

[Razminka]

Только уж не background-image: url("адрес картинки") no-repeat;
а просто background: url("адрес картинки") no-repeat;


newtimes, почему вы не тестируете код прежде чем ставить на движок? Просто поставьте ваш код и стили в отдельный файл и посмотрите что будет со ссылками, а то сразу "SS не принимает .png ........ новичок в php". Вы в css не до конца разобрались, вот

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

вам в помощь

 

[newtimes]

Только уж не background-image: url("адрес картинки") no-repeat;
а просто background: url("адрес картинки") no-repeat;

Дело в том,что на другом моём сайте в CSS прописано именно background-image и всё работает.

newtimes, почему вы не тестируете код прежде чем ставить на движок? Просто поставьте ваш код и стили в отдельный файл и посмотрите что будет со ссылками,

Возможно вы и правы,не подумал об этом,каюсь(в другом месте ведь работает)

*** скрытое содержание ***вам в помощь

Обязательно посещу данный сайт.

a.prod_pictures {
background: url("адрес картинки") no-repeat;
display:block;
height: высота твоей ссылки;
width: ширина ссылки;
}
a.prod_pictures:hover{
background: url(["адрес картинки") no-repeat;
}

Так всё работает.
К стати,SS всётаки не принимает PNG на картинки категорий,есть ли файл в котором можно прописать разрешение формата?

 

[Razminka]

Дело в том,что на другом моём сайте в CSS прописано именно background-image и всё работает.

Можно ссылку на сайт в личку?

К стати,SS всётаки не принимает PNG на картинки категорий,есть ли файл в котором можно прописать разрешение формата?

В корне магазина файл category.php
в нем найти строку (примерно номер 300)

if (isset($_FILES["picture"]) && $_FILES["picture"]["name"] && preg_match('/\.(jpg|jpeg|gif|jpe|pcx|bmp)$/i', $_FILES["picture"]["name"])) //upload category thumbnail

Там где перечень расширений файлов - дописать png чтобы получилось jpg|jpeg|gif|jpe|pcx|png|bmp

 

[Samter]

Лучше для IE 6 пользоваться кэшируемым экспрешн для прозрачности в пнг