워드프레스 아바다 테마 게시판 게시판 테이블에 대해 문의 드립니다.

현 게시판을 읽기전용으로 전환합니다

질문/정보쓰기는 새로운 게시판으로 옮깁니다.

워드프레스 정보 공유를 더 넓은곳에서 할 수 있게 됩니다.

2 답변 글타래를 보이고 있습니다
  • 글쓴이
    • moonhwanii
      참가자
      포스트 글 수: 18

      <style>
      /* 표의 속성 */
      table {
      border-collapse: collapse; text-align: center; width: 100%;
      border: 1px solid #999;
      }

      /* 내용 셀 */
      td { border-top: 1px solid #999;}

      /* left로 지정한 셀만 좌측 정렬 */
      .left {text-align: left; }

      </style>
      <table>
      <tr>
      <td>구분</td>
      <td colspan=”2″>시간</td>
      <td>내용</td>
      </tr>
      <tr>
      <td>첫 번째<br>다음 문장</td>
      <td>10:00 ~ 12:00</td>
      <td>두 시간</td>
      <td class=”left”>첫 번째 내용<br>
      첫 번째 다음 줄</td>
      </tr>
      <tr>
      <td>두 번째</td>
      <td>13:00 ~ 16:00</td>
      <td>세 시간</td>
      <td class=”left”>두 번째 내용<br>
      두 번째 다음 줄<br>
      이 문장은 왼쪽에 정렬</td>
      </tr>
      </table>

      위 소스를 test.html로 저장하고 IE로 보면 첫번째 내용, 첫번째 다음 줄, 두번째 내용, 두번째 다음줄, 이 문장은 왼쪽 정렬 부분이 테이블에서 좌측에 옵니다. 나머지는 가운데 오구요.
      그런데 워드프레스로 위 내용을 페이지 추가해서 내용에 입력하면 모두 가운데 정렬로 나옵니다.
      마지막 부분은 왼쪽에 나타내 보이려고 하는데 잘 안됩니다. 어떻게 수정해야 하나요?

    • 이명성
      키 마스터
      포스트 글 수: 319

      class 에 css 가 먹히지 않는 문제인가 보네요
      왜그럴까요?
      제가 테스트 해보니… 되는거 같은데요
      오타가 있거나…
      어딘가에서 같은 클래스에 다른 속성이 적용된것은 아닐까요?
      구글 개발자 도구로 보시면 알수 있을 겁니다.

      아니면… 제가 미처 생각치 못한 다른 이유가 있을수도 …. ^^;;

      Attachments:
      You must be logged in to view attached files.
    • moonhwanii
      참가자
      포스트 글 수: 18

      CSS와 페이지의 내용에 잘 입력했는데 테이블이 어긋나네요.
      왜 이렇게 나오는지 모르겠네요? 이 문제를 해결해야 되는데 말이죠…

      Attachments:
      You must be logged in to view attached files.
2 답변 글타래를 보이고 있습니다
  • 게시판 ‘게시판’가 새 게시글과 답변으로 마감했습니다.