- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов
А 24,9% – на сегмент электронной коммерции
Оксана Мамчуева
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Есть страница http://www.yatagan.ru/ru/industry/
При наведении на список он выпадает поверх текста, что можно сделать чтобы он автоматом выезжал вниз двигая текст вниз
<ul id="mymenu">
<li style="text-align: center;">
<a href="/">Модули<br />
Воздухоподготовки</a><br />
<p style="text-align: left;">
<em>- Охлаждение газов </em></p>
<p style="text-align: left;">
<em>- Нагрев воздуха </em></p>
<p style="text-align: left;">
<em>- Осушение воздуха </em></p>
<p style="text-align: left;">
<em>- Смешение потоков </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mo.html"><strong>МО </strong>– водяной охладитель</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mob.html"><strong>МОВ</strong> – воздушный охладитель</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mto.html"><strong>МТО</strong> – модуль теплообмена</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mck.html"><strong>МСК</strong> – смесительная камера</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mko.html"><strong>МКО </strong>– осушитель воздуха</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mgf.html"><strong>МГФ</strong> – гидрофильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mkn.html"><strong>МКН – </strong>канальный нагреватель</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Фильтры<br />
Защитные</a><br />
<p style="text-align: left;">
<em>Защита<br />
Газоконвертора от: </em></p>
<p style="text-align: left;">
<em>- Пыли </em></p>
<p style="text-align: left;">
<em>- Волокон</em></p>
<p style="text-align: left;">
<em>- Сажи и жиров</em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fpa.html"><strong>ФПА </strong>– аэрозольный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fk.html"><strong>ФК</strong> – карманный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fsm.html"><strong>ФСМ</strong> – сетчатый многослойный</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fgo.html"><strong>ФГО </strong>– фильтр грубой очистки</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fio.html"><strong>ФИО </strong>– ионообменный фильтр</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции<br />
Электростатические</a><br />
<p style="text-align: left;">
<em>Очистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Дымов </em></p>
<p style="text-align: left;">
<em>- Смол </em></p>
<p style="text-align: left;">
<em>- Аэрозолей </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/du.html"><strong>ДУ </strong>– электростатический</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/dua.html"><strong>ДУА</strong> – с промывкой</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/duk.html"><strong>ДУК</strong> – картриджный</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции<br />
Плазменные</a><br />
<p style="text-align: left;">
<em>Очистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Газов </em></p>
<p style="text-align: left;">
<em>- Паров </em></p>
<p style="text-align: left;">
<em>- Запахов </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/plazmasekci/plazma1000.html"><strong>1000</strong>, плазменный, 10 кВ</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/plazmasekci/plazma1000x.html"><strong>1000Х</strong>, плазменный 15 кВ</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции Финишной<br />
Очистки Воздуха</a><br />
<p style="text-align: left;">
<em>Доочистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Пыли </em></p>
<p style="text-align: left;">
<em>- Газов</em></p>
<p style="text-align: left;">
<em>- Запахов</em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ce.html"><strong>СЕ </strong> – сорбционный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/cec.html"><strong>СЕС</strong> – сорбционный усиленный</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ckt.html"><strong>СКТ</strong> – каталитический, тканевый</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ckn.html"><strong>СКН </strong>– каталитический, насып-й</a></li>
<li style="text-align: left;">
<a href="/"><strong>СРМ</strong> – регулятор мощности</a></li>
</ul>
</li>
</ul>
#mymenu {
float: left;
width: 720px;
margin: 5px 5px;
list-style: none;
}
#mymenu li {
float: left;
width: auto;
padding: 0 5px;
font-size: 18px;
list-style: none;
}
#mymenu li ul {
display: none;
width: 200px;
list-style: none;
}
#mymenu li:hover ul {
display: block;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
height:200px;
}
#mymenu li ul li {
float: left;
width: 200px;
padding: 5px 0;
font-size: 14px;
}
Не особо разбираюсь в css, но у вас там стоит значение position: со свойством absolute; Наверное поэтому он и идет поверх текста, а не сдвигает его.
пробовал с этим мутить что то не получилось, в таких узких вещах не спец(
хм, сейчас попробовал у себя ваше меню, убрал из css position: absolute; текст стал отодвигаться
но его колбасит влево вправо, надо чтобы на месте стоял
position: absolute;
то задали для li ul li
а position: relative; в css не вижу... родительский элемент явно должен присутствовать
и вообще если это аккордеон вертикальный, зачем задавать position: absolute; ? внутрений список будет налаживаться на текст...
вы display: block; попробуйте задать выпадающему списку без position: absolute;
но его колбасит влево вправо, надо чтобы на месте стоял
Кого колбасит то ? Текст или меню ?
Кого колбасит то ? Текст или меню ?
меню, когда убираешь абсолют
---------- Добавлено 11.07.2012 в 17:32 ----------
убрал, щас как то меню сьехало
---------- Добавлено 11.07.2012 в 17:33 ----------
последний столбик вниз ушел
У меня перестало убегать, после того, как я увеличил ширину width: 720px; до 1000px, или можно поставить 100%. Но это на странице, где только одно меню, не знаю, как у вас на сайте будет, попробуйте.
меню, когда убираешь абсолют
---------- Добавлено 11.07.2012 в 17:32 ----------
убрал, щас как то меню сьехало
---------- Добавлено 11.07.2012 в 17:33 ----------
последний столбик вниз ушел
Так правильно колбасит у вас в #mymenu li ширина на auto стоит, поиграйтесь с ней. Общая ширина меню 720/5 столбцов 144 px. Попробуйте выставить вместо auto 144 px
У меня перестало убегать, после того, как я увеличил ширину width: 720px; до 1000px, или можно поставить 100%. Но это на странице, где только одно меню, не знаю, как у вас на сайте будет, попробуйте.
P.S У меня по прежднему колбасит, играйтесь с шириной столбцов
щас увеличил все равно че то верхний и нижний список колбасит
---------- Добавлено 11.07.2012 в 17:56 ----------
завтра с утра будем долбить, всем огромное спасибо