Why are the contents inside <div> element not clickable?-CodePudding

I want to make a button inside of a div, but the content inside the div isn't clickable. My code:

    <div id="sidebar">
        <ul>
            <li><img src="img/whitelogo.svg">
                    <img src="img.svg"></li>
            <li><img src="img.svg">
                    <a href="#">about me</a></li>
            <li><img src="img.svg">
                    <a href="#">submit</a></li>
            <li><img  src="img.svg">
                    <a href="#">get in touch</a></li>
        </ul>
    </div>
    <div id="about">
        <div>CLOSE DRAWER</div>
        <div>
            <img src="logo.png">
        </div>
    </div>
    <div id="submit">
        SUBMIT
    </div>
    <div id="contact">
        CONTACT
    </div>

Any idea?

CodePudding user response：

There is no button or link in the element you mentioned.

     <div id="contact">
        CONTACT
    </div>

You can use it like below so you can click here..

    <div id="contact">
        <button id="foo">CONTACT</button>
    </div>

CodePudding user response：

Can you also provide your CSS code, please?
There aren't any clickable items in the div element.

<div>
    <a>content...</a>
    <!-- <button>content</button>-->
</div>

Hope this helps.

CodePudding user response：

kindly send your javascript and CSS. Also "e.prevent" in your javascript because it prevents you to click on the element.