Ссылка, а вокруг рамка...

[doniv]

Нужно сверстать ссылку в положении active

Вокруг нее должно появится поле. Довольно трудно объяснить, лучше нарисую

_________

| Ссылка |

| Ссылка |

__.....____

.....\/

Итак, что мы имеем. Ссылку, поле вокруг нее и нижний указатель(он же хвост). Проблема как раз с последним.

Нужно учесть то, что все это должно быть прописано в css в свойстве active, очень желательно без таблиц. Хвост является картинкой.

P.S. все что написано белым шрифтом не считается

Edited May 4, 2009 by doniv

[s0rr0w]

Нужно сверстать ссылку в положении active

Ну раз нужно, то верстайте на здоровье!

[Игорь Ермаков]

Практически ничего нормально не понял.

Но мой дар телепатии подсказывает мне, что вы хотите сделать, так, чтобы в момент нажатия ссылки, был какой-то эффект.

В этом нет никакой проблемы, CSS + htmlbook.ru в зубы и верстаем

[doniv]

А именно вот такой эффект

Не понимаю как сделать нижний хвостик. В зависимости от размера ссылки он должен находиться посередине.

[Игорь Ермаков]

Легко

Делаем нижнее фоновое изображение таким _ и тиражируем как repeat:y

У нас получается что-то вроде _________________

А поверх накладываем изображение типа: \/ естественно центрируем его.

[s0rr0w]

Легко

Делаем нижнее фоновое изображение таким _ и тиражируем как repeat:y

У нас получается что-то вроде _________________

А поверх накладываем изображение типа: \/ естественно центрируем его.

Зачем фоновое изображение "____"? Это ведь примитивный бордюр!

А хвостик можно и абсолютно спозиционировать, например фоном по центру слоя, который имеет right:0 и left:0.

[Игорь Ермаков]

Зачем фоновое изображение "____"? Это ведь примитивный бордюр!

Глюки уже, мне показалось, что там тень.