Ok here is a menu bar I have on my forum and the CSS attached with it, any idea how i can get the buttons to be vertically centred on the divs BG?

Code:

<div id="nav_back" >
 
   <center>
   <a class="nav_buttons" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/nav_home.png" border="0" alt="" /></a>
   <!-- IF S_USER_LOGGED_IN -->
   <a class="nav_buttons" href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/nav_user_cp.png" border="0" alt="" /></a>
   <!-- ENDIF -->
   <!-- IF not S_USER_LOGGED_IN -->
   <a class="nav_buttons" href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/nav_register.png" border="0" alt="" /></a>
   <!-- ENDIF -->
   <a class="nav_buttons" href="{U_SEARCH_ACTIVE_TOPICS}"><img src="{T_THEME_PATH}/images/nav_active.png"  border="0" alt="" /></a>
   <a class="nav_buttons" href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/nav_members.png"  border="0" alt="" /></a>
   <a class="nav_buttons" href="{U_SEARCH}" rel="nofollow"><img src="{T_THEME_PATH}/images/nav_search.png" border="0" alt="" /></a>
   <a class="nav_buttons" href="{U_FAQ}"><img src="{T_THEME_PATH}/images/nav_faq.png" border="0" alt="" /></a>
 
<a class="nav_buttons" href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/nav_pms.png" border="0" alt="" /></a>
<a class="nav_buttons" href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/nav_logout.png" border="0" alt="" /></a>
   </center>
</div>

Here is the CSS

#nav_back {
 background-image: url("{T_THEME_PATH}/images/nav_back.jpg");
 height: 37px
}
.nav_buttons {
 padding-left: 3px;
 padding-right: 3px;
 padding-top: 1px;
}

Thanks a lot

Use padding and/or margins on the <a> tags.

Use a table that spans the size you need to, then just have a td with valign="middle" or center I forget :P

Originally Posted by Physicsguy

Use a table

Please don't. Tables should only be use for tabular data, not for layout

change to this

#nav_back {
 background-image: url("{T_THEME_PATH}/images/nav_back.jpg");
   width:190px;
}

and remove center tag if u have to use padding instead .

and surly you need to change the background too and make it vertical