He aquí lo que he logrado, en el link esta la captura del navegador, el asunto es que no logro centrarlo
http://img87.imageshack.us/img87/2405/quickx.jpg En el CSS del style (que controla lo que es el nombre de la columna) he puesto:
Código:
.navTabs li a {vertical-align: middle; padding:15px 25px 15px 25px; color: #fff; text-decoration: none; background-color: #4E79AF; border: solid 1px #e9e9e9; }
.navTabs li.active a, .navTabs li a:hover {vertical-align: middle; padding:15px 25px 15px 25px; color: #333; background-color: #fff; border-bottom: solid 2px #4E79AF; text-decoration: none; }
y en el php donde inserté la descripción puse: Código PHP:
echo'<li><a href="#tab'.$i.'">'.$cat->name.'</a><span style="vertical-align: middle; font-size:11px; color:#fff; text-align:center; display:block;">'.$cat->category_description.'</span></li>';
no logro que quede centrado verticalmente