Проблема с меню first-child

[BSandro]

не как не могу реализовать, пробовал и так и так не как не получается

 

Специально сделал черным что бы видно было...

 

http://jsfiddle.net/9LSf7/1/

 

 

И еще дело в том то что мне надо будет еще потом перед текстом иконки вставлять..

 

вот такая заморочка у меня вышла не как не могу подвинуть что бы он не залезал на полоску которая в first-child

 

 

 

[Galaxy]

А что реализовать то надо?

[BSandro]

А что реализовать то надо?

Яж написал все,

 

background который в hover налазит на полоску которая в права...

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

[Aleksandr.L]

Тебе вот так надо?

Edited November 22, 2013 by Aleksandr.L

[BSandro]

Тебе вот так надо?

Почти, тока что бы было от полоски до полоски и не налазило на саму полоску

[Aleksandr.L]

http://jsfiddle.net/9LSf7/2/

[BSandro]

http://jsfiddle.net/9LSf7/2/

Почти вот щас надо расширить от полоски до полоски тока что бы не налазило на полоску слева и справа..

 

я че то вообще сообразить не могу

Все доперло спасибо всем за помощь

[Aleksandr.L]

Я тоже тебя с горем пополам понимаю Ты имеешь ввиду отступы по бокам больше сделать? Вот, расширил: http://jsfiddle.net/9LSf7/3/

[BSandro]

Я тоже тебя с горем пополам понимаю Ты имеешь ввиду отступы по бокам больше сделать? Вот, расширил: http://jsfiddle.net/9LSf7/3/

 

Да я сделал уже )

 

вот так мне надо было http://jsfiddle.net/9LSf7/4/

 

 

тока щас проблема еще одна, я такое меню вообще как то не особо задумывался как верстать...

 

щас еще надо впаять перед текстом картинку тоже проблема так просто не вставляется, упирается

[Aleksandr.L]

Если честно, у тебя там много чего не нужного. Делай что-то в этом роде: http://jsfiddle.net/DPaK3/

[BSandro]

Если честно, у тебя там много чего не нужного. Делай что-то в этом роде: http://jsfiddle.net/DPaK3/

интересно :-)

 

Ну а вот тут подводный камень, дело в том то что hover закрывает картинку, ну а вот нам как раз и не надо что бы он ее закрывал :-)

и как бы вот http://jsfiddle.net/FEs4F/1/

Edited November 22, 2013 by BSandro

[Aleksandr.L]

Тогда вот так: http://jsfiddle.net/DPaK3/1/

[BSandro]

Все решил, тока чутка по другому ))

ну все равно спасибо +

[BSandro]

Тогда вот так: http://jsfiddle.net/DPaK3/1/

http://jsfiddle.net/DPaK3/1/

Но вот если картинка разная на каждую ячейку понимаю что через

ul.menu_nav a.pol

ul.menu_nav a:hover.pol

Прописывать, но тут проблемка одна выявляется...

отступ с права о нашей линий идет большой...

Честно очень бесят меня меню, но мне нужно это меню..

[Aleksandr.L]

Отступ сразу от линии который?

[BSandro]

да он как бы картинку перемещает вправо, а слева делает большой отступ...

[Aleksandr.L]

Это просто линия такая, вот, например, поставил другую линию, она правда маленькая: http://jsfiddle.net/DPaK3/2/

[BSandro]

Это просто линия такая, вот, например, поставил другую линию, она правда маленькая: http://jsfiddle.net/DPaK3/2/

Причем тут линия если линия в ширину 2 px

И я не про это говорил

 

справа идет большой отступ от линий до текста, а слева у нас картинка идет и текст...

 

надо как то убрать этот отступ, так как мы прописываем для картинки padding

она уходил влево но за собой оставляет большой отступ справа, от линий до текста

Edited November 22, 2013 by BSandro

[Aleksandr.L]

Так чтоль? http://jsfiddle.net/DPaK3/3/

[BSandro]

Так чтоль? http://jsfiddle.net/DPaK3/3/

да :-) еще раз спасибо, надеюсь мне больше не попадутся такие меню..

[Aleksandr.L]

 

Так чтоль? http://jsfiddle.net/DPaK3/3/

да :-) еще раз спасибо, надеюсь мне больше не попадутся такие меню..

 

 

Да не за что, делов то...