シンプルなテーブルはサイズが変更されません

Question

サイドバーのライフスタイル（LIFESTYLE）というトップの色付きのテーブルに注目してください。

テキストは真ん中に垂直に配置されず、そのテーブルはそれ以上短くなりません。

基本的にJoomlaのカスタムHTMLモジュールで、GantryとK2を使って、（Sourcererを使用して）いくつかのPHPを配置して、色の配列に基づいてテーブルbgの色を選択します。単純な権利ですか？

どこかに余白やパディングなどがあり、見つからない場合があります。何か案は？なぜこれが起こっている私にはわからないが、これは問題を解決するようだ、絶対に正直に言うと

Answer 1

...

次を置き換えます：と

<div class="titlebars"> 
    <font color="#FFFFFF">LIFESTYLE</font> 
</div> 

を

<span class="titlebars"> 
    <font color="#FFFFFF">LIFESTYLE</font> 
</span> 

---

EDIT

問題が<br><div>後のタグです：

<td style="vertical-align: middle; width: 100%; line-height: normal; margin: 0px 0px 0px; padding: 0px; cellpadding=0 cellspacing=0"> 
    <div class="titlebars"> 
     <font color="#FFFFFF">LIFESTYLE</font> 
    </div> 
<br> <----- THIS IS THE PROBLEM 
</td> 

はそれを削除し、あなたはそれがしたいように、セルが動作します。

Answer 2

だけで、display:inline-blockとしてあなた.titlebarsのdivを宣言しているヘッダを少し埋めるためにいくつかのパディングを追加して、あなたはすべて設定する必要があります。

CSSまた

.titlebars { 
    display: inline-block; 
    font-size: 30px; 
    font-weight: 800; 
    margin: 0; 
    padding: 5px 0; 
} 

、<font>タグ？彼らは非難されていると思いますので、代わりにpタグを使用してスタイルを付けることができます。