フレームの境界線をstyleで装飾したい
- テーブル枠のように幾つか組み合わせて、凝った境界線を作りたいです。
- 境界線を変える方法を試して、ドット線の上に別種類のボーダーを引きたいです。
- フレームの境界線をスタイリングする方法について、詳しく教えてください。
- ベストアンサー
フレームの境界線をstyleで装飾したい
tableと似た方法で境界線を変えることが出来ると聞いて試し、一応出来たのですが、もう少しテーブル枠のように幾つか組み合わせて、凝ったものを作ってみたいです。 ************************************************** <frameset rows="48,*" frameborder="no"> <frame src="menu.html" name="menu" noresize style="border-bottom:3px dotted blue;"> <frame src="main.html" name="main" noresize> </frameset> ************************************************** ↑今は下にドット線を並べている状態で、希望としてはそれの更に上(or下)に別種類のボーダーを引きたいと思っています。 私もよく理解していない部分が多いのですが、よろしくお願いします。
- salmon10alemon
- お礼率50% (5/10)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
<frame src="menu.html" name="menu" noresize style="border-bottom:3px dotted blue;"> <frame src="main.html" name="main" noresize style="border-top:3px solid red;"> これで下に赤い線が引かれます。 正確にはmain部分の上に引いているのですが、要望に近い物になるかと。
その他の回答 (1)
- Kuppycat
- ベストアンサー率50% (109/216)
<frameset rows="48,3,*" frameborder="no"> <frame src="./sample.html" name="menu" noresize style="border-bottom:3px dotted blue;"> <frame src="#" name="line" noresize style="border-bottom:3px solid black;"> <frame src="./test.html" name="main" noresize style="border-top:3px solid red;"> ……ちょっと強引?(汗
お礼
返事遅くなってしまってごめんなさい(> <;) 流石に三本は難しいみたいですね(汗 とても丁寧に答えていただいて、 どうもありがとうございました(^^)
関連するQ&A
- フレームページが崩れる。。。
フレームページを使っているのですが、見る人によってはページの一部が切れて 見えない部分もあるらしいです。ブラウザの大きさを変えてもレイアウトだけは 崩さない為には、どこにどんなタグが必要なんですか? 現在のフレームの親ページのソースです。 <FRAMESET rows="30%,70%" frameborder="NO" border="0"> <FRAME src="ue.html" scrolling="NO" noresize> <FRAMESET cols="20%,80%" frameborder="NO" border="0"> <FRAME src="side.html" scrolling="NO" name="menu" noresize> <FRAME src="main.html" name="main" noresize> </FRAMESET> <NOFRAMES>
- ベストアンサー
- HTML
- ブラウザによってフレームの表示が異なるのですが..
はじめまして。 現在下記のような形のHPを制作しているのですが、フレームが難しくてなかなか進めません。 ブラウザやそれぞれの環境によって見え方が違ってしまいます。 私の環境では真ん中にぎゅっと詰まってスクロールが出てしまうような小さな見え方になってしまっています。 どの環境で見ても統一させるにはどのようにしたら良いのでしょうか。 ------------------------------ 上の固定バー ------------------------------ メニュー|内容 | | | | ------------------------------ 下の固定バー ------------------------------ ソースは以下のように組みました。 <frameset rows="10%,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="topFrame"> <frameset rows="*,230" cols="*" framespacing="0" frameborder="no" border="0"> <frameset cols="215,*" frameborder="no" border="0" framespacing="0"> <frame src="Margin/Index.html" scrolling="No" noresize title="menuBarFrame"> <frameset cols="*,25%" frameborder="no" border="0" framespacing="0"> <frameset rows="64,*" frameborder="no" border="0" framespacing="0"> <frame src="topbar/topbar.html" scrolling="No" noresize title="topBarFrame"> <frameset rows="*,41" cols="*" framespacing="0" frameborder="no" border="0"> <frameset rows="*" cols="178,*" framespacing="0" frameborder="no" border="0"> <frame src="menu/menu.html" scrolling="No" noresize title="leftFrame1"> <frame src="top/top.html" name="main" title="topFrame"></frameset> <frame src="bottombar/bottomBar.html" scrolling="No" noresize title="bottomFrame1"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="rightFrame"> </frameset> </frameset> <frame src="Margin/Index.html" scrolling="No" noresize title="MenuBarFrame"> </frameset> </frameset> <noframes> ------------- また、現在フレームは推奨されないのも知っているので、 オススメの組み方がありましたら教えていただけませんでしょうか。 HTML等に関してまったくの初心者ですので、判り易く教えていただけたら大変有り難く思います。どうぞよろしくお願いします。
- ベストアンサー
- HTML
- 画面の四分割の方法について
教えていただきたいのですが、↓で作成した画面の最下部にbottom(titleと同じ幅で画面の下部)を作りたい場合は、どのように追加記述すべきなのでしょうか? いろいろ試しているのですが上手くいかないのです(汗 <frameset rows="90,*" border="0" frameborder="0" framespacing="0"> <frame name="title" src="title.html" scrolling="NO" noresize> <frameset cols="180,*" border="0" frameborder="0" framespacing="0"> <frame name="menu" src="menu.html" noresize> <frame name="body" src="body.html"> </frameset> </frameset> 宜しくお願いいたします。。。
- ベストアンサー
- CSS
- frameを使用したときのファイルの切り替え
今、フレームを使用してHPを制作していますが、タグ例として、 <frameset rows="60,*" frameborder="no" border="0"> <frame src="header.html" scrolling="no" noresize> <frameset cols="200,*" frameborder="no" border="0"> <frame src="menu.html" name="menu" noresize> <frame src="top.html" name="top" noresize> </frameset> </frameset> と組み、上記の「menu.html」中に各コンテンツを羅列し、任意のコンテンツをクリックすると「top.html」は変わるという作りをしています。 これを、「menu.html」中の任意のコンテンツをクリックすると「menu.html」「top.html」の両方が変わるようにしたいのですが、いい方法がありましたらどなたか教えていただけないでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- フレームがきれいになりません。
下記のように上と、左右で3フレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、左のフレームの下にスクロールバーが出てしまいます。どのようにすれば直るのか初心者のため分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています↓ http://www.twinklecloset.com/index.html
- 締切済み
- HTML
- フレームが固定できない
Dreamweaverで左固定メニューで右にメインフレームがでるものをつくっています。 プレビューでみると画面の大きさを大きくすると左フレームと右フレームのあいだに白い余白ができ、画面を小さくするとその間が交差しながら小さくなります。 noresizeをいれているのですが、これがなおりません!画面の大きさをかえても右フレームと左フレームの境界線をなしにしたいのですがどうしたらいいのでしょう。 ちなみにコードはこうなっています。 <frameset rows="*"cols="245,900" frameborder="no" border="0"> <frame src="menu/menu.html" name="leftframe" frameborder="no" scrolling="no" noresize="noresize" marginwidth="0" marginheight="0" id="leftframe" border="0"/> <frame src="welcomephoto.html" name="mainframe" frameborder="no" noresize="noresize" marginwidth="0" marginheight="0"id="mainframe" border="0" /> </frameset> <noframes><body> </body> </noframes></html>
- ベストアンサー
- ホームページ作成ソフト
- フレームの境界線を固定する。
フレームの境界線を固定する。 fc2でサイトを作っている者です。 縦に二分割ているのですが、フレームの境界線が動いてしまいます。 固定しようと、<frame>内にnoresize="noresize"を入れても、動いてしまいます。 こういう時、どうすれば良いのでしょうか? ↓HTML <html> <head><title>index</title></head> <frameset contenteditable="true" cols="35%,65%" frameborder="0"> <p><frame src="URL" name="menu"></frame> <frame noresize="noresize" src="URL name="main"></frame> </p></frameset><body></body></html>
- ベストアンサー
- その他([技術者向] コンピューター)
- フレームを使ったページ
<FRAMESET ROWS="105,*" BORDER="0" FRAMEBORDER="0" FRAMESPACING="0" NOBORDER> <FRAME SRC="menu.html" name="menu" scrolling="no" noresize marginwidth="0" marginheight="0"> <FRAME src="main.html" name="main" scrolling="no" marginwidth="0" marginheight="0"> </FRAMESET><noframes></noframes> 上記フレームを使ったページを更新ボタンで更新すると横にスクロールバーが表示されます。 スクロールバーがでるのは上のページ(menu.html)で下ページ(main.html)にはでません。 win(Netscape,IE)で確認するとでないのですがMac(IE)だとスクロールバーがでてしまいます。 どうすれば解消できるでしょうか。 教えて下さい。 よろしくお願いいたします。
- ベストアンサー
- HTML
- フレームすくローリング有り/無し
こんにちわ だいぶ前に登録してから、久しぶりに 質問させて頂きます。 フレームページの作成をしております。 右がメインで、左がメニューの一般的なものですが、 左のメニューフレームについて、、、 縦幅はスクロール有り 横幅はスクロール無しにし、幅を固定したいのですが HTMLタグ辞典や調べて探しきれませんでした。 既に同じ質問が出ていたら申し訳ありません、 何卒宜しくお願い致します。 現在 indexのタグは以下のとおりです。 --------------- <frameset rows="*" cols="150,*" frameborder="NO" border="0" framespacing="0"> <frame src="left_frame.htm" name="leftFrame" scrolling="auto" noresize> ↑↑↑↑↑↑↑↑ auto にすると、横も縦も スクロール出てしまいます;_; <frameset rows="82,*" cols="*" framespacing="0" frameborder="NO" border="0" Marginwidth="5"> <frame src="frame_above.htm" name="topFrame" scrolling="NO" noresize> <frame src="main.htm" name="mainFrame"> </frameset> </frameset> <noframes><body> ---------------
- 締切済み
- HTML
補足
ありがとうございます。出来ました^^ ……とすると線を増やしていくには、それと同じ数のページ数が必要なんでしょうか?