Home/ Questions/Q 770429
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T18:29:59+00:00

I have three menus on this test web site . I am learning css

  • 0

I have three menus on this test web site. I am learning css and trying menu2 & menu3 to inherit all properties from menu class. The second one looks bit different and is not clickable. I am happy with the 3rd one, just want to make it horizontal and change its position bit.

Could somebody tell me

  • why the second menu is not click-able?
  • how I can make the third menu vertical? I thought that display: block; for li of the 3rd menu would do the trick but I do not know the css path for that li.
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your second menu isn’t clickable because your third menu box is covering it, it’s box even though you can’t see it is the same size as the area covered by the double horizontal lines.

    The third menu isn’t vertical because the lis have float:left

    Use the following css to correct

    .menu3 li
{
float:none;
}
.menu3
{
position:absolute;
}

    You will need to set the left/top options for the .menu3 to position it on the page where you want.

    If you use firefox firebug you should install the web developer and firebug extensions. If you use safari you can enable the developer tools, if you use internet explorer 8 then you can also enable developer tools. (Firebug is the best in my opinion).

    • 0