-1

最初は、アイテム画像の周りに灰色の線がなく、プレーンな jquery スライダー アイテムでした。次に、アイテム画像とリンクの下に価格を挿入することにしました。アイテムの html コーディングをテーブル内に配置すると、www.dailycrazydeals.com に示されているように、アイテムの周りに灰色の線が表示されます。

html コードは次のようになります。

<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>
4

3 に答える 3

0

hrタグを置き忘れたアイテムを追加したときに、このコードを使用してください

<hr width="130%" noshade>

それを削除するだけで、次のようになります。

<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:</td>
                    <td>$40.00</td>
                </tr>
<tr>
<td>$139.95</td>
</tr>
</tbody>
</table>
于 2013-09-11T11:53:26.000 に答える
0

style.css でこの境界線をオーバーライドする必要があります。

table {
    border: 1px solid #ddd;
    margin: 0 0 20px 0;
    text-align: left;
    padding: 5px;
}
于 2013-09-11T11:51:42.720 に答える
0

css にこれがあります:

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

によって引き起こされる灰色の境界線border: 1px solid #ddd;

于 2013-09-11T11:52:14.280 に答える