２カラムレイアウトのページで、一番上にバナーを表示させたい。

質問

２カラムのレイアウトで一番上にバナーを表示させたいです。

イメージとしては
http://heo.jp/tag/page/frame/sample2/s05.html
ここのページの「1.html」の部分をバナーの画像にしたいです。

どのように実装すればいいでしょうか？

上のページのように、一番上を別のhtmlファイルを入れるようにして、そのhtmlファイルに画像をいっぱいに表示させるようにするのでしょうか？（そういうことはできるのでしょうか？）

あるいは、また、別の方法があるでしょうか？

よろしくお願いします。

回答No.1

koke29 · ベストアンサー

テーブルを使う方法
2×2のテーブルで上段のセルを結合させて画像設置
下段はメニューとコンテンツって感じですかね。

サンプルのソース丸パクリでフレーム使っても出来ますし
CSS段組でも出来ますし、やり方はいろいろあります。

とっかかりとしてはテーブルが１番簡単かなと思います。

お礼

回答ありがとうございます。
なるほど…。テーブルを使う方法があるのですね。
もし、よろしければそのへんを実装するのに、参考になるURLや書籍などオススメのものがありましたら、教えていただけるとうれしいです。

回答No.3

koke29

<table width="500" border="1" cellspacing="0" cellpadding="0">

<tr>
<td colspan="2"><img src="" width="500" height="30"></td>
</tr>

<tr>
<td>menu</td>
<td>contents</td>
</tr>

</table>

とりあえず 上ので2カラムの段組は出来ます
サイズはそちらで修正して下さい

テーブルの作り方がわからない時点でかなりの勉強不足とお見受けできますので、とりあえず基礎の勉強した方がいいです

参考にべタですが とほほさんのURLつけときます

参考URL：

http://www.tohoho-web.com/www.htm

お礼

回答ありがとうございます。

回答No.2

cyokodog

フレームを使用しなくて良いのであれば、こちらのページのヘッダ部にバナーを表示させる感じでどうでしょうか？

http://cyokodog.web.fc2.com/cyokolab/example/mydesign_layout_3m2s_ex0101.html

上記ソースの<div class="my-head-container">内にバナーが表示されるよう記述すれば良いかと思いますが。

参考URL：

http://d.hatena.ne.jp/cyokodog/20080731/1217496357