Trying to use the Table Method of pinpoint centering

[dhawkinson]

I have built containers for my heading area so that I can pinpoint center My name in the left side of the Heading space and pinpoint center my page navigation in the right side of the header space. My name centers perfectly middle & center. However the page navigation centers top & center. I am using vertical-align: middle; and text align:center; in both cases. There is one other problem too. I have set and Id=”selected” on the li related to the current page. I have also set a #selected element to change that selection to a white font. That isn’t happening either. I have included links to code and the screenshot residing in codedpen.io:

https://s3-us-west-2.amazonaws.com/s.cdpn.io/405383/scrShotUpperRight.png

http://codepen.io/dhawkinson/pen/rOqxdQ

[Shikkediel]

Second issue seems to be related to selector specifivity :

#righthead td.selected a {
   color: #fff;
}

[bearhead]

It’s a little hard for me to figure out what you’re trying to achieve based on the description you gave… maybe the below pen is close to what you are after?
http://codepen.io/kvana/pen/bVZWGV

You shouldn’t use tables for layout, there are far better options avaliable. In this particular instance I am using divs and display:table properties to create the layout.

[Author]

Posts