花の絵

初心者のためのホームページ作り

セルセルセルセル
セルセルセルセル
セルセルセルセル
セルセルセルセル

花の絵のオブジェクトを絶対位置で指定した結果です。このままでは他のコンテンツが隠れてしまい、不幸な結果で表示されてしまいます。
下記のこのページの絶対位置の CSSと HTMLソースを記述しました。

■ CSS
body {margin: 0px; padding: 0px }
div { position: absolute; top:0; left:0 }

■ HTML
<body>

<div>
<img src="images/hana.png">
</div>
<h1>初心者のためのホームページ作り</h1>

<table border="1" cellspacing="0" cellpadding="5">
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
</table>
</div>

</body>
今週のおさらい