css/html 표 테두리

내 CSS에서 표를 만들기위한 옵션을 원합니다. 하나는 테두리가 5px 검정색이고 다른 하나는 0px입니다. 현재 CSS가 있습니다css/html 표 테두리

#contentcolumn table { 
border: 5px solid black; 
width: 100%;/*around 700 max for images*/ 
border-collapse: collapse; 
}

그러면 검은 색 5px 테두리가 생기지 만 이제는 0px 테두리가 있어야합니다. 나는 html로 0px 테이블을 설정하려고했지만 CSS는 그것을 타고있는 것 같다. 다음은 두 테이블에 대한 html입니다.

<table> 
     <tr> 
      <td align="center"><IMG SRC="images/newsimage/minecraft1.jpg" ALT="mindcraft"> 
      </td> 
     </tr> 
     <tr> 
      <td>Is minecraft still considered an indie game? blah blah blha lbhalbhal 
      </td> 
     </tr> 
     </table> 


     <!-- Reviews start --> 
     <!-- Review #1 --> 
     <table Border='0'> 
     <tr> 
      <th rowspan="4" width="30%">Some Image</th> 
      <td>Link</td> 
     </tr> 
     <tr> 
      <td>By who</td> 
     </tr> 
     <tr> 
      <td>Some info</td> 
     </tr> 
     <tr> 
      <td>comments</td> 
     </tr> 
     </table>

두 테이블 모두 div 태그 안에 있습니다. 문제가 있다면 <div id="contentcolumn">입니까?

출처

2012-08-09 Glen Morse

난 당신이 필요로 않았다 잘 이해하지 못할 두 테이블 모두 경계선이 필요하지 않습니까? 아니면 경계선이 필요하고 다른 경계선이 필요하지 않습니까? – krish

하나는 테두리가 필요하고 하나는 필요하지 않습니다. –

개별 ID 또는 클래스를 모두 테이블에 놓고 'border'를 설정하십시오. – anglimasS

border:none을 스타일 속성으로 지정하십시오. 그것은 css 파일에 CSS 속성을 덮어 씁니다. <table style="border:none;">

출처

2012-08-09 06:38:41

인라인이 아닌 스타일 시트에서 실제로이 선택기를 사용해야합니다. – Gup3rSuR4c

작동했는데, 이것을 css로보고 싶습니다. 만약 내가 css 아픈 그것을 승인하는 방법에 대한 또 다른 대답을 얻지 못한다. 감사. –

CSS :

.no-border { 
    border:none; 
}

HTML : 당신이 사용하는 CSS 자체를 수행 할 수

<table class="no-border"></table>

출처

2012-08-09 06:49:14

이것은 작동하지 않았지만 여전히 국경을 보였다. 나는 html로 첫 번째 방법으로 갔다. –

. CSS 스타일

#contentcolumn #review_table{border:0px}

이하로 사용하고 아래

처럼 테이블에 ID를 추가함으로써

<div id="contentcolumn"> 
<table> 
    <tr> 
     <td align="center"><IMG SRC="images/newsimage/minecraft1.jpg" ALT="mindcraft"> 
     </td> 
    </tr> 
    <tr> 
     <td>Is minecraft still considered an indie game? blah blah blha lbhalbhal 
     </td> 
    </tr> 
    </table> 


    <!-- Reviews start --> 
    <!-- Review #1 --> 
    <table Border='0' id="review_table"> //CHANGE: ADD THE ID TO THIS TABLE 
    <tr> 
     <th rowspan="4" width="30%">Some Image</th> 
     <td>Link</td> 
    </tr> 
    <tr> 
     <td>By who</td> 
    </tr> 
    <tr> 
     <td>Some info</td> 
    </tr> 
    <tr> 
     <td>comments</td> 
    </tr> 
</table> 
</div>

JSFILLDE :

http://jsfiddle.net/54EyB/

출처

2012-08-09 09:53:00 krish

css/html 표 테두리

답변

관련 문제