2010年9月6日月曜日

django-scheduleで

こんな感じでどうでしょう。

<html>
    <head>
        <title>
            test
        </title>
    </head>
    <body>
        <div style="clear: both;">
            <div style="border: 1px solid; float: left;">
                <div style="border-right: 1px solid; float: left; width: 50px;">
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test01               
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test02
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test03
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test04
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test05
                    </div>
                </div>
                <div style="float: left; position: relative; width: 50px; height: 100px">
                    <div style="border: 1px dotted; height: 18px; position: absolute; top:0px; left:0px; background-color: #FFFFFF">
                        test11               
                    </div>
                </div>
            </div>
            <div style="width 20px; height 100px; float: left;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
            <div style="border: 1px solid; float: left;">
                <div style="border-right: 1px solid; float: left; width: 50px;">
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test21               
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test22
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test23
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test24
                    </div>
                    <div style="border-bottom: 1px dotted; width: 100px; height: 19px;">
                        test25
                    </div>
                </div>
                <div style="float: left; position: relative; width: 50px; height: 100px">
                    <div style="border: 1px dotted; height: 18px; position: absolute; top:13px; left:0px; background-color: #FFFFFF">
                        test31               
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

0 件のコメント:

コメントを投稿