2012-11-25 132 views
0

我需要擺脫外部邊界,只是單元格邊框,單元格之間應該有空格。我不知道爲什麼它建立在桌子此外邊框,我只是嘗試這樣的代碼在不同的文件中如何擺脫外表的邊界

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

並正確顯示。但是在網站內容上,它使這個外部邊界。有人能幫助我嗎?

回答

2

只需做你的CSS:

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

OR

#big 
    { 
    border: 0px!important; 
    } 

或者,如果它已經存在的類或ID,修改這些值將它們設置爲說。注意這堂課,因爲據說它會影響其他元素。

再次讀取您的問題,如果您將其設置在不同的樣式表中,可能會發生這種情況,它會使用其他工作表中的Npx值覆蓋0px的值。合併成一個,或者,如果你不能,把!重要的;標記0px後的css。

如果沒有任何效果,則將其嵌入(不包括)在文件的開頭。最後和最少(閱讀:不可告知),使用內聯的CSS。

+0

你完全正確,非常感謝你! –

+0

不客氣(;順便說一句,我也使用了chrome的「檢查元素」,在這種情況下它是一個非常有用的工具,它甚至可以讓你隨時進行編輯以查看它的行爲。 –

+0

謝謝,很高興知道下次使用它 –

1

我試圖添加這個:「border:none;」在HTML內部的表格元素本身,它的工作。
我覺得你的問題是這樣的:

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

它覆蓋了你的CSS。
使用chrome的「檢查元素」或firebug for Firefox來查看問題。

+0

鍍鉻的「檢測元素」+1。 –

0

你只需要改變只有一個地方就是

原始代碼

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

後修改

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

您可以使用Firefox的螢火進行檢查並做Live編輯CSSJquery