Как убрать полоску

@FullHD1080 · Регистрация: 17.05.2017

Author24 — интернет-сервис помощи студентам

Здравствуйте , столкнулся с траблой , нужно убрать полоску у выпадающего меню

HTML5

<div>
                        <ul id="claw">
    <li>
        <a href="#">Parent 1</a>
        <ul>
            <li>
                <a href="#">Child A</a>
            </li>
            <li>
                <a href="#">Child B</a>
            </li>
            <li>
                <a href="#">Child C</a>
            </li>
        </ul>
    <li>
    <li>
        <a href="#">Parent 2</a>
        <ul>
            <li>
                <a href="#">Child D</a>
            </li>
            <li>
                <a href="#">Child E</a>
            </li>
            <li>
                <a href="#">Child F</a>
            </li>
            <li>
                <a href="#">Child G</a>
            </li>
        </ul>
    <li>
    <li>
        <a href="#">Parent 3</a>
        <ul>
            <li>
                <a href="#">Child H</a>
            </li>
            <li>
                <a href="#">Child I</a>
            </li>
            <li>
                <a href="#">Child J</a>
            </li>
            <li>
                <a href="#">Child K</a>
            </li>
            <li>
                <a href="#">Child L</a>
            </li>
        </ul>
    <li>
    <li>
        <a href="#">Parent 4</a>
        <ul>
            <li>
                <a href="#">Child M</a>
            </li>
            <li>
                <a href="#">Child N</a>
            </li>
            <li>
                <a href="#">Child O</a>
            </li>
            <li>
                <a href="#">Child P</a>
            </li>
            <li>
                <a href="#">Child Q</a>
            </li>
            <li>
                <a href="#">Child R</a>
            </li>
        </ul>
    <li>
</ul>
                                    </div>

CSS

#claw {
    
    
 
    float: left;
    font-size: 1.5em;
    min-height: 100%;
    cursor: default;
    margin-top: -680px;
 
}
 
#claw li {
    position: relative;
    z-index: 1;
 
 
}
 
#claw li a {
    display: inline-block;
    padding: 0.5em 1em;
    white-space: nowrap;
    color: black;
 
}
 
    #claw li ul {
        position: absolute;
        overflow: hidden;
        display: none;
        left: 100%;
        top: 0.5em;
        float: none;
 
        
        
    }
    
    #claw li:hover ul {
        display: block;
 
    }
    
    #claw li ul a {
        position: relative;
        font-size: 0.8em;
        
 
    }

@Kven-M · 25.08.2017, 17:51

CSS

1
2
3

a {
   text-decoration: none;
}

@Htext · 26.08.2017, 18:15

Во-первых, у Вас тег li в стр.3 не закрыт. Код будет невалидным.
Также странные стр. 33, 34, 53, 54, 76. Это - что сразу бросается в глаза.

@Htext 357 / 118 / 20 Регистрация: 08.01.2015 Сообщений: 1,361 Записей в блоге: 1
	26.08.2017, 18:15	3
	Во-первых, у Вас тег li в стр.3 не закрыт. Код будет невалидным. Также странные стр. 33, 34, 53, 54, 76. Это - что сразу бросается в глаза. 0