• Let’s make a dropdown menu with the following list within a menu container box
ID: 3754620 • Letter: #
Question
• Let’s make a dropdown menu with the following list within a menu container box of 300px × 200px.
eng Courses
ENG 1120
ENG 2121
ENG 1410
MARKETING Courses
MARK 3421
MARK 1450
o The menu container box should be displayed at the top and the right corner of the viewport. o The drop down menu should work properly. When the mouse hovers over a menu item, background color should be changed and the next level menu should be displayed. o When the menu item is clicked, the content should be displayed using alert(). •
CODE IS AS GIVEN BELOW. WHAT ARE NEEDED TO SOLVE THE ABOVE PROBLEM?
<!DOCTYPE html>
<html>
<body>
<div class='ddm-container'>
<ul class='ddm'>
<li>ENG Courses
<ul>
<li>ENG 1120</li>
<li>ENG 2121</li>
<li>ENG 1410</li>
</ul>
</li>
<li>MARK Courses
<ul>
<li>MARK 3421</li>
<li>MARK 1450</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Explanation / Answer
the html and css required to solve the above problem is given below:
----------------------------------------------------------------------------------------------
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.