フレームのようでフレームでない！？

質問

下のページですが、どういう作りにしてあるのでしょうか？

フレームではなさそうですが、メニューの左側に細い黒線が入っています。

この線て、どうゆうふうにして作ってあるのでしょうか？

http://www.sem-seminar.com/index.html

また、次のサイトも同じ様な作りかと思いますが、如何なものでしょうか？
http://www.tokyo-investigations.com/

どうぞよろしくお願いします。

回答No.3

noname#107580 · ベストアンサー

こんにちは！

テーブルを入れ子にしていて、ベース側のテーブルの左側のセルに水色の右のふちに黒線の入っている画像を背景として指定しています。

ソースの次の所です。

<td width=200 valign="top" bgcolor=#CEE7FF background="img/img00.gif">

img00.gifがその画像です。

もう一つの方は方法は違うと思いますよ。
面倒そうなソースでしたので調べていませんが・・

お礼

ありがとうございます。

解決しました。

回答No.2

jun2249

こんにちは。
これはソースを見てもらったら分かるようにhttp://www.sem-seminar.com/index.htmlはテーブル、
http://www.tokyo-investigations.com/ はスタイルシート内に作成しています。
たとえばテーブルだとしたら
<TABLE>
<TR>
<TD WIDTH=50%>1</TD>
<TD WIDTH=50%>2</TD>
</TR>
</TABLE>
で区切れば縦半分で左側が1右側が2というような感じになります。
そこの中で片側だけ色を変えたりすれば一見フレームみたいに見えますよね。
それとその間に線を引きたいのであればたとえば1の部分で右側の外枠だけつければいいんじゃないでしょうか。
参考にしてみてください。

お礼

ありがとうございます。

解決しました。

回答No.1

neue_reich

簡単にしか見ていませんが、ボックスを使っていますね。
divタグでフォームのように領域を区切って使用すると
あのようなレイアウトが可能になります。

とりあえず、ソースを見るときにtableとかdivの塊に
注意してみてみると分かりやすいと思いますよ。

お礼

ありがとうございます。

解決しました。