содержания вопроса это панические приступы
<div id="menu-l">
<div id="hover-menu">
<h1>Препараты</h1>
<img src="arrow.png" id="img-menu">
</div>
<div id="meni-list">
<h4>23232</h4>
<h4>23232</h4>
<h4>23232</h4>
<h4>23232</h4>
</div>
</div>
#menu-l {
display: block;
height: 250px;
width: 300px;
}
#hover-menu {
float: left;
font-family: Arial, Helvetica, sans-serif;
display: flex;
border-style: solid;
border-width: 3px;
width: 300px;
height: 80px;
}
#hover-menu:hover {
cursor: pointer;
}
#img-menu {
max-width: 50px;
max-height: 50px;
margin-bottom: auto;
margin-left: auto;
margin-top: auto;
margin-right: 10px;
}
#meni-list {
display: none;
position: relative;
}
let menuh = document.getElementById('hover-menu');
let menul = document.getElementById('meni-list');
let menua = document.getElementById('img-menu');
menuh.addEventListener("mouseenter",function(e) {
menul.style.display = "block";
});
menuh.addEventListener('mouseout',function(e) {
menul.style.display = "none";
});
Сейчас такая же проблемма:
вот мой код на пхп: