2015-01-14 6 views
1

이 문제를 해결하기 위해 다른 스택 오버플로 질문에서 지금까지 찾을 수있는 모든 것을 시도했지만 알아 내지 못했습니다. 웹 사이트의 특정 항목 주위에 둥근 구분선/거품을 만들기 위해 사용하는 배경 이미지가있는 HTML 표가 있습니다. 나는 완전히 사라지게 테이블 행을 얻을 수 없습니다. 그리고 그들은 그들이 분열을 보여주고있는 꼭대기와 오른쪽에만있는 것처럼 보입니다. CSS와 테이블은 다음과 같습니다. 내가 없앨 수없는 것에 대한 이미지가 있습니다. 곡선 바로 아래의가는 선을 오른쪽 경계선의 오른쪽을 따라 아래로 볼 수 있습니다. 그것은 다른 장소들도 보여 주지만, 배경은 경계 색에 너무 가깝기 때문에 눈에 띄지 않습니다.HTML 테이블에서 모든 테두리 제거

거기에는 몇 가지 중복 CSS가 있습니다. 제가 발견 할 수있는 모든 것을 시도하고 있습니다. 문제를 해결하기 위해 생각하고 있습니다.

나는 이미지를 추가하지만, 여기에 내가 점점 계속 결과의 이미지와 링크의 수 http://www.bdtransport.com/devel/TableIssue.JPG

코드 :

table { 
 
\t border-collapse: collapse; 
 
\t border-spacing: 0; 
 
\t border: none !important; 
 
\t padding: 0 0 0 0; 
 
\t margin: 0 auto; 
 
} 
 
tr, td { 
 
    padding: 0 0 0 0; 
 
\t spacing: 0 
 
\t border: none !important; 
 
\t outline: none; 
 
\t border-collapse: collapse; 
 
}
<TABLE width='1100' align='center'> 
 
\t \t <TR> 
 
\t \t \t <TD colspan='5' background='./images/MainTop.jpg'>&nbsp;</TD> 
 
\t \t </TR> 
 
\t \t <TR> 
 
\t \t \t <TD background='./images/MainLeft.jpg' width='75'> &nbsp; </TD> 
 
\t \t \t <TD background='./images/MainNewsBackground.jpg' width='687'> Text </TD> 
 
\t \t \t <TD background='./images/MainNewsDivider.jpg' width='22'> &nbsp; </TD> 
 
\t \t \t <TD background='./images/MainNotificationsBackground.jpg' width='250'> Recent/Upcoming Info: </TD> 
 
\t \t \t <TD background='./images/MainRight.jpg' width='66'> &nbsp; </TD> 
 
\t \t </TR> 
 
\t </table>

+1

스 니펫에 표 셀에 테두리가 표시되지 않습니다. 더 나은 재생산을 위해 이미지에 절대 경로를 제공 할 수 있습니까? – adamdc78

+0

MrWasdennnoch

+0

시도 할 수 있습니다. 절대 경로는 여전히 동일한 결과를 산출합니다. 그게 내가 역사적으로 사용했던 것이기 때문에 (나는 이처럼 HTML 작업을한지 얼마 안 되었기 때문에) 시작했기 때문에

으로 시작했다. 그 때 위의 모든 CSS 작업을 시작했습니다. – Aranyic

답변

0

유의하시기 바랍니다 다음 코드 테이블 열기에 border = "0"을 포함하도록 편집되었습니다. 이렇게하면 모든 테두리가 제거됩니다. 그 모든 경계를 제거하지 않은 경우

<TABLE width='1100' align='center' border="0"> 
 
\t \t <TR> 
 
\t \t \t <TD colspan='5' background='./images/MainTop.jpg'>&nbsp;</TD> 
 
\t \t </TR> 
 
\t \t <TR> 
 
\t \t \t <TD background='./images/MainLeft.jpg' width='75'> &nbsp; </TD> 
 
\t \t \t <TD background='./images/MainNewsBackground.jpg' width='687'> Text </TD> 
 
\t \t \t <TD background='./images/MainNewsDivider.jpg' width='22'> &nbsp; </TD> 
 
\t \t \t <TD background='./images/MainNotificationsBackground.jpg' width='250'> Recent/Upcoming Info: </TD> 
 
\t \t \t <TD background='./images/MainRight.jpg' width='66'> &nbsp; </TD> 
 
\t \t </TR> 
 
\t </table>

, 당신은 시도 할 수 있습니다 :

<TABLE width='1100' align='center' style="border:0"> 
 
\t \t <TR> 
 
\t \t \t <TD colspan='5' background='./images/MainTop.jpg'>&nbsp;</TD> 
 
\t \t </TR> 
 
\t \t <TR> 
 
\t \t \t <TD background='./images/MainLeft.jpg' width='75'> &nbsp; </TD> 
 
\t \t \t <TD background='./images/MainNewsBackground.jpg' width='687'> Text </TD> 
 
\t \t \t <TD background='./images/MainNewsDivider.jpg' width='22'> &nbsp; </TD> 
 
\t \t \t <TD background='./images/MainNotificationsBackground.jpg' width='250'> Recent/Upcoming Info: </TD> 
 
\t \t \t <TD background='./images/MainRight.jpg' width='66'> &nbsp; </TD> 
 
\t \t </TR> 
 
\t </table>

국경을 제거해야합니다 그. 이 방법을 사용하면 페이지에 지나치게 복잡한 CSS 코드가 필요하지 않습니다.