Mai jos am scris un cod pt un asemenea meniu, dar pt ca nu este afisat cu spatierea corespunzatoare , ti-am atasat si fisierul html cu acest meniu, dar nu stiu daca este permis sa incarci fisiere html.
Ideea e ca introduci in <li> o alta lista <ul> cu acele link-uri care vrei sa fie afisate cand mouse-ul este deasupra <li>. Cu ajutorul elementului <style> setezi sa nu fie afisate decat atunci cand mouse-ul e deasupra . Daca nu intelegi ceva, ma poti intreba.
<html>
<body>
<ul id="meniu">
<li><a href="x.html"> Acasa <a/></li>
<li> Produse
<ul>
<li><a href="x.html"> Legume <a/></li>
<li><a href="x.html"> Fructe <a/></li></ul></li>
<li> Link-uri utile
<ul>
<li><a href="x.html">Link 1 <a/></li>
<li><a href="x.html"> Link 2 <a/></li>
</ul>
</li>
</ul>
<style>
#meniu li a {
display:block;
}
#meniu li a:hover {
background-color:black;
color:white;
}
#meniu li:hover ul {
display:block;
}
#meniu li ul {
display:none;
}
</style>
</body>
</html>
