Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Фон у выпадающего блока
 
 автор: immortal727   (02.02.2016 в 20:03)   письмо автору
 
 

http://rasim1it.bget.ru
При нажатии на кнопку "Еще" выпадает блок со своей информацией (в данном случае список, не важно).
Краткая структура кода
<nav>
     <ul>
        <li>Ссылка 1</li>
        <li>Ссылка 2</li>
     </ul>
    <div id="right-arrow">
              <a href='#' class='trigger'>Ещё></a> 
                      <div class='box'>
                             <jdoc:include type="modules" name="menu-right" />
                         </div> 
     </div>
<nav>


В стилях кратко
nav{overflow:hidden;}   //высоту блока пока не ставлю
nav ul{float:left: position: relative;}
nav #right-arrow{
    float:right
}


Выпадение блока со списком происходит, но и высота блока nav со своим фоном также лезет вниз. Если поставить высоту у блока nav, то тогда выпадающий списка будет просто не видно, так как nav имеет свойство overflow:hidden
А мне надо чтоб был виден свой выпадающий блок со своей шириной и своим фоном. Как это сделать?

  Ответить  
 
 автор: kempar   (09.03.2016 в 10:57)   письмо автору
 
   для: immortal727   (02.02.2016 в 20:03)
 

то есть это на обычном html можно сделать?

  Ответить  
 
 автор: nemeziz   (10.03.2016 в 16:11)   письмо автору
 
   для: kempar   (09.03.2016 в 10:57)
 

по моему проще будет на какой ни будь cms сделать

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования