реализация с :after

[radionanet]

Всем здравствуйте

После меню мне нужно реализовать border-bottom через after, как этого добиться.

Моя реализация такова

ul:after {

content: "";

width: 100%;

border-bottom: 10px solid #383838;

position: absolute;

left: 0;

/* Всё вроде нормально, но сам бордер становиться поверх этого меню, а мне надо под*/

}

Без absolute

ul:after {

content: "";

width: 100%;

border-bottom: 10px solid #383838;

owerflow: hidden;

/* Всё вроде нормально, он под меню, но растягивается только под ширину этого меню*/

}

Edited October 12, 2011 by radionanet

[zSpx]

Не понимаю. Что бы сделать то, что я вижу на изображении, не нужно использовать :after. Или это вопрос принципиальный?

[radionanet]

Да мне просто интересно как это через after можно реализовать.

[mishka]

Судя по рисунку, тут не тот случай чтобы юзать :after.

Тут этот бордер можно просто на улку прицепить. Зачем извращаться?

Да мне просто интересно как это через after можно реализовать.

Ну дык ты сам уже 2 примера привел.

К первому примеру добавь: top: 100%

[sigma77]

/* Всё вроде нормально, но сам бордер становиться поверх этого меню, а мне надо под*/

z-index: -1;

[radionanet]

В действительности извращаюсь, мне просто интересно как добиться что то не стандартно. Всем спасибо кто ответил

[SelenIT]

Может, тут что-то типа такого подразумевалось?

[radionanet]

Может, тут что-то типа такого подразумевалось?

Спасибо вам огромное, чуть отредактировал код и получил то что надо.