<table cellpadding="0">
<tr id="menu" >
<td><a href="#"><div class="t_l"><div class="b_l">ссылка1</div></div></a>
</td>
<td><a class="middle_btn" href="#">ссылка2</a>
</td>
<td><a class="middle_btn" href="#">ссылка3</a>
</td>
<td ><a href="#"><div class="t_r"><div class="b_r">ссылка4</div></div></a>
</td>
</tr>
<tr id="submenu" >
<td><div class="b_l"><a href="#">ссылка5</a></div></td>
<td><a class="middle_btn" href="#">ссылка6</a></td>
<td><a class="middle_btn" href="#">ссылка7</a></td>
<td><div class="b_r"><a href="#">ссылка8</a></div></td>
</tr>
</table>
hover и active закругленных уголков ссылок
проблема заключается в том, что надо сделать горизонт меню с 4 кнопками с закругленными углами. у первой кнопки закруглены углы наверху слева и внизу слева, а у посл справа наверху и слева внизу.Между кнопками никаких пробелов (то есть когда курсор мышки вдали от меню, то оно выглядит просто блоком с закругленными концами). Засада в том что надо сделать ховер и актив кнопок. Там где никаких закруглений нет ( у 2х средних кнопок) никаких проблем, но вот с крайними кнопками облом с активом. чтобы сделать закругленный угол я в тег а вставляю 2 дива, каждый для 2х углов. и наследованием меняю фон ( а:ховер .класс: фон такой то) у ие непонятки возникают. есть ли возможность не прибегать к js?
Цитата: rnbparty
чтобы сделать закругленный угол я в тег а вставляю 2 дива, каждый для 2х углов. и наследованием меняю фон ( а:ховер .класс: фон такой то) у ие непонятки возникают. есть ли возможность не прибегать к js?
Замените div на span.
Цитата: rnbparty
проблема заключается в том, что надо сделать горизонт меню с 4 кнопками с закругленными углами. у первой кнопки закруглены углы наверху слева и внизу слева, а у посл справа наверху и слева внизу.Между кнопками никаких пробелов (то есть когда курсор мышки вдали от меню, то оно выглядит просто блоком с закругленными концами). Засада в том что надо сделать ховер и актив кнопок. Там где никаких закруглений нет ( у 2х средних кнопок) никаких проблем, но вот с крайними кнопками облом с активом.
Покажите код и макет.
Код:
таблицей пользуюсь потому, что кнопки хотят видеть именно 25% шириной от экрана за вычетом 16 пикселей маргина слева+справа, а если делать плавающие то блок родительский блок тоже должен быть плавающим, а с этим не хочется связываться, так как в ие кнопки непременно будут скакать при изменение ширины окна браузера.
в цсс menu задаю фон, классы дивов задают уголки в зависимости от того айди в кот находятся.
псд, к сожалению, показать не могу. сам рад бы, да не могу.
В любом случае спасибо за совет про спан - буду пробовать, однако сомневаюсь...
Ну во-первых достаточно вставлять всего один дополнительный <span> или <div> (один угол задавать бекграундом непосредственно для самого тега с ссылкой, ну а второй уже дополнителный), а во-вторых если не нужно что бы меню растягивалось в зависимости от длинны ссылки (эффект "гаражных ворот") тогда единый бекграунд (с углами) для ссылки и его уже менть в зависимости от ховер. Другого варианта пока не вижу (без js).
одного недостаточно ибо, у тега А свой фон, повторяющийся по горизонтали. к тому же с ховером проблем нет, с активом проблемы в ослике.
