パソコン手探り

手探りでパソコンの事を勉強するブログです。何か覚えたら記録していきます。

2024 . 04

ブログ内検索

RSS

RSS 0.91

RSS 1.0

RSS 2.0

Ubuntu of Linux

バーコード

美容整形口コミ自己破産

[PR] 無料カウンター

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/04/20 (Sat)

寝る前に面白いテーブルレイアウトを思いついたので紹介します。
セルを結合させる方法で設計しました。
個人的な感想ですが、こういったテーブルレイアウトは紙などに設計図を書いてからソースを考えたほうが作りやすいと思います。
すでに誰かが思いついているかも知れませんが一応。。。

横方向のテーブルセル結合　colspan="数"
縦方向のテーブルセル結合　rowspan="数"

<th></th>や<td></td>に適用して使用して下さい。

1		2
3	4
	5

ソース

 <table height="500" width="500" border="1">

    <tbody>

        <tr>

            <td height="30%" width="70%" colspan="2">1</td>

            <td height="70%" width="30%" rowspan="2">2</td>

        </tr>

        <tr>

            <td height="70%" width="30%" rowspan="2">3</td>

            <td height="70%" width="30%">4</td>

        </tr>

        <tr>

            <td height="30%" width="70%" colspan="2">5</td>

        </tr>

    </tbody>

</table>

2009/02/05 (Thu) HTML(.xhtml) Trackback() Comment(0)

■ この記事にコメントする

お名前
タイトル
文字色
URL
コメント
パスワード

■ コメント一覧

■ この記事のトラックバック

この記事にトラックバックする：