Проблема с раздельными фонами для пункта меню и выпадающего списка

[parnas]

Есть пункт меню. При наведении на которого, выпадающая меню должно располагаться над пунктом меню. При этом она должен остаться видимым. Сперва делал фон для выпадающая меню градиентом где определенная верхняя часть прозрачная. Но при этом border без фона прикрывает корзинку и выглядел некрасиво. По совету тов.psywalker делал как он сказал. Но фон и border пункт меню только вокруг текста. То есть нет требуемого ширины. С паддингами поигрался. К сожалению, не сработал. Как можно решить данную задачу. Вот сайт. Пункт "Мой аккаунт" наверху. Всем спасибо.

Edited July 8, 2014 by parnas

[npofopr]

Оно же видимое. 

[parnas]

Оно же видимое. 

Извините,но не понял что имеете ввиду. Обратите внимание, ширина фона при наведении у обоих элементов разная.  Я хочу чтобы они слитно выглядели.

[Sergik+]

 

Оно же видимое. 

Извините,но не понял что имеете ввиду. Обратите внимание, ширина фона при наведении у обоих элементов разная.  Я хочу чтобы они слитно выглядели.

 

У вас не заданы стили для пункта "мой аккаунт", стили заданы только для картинки.

Допишите стили какие хотите либо для всех li, либо только для нужного пункта. Я прописал легко padding.

[parnas]

Допишите стили какие хотите либо для всех li, либо только для нужного пункта. Я прописал легко padding.

 

какие стили имеете ввиду? Паддинг всем li ? А если вы прописали паддинг, вы не увидели как это влияет остальным li?

[Sergik+]

 

Допишите стили какие хотите либо для всех li, либо только для нужного пункта. Я прописал легко padding.

 

какие стили имеете ввиду? Паддинг всем li ? А если вы прописали паддинг, вы не увидели как это влияет остальным li?

 

Зачем всем ? Пропишите именно нужному пункту padding.

[parnas]

 

 

Допишите стили какие хотите либо для всех li, либо только для нужного пункта. Я прописал легко padding.

 

какие стили имеете ввиду? Паддинг всем li ? А если вы прописали паддинг, вы не увидели как это влияет остальным li?

 

Зачем всем ? Пропишите именно нужному пункту padding.

 

Это влияет всем остальным пунктам. Так как они все соседные li.

[Sergik+]

 

 

 

Допишите стили какие хотите либо для всех li, либо только для нужного пункта. Я прописал легко padding.

 

какие стили имеете ввиду? Паддинг всем li ? А если вы прописали паддинг, вы не увидели как это влияет остальным li?

 

Зачем всем ? Пропишите именно нужному пункту padding.

 

Это влияет всем остальным пунктам. Так как они все соседные li.

 

У вас есть отдельный стиль для этого пункта меню "hide-menu", для него и пропишите стили. У вас для него вообще нету стилей.

Класс создали а стили для него не прописаны.

[parnas]

Спасибо за наводку. Действительно для класса нет стилей. но стили применяемые только .hide-menu не действует. Совсем странно. Вот что прописываю:

.top-menu > ul > li.hide-menu {  padding-left: 10px;  padding-right: 31px;}

В чем причина? Не подскажите?

[Sergik+]

 

Спасибо за наводку. Действительно для класса нет стилей. но стили применяемые только .hide-menu не действует. Совсем странно. Вот что прописываю:

.top-menu > ul > li.hide-menu {  padding-left: 10px;  padding-right: 31px;}

В чем причина? Не подскажите?

 

Залейте на хостинг, попробую чего нибудь.

[npofopr]

Наверно в "галочках". Смотрите на вашу структуру. 

[parnas]

 

 

Спасибо за наводку. Действительно для класса нет стилей. но стили применяемые только .hide-menu не действует. Совсем странно. Вот что прописываю:

.top-menu > ul > li.hide-menu {  padding-left: 10px;  padding-right: 31px;}

В чем причина? Не подскажите?

 

Залейте на хостинг, попробую чего нибудь.

 

перезалил. Посмотрите, пожалуйста.

[Sergik+]

 

 

 

Спасибо за наводку. Действительно для класса нет стилей. но стили применяемые только .hide-menu не действует. Совсем странно. Вот что прописываю:

.top-menu > ul > li.hide-menu {  padding-left: 10px;  padding-right: 31px;}

В чем причина? Не подскажите?

 

Залейте на хостинг, попробую чего нибудь.

 

перезалил. Посмотрите, пожалуйста.

 

Глянул, все нормально есть padding. Может просто страницу не обновили ctrl+f5.

[parnas]

Спасибо. Оказываеться на локале проблема была. На хостинге не проверял. Сейчас посмотрел. Да действительно паддинги появились. Но толку от этого все равно мало. пытался подобрать паддинги. Не удалось.