2016-11-10 6 views
-1

CSSが分かりません。テンプレートを使用してJoomlaで作業しています。私はいくつかの情報で私のページにフォーマットされたテーブルが必要です。私は私の行に「パディング」のこの種を削除することはできませんスタイルシートCSS:表のセルの寸法と詰め込み

<style type="text/css"> 
/*syllabus*/ 


table { 
width: 10%; 
    //margin-right: auto; 
    //margin-left: auto; 
    text-align: left; 
    //border-collapse: collapse; 
    //border-bottom: 5px solid; 
    //border: 20px solid #fff; 
    border-color: 993333; 
    //border-spacing: 0.0; 
    //box-shadow: 0px 0px 7px 7px #999999; 
    padding: 0px; 
} 


td { 
    //padding-left: 10px; 
// padding-top: 10px; 
    //padding-bottom: 10px; 
// padding-right: 10px; 
    padding: 0px; 
} 

table a 
{ 
    color: #CF7600; 
    padding: 0px; 
} 

thead { 
    font-family: Montserrat; 
    font-weight: 200; 
    color: #fff; 
} 

thead > tr { 
    background-color: #222; 
    padding: 0px; 
} 


//#CFCFCF 
tbody > tr:nth-child(even) {background-color: #f7f7f7; padding: 0px;} 
tbody > tr:nth-child(odd) {background-color: #ECECEC; padding: 0px;} 


tbody > tr > td:first-child { 
    text-align: center; 
    padding: 0px; 
} 
</style> 

しかし:コード内のすべてのpaddingフィールドがある padding between text and table

私は私の目的のために良いと思われるこのテーブルシートを見つけました問題を解決するための私のテスト(成功なし)。 テキストと表の間のこの空白スペースを削除するにはどうすればよいですか? テーブルのサイズを変更できないようです(table { width: 10%;は効果がありません)...たぶん、別のグローバルCSSがローカルのCSSを「隠す」のでしょうか?私はどのように私のページでそれを無効にすることができますか?

+1

使用[Firebugの](https://addons.mozilla.org/en-US/firefox/addon/firebug/)と私の問題を解決するが、簡単にツールチップで、あなたのCSSをテストすることができます。 –

+1

@volperossaこのCSSを試してみてください "table table> * {padding:0;}" – vas

+1

また、あなたのHTMLがどのように構造化されているかを示すことができれば、それも役立ちます。 –

答えて

0

問題は、テーブルのセルに大量のデータが含まれていて、レイアウトを破壊する改行に自動的に移動することでした。 は私が

max-width:100%; 
white-space:nowrap; 
関連する問題