CSS Dropdown menu: How to make absolute positioned sub nav line up perfectly -
I am creating a pure CSS drop down menu using the full position, but the main navigation. The color of the sub-nav background is a bit dark red that matches the background color for the main navigation list item, when they become more. The problem is that the sub-nav is not growing up correctly.
I have created a simple JSfield with this code that I am using to explain what I mean.
The entire code is in Bella but it is mandatory how I am doing it. Neowal ul li (float: left; padding: 21.5 px 1%; / * 10 pixels; * / position: relative;} NUL ul ul {display: none; position: complete; Top 100%; Background Color: # B91428;}
When the main navigation list item is placed in its background, the sub-navigation list should be exactly above the background of the item, But I can not seem to do this work, any help would be appreciated.
add left: 0 to
nav ul ul
Neowal ul ul {display: none; position: full; top 100%; background color: # B91428; left: 0;}
Comments
Post a Comment