Customizing Dropdown

[pctechtv]

I am taken a tutorial about jQuery Dropdown menus a Lynda.com. It helped me to understand a lot. I stuck on a few CSS concepts. After finishing the tutorial I want to customize the navigation to fit what I want. Rather than use a lot of trial and error I am thinking I should take the suggestions of those more experienced with CSS than me. I like to try myself, but I find that suggestions of best practice usually work best in learning. As for where the Navigation is now I want to understand a couple of things that I am sure rely on the CSS properties. I am interested in understanding how to modify the following:

1. How to get the text in the navbar and dropdowns to vertically align to the center?
2. I used -moz-border-radius: 5px; to round the navbar so how can I get the 1st link to use that rounding only on the left side of the 1st link to highlight it without hiding the left outside border?
3. How can I make each dropdown links the same vertical height of the navbar and the highlight just highlight that part?

http://pctechtv.com/myMenu.zip
http://pctechtv.com/myMenu/index.html

[Paulie_D]

Perhaps you could put a reduced case in Codepen.io?

[Author]

Posts