How are you?
Can you guys tell me how I am alignment this navigation with the image slider.
Please check this link.
Your ‘navigation’ is structured out of divs rather than an unordered list (UL) and list items (LI) and you have told them all to float left.
Assuming that the div with no ID but aligned ‘center’ which holds all those divs is the navigation then you need to ensure that the background covers all of that div and not just the ‘menu item’ divs.
You would also need to set a height on that div or overflow:hidden.
To be honest, it’s an unusual way of making a menu.
Also, what CSS sheets you have are in an odd order and there is an awful lot of inline styling going on….you should look to move all that to a proper stylesheet.
You could but that’s not the issue.
This is purely an issue relating to HMTL & CSS.
We don’t need the JS file as they aren’t related to your problem…which incidentally I have already given you the answer to.
Put your HTML is the relevant section and your CSS into the second section.
However, BEFORE you do that, strip out all of the inline styling that is in your HTML into a separate CSS stylesheet.
Unfortunately, we don’t have the time to wade through lines of code to remove stuff that shouldn’t be there.
This reply has been reported for inappropriate content.
Just load in the multiple stylesheets separately, or just load the ones in that matter. But Paulie I think nailed it on the head. The menu IS centered, but it’s not wide enough to take up 100% of the space. What it looks like you really need is that navBG.png to be the background of either the ul or .menu class.
I don’t get any of the FireFox hanging problems you mention – seems to work just fine on mine.
Try to get it into Codepen and then we can fiddle with it.
Please check these files and tell men what should i do.
You must be logged in to reply to this topic.