删除表滑块jquery项周围的灰线 [英] Remove grey line around table slider jquery item

问题描述

最初，我是一个纯jQuery滑块项目，没有灰色线围绕项目图像。然后我决定插入项目图像和链接下面的价格。我把项目html编码放在一个表中，现在一个灰色的线出现在项目周围，如www.dailycrazydeals.com所示。

Initially, I it was a plain jquery slider item with no grey line around the item image.Then I decided to insert the price below the item image and link. I put the item html coding inside a table and now a grey line appears around the item as shown on www.dailycrazydeals.com.

html代码如下所示：

The html code is as shown below:

<h1>Daily Deals</h1>
<div id="mi-slider" class="mi-slider">
<ul>
    <li>
<table>
<tbody>
<tr>
<td align="center" valign="center">

<a href="#"><img src="" alt="img11"><h4>test</h4></a>
<hr width="130%" noshade>
   </li>
</td>
</tr>   

                <tr>
                    <td>WAS:</td>
                    <td class="strikethrough">$179.95</td>
                </tr>
                <tr>
                    <td>YOU SAVE:<hr width="130%" noshade></td>
                    <td>$40.00<hr width="100%" noshade></td>
                </tr>
<tr>
<td>$139.95</td>
</tr>
</tbody>
</table>

推荐答案

您需要在style.css中重写此边框：

You need to override this border in your style.css :

table {
    border: 1px solid #ddd;
    margin: 0 0 20px 0;
    text-align: left;
    padding: 5px;
}

这篇关于删除表滑块jquery项周围的灰线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！