I'm running into 3 2 roadblacks while attempting to finish development on this concept site.
Here's the site thus far: CLICK LINK. And here's a PasteBin link to the CSS I've altered thus far: PasteBin CSS.
1) For the life of me I can't figure out a proper way to get my drop-downs to sit nicely underneath the navigation menu (hover over Chromatics). Using line-height on the parent makes the items that are on double lines bigger than they need to be. Using min-height works, but feeds down to the children which is also a no-no.SOLVED
2) I've centered the main title of the site. However something still looks so very off to my eyes. Almost like it's still a little bit more to the left than it should be. I'm trying to get it done without nudging with padding or margin, but all attempts are failing.SOLVED - WAS JUST PARANOID
3) The same problem I'm having with the main title also applies to the newly registered menu I've created for the footer area. Using XScope I can see that there's about 230-ish pixels of space on the left, and around 280-ish pixels of space on the right. It's bugging me so bad.SOLVED - DUSTIN HELPED WITH BELOW COMMENT
I can help you with your third issue.
Your footer ul width is being set to 550px, and centered. And the links inside are floating to the left. I would recommend have the ul and li elements be inline, and have the text-align set to center. I changed some of your code. This works well:
I'm running into
32 roadblacks while attempting to finish development on this concept site.Here's the site thus far: CLICK LINK. And here's a PasteBin link to the CSS I've altered thus far: PasteBin CSS.
1) For the life of me I can't figure out a proper way to get my drop-downs to sit nicely underneath the navigation menu (hover over Chromatics). Using line-height on the parent makes the items that are on double lines bigger than they need to be. Using min-height works, but feeds down to the children which is also a no-no.SOLVED2)
I've centered the main title of the site. However something still looks so very off to my eyes. Almost like it's still a little bit more to the left than it should be. I'm trying to get it done without nudging with padding or margin, but all attempts are failing.SOLVED - WAS JUST PARANOID3)
The same problem I'm having with the main title also applies to the newly registered menu I've created for the footer area. Using XScope I can see that there's about 230-ish pixels of space on the left, and around 280-ish pixels of space on the right. It's bugging me so bad.SOLVED - DUSTIN HELPED WITH BELOW COMMENTI can help you with your third issue. Your footer ul width is being set to 550px, and centered. And the links inside are floating to the left. I would recommend have the ul and li elements be inline, and have the text-align set to center. I changed some of your code. This works well: