Joomla 1.5 Вертикальное выпадающее меню под контентом

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Ecstrazzz, 08.09.2011.

  1. Offline

    Ecstrazzz Недавно здесь

    Регистрация:
    08.09.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Доброго времени! Воспользовался одним предложенным сервисом и уроком к нему http://ktonanovenkogo.ru/html/sozdanie-vypadayuschih-menyu-na-servise-purecssmenu.html (не реклама), в принципе ничего сложного, естественно пришлось доводить (дописывать код) ровнять под мой шаблон в джумле. Но один "НЮАНС" не могу никак исправить, суть проблемы: выпадающее вертикальное меню, отображается под блоком контента, то есть толком самого выпадающего меню не видно (см. скриншот) и соответственно пункты подменю выделить и на них нажать не реально!!! Подскажите, пожалуйста, чего не хватает, в чем может быть проблема??? =O

    [​IMG]

    З.Ы. Чего только не делал уже, и вставлял разными способами, и в сам ПХП-код индекс файла и через модуль "собственное меню" и перелопатил весь css.. ума не приложу, подскажите что и где может прописать, дописать, убил на это уже сутки, а результата ноль :(
     
  2.  
  3. joomguru
    Offline

    joomguru Модератор

    Регистрация:
    03.12.2010
    Сообщения:
    455
    Симпатии:
    74
    Пол:
    Мужской
    Проверь в CSS какой z-index у выпадающего меню.
     
    Ecstrazzz нравится это.
  4. Offline

    Ecstrazzz Недавно здесь

    Регистрация:
    08.09.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    от я деб.. чайник.. спасибо БОЛЬШОЕ [!], и ведь действительно провтыкал значение вообще внести, а в том сервисе его не поставили, там вообще много чего не поставили.. Вчера сидел перелопатил весь справочник по CSS, вдоль и поперек, а вот все равно упустил маленькую ДЕТАЛЬ :)

    :[ Вот возник еще такой вопрос: у меня выпадающее меню прозрачное, делал я его через залитый БекГраунд и ПНГ-картинку с прозрачностью, а можно каким либо образом сделать это без вмешательства картинок а только чисто кодом CSS? чтото у меня не получилось, подскажите пожалуйста если есть такая возможность ;)

    З.Ы. пока учусь, хотел по быстрому сварганить CSS-меню, ага, какраз %)
     
  5. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    opacity
     
  6. Offline

    Ecstrazzz Недавно здесь

    Регистрация:
    08.09.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    это я знаю :) но вот только когда я вставляю свойство со значением opacity: 0.5;, так все выпадающее меню становится полупрозрачным, и фон и текст, а мне необходимо чтобы значение прозрачности применялось только к фону, а все остальное было не прозрачным, как это сделать, что именно написать и где? :hz:

    кусок css с закоментированным опасити:

    ul.pureCssMenu ul{
    width: 360px;
    margin: 5px;

    /* opacity: 0.5; */

    background-image:url(../images/blank.png);
    background-position: left top;
    background-repeat: repeat;
    border-color: #e0e0e0;
    border-width: 1px;
    border-style: solid;
    z-index: 1;
    }
     
    Последнее редактирование: 08.09.2011
  7. Offline

    TroL специалист

    Регистрация:
    01.03.2011
    Сообщения:
    502
    Симпатии:
    34
    Пол:
    Мужской
    я тоже как то с этим боролся...и всетаки решил вопрос черех 2/2 пх картинку с прозрачностью...
     
  8. Offline

    Ecstrazzz Недавно здесь

    Регистрация:
    08.09.2011
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    ну, собственно, я решил это точно также (все понятно по, представленному выше, коду), только картинку сделал 1х1px, а хотелось бы какой-то универсальности, чтоб не рисовать каждый раз картинку с нужным процентом прозрачности.. на сколько я знаю, свойства, применительно именно к бекграунду, вроде как нет, может я ошибаюсь, но я такого не нашел... :hz:

    может кто подскажет вариант выхода в такой ситуации кроме использования картинок?? :hz:
     

Поделиться этой страницей

Загрузка...