블로그 이미지
Sunny's

calendar

« »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

Notice

2010. 8. 13. 01:57 ETC

<<TABLE> 태그 대신 <DIV> <UL> <LI> 태그를 이용한 테이블 디자인


ul#timeline{width:100%; list-style:none; float:left}
li#time{ float:left; width: 40px; height:30px; margin:17px 0 0 0; background:#CCCCCC; list-style:none; border-bottom:1px solid #000}
li#apm{background:#CCC; list-style:none}
li#apm p{height:13px; font-size:0.75em; margin:0; border-bottom:1px solid #000; padding:5px 0 ; background:#FFF}
li#apm p span{ background:#CCC; padding:5px 3px 4px 0; height:30px; margin:0 5px 0 0}


 

<ul id="tmeline">
  <li id="time">큰묶음1</li>
  <li id="apm">
    <p class="am"><span>묶음에작은리스트1</span>내용쭉</p>
    <p class="30"><span>묶음에작응리스트2</span>내용쭉</p>
  </li>
</ul>

저작자표시
posted by Sunny's
prev 1 next

티스토리툴바