- ベストアンサー
インラインフレーム内の文字サイズを変えるには?
現在、トップページに新着情報とお知らせをインラインフレームで作成しています。 そこで、最近良くある文字サイズ変更ボタンを設置して大中小とボタンをおした際にインラインフレーム内だけ文字サイズが変わりません。 この文字サイズを変更する方法はあるのでしょうか? インラインフレームの中は、別ページになるので、スタイルシートの設定が及ばないのかな~と思ったりしているのですが、諦めきれません。 【styleswitcher.js】を利用して文字サイズ変更を設定しています。 どなたかご教授ください。 どうぞ宜しくお願いいたします。
- genda
- お礼率73% (42/57)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
インラインフレームにせずCSSのoveflowを使えばいいと思います。 <div style="width:300px;height:100px;overflow:auto;">ほげほげ<br> ほげほげ<br> ほげほげ<br> ほげほげ<br> ほげほげ<br> ほげほげ<br> ほげほげ<br> ほげほげ<br> ほげほげ</div>
関連するQ&A
- インラインフレーム内の文字を拡大すると重なる
ホームページのトップページに、インラインフレーム で新着情報を表示させようとしています。 参照してくるファイル(今回の場合news.html)を単独で開き、文字の表示サイズを変更すると、 ちゃんと変更されるのですが、トップページでインラインフレーム内に表示させて 文字サイズを大きくすると、文字は大きくなるのですが、縦方向に伸びずに文字が重なってしまいます。 (行間が文字の高さより狭くなる状態) 文字サイズを見る人側で指定できるようにと、 スタイルシートによるフォントサイズの指定はしていません。 インラインフレームのサイズは固定していて、縦方向にスクロールされるようにしています。 news.htmlの内容は、1列複数行のテーブルでつくっています。 見ているブラウザはIE6.0です。 お分かりの方、アドバイスよろしくお願いします。
- ベストアンサー
- HTML
- 文字サイズの大中小について
お世話になります。 今、ホームページを作成しているのですが… ホームページ上で、文字のサイズを簡単に切り替えられる様にしようと思い、探してみたところ、styleswitcher.jsというJavascriptがあったので貰ってきました。 http://alistapart.com/stories/alternate/ ここからstyleswitcher.jsをいただいてきました。 文字の大きさが大、中、小になるように.cssファイルを3つ作り、拡張子.cssはcssフォルダに、拡張子.jsはjsフォルダに分けていれています。 <head> <script type="text/javascript" src="js/styleswitcher.js"></script> <link href="css/main_small.css" rel="stylesheet" type="text/css" title="small" /> <link href="css/main_normal.css" rel="stylesheet" type="text/css" title="normal" /> <link href="css/main_large.css" rel="stylesheet" type="text/css" title="large" /> </head> という風に、ヘッダーのところにリンクを貼りました。 IE、Firefox、Opera、safari(windows用)では、動作確認が出来たのですが、NN7だけが動きませんでした。 設定を確認したところ、Javascriptを有効にするにはチェックがついていました。 設定のところでOKを押してから、切り替えボタンを押すと文字サイズが切り替えられるのですが、違うページに移動してしまうとその機能は動きません。 正直、Javascriptについての知識は全くなく、何がおかしいのか検討も付きません。 googleで何か情報がないか探してみたのですが、Firefoxに問題がある文章はいくつか見かけたのですが、NNに関する情報は見つけられませんでした。 各ブラウザにもいろいろ特徴があるから、動かなくても仕方ないのかな? でも、NNユーザーの為にも何とかしたいなぁと思いますし、一体どうしたら良いのか困ってます。 大変申し訳ないのですが、どなたかアドバイスをいただけませんでしょうか?よろしくお願いします。
- ベストアンサー
- JavaScript
- movabletypeの文字サイズについて
最近movabletypeのテンプレート集を購入し、 スタイルシートとメインページを変更しました これによって文字のサイズが変な事になりました 通常に全ての書き込みをトップページで見ると 問題ないのですが カテゴリーから各書き込みを見ると 文字サイズが非常に大きくて読みづらいです カテゴリーから投稿文を見ると文字サイズが異なるという場合 どのように設定すれば元に戻りますか? よろしくお願いします
- ベストアンサー
- CGI
- 文字サイズ変更ボタンについて教えてください。
文字サイズ変更ボタンについて教えてください。 大きな表をひとつ作成してその中をメニューボタンやコラムの場所用に分割配置したページを作成しました。ネット上に出ているjqueryをアレンジして、文字サイズボタン作成して動かしてみるのですが、表の中にある文字サイズが変更されません。 表を使用せずにネット上に出ているjsファイルを使用してテストページを作成するとうまく文字サイズが変わってくれるのですが・・・・? 表の中の文字を文字変更ボタンで拡大縮小するのは無理なのでしょうか? どなたか教えてください。
- ベストアンサー
- HTML
- インラインフレームについて
メインのページにインラインフレームをつくり、インラインフレームの文字やボタンをクリックするとwindow.openで画面を展開させたいのですが、画面を展開させて画面を閉じてみるとインラインフレームに [object]と表示されてしまします。 これを回避するにはどうしたらいいのでしょうか? またこれは一体なんなのでしょうか? どなたかご教授ください。お願いいたします。
- 締切済み
- JavaScript
- インラインフレームより下が消えてしまう
こんばんは。 先日からFC2にてHPを作成している者ですが、困った事が起きてしまいました。 トップページにインラインフレームを使用したいと思い、HTMLタグを調べてさっそくトップページに打ち込んでみたのです。 インラインフレームは無事設置出来ているのですが、それより下のタグが全て消えていました…。 詳しく説明すると (■←がインラインフレームだとします。) 「ようこそホームページへ~ 何々がメインの~~ ■ いろいろありますので~~ ごゆっくり見て行って下さい」 としたいのですが、 「ようこそホームページへ~ 何々がメインの~~ ■」 と、インラインフレームより下の全てが消えてしまいます。 何度繰り返しても同じでした…。 どなたか原因等をご存知の方いらしたら教えていただきたいのですが…。
- ベストアンサー
- その他([技術者向] コンピューター)
- 親ページ側からインラインフレーム内の文字の大きさを変更
親ページに文字サイズ変更ボタンを設置していて、文字サイズ変更 ボタンをクリックした場合、そのページのHTMLと、インライン フレーム内のHTMLの文字サイズを同時に変更することは可能 でしょうか? 現在はprototype.jsを外部から読み込み、以下のソースで作成して いますが、どうしてもインラインフレーム内の文字の大きさが変更 できません。 何度もいろいろ方法を試してみたのですが、うまくいきません。 どうかよろしくお願いします。 <html> <head> <title></title> <script type="text/javascript"> function setLargeFont(){ Element.setStyle('stopnlisten', { "font-size" : "x-large" }); } function setMidStyle(){ Element.setStyle('stopnlisten', { "font-size" : "medium" }); } function setSmallStyle(){ Element.setStyle('stopnlisten', { "font-size" : "x-small" }); } </script> </head> <body id="stopnlisten"> <ul id="font-setting"> <li><button onclick="setLargeFont();" id="font-large">大</button></li> <li><button onclick="setMidStyle();" id="font-medium">中</button></li> <li><button onclick="setSmallStyle();" id="font-large">小</button></li> </ul> <p> <iframe src="~" id="stopnlisten"></iframe> </p> </body> </html>
- ベストアンサー
- HTML
- インラインフレーム内でフォームを設置した場合
インラインフレーム内にお問い合わせフォームを設置しております。 問い合わせ内容が多いためか、ボタンを押して確認画面に移行すると表示されるのは確認ページの下部になります。 inputを押した後のページにインラインフレーム内の上部を表示させる方法はありますでしょうか? もしくはインラインフレーム内は確認画面に移行しつつ、インラインフレームを組み込んでいる親ページのトップ部分を表示させる方法はありますでしょうか? <input type="submit">を使用しております。 説明がうまくできず申し訳ありませんが、ご解答お待ちしております。
- 締切済み
- HTML
- 通常サイズの文字に戻すには?
ネットの最中、犬がキーボードの上に乗ってしまい、その直後から、文字がお大きくなってしまいました。たとえば、ヤフーのトップページでは通常の文字サイズですが、クリックしてダイエットページを開くと、文字がおおきくなってしまう、といった具合です。「文字サイズの変更」とかをいじってみてもまったく戻りません。なぜトップページだけは通常サイズなのかもよくわかりませんし。。。どなたか教えてください。よろしくお願いします。
- ベストアンサー
- Windows XP
- ページ全体の書体の変更 (文字サイズも)
ホームページを作っているのですが、なにかHTML(htmlじゃなくても良いのですが・・・)でボタンを設置して、そのボタンを押すだけでページ全体の書体が変更できるようなものを作ろうとしているのですが、私の知識では全くできません。(何かボタンを押す→ページ全体をゴシック、明朝などに変更。)どなたかわかる方がいらっしゃれば教えていただけないでしょうか。お願いします。本当に困っています。m(_ _)m また、同じようにわかればでいいのですがページ全体の文字のサイズもボタンを押しただけで変更できるのがわかれば教えていただきたいです。 どちらかわかればお願いします。 これもかなり困っています
- ベストアンサー
- HTML
お礼
MAN_MA_RUIさん ご返信が遅れまして申し訳ありません。 CSSのoveflowを使用してみます。ありがとうございました。