2009-08-18 18 views
0

Possible to fill a table cell with a bg color?と同じ問題があります。サイトマップの​​背景色のCSSを設定する方法

問題は、私はサイトマップを使用していて、tdタグの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を与える:私は、次のCSSを使用してい

(これはFirefoxとIE8でうまく動作しますが、ないIE7)

<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

ますa要素の代わりにtd要素にCSSスタイルを適用する必要があります。スパンのような要素(リンクのように、emstrong、またはspan)は、デフォルトで背景の設定をサポートしていません。

[EDIT]あなたはこのコードを自分で生成しない場合は、これらのオプションがあります。

  1. HTML/CSSジェネレータのソースを入手し、必要なCSSはに属性を追加するためにそれを変更しますtd要素

  2. これがサーバー上にある場合は、アプリケーションの出力にフィルタを追加できるかどうかを確認します。このフィルタは、必要なCSSを追加できます。

  3. その他すべてが失敗した場合は、クライアント上でJavaScriptを使用してDOMをナビゲートし、属性をonloadに追加できます。

+0

このHTMLが生成されているので、サイトマップのtdのスタイルを設定する方法がわかりません。 CSS構文など –

+0

誰がこのコードを生成しますか? –

0

もう1つの解決策は、CSSのdisplay:blockにa要素を設定することです。それは、それが親要素の全領域を満たすようにします。

また、背景色の場合は、a要素の高さと幅を親の色と一致するように設定する必要があります。

関連する問題