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="メニュー１"></li>
     <li><img src="menu2.gif" alt="メニュー２"></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>