I have a horizontal navigation bar and I want it to have a drop down menu. I have searched many sites and forums like w3schools, stackoverflow but none of it have worked for me so far as it screwed up the styling of the navigation bar instead. So I hope to find another possible solution by asking here. I would appreciate any help given. Thank you.
Right now, my navigation links are all floated to the right and it is without a drop down menu.
Basically, this is how i want the navigation bar to look like when hovering over it with a drop down menu.
Right now, it only looks as though you have either removed or omitted the second level list for the drop down, or is this JSFiddle HTML the drop down’s content? Either way, it’s hard to decipher where things are going wrong when we can’t see the whole picture. The second layer of list items are all left out of this right now. It doesn’t even look like the JSFiddle is displaying any output, either. Also, implementing the drop down menu in your actual page may present some other obstacles as the layout styles may conflict with your drop down menu styles.
I have two navigation bars for my site. A horizontal and a vertical navigation bars. Right now, im having some issues with the horizontal bar.
Is there a way to cover the entire tab when hovering over it? Right now, there are spaces that are not covered when hovering the tabs. Also, i’m having another issues whereby i can’t set the width and the height to the ‘main’ class because part of the navigation tab links will disappear once i added both width and height.
At present you have a dropdown that says link1, Link2 and Link3. It appears to be working as expected and I can’t work out how you want it to display. It seems to be displaying in the normal way for a dropdown of that type although usually you would use a nested ul for the dropdown (as in your other example) and not a div.
