2009-08-18 65 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元素的高度和宽度以匹配父元素的高度和宽度。