Верстка меню

[BSandro]

Верстаю меню но почему то padding и margin не хотят делать то что я хочу

Собственно вот http://jsfiddle.net/Kgwap/

Вот еще полоска http://savepic.su/3483363.png

а должно получится так

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

[klierik]

для начала:

http://jsfiddle.net/klierik/Kgwap/1/

остальное уже сам...

[BSandro]

для начала:

http://jsfiddle.net/klierik/Kgwap/1/

остальное уже сам...

Спасибо что указали ошибку )

хотя все равно не понял при наведений полоска уберается а мне не надо что бы она уберался!

я так думаю значит вообще прописать отдельный span на нее

Полоска вот эта http://savepic.su/3483363.png

не как не хотит вставать, пробовал через <span> корявит все

Прописывал в самом ul li a там тоже корявит части не ровно встают

http://jsfiddle.net/aW56R/

Edited October 15, 2013 by BSandro

[BSandro]

что больше не кто помочь не может?

[Catherine]

Разделитель можно повесить на li, а фон при наведении оставить на <a>. http://jsfiddle.net/Cath_kb/PU94k/2/

[BSandro]

Разделитель можно повесить на li, а фон при наведении оставить на <a>. http://jsfiddle.net/Cath_kb/PU94k/2/

Все равно не правильно видно же, посмотри как в верху по скрину.

То есть меню получается багнутое чутка

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

Edited October 15, 2013 by BSandro

[advokatua]

Y

Разделитель можно повесить на li, а фон при наведении оставить на <a>. http://jsfiddle.net/Cath_kb/PU94k/2/

На первый пункт разделитель лишний, по ходу

http://jsfiddle.net/PU94k/4/

[Catherine]

Разделитель можно повесить на li, а фон при наведении оставить на <a>. http://jsfiddle.net/Cath_kb/PU94k/2/

Все равно не правильно видно же, посмотри как в верху по скрину

Вопрос был в том, чтобы при наведении разделитель отображался, верно? Вот вариант как на скрине, но научитесь думать и хоть что-то доделывать сами, или создавайте тему в разделе "Сделайте мне бесплатно".

[BSandro]

Y

Разделитель можно повесить на li, а фон при наведении оставить на <a>. http://jsfiddle.net/Cath_kb/PU94k/2/

На первый пункт разделитель лишний, по ходу

http://jsfiddle.net/PU94k/4/

Вот то что нужно спасибо большое )

Надо будет запомнить данное свойство )

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

Разделитель можно повесить на li, а фон при наведении оставить на <a>. http://jsfiddle.net/Cath_kb/PU94k/2/

Все равно не правильно видно же, посмотри как в верху по скрину

Вопрос был в том, чтобы при наведении разделитель отображался, верно? Вот вариант как на скрине, но научитесь думать и хоть что-то доделывать сами, или создавайте тему в разделе "Сделайте мне бесплатно".

Вот именно я хочу научится сам но я не знаю как прописывается данное свойство!

Поэтому попросил что бы помогли!

Так же не знал про beforce и after а теперь отлично им пользуюсь и стараюсь больше применять их что бы запомнить!

[advokatua]

http://jsfiddle.net/PU94k/7/

Как на скрине, или не то?

Если хотите нормально освоить CSS, вот это http://webformyself.com/30-selektorov-css-kotorye-nuzhno-zapomnit/ обязательно выучить наизусть, как свои 5 пальцев.

Edited October 15, 2013 by advokatua

[BSandro]

http://jsfiddle.net/PU94k/7/

Как на скрине, или не то?

Если хотите нормально освоить CSS, вот это http://webformyself....uzhno-zapomnit/ обязательно выучить наизусть, как свои 5 пальцев.

Да так но я уже сам доделал, спасибо огромное ))