1 reply [Last post]
microskies
microskies's picture
Offline
newbie
Last seen: 11 years 1 week ago
Joined: 2011-07-15
Posts: 6
Points: 11

I am having trouble trying to figure this out. I have tried vertical-align:center and padding-top:9px, but the first just doesnt work (in any tags), and the padding just ADDS the padding on top of the background image there already.
All I want is the text to be in the middle of the bar.

http://wincraftmc.net/test/
http://wincraftmc.net/test/home/style.css

Thanks.

PS If there is a way of being able to change the font of these with font-family, could I also get help on that? Again, I have tried in every tag, but no dice.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 3 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

You could do this:.tabs a {

You could do this:

.tabs a {
    display: table-cell;
    height: 48px;
    text-decoration: none;
    vertical-align: middle;
    width: 102px;
    }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.