2013-09-24 54 views
0

我正在使用母版頁,我有一張表,我想顯示一個邊框,以便它顯示在表格中的每個單元格周圍。這裏是我試圖放置邊框的代碼:爲什麼我的表格不顯示任何邊框?

<table class="mainTable" style="border-color:#DDDDDD;"> 
    <tr> 
     <td class="masterBannerTop" colspan="6" > 
      <a href="Default.aspx"><img style="border: none; display: block; margin: 0 auto;" alt="Travel Joan's Blog Banner" src="Website%20Photos/HeadBanner.jpg" /></a> 
     </td>  
    </tr> 
    <tr> 
    <td class="masterBannerNav"><a href="Default.aspx">HOME</a></td> 
    <td class="masterBannerNav"><a href="About.aspx">ABOUT ME</a></td> 
    <td> 

...然後它從那裏繼續。這裏的CSS:

.mainTable 
    { 
     width: 90%; 
     margin-left: 5%; 
     margin-right: 5%; 
     border-spacing: 30px; 
     border-color:#999999; 
    } 

無論我把什麼顏色,它不適用於任何瀏覽器。我的意思是,只有幾個地方可以放置顏色。即使我嘗試只使用CSS或內聯樣式元素,它似乎仍然不想工作。

+1

您不應該使用表格,除非它是用於Html電子郵件。但是,如果你必須的話,試着在你的桌子上加一個邊框厚度,並使其成爲一個顯示塊,看看是否有效 – CodeGodie

回答

1

嘗試設置

border:1px solid #999999; 

在你的CSS,而不是與表屬性擺弄周圍!儘量避免使用這些屬性,因爲它使得更改網站樣式變得更加困難,並且對於必須維護它的人來說代碼更加冗長。祝你好運,讓我知道如何去:)

+0

我會盡快接受這個答案。一般來說,我所缺少的是設置我的邊框的寬度。看起來他們會在設置任何邊框屬性時自動創建邊框。 – Joseph

+0

是的:)它也取決於瀏覽器! –

1

風格=「邊界:1px的純黑色」

1

也許還要確保你設置的border-width:1px的或類似的規定?

0

<table border="1"> ... </table> 

繞過你的表和單元格之間的邊界。

<table style="border:'1px solid #DDDDDD'"> ... </table> 

.mainTable { 
    border:'1px solid #DDDDDD'; 
    ... 
} 

.mainTable { 
    border-size:1px; 
    border-style:solid; 
    ... 
} 

讓你的桌子周圍的邊框。

相關問題