CSSを使用してホームページに複数のURLを表示する方法
- cssを使用してホームページに複数のURLを表示する方法を教えてください。
- htmlのframesetを使用すれば、複数のURLを表示することができます。
- 具体的なcssの命令文についてはわかりません。
- ベストアンサー
cssにてホームページを作成しています。cssでフレーム(じゃありませ
cssにてホームページを作成しています。cssでフレーム(じゃありませんが)分割した 1画面に、別HPのURLを表示させたいです。 htmlのflamesetであれば、 <frameset cols="30%,*"> <frame src="A.html"> <frameset rows="30%,*"> <frame src="B.html"> <frame src="C.html"> </frameset> </frameset> となり、Cに他HPのURLを入れると思うのですが。。。 cssでの命令文が分かりません。 どなたかご存じの方がいらっしゃいましたら、教えて下さい。
- sumie_tokyo
- お礼率91% (11/12)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
CSSにはそういう機能はありません。 一つのウィンドウ内に複数のページを埋め込むにはHTMLのframe属性を使うしかありません。 CSSでは不可能です。 またHTMLのフレームは次のHTML5では廃止となりますのでお薦めいたしません。
関連するQ&A
- フレームの分割について
HPを作成中です。3分割にして左右、下にフレームを作っていますが思うようにできません。 <html> <head> <frameset cols="47%,53%"frameborder="1"> <frame src="left.html"> <frame src="right.html"> <frameset rows="85%,15%"frameborder="1"> <frame src="bottom.html"> </frameset> </frameset> </head> </html> 左右は作れますが下のフレームができません。 教えて下さいお願いします。
- ベストアンサー
- レンタルサーバ・ASP
- フレームをHTMLで作成。。しかし、うまくできてない
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>フレームを作りたい</title> </head> <frameset cols=20%,80%"> <frameset rows="200,*"> <frame src="frame1.html"> <frame src="frame2.html"> </frameset> <frame src="frame3.html"noresize> </frameset> </html> フレームをニ分割?というのでしょうか?を左に 作りたいのですが、うまくできたのですが、ブラウザで プレビューしたところ、右側が全部灰色になっていて 右側がちゃんと できていませんでした。なんとか、直したいところ なのですが、どうすればいいでしょうか?
- ベストアンサー
- その他(インターネット・Webサービス)
- フレーム分割のスクリプトについて
画面を3つに分割し、top1,top2,top3を作成して、 top1のみ、右端のスクロールバーを無し(画面固定)にするには、どのようにすればよいのでしょうか? <html><head> <title>top</title> </head> <frameset rows="350,*"> <frame src="top1.html"name="top1"> <frameset cols="200,*"> <frame src="top2.html"> <frame src="top3.html"name="bottom"> </frameset> </html> 宜しくお願い致しますm(_ _)m
- ベストアンサー
- JavaScript
- ホームページのフレームでそのサイズの固定
ホームページを上下2分割、下の段を左右2分割にしているのですが、フレーム分けの境界線を固定したいのです。 境界線はパーセンテージで出てしまうのですが これを上から***ピクセル、左から***ピクセルのように、固定できないでしょうか? パーセンテージだとPCの表示サイズの違いで、スクロールバーが出てしまい困ります。 よろしくお願いします。 <FRAMESET rows="24%,76%" frameborder="NO" border="0"> <FRAME name="frame1" src="top.html"> <FRAMESET cols="16%,84%"> <FRAME name="frame2" src="menu.html"> <FRAME name="frame3" src="page1.html"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET>
- ベストアンサー
- レンタルサーバ・ASP
- フレーム背景の画像を CSSで設定したいのですが
現在、横3分割のフレームを使ったホームページを作成中です。左右のページを「space.html」とし、真ん中のページを更に縦3分割して、中央にメインのコンテンツを表示させるようにしています。また、サイトデザインは全てCSSで管理しようと思っています。 真ん中のページを際立たせたいので両側に縦線を引き、「space.html」の背景にも画像を設定したいのですが、うまくいきません。 #フレーム設定ページのソース# <FRAMESET cols="*,700,30" frameborder="no" border="0"> <FRAME name="space01" src="space.html" class="space01"> <frameset rows="50,*,50" frameborder="no" border="0"> <FRAME name="menu" src="menu.html" scrolling="no" class="menu"> <FRAME name="main" src="main.html"> <FRAME name="bottom" src="new.html" scrolling="no" class="bottom"> </frameset> <FRAME name="space02" src="space.html" class="space02"> #「space」部分のCSS# .space01{ background-image:url(img/space.gif); border-right:double 5px #666; } .space02{ background-image:url(img/space.gif); border-left:double 5px #666; } 上記の方法ですと、両側の縦線は表示されるのですが、背景は真っ白なままです。勉強不足で恐縮ですが、どなたかご教授下さい。。。
- ベストアンサー
- HTML
- フレームのことなんですが
説明しにくいので、もしわかりにくければ下記のソースを参考に ご回答いただけるとありがたいです(4つ有効なリンクが貼ってあります)。 四分割のフレームをつくりました。 その内の一つにyahoo.co.jpを設定してあります。 そのyahooの右側の「個人ツール」の箇所だけ 焦点をあてて表示させる方法はありませんか? 一目でメールチェックができるようにしたいので。 なお、HP作成ではなく、まったくのローカルで使うものです。 <HTML> <HEAD> <TITLE>LINK</TITLE> </HEAD> <FRAMESET COLS="50%,50%"> <FRAMESET ROWS="42%,58%"> <FRAME SRC="http://www.google.co.jp" NAME="google" SCROLLING="auto" > <FRAME SRC="http://www.goo.ne.jp" NAME="goo" SCROLLING="auto" > </FRAMESET> <FRAMESET ROWS="73%,27%"> <FRAME SRC="http://www.yahoo.co.jp" NAME="yahoo" SCROLLING="auto" > <FRAME SRC="http://www.infoseek.jp" NAME="infoseek" SCROLLING="auto" > </FRAMESET> <NOFRAMES> <BODY> 本ページはフレームで構成されております。<BR> フレーム未対応のブラウザでは表示できませんのでご了承ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>
- ベストアンサー
- HTML
- htmlのフレームについて
メモ帳からホームページをつくっています 二分割フレームを作っていて、それぞれ frame.html framelight.html framemigi というふうに保存しています 一応分割するためのページには <Html> <Head> <Title>フレームのページ</Title> </Head> <Frameset cols="150,*"> <Frame name="hidari" src="1.html"> <Frame name="migi" src="2.html"> </Frameset> <Noframes> フレーム未対応ブラウザへ表示される部分。 </Noframes> </Html> をコピペして作ってあります src= のところは変えてあります パソコン内からframe.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
- HPのフレーム
境界線の色を変えて、細くしたいのですが、 色は変えられたのですが、細くすることができません。 今フレームを呼び出す?ために 『<FRAMESET rows="100,*"> <FRAME src="frame-ue.htm" name="ue"> <FRAMESET cols="100,*"> <FRAME src="frame-hidari.htm" name="hidari"> <FRAME src="frame-main.htm" name="main"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P>』 としていて、色を変えるのに、 『<FRAMESET rows="15%,85%" BORDERCOLOR="RED"> <FRAME SRC="frame-ue.htm" NAME="ue"> <FRAMESET COLS="15%,85%" BORDERCOLOR="RED"> <FRAME SRC="frame-hidari.htm" NAME="hidari"> <FRAME SRC="frame-main.htm" NAME="main">』 こうしています。 どうすれば細くできますか? もう1つこうゆうタグを使えばいいのでしょうか? わかる方、よろしえれば教えてください。
- 締切済み
- レンタルサーバ・ASP
- フレーム分割した全体をスクロールバーで動かせないでしょうか?
フレーム分割したホームページをスクロールバーで上下したいのですが、書き方が分からなくて困っています。お分かりになる方がいらっしゃいましたら、教えて下さい。 尚、当方htmlでようやく簡単なページが作れるレベルです。宜しくお願い申し上げます。 尚、フレームの割り方が違う時はそちらもお教え下さいませ。 <HTML><HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS"> <TITLE>フレーム分割</TITLE></HEAD> <FRAMESET Rows="195,*,50" Frameborder="1"> <Frameset cols="10%,80%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f1" Scrolling="no"> <FRAME Src="./frame2.html" name="f2" Scrolling="no"> <FRAME Src="./frame1.html" name="f3" Scrolling="no"> </Frameset> <Frameset cols="10%,20%,60%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f4"> <FRAME Src="./f001.html" name="f5" scrolling="no"> <FRAME Src="./f002.html" name="f6" scrolling="no"> <FRAME Src="./frame1.html" name="f7"> </Frameset> <FRAME Src="./end.html" name="f8" scrolling="no"> <NOFRAMES>恐れ入りますがフレーム対応ブラウザでご覧下さい</NOFRAMES> </FRAMESET> </HTML>
- ベストアンサー
- HTML
お礼
やっぱりそうでしたか・・・(涙) 何か他の方法を考えようと思います。 大変参考になりました。ありがとうございました。