Skip to main content

Posts

Featured

How to make drop-down menu

First of all, we have to start from HTML structure of the drop-down menu. I decided to make a site without Bootstrap.

                 <nav class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Biography</a></li>
<li><a href="#">Discography</a></li>
<li class="sub-menu"><a href="#">More</a>
                                         <ul>
<li><a href="">Video</a></li>
<li><a href="">Fanart</a></li>
                                        </ul>
</li>
<li><a href="">Contact</a></li>
</ul>
</nav>



I used special HTML5 tag <nav> for main navigation on the site. Make a notice that the drop-down menu is a list <ul> in another <ul>.
The menu looks like this


Now it's time to add CSS and…

Latest Posts