Web標準考察

Posted by dab | 2007年8月16日 木曜日 8:39:10 < コンピュータ >

テーブルレイアウトってこうですか?わかりません。

<style>
li{display:blcok;}
</style>

<table>
<tr><td colspan="2"><h1>サイトタイトル</h1></td></tr>
<tr>
 <td><ul><li><img src="menu1.gif" alt="メニュー1"></li>
     <li><img src="menu2.gif" alt="メニュー2"></li></ul></td>
 <td><h2>タイトル</h2><p>本文とか</p></td>
</tr>
<tr><td colspan="2"><p>コピーライトとか</p></td></tr>
</table>

スタイルシートレイアウトってこうですか?わかりません。

<style>
#menu1
 {background-image: menu1.gif}
#menu2
 {background-image: menu2.gif}
</style>

<div>サイトタイトル</div>
<div>
 <div><img src="spacer.gif" alt="" width="200" height="20" id="menu1"></div>
 <div><img src="spacer.gif" alt="" width="200" height="20" id="menu2"></div>
</div>
<div>
 <div>タイトル</div>
 <div>本文とか</div>
</div>
<div>コピーライト</div>

誰だよ、こんなの作ったの。

スクリーンショット:Another HTML-lint

TrackBack URI : http://home.wi-wi.jp/blog/wp-trackback.php?p=70

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: