0

外側の境界線を取り除く必要があります。セルの境界線だけで、セル間にスペースが必要です。テーブルの周りにこの外側の境界線を作成する理由がわかりません。このコードを別のファイルで試しました

table {
  border-collapse: separate;
  border-spacing: 4px;
}
table td, table th {
  border: 1px solid black;
}

そして正しく表示されます。しかし、ウェブサイトのコンテンツでは、この外側の境界線を作ります. 誰か助けてくれませんか？

4

3 に答える 3

2

あなたのCSSで行うだけです：

.tribe-events-calendar
  {
  border: 0px!important;
  }

また

#big
  {
  border: 0px!important;
  }

または、クラスまたは ID が既に存在する場合は、これらの値を変更して、前述のように設定します。おそらく他の要素に影響を与えるはずなので、クラスに注意してください。

質問をもう一度読んでください。別のスタイルシートに設定すると、0px の値が他のシートの Npx の値で上書きされる可能性があります。それらを 1 つにマージするか、それができない場合は !important; を配置します。css の後に 0px というマークを付けます。

何も機能しない場合は、ファイルの先頭に埋め込みます (含めないでください)。最後に (お勧めではありません)、インライン CSS を使用してください。

于 2012-11-25T13:56:09.500 に答える
1

これを追加しようとしました：「ボーダー：なし;」HTML内のテーブル要素自体に追加すると、機能しました。
あなたの問題はこれだと思います： 

table.tribe-events-calendar, .tribe-events-calendar td {
border: 1px solid #BBB;
}

CSS をオーバーライドします。
問題を確認するには、Chrome の「要素の検査」または Firefox の firebug を使用します。

于 2012-11-25T13:55:43.257 に答える
0

変更する必要があるのは、1 か所だけです。

オリジナルコード 

table.tribe-events-calendar, .tribe-events-calendar td {
    border: 1px solid #BBBBBB;

変更後

table.tribe-events-calendar td {
        border: 1px solid #BBBBBB;

Firefox FireBugを使用して検査し、 CSSおよびJqueryのライブ編集を行うことができます。

于 2012-11-25T14:08:08.250 に答える