2012-01-22 6 views
2

나는 다음과 같은 HTML 코드를 사용하여 달력을 만드는 중이라서 : 그래서 항목이 바로 아침에 발생 여부를 표시 할 수 있음을HTML 표 열 병합

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head></head> 
<body> 
    <table border="1"> 
     <tr> 
      <td colspan="2">Mon</td> 
      <td colspan="2">Tue</td> 
      <td colspan="2">Wed</td> 
      <td colspan="2">Thu</td> 
      <td colspan="2">Fri</td> 
     </tr> 
     <tr> 
      <td colspan="1">Item1</td> 
      <td colspan="9">Item2</td> 
     </tr> 
    </table> 
</body> 

매일 2의 열 병합이있다을 하루 종일 등등.

위의 예제에서 나는 첫 번째 셀 (Mon morning)에 "Item1"을 표시하고 월 오후부터 금요일까지 표시 할 "Item2"를 원한다.

그러나 출력을 보면 "Item1"이 Mon 전체를 차지하고 "Item2"가 Tue에서 Fri까지 표시됩니다.

내가하려는 일을 할 수 있습니까?

답변

1

나는 문제는 당신이 실제로 당신의 스팬이 실제로 작동하기 위해서는 colspan="1"있는 행을해야한다는 것입니다 생각합니다.

당신이 실제로 일정에 AM/PM을 나타내는 경우, 왜 그냥 "... 금 월 화"행, 그래서 같이 아래에 행을 추가하지 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <style> 
    td,th { min-width: 50px; } 
    </style> 
</head> 
<body> 
    <table border="1"> 
    <thead> 
     <tr> 
     <th colspan="2">Mon</th> 
     <th colspan="2">Tue</th> 
     <th colspan="2">Wed</th> 
     <th colspan="2">Thu</th> 
     <th colspan="2">Fri</th> 
     </tr> 
     <tr> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     <th>AM</th> 
     <th>PM</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td colspan="1">Item1</td> 
     <td colspan="9">Item2</td> 
     </tr> 
    </tbody> 
    </table> 
</body> 
</html> 

가 나는 또한 헤더를 넣어 <thead> 및 실제 항목을 <tbody>에 넣고 대신 <th> 태그를 만들었습니다.

+0

답장을 보내 주셔서 감사합니다. 다른 누군가가 나에게이 제안을했지만 일정이 결국 월보기로 확대되고 오전 31시/오후가 다소 어수선해질 수 있으므로 피하기를 희망했습니다. 다시 한 번 감사드립니다. – chester600

+0

다른 캘린더와 마찬가지로 월별보기를 별도로 볼 수 있습니다. 또한이 질문에 대한 답변을 수락 하시겠습니까? – Frost

0

이 시도

감사합니다 :

<td colspan="1">Item1</td> 
<td colspan="1">&nbsp;</td> 
<td colspan="8">Item2</td> 
+0

빠른 답장을 보내 주셔서 감사합니다. 그렇게하면 월의 두 번째 셀에 빈 셀이 놓여 지므로 Mon의 두 번째 셀을 "Item2"셀의 일부로 만들고 싶습니다. – chester600

+0

죄송합니다. 나는 당신이 성취하려는 것을 오해했습니다. 당신이하고있는 일은 효과가 있지만, 브라우저의 테이블 렌더링은 언젠가 예측할 수없는 결과를 가져올 수 있습니다. 컬럼 당 특정 크기 (예 : 10 %)를 사용하도록 테이블을 강제 설정하는 COLWIDTH 특성을 설정해보십시오. 도움이되는지 확인하십시오. – Sparky

+0

아무런 문제없이, 제 질문에서 약간의 문제가있을 수 있습니다. 너비를 설정하면 테이블 표시에 영향을 미치지 않는 것 같습니다. 프로스트 (Frost)의 대답은 그 일을 수행 한 것으로 보인다. 당신의 도움을 주셔서 감사합니다. – chester600