Резиновые кнопки

[SEObomj]

Кто-нибудь пробовал тянуть кнопки (не те что input, а простые ссылки, оформленные как кнопка)? Пробую разные варианты с тремя кусками фона (лево, право, центр) и чего-то фигня получается. Либо ссылка не всю область закрывает и работает только в центральной части, то hover работает автономно на каждом из участков (наводим на цент - в центре меняется фон, а по бокам нет).

[sigma77]

Кто-нибудь пробовал тянуть кнопки (не те что input, а простые ссылки, оформленные как кнопка)?

Пробовал.

[SEObomj]

И как именно?

[Great Rash]

http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx

[SEObomj]

Great Rash, спасибо Все гениальное просто)

[SEObomj]

Не мой сегодня день) Не работает :active . Вернее срабатывает, только при нажатии на правую часть.

[psywalker]

Не мой сегодня день) Не работает :active . Вернее срабатывает, только при нажатии на правую часть.

Тестовую страницу с примером.

[SEObomj]

http://dimox.name/dinamic_link_buttons_with_css/

В конце статьи есть пример с :active Можно прям там пожамкать

Непашет в Опере и 8 осле

Edited June 15, 2011 by SEObomj

[psywalker]

http://dimox.name/dinamic_link_buttons_with_css/

В конце статьи есть пример с :active Можно прям там пожамкать

Непашет в Опере и 8 осле

Хм...странно, раньше с таким не сталкивался. Возможно даже и баг! Завтра надо будет повозиться. Свистну сразу же после этого.

[SEObomj]

Судя по каментам к этой статье народ борется с этим багом с выхода IE8

[psywalker]

Судя по каментам к этой статье народ борется с этим багом с выхода IE8

Да, походу это баг и без жс тут не обойтись

[arez]

http://www.webdesignerwall.com/demo/css-buttons.html

[SEObomj]

arez

На чистом css не проблема сделать, мне надо именно с картинками(

[Great Rash]

Ну так вложите не <span> в <a>, а наоборот. Тогда активная область в ИЕ8 будет больше.

[psywalker]

Ну так вложите не <span> в <a>, а наоборот. Тогда активная область в ИЕ8 будет больше.

Нихрена, походу такая же хрень выходит.

[psywalker]

http://www.webdesignerwall.com/demo/css-buttons.html

Да, но там ссылки НЕ являются вложенными или у них НЕТ потомков, а у нас проблема именно с этим.

Или я не прав?

[SEObomj]

Там вообще без графики - чистый css

[psywalker]

Там вообще без графики - чистый css

Ну вот в том-то и дело, что это нам не подходит

[SEObomj]

Ага, я про тоже

[Great Rash]

Там это где?

[SEObomj]

Там это где?

http://www.webdesignerwall.com/demo/css-buttons.html тут

[SEObomj]

Я уже все перепробовал. Видимо починить это нереально