Remove Grey Line Around Table Slider Jquery Item

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

Solution 1:

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

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

Solution 2:

you have this in your css :

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

the gray border caused by border: 1px solid #ddd;

Solution 3:

Use this code, when u added the items you misplaced hr tag

<hrwidth="130%"noshade>

just remove it, and u get:

<h1>Daily Deals</h1><divid="mi-slider"class="mi-slider"><ul><li><table><tbody><tr><tdalign="center"valign="center"><ahref="#"><imgsrc=""alt="img11"><h4>test</h4></a><hrwidth="130%"noshade></li></td></tr><tr><td>WAS:</td><tdclass="strikethrough">$179.95</td></tr><tr><td>YOU SAVE:</td><td>$40.00</td></tr><tr><td>$139.95</td></tr></tbody></table>