Связь картинок меню при помощи css

[paseonru]

Привет!!! интерисует такой вопрос. Есть две картинки скругленый край и гредиентная плоска. Вопрос Как связать их между собой. Тоесть когда подводим курсор мыши уголок картинки и гредиент полоски связаны

[ShumNo]

Я так понимаю, что "связать" нужно, чтобы все части картинки реагировали на мышку одновременно, как единое целое?

я бы не использовал картинки (уголки) а скруглил с помощью css

либо hover на весь объект к которому привязаны все картинки

Либо я не понял чего вы хотите так как вы не смогли доходчиво разъяснить

[paseonru]

Я так понимаю, что "связать" нужно, чтобы все части картинки реагировали на мышку одновременно, как единое целое?

Да именно связать.

У меня на картинке показано img1 нужно связать с img2 (на изображении они разделены красной полосой) и это в момент когда курсор подводишь к меню

пример

a:hover { <—-- момент когда курсор наведен на свойства меню

что нужно сделать чтобы свезать картинку разрезаную на скругленный угол и полоску гредиента

}

Вот что меня интересует

[Justnewone]

надо сделать 3 элемента, вложенных друг в друга, хотя я делаю 2.

в первом основном, пусть это будет ссылка, лежит бекграундом, допустим, левый уголок и соответствующий паддинг, в следующем по иерархии - правый и соответсвующий паддинг, следом идет блок где находится текст кнопки и тянущийся 1 пиксельный градиент.

В случае 2-х элементов, первый так же, а во втором лежит правый уголок, склееный с длиииной (для запаса) серединкой + текст и паддинг. Почему делаю из 2-х, не знаю, так больше нравится, легче в спрайте все держать.

ну а "уголок картинки и гредиент полоски связаны" - все просто, a:hover{...} a.hover span{...} a:hover span span{...} ну или стронги, ем-ы, b и т.д.

[paseonru]

Спасибо вам!!!