cannot control height w/ percentage in CSS menu -


I have created CSS menu w / submenus using pixel values ​​for dimensions. Now, I see how an idea is stupid, I tried to convert all pixel values ​​to the percentages using constants to make the menu pensioner (code / reference) * 100 .

The basic version looks like this: Enter image details here

< P> After finishing everything in it, the percentage value ends with it:

The main reason for this is that I am still using PX to estimate the height of NAL Lee. Whenever I try to specify that height in percentage, the top menu points (NAL Lee) do not change their shape at all, and when hovering over one of them to bring submenu (NAL Lee Ul) out The top menu point increases in height everywhere.

Can anyone tell me what can be done due to this behavior?

First of all, CSS that does this is:

  NAV & gt; UL & gt; Li.hasSubMenu: Hover + Li {/ * It-> * / Margin-left: 25%; }  

And this:

Nevala Ull Lee: Hover> Ul {display: block; Status: Relative; / * And below * / top: -100%; Left: 100%; } Remove

top , left and margin-left value. See:.

Use the Media-queries to make your navigation responsive, second of all. Using only percentages is not effective.


Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -