Забыли пароль?
Запросите новый здесь.

Автор темы: jhonnn
ID темы: 1098
Информация:
Тема содержит 5 сообщения, была просмотрена 1321 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » HTML и CSS
 Распечатать тему
css меню
jhonnn
Решил сделать css горизонтальное меню на сайте, в итоге все получилось, но подпункты при наведении на главный раздел не появляются.

Скачать исходники  Код
<ul id='menu'>
        <li>
                <a href=''>Главная</a>
                <ul>
                        <li><a href=''>1</a></li>
                        <li><a href=''>2</a></li>
                        <li><a href=''>3</a></li>
                        <li><a href=''>4</a></li>
                        <li><a href=''>5</a></li>
                </ul>
        </li>
</ul>




css

Скачать исходники  Код
#menu {
        padding: 0;
        margin: 0;
        font-size: 100%;
        font-family: Georgia;
        }
#menu li {
        list-style: none;
        float: left;
        height: 33px;
        padding: 0;
        margin: 0;
        width: 150px;
        text-align: center;
        background: #171717;
        position: relative;
        padding-top: 12px;
        }
#menu li ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 150px;
        display: none;
        position: absolute;
        left: 0;
        top: 45px;
        }
#menu li ul li {
        float: none;
        height: 33px;
        margin: 0;
        width: 150px;
        text-align: center;
        background: #7F7F7F;
        }
#menu li a {
        display: block;
        width: 150px;
        height: 33px;
        color: #fff;
        text-decoration: none;
        }
#menu li:hover ul, #menu li.jshover ul {
        display: block;
        }
#menu li:hover, #menu li.jshover {
        background: #424242;
        }


 
jikaka
возьми любой готовый вариант, их же море
просто переделай под себя
 
Web
jhonnn
Разобрался, невнимательность меня погубит.
 
jikaka
у нас принято делиться тем, как разобрался
 
Web
jhonnn
Было некоторое наложение стилей, из-за этого меню не работало так, как ему следует работать. Так что простой совет - следите за стилями.
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум: