2009-08-18 40 views
0

我與Possible to fill a table cell with a bg color?有同樣的問題。如何在網站地圖中設置​​背景色的CSS

問題是,我使用的是站點地圖,不知道如何設置td標籤的css。

(這工作正常,在Firefox和IE8,但不是IE7)

我用下面的CSS:

.subMenu 
{ 
    z-index: 100; 
    min-width: 118px; 
    border: solid 1px #545454; 
    text-align: center; 
} 
.subMenuItem 
{ 
    width: 100%; 
    min-width: 118px; 
    padding: 5px; 
    border-bottom: solid 1px #545454; 
    background-color: #4D97CB; 
    color: #DDDDDD; 
    text-align: center; 
    font-weight: bold; 
    font-size: 11px; 
} 

這給folloing HTML:

<div id="ctl00_mnuNavigationn1Items" class="ctl00_mnuNavigation_0 subMenu ctl00_mnuNavigation_7"> 
    <table border="0" cellpadding="0" cellspacing="0"> 
     <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_mnuNavigationn3"> 
      <td> 
       <table class="subMenuItem ctl00_mnuNavigation_6" cellpadding="0" cellspacing="0" border="0" width="100%"> 
        <tr> 
         <td style="white-space:nowrap;width:100%;"> 
          <a class="ctl00_mnuNavigation_1 subMenuItem ctl00_mnuNavigation_5" href="/Asidua.BPM.Web.WebApplication/Expenses/Default.aspx" style="border-style:none;font-size:1em;">Click here</a> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</div> 

回答

2

你必須將CSS樣式應用於td元素,而不是a元素。類似跨度的元素(如鏈接或em,strongspan)不支持默認設置背景。

[編輯]如果你不生成自己的代碼,那麼你有以下選項:

  1. 獲取HTML/CSS生成的來源和修改它添加必要的CSS屬性的td elements

  2. 如果這是在服務器上,請檢查您是否可以嚮應用的輸出添加過濾器。這個過濾器可以添加必要的CSS。

  3. 如果一切都失敗了,您可以在客戶端上使用JavaScript導航DOM並在onload中添加屬性。

+0

乾杯,我明白了,更多的是我不確定如何在生成HTML時爲站點地圖中的td設置樣式。即CSS語法等。 – 2009-08-18 13:01:57

+0

誰生成此代碼? – 2009-08-18 13:43:33

0

另一種解決方案可能是設置一個元素在CSS中顯示:block。這將使它填充父元素的整個區域。另外,如果它是背景顏色,則可能需要設置a元素的高度和寬度以匹配父元素的高度和寬度。