• ベストアンサー

フレームについて

フレームやアイフレームで、そのフレームの角が丸くなっているものをよく見かけます。(分かりづらい説明でごめんなさい) 画像を使用しているのは分かるですが、やり方が分かりません。 どなたか分かる方がいらっしゃれば教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • jein
  • ベストアンサー率49% (2799/5705)
回答No.1

テーブルを使ってできます。 位置あわせをうまくやれば境目を感じさせないように 画像を組み合わせることも可能です。フレームでも出来ます。 http://www.adachi.ne.jp/users/k-studio/layout/table/make/mak_01.html http://www.mdn.co.jp/Wdesign/WDTB/03/

参考URL:
http://www.adachi.ne.jp/users/k-studio/layout/table/make/mak_01.html
tisa000
質問者

お礼

参考URLがとても分かりやすくて、大分構造を理解する事ができました。 この調子でフレームでも頑張ってみたいと思います。 ご回答ありがとうございました!

その他の回答 (2)

  • nuki
  • ベストアンサー率30% (6/20)
回答No.3

フレームの中身となるHTMLファイルでcssを用いて画像を貼りつける、という方法もあります。 以下にサンプルソース(一部)を示します。 <head> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- .dummy {} /* ie4.0対策 */ body { /* 本文 */ margin: 0px; /* ie余白対策 */ overflow: auto; /* ie無効スクロールバー対策 */ padding: 5px; } img.left-top { /* 左上画像 */ position: absolute; left: 0px; top: 0px; } --> </style> </head> <body> <img class="left-top" width="5" height="5" src="... html4.01やxhtmlの仕様に沿って作成することを考えますと、tableよりもCSSを用いる方が望ましい様です。 ただ、ie3.0以前やnn4.x以前ではcssを正常に利用できませんので、そのあたりとのバランスになるとは思いますが。 もっとも、フレーム自体がhtmlでは非推奨のようです。 (似たようなことはCSS2で実現可能なためと思われます)

tisa000
質問者

お礼

なるほどーCSSでも出来るのですね。初めて知りました。 まだ試してはいないのですが、是非実験してみたいと思います。 やはり非対応のブラウザのことも考えると少し迷いますが・・・ と言うか、フレーム自体が非対応のブラウザあるしなぁ・・・ やっぱココは少数派だと割り切って・・。 ご回答ありがとうございました。

  • duckling
  • ベストアンサー率47% (88/185)
回答No.2

<table>  <tr><td>左上画像</td><td><br></td><td>右上画像</td></tr>  <tr><td><br></td><td>ここに文章</td><td><br></td></tr>  <tr><td>左下画像</td><td><br></td><td>右下画像</td></tr> </table> ↑コレに背景色を付けたり位置合わせをしたりして 角が丸いテーブルを作れます。 境目処理ガンバ♪

tisa000
質問者

お礼

ソースありがとうございます。 かなり助かりましたー。 境目処理は大変ですね・・・今身をもって体験してます。 どうしても線が一本ピーっと出てしまって、なかなか上手くいきません。 がんばります。 ご回答ありがとうございました。

関連するQ&A