2011-09-23 7 views
8

私のCSSのスキルは私に頭痛を与えています。以下、この絵で提示されているように、放火犯からキャプチャ:私は表コンポーネントクラス名M2Mモーダル・テーブル与えていると私は最小 - を設定したいVaadinと呼ばれるフレームワークのようにGWTを使用してテーブルの行の高さを設定

enter image description here

そのテーブルの4つの行の高さ。しかし、私はそれを動作させるように見えることはできません..そして、画像から見ると、表はクラス名m2m-modal-tableではなく、vテーブルテーブル既に設定済みのフレームワークライブラリを使用しているので、私の関与の外にスタイルが追加されています)。

CSSクラスをよく知っている人なら、テーブルの行の高さを設定するためにスタイルシートに書き込むべきことを教えてください。

ありがとうございました!

編集:ありがとうございました。そして、私が見られるようにCSSを書いていること:

.m2m-modal-table .v-table-table th, 
.m2m-modal-table .v-table-table td { 
    height: 55px; 
    min-height: 55px; 
} 

のみのアプリケーション内のすべてのテーブルを問題のテーブルの上にスタイルを設定していないだろう。

答えて

10

常に高さをセルではなく行に設定します。

.v-table-table th, 
.v-table-table td{ 
    height: 55px; 
    /* min-height: 55px; EDITED */ 
} 

を行います(min-height のみ は動作しません)。

編集: djsadinoffが書いたように、min-heightはどこでも機能しません。 IE8とIE9はmin-heightを解釈しますが、他のブラウザでは標準ではありません。

+0

yeaそれはうまくいくように思えますが、そうではありません...私は完全に混乱しています。私は多くの組み合わせで試しましたが、何も動作していないようです。いくつかの方法でCSSクラス名をm2m-modal-tableに変換します。 – AndroidHustle

+0

Firefoxのfirebugでスタイルがこれらのセルに影響を与え、それらをオーバーライドするはずです。 '!important'を使うこともできます。私はサイトを見ずにもっとあなたを助けることはできません。 – avall

+0

うわー!その最後の編集がトリックでした!ありがとう!今では、アプリケーションのすべてのテーブルではなく、このテーブルにしか影響を与えない方法を理解する必要があります。=) – AndroidHustle

関連する問題