2011-09-14 5 views
0

私は助けが必要です。私は余分なスペースがテーブルのセルのテキストの下の行の下で発生するのを防ぐためにしようとしています。 (テーブルにはロールオーバーリンクがあり、テキストには85%の行の高さが必要です)また、CSSを使用して行の高さを設定しましたが、同じ問題が発生しました。 3列テーブルは、高さを46pxに維持する必要がありますが、必要な線の高さを85%に変更すると57pxに拡大します。これはモバイルウェブページで使用されます。解決策は非常に、非常に高く評価されるでしょう。ありがとう。 Webページへテーブルセルのテキストの下に余分なスペースができないようにするにはどうすればよいですか?

リンク:http://www.m.dcgraphicsandphotography.com/table_BG_test10.html

<table class="dsR62" border="0" cellpadding="0" cellspacing="0"> 
     <tr onmouseover="this.style.background='url(images/button_BG_ov.jpg)';this.style.cursor='pointer'" onmouseout="this.style.background='url(images/button_BG.jpg)';" onclick="DoNav('dvd.html/');"> 
      <td class="dsR23"> 
       <div align="right"> 
        <img src="images/ICON-RGB.gif" alt="" height="39" width="40" border="0" /></div> 
      </td> 
      <td class="dsR50"> 
       <div align="left"> 
        <p style="line-height:85%;"><span class="ds3"><span class="ds4">DVD TRANSFERS</span></span><span class=""><span class="ds3"><span class="ds3"><br /> 
           </span></span></span><span class="ds3"><span class="ds5">From videos, photos and slides</span></span></p> 
       </div> 
      </td> 
      <td class="dsR25"><img src="images/button_arrow.gif" alt="" height="36" width="35" border="0" /></td> 
     </tr> 
    </table> 

答えて

0
<p style="line-height:85%; margin-bottom: 0px;"> 
    <span class="ds3"> 
     <span class="ds7">DVD TRANSFERS</span> 
    </span> 
    <span class="ds6"> 
     <span class=""> 
      <span class="ds3"> 
       <span class="ds3"> 
        <br> 
       </span> 
      </span> 
     </span> 
    </span> 
    <span class="ds3"> 
     <span class="ds8">From videos, photos and slides</span> 
    </span> 
</p> 

んそれを修正? (​​)

0

ありがとうございました。それは底面のスペースを取り除いたが、テキストの2行はセル内で垂直にセンタリングする必要があり、セルは46pxの高さにとどまる。私はそれが垂直に中心を置く必要があることを言及しなかったことをお詫びします。しかし、私は解決策の玄関口にいると思います。 (これに答えるために2日間グーグルで行っていた!私はmargin-top:8pxを追加しました。 margin-bottom:3px;垂直位置を完全に制御することができた。すべての助けに感謝します。

もたらしたコードを修正:(最初の行のみを示す)

<p style="line-height:85%; margin-top: 8px; margin-bottom: 3px;"> 
関連する問題