The file path and source code doesn’t look like a WordPress site.
For general CSS questions, try CSS forum, you will get faster help and more details on the subject.
I’m going to center the menu but I know how to do that… What I need help with is to figure out how to get the menu, hover etc. in it’s spot. Right now it looks like it’s been “padded” out of place…
From what I see via Firebug, the ul doesn’t have CSS applied so it’s using browser’s default which is normal for ul to have margin and that’s the padding that you see.
To fix this just declare your own in the CSS like this
#navigation > ul { margin: 0; }
Thread Starter
skj
(@silja-jonsson)
Thank you dear @paulwpxp for your assistance and help! I much appreciate it! I know that as of right now, the codes are not fitted for WP… I always start with building my layouts on DW before I upload it to WP…
Anyway,
Your code truly helped me! Again, thank you!!
…but I’ve still got a small issue. Your code got the menu in place vertically, but as you’ll see, it’s still a 40px padding on the left that’s bothering me… If I center the menu from this point, it’s not gonna look pretty… I guess I could fix a padding on the right – but this would be an annoying fix…
I bet that by now y’all have figured out that I’m just getting started to learn CSS and HTML codes, and truly, I appreciate all the help y’all are giving me. Kindest regards, Silja
Thread Starter
skj
(@silja-jonsson)
*Never mind, I fixed it.. 🙂
@silja-jonsson I’m glad you got it working 🙂
Anyway, when you done with the design and move on to transfering it to a WordPress theme, there will be quite a lot of adjustments needed.
Web developer tool is your friend. It’s used primarily to inspect the elements and get the right CSS selector.
Chrome built in web dev tool
https://developer.chrome.com/devtools
There is also Firefox one, and also Firefox addon called Firebug.
