kartopelka

Не могу нажимать на подпункты

Recommended Posts

Здраствуйте!Не могу нажимать на подпункты.Сделал типо навигации на сайте,один подпункт от которого идут остальные подпункты.И когда наводишь на Главный пункт , меню открывается но когда , я пытаюсь нажать на те подменю, оно просто закрывается.

 

Скриншот 2019-05-23 21.01.36.png

Share this post


Link to post
Share on other sites

Здравствуйте.

Вы допустили ошибку в вёрстке. Выложите код.

Share this post


Link to post
Share on other sites

Это html     <li><a href="#">Текст</a>
                <ul>
                        <li><a href="#"</a>Просто Текст</li>
                        <li><a href="#">Просто Текст</a></li>
                        <li><a href="#">Просто Текст</a></li>
                        <li><a href="#">Просто Текст</a></li>
                        <li><a href="#" >Просто Текст</a></li>
                </ul>
        </li>

Это стили 

    ul {
        list-style: none; /*убираем маркеры списка*/
        margin: 0; /*убираем отступы*/
        padding-left: 0; /*убираем отступы*/
        margin-top:25px; /*делаем отступ сверху*/
    font-family: 'Slabo 27px', serif;
         height: 50px; /*задаем высоту*/
}
    a {
        text-decoration: none; /*убираем подчеркивание текста ссылок*/

        color:#fff; /*меняем цвет ссылок*/
        padding:0px 15px; /*добавляем отступ*/
        font-family: arial; /*меняем шрифт*/
        line-height:50px; /*ровняем меню по вертикали*/
        display: block;
     /*добавляем бордюр справа*/
        -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;

    }
    a:hover {
        background:#D43737;/*добавляем эффект при наведении*/
    }
    li {
        float:left; /*Размещаем список горизонтально для реализации меню*/
        position:relative; /*задаем позицию для позиционирования*/

    }

            /*Стили для скрытого выпадающего меню*/
            li > ul {
                    position:absolute;
                    top:25px;
                    display:none;
            }

            /*Делаем скрытую часть видимой*/
            li:hover > ul {
                
                    width:2000px;  /*Задаем ширину выпадающего меню*/
            }
         li:hover > ul > li {
                    float:none; /*Убираем горизонтальное позиционирование*/
            }
            div{
                margin-top:500px; /*Делаем отступ текста вниз*/
                margin-left: 767px;/*Делаем отступ текста влево*/
                font-size: 60px;/*Задаем размер текста*/
                color:#fff;/*меняем цвет текста*/
            font-family: 'Anton', sans-serif;/*подключаем шрифт*/

            }
            p{
                color:#fff;/*меняем цвет текста*/
                font-family: 'Slabo 27px', serif;/*подключаем шрифт*/
                margin-top:50px;/*Делаем отступ текста вниз*/
                margin-left: 860px;/*Делаем отступ текста влево*/
                font-size: 30px;/*Задаем размер текста*/
            }
    li{
        margin-right: 200px;
        font-family: 'Slabo 27px', serif;
      font-size: 26px;
}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,340
    Total Members
    3,128
    Most Online
    Someone
    Newest Member
    Someone
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.