Вопросы по CSS - [32] :: Web-программирование :: Компьютерный форум Ru.Board

Доброго здоровья, друзья!
Вот такая интересная задачка.

Есть сайт на движке webasyst ss3.09, в котором главное меню генерируется динамически. В конечном итоге оно имеет вид такой:
актуальный кусочек кода сайта

задача сделать так, чтобы при наведении мышки на пункт меню картинка менюшки чуть увеличивалась.

Что я уже пробовал:
1) Подготовил по паре картинок (чуть меньше и чуть больше) для каждой менюшки.

2) Попробовал через такой селектор

Код:

#rootcatimg > a > img[src="/published/publicdata/NEOBAZARRUSHOP/attachments/SC/products_pictures/s_aksds.png"] {
src: url(http://neobazar.ru/img/spacer.png) !important;
width:200px;
height:200px;}

заменить картинку категории на прозрачную и менять бэкграунд у <a> при наведении вот так:

Код:

#rootcatimg > a[href="/category/sumki-i-koshelki/"] {
background: url(http://neobazar.ru/img/s_aksm.png) !important;
}
#rootcatimg > a[href="/category/sumki-i-koshelki/"]:hover {
background: url(http://neobazar.ru/img/s_aks.png) !important;
}

Но не отрабатывает

3) Пробовал на картинку наложить display:none;
Но тогда <a href></a> становится размером 0*0 и никакие width height на него не действуют и, соответственно, кликнуть по нему нельзя и background url(****) не виден.

Есть идея, но не знаю как реализовать: можно ли как-то обратиться к селектору-родителю, у которого есть совершенно определенный дочерний элемент?
Я имею в виду вот эту конструкцию: #rootcatimg > a[href="/category/sumki-i-koshelki/"] как мне обратиться к #rootcatimg у которого есть дочка a[href="/category/sumki-i-koshelki/"]?

И даже не предлагайте мне копаться в самом webasyst ss — я там почти ничего не понимаю, а те, кто понимает или просят бешеных денег за работу или просто не отвечают.

Спасибо.

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129