Как удалить границу в html

Question

У меня есть следующий веб-сайт. www.theprinterdepo.com Наверху у меня есть скользящий текст, сделанный с помощью компонента EasySlide для Magento.

Я создал границу наружу красным цветом, но я не могу удалить внутреннюю серая рамка.

HTML-код Outter вещи:

<p><span style="color: #ff0000;"><strong>READ WHAT OUR CUSTOMERS SAY ABOUT US</strong></span></p> 
<table style="width: 100%; margin: 0; padding: 0; border-collapse: collapse;" border="0"> 
<tbody> 
<tr> 
<td style="border: 1px solid #fc1102;" colspan="2"> 
<p style="text-align: center;">{{block type="firstslider/firstslider" name="firstslider" categoryid="8" sliderid="4" topbuttons="0" bottombuttons="0" style="width:945px;height: 30px;" duration="3" frequency="10" autoglide="true"}}</p> 
</td> 
</tr> 
<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr> 

код для каждого слайда, как:

<p>I ordered a HP printer and received it the next day. Excellent service and I will order again.</p> 

Я думаю, что эта третья сторона pluggin добавляет границу где-то, но Я должен уметь переопределить эту серую раздражающую границу и удалить ее.

Answer 1

в CSS находке "div.scroller" в "slider.css"

где

border: 1px solid #cccccc 

написано, просто удалите его

Answer 2

ДИВ с границей имеет класс скроллер, что-то вроде этого в вашем CSS удалит его

div.scroller { 
    border: none; 
    overflow: hidden; 
} 

Вы, возможно, придется сделать свой CSS более указано (см http://css-tricks.com/specifics-on-css-specificity/), чтобы получить свой стиль, чтобы переопределить плагины