Skip navigation
Currently Being Moderated

Text won't horizontally and vertically align

Sep 24, 2012 5:47 PM

Hi. I'm trying to make navigation buttons that consist of a box with text inside. By default, the box is transparent, but when you rollover the box, the text inside will turn white and the box will turn dark gray. And of course, the rollover effect will appear permanently when you are on the corresponding page to the button. The rollover is working properly, but the text needs to be center (or middle) aligned vertically and horizontally within the box, and it's not working.

 

I tried using the tutorial here, so that's why I used "inline-table" and "table-cell" in the css. I had to use "inline-table" instead of "table" to make the boxes stay on the same line.

 

Here's a test site for the page: http://gchiller.com/test/

 

Can someone please help?

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points