- ベストアンサー
テキストだけをスクロールバーで
超初心者で 旅行記の様なHPを作ろうと思ったのですが 変なところで苦労しています 旅行の写真画像はそのままで 文章のテキストだけスクロールさせたいんですが 今の段階のテキストボックスとかだと テキストの中にあるポップアップやリンク等の 仕掛けが効いてくれないんです どうやったら仕掛けが効くようになるでしょうか? 今の所、テーブルで区切って <div style="width: 180; height: 190; overflow: scroll;border:0pt" align="left"> 言葉</div> とかにして作っているんですが、 これだとネスケで表示が無理みたいなんです(涙) 欲をいえばカッコいいものができれば嬉しいですが、、、 ちなみに制作環境は mac os9 ドリームウェイバーで ややこしいタグは借り物をソースでコピペしたりしています(^^; 初質問です。言葉足らずでしょうか?もし足りなかったら補足しますので 言って下さい。お返事戴けたらとっても嬉しいです。
- ud0n
- お礼率100% (3/3)
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
ページ内に自動的に広告がひっつくほとんどの無料サービスでは、 任意のページの広告を出ないようにすることができます。 理由はもちろん、フレームを使ったサイトで広告だらけになるのを 回避するためです。 どこの無料サービスを使用されているかはわかりませんので、 ハッキリとした回答はできないのですが、一度ご確認されてみては いかがでしょう。 あと、インラインフレーム(普通のフレームではないです)は Netscape 4.x では対応していませんが、Netscape 6.x ては 対応しています。ほとんどの方は 4.x から 6.x に乗り換えているようですから、 (何せ、Netscape 4.x でまともに表示できるページが少なくなってきています) Netscape 4.x は視野からはずしてしまってもいいかもしれません。 IFRAME に対応していなくても、表示ができないわけではありませんしね。
その他の回答 (2)
- APACHE
- ベストアンサー率31% (39/123)
ud0nさん、こんばんは。 荒業ですがテキストをイメージにして、フレームのリンク先をイメージのアドレスにするという方法はいかがでしょうか? これなら広告はついてこないと思います。 試していませんので自信なしですが・・。
お礼
お返事有難うございます。 す、すごい!そんなこと考えもしませんでした。 旅のページなので画像が今の段階でも 「これはどうでしょう?」ってぐらい多くなってしまったのと フレーム内のテキストにもjava系の仕掛けをしているので (その時点で見る人の環境を考えろよって感じなんですが。) 今の所はテキストで頑張ってみて 見てる人に「うぜーよ広告」とかいわれたら 試しに研究してみようと思います。 有難うございました!
- mc-crew
- ベストアンサー率100% (5/5)
インラインフレーム(iframe)を使用されてはいかがでしょうか。 Netscape 4 では使えませんが、このタグが使えないブラウザへの 配慮も行うことができるので、大きな問題はないと思います。 詳しくは参考URLをご覧ください。
お礼
有難うございます。 やっぱりどのブラウザでもおなじように ってのは難しいですね。 借りているところのスペースがページごとの広告付きなので フレームはなるべく、、、と思っていたのですが (アンカーで飛ばしたらまずいすよね、やっぱ) フレームでやってみました。 それとも以前のタグ <div style="width: 180; height: 190; overflow: scroll;border:0pt" align="left"> 言葉</div> (フレームでない)で、トップに ☆IEでみてちょ☆みたいに入れても ネスケでも(伸びるけど)一応全文読めるから良いのかな とか折角教えて頂いたのにm(-_-)m考えたりもして。 この辺は読みやすさ、好みの問題ですよね。 どちらの方が親切なのかしら、、、 mc-crewサンはいかが思われますか? とにもかくにも有難うございました
関連するQ&A
- スクロールバーのデザインを変えたい
CSSの設定で div#information { height: 150px; overflow: scroll; } という風に記述した時に現れるスクロールバーのデザインを変えたいのですが、IE以外でも対応している方法はないでしょうか? スクロールバーのデザインを変えるいい方法がありましたら教えて下さい。
- ベストアンサー
- HTML
- CSSだけで、テーブルにスクロールバーを表示させたいのですが…
CSSを使い、テーブルにスクロールバーを表示させたいのですが <div style="height:60px; width:300px; overflow-y:scroll;"> <table border=1 width=300> : </table> </div> 上記の方法だと確かにスクロールバーは表示されるのですが、出来ればDIVを使わずに、作っておいたCSSを適用するだけで、テーブルにスクロールバーを表示させることは可能でしょうか? 出来れば、スクロールバーの色を変更して、横(X軸)のスクロールバーも消したいのですが… CSSで .scroll { overflow: scroll; visibility: visible; height: 100px; width: 140px; } とやってみたのですが、どうしてもスクロールバーが表示されません。何が足りないのか、もしくは根本から間違っているのかがわかりません。 ご存知の方教えて下さい。
- ベストアンサー
- HTML
- スクロールバーの表示位置を変えたい
スクロールバーの表示位置をテーブルの右側から、テーブルの左側に移したいのですが、単にdiv文をTableの前に持ってきても変更できません。 どのようにしたら左側に表示できるのでしょうか? <div id="rowScroll" STYLE="overflow-y:scroll; height=280;width:100%"> <table border="1" CELLSPACING="0" class="tableSearch2" width="20%" align="left"> <tr class="tdListTitle"> <td width="24" align="center" nowrap>レ</td> <td width="21" align="center">No</td> <td width="195" align="center" nowrap>L5.資源名称</td> <td width="60" align="center" nowrap>単位</td> <td width="100" align="center" nowrap>投入数量/単価</td> </tr> </table>
- ベストアンサー
- JavaScript
- テキストボックスの表示
テキストボックスの表示 テキストボックスを2つ横に並べて表示したいのですが、 <html> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="308" height="300" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストA </Td></Tr> </Table></div> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="200" height="200" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストB </Td></Tr> </Table></div> </html> これで、記述をすると縦に二つ表示されます。 スタイルシートを使用しないと無理でしょうか?
- ベストアンサー
- HTML
- CSSでスクロールバー
CSSでdivタグにwidthとheightを指定してボックスを作ります。そして、そこにoverflow:scroll;を指定して、そのボックスにスクロールバーを表示させるのですが、下のスクロールバーを表示させないようにするにはどうすればいいんでしょうか?右横の縦方向のスクロールバーは必要ですが、表示させるもののwidthが決まっている場合、下の横方向のスクロールバーが邪魔で仕方ないんですけど。 どなたか教えて下さいませんか??
- ベストアンサー
- HTML
- テーブル内のスクロール
初めて質問いたします。 HTML構文をきちんと理解しないまま、サイトをつくってしまっていますが、ひとつ困っていることがあります。テーブルの中のひとつのセルの高さサイズを固定してその中につくったテーブルを縦にスクロールさせています。winではうまく表示できるのですが、mac環境の人からスクロールしないと言われました。ブラウザはIE5と聞いています。以下のような構文にしていますが、なにか間違えているのでしょうか?どなたか教えていただけると助かります。よろしくお願いいたします。 <table width="620" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"height="500"> <tr> <td height="60" valign="top"> </td> </tr> <tr> <td> <div align="center"> <div style="height:400px;width:600px;overflow-y:scroll;"> <table width="600" border="0" cellspacing="0" cellpadding="0"> </table> </div> </div> </td> </tr> </table>
- ベストアンサー
- HTML
- divで作成したテキストボックス内の横スクロールバーとバックカラー
お世話になります。 以下のhtml記述で、 (1)横スクロールバーを消したい(縦はそのまま生かしたい) (2)テキスト内(div内)のバックカラーを変更したい (3)スクロールバーの色を変更したい(無理?) のやり方を教えて頂きたく、どなたかご存知の方、 どうぞよろしくお願いします。 <html> <body> <div style="width: 12em; height: 4em; overflow: scroll;"> <p> <a href="***.htm">TEST 01</a><br> <a href="***.htm">TEST 02</a><br> <a href="***.htm">TEST 03</a><br> </p> </div> </body> </html> 以上
- ベストアンサー
- HTML
- overflowを使ってのスクロール
CSSのoverflowを使って、ページの一部をスクロールさせたいのですが 完全に下までスクロールができません。 具体的には以下のソースの"div2"をスクロールさせたく、overflowのauto を使っているのですが、一番下までスクロールができません。 どのようにしたらよいか、ご指摘お願いいたします。 HTMLのソースは以下の通りです。 このままコピペしてもらえば動作を確認してもらえると思います。 どうかよろしくお願いいたします。 <html> <head> <style type="text/css"> body { overflow: hidden; } div { border: 1px solid black; } #div2 { height: 100%; overflow: auto; } </style> </head> <body> <div id="div1"></div><br> <div id="div2"></div> </body> <script type="text/javascript"> var text = ""; for (var i=0; i<10; i++) text += "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>"; document.getElementById('div1').innerHTML = text; for (var i=0; i<150; i++) text += "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>"; document.getElementById('div2').innerHTML = 'BEGIN<br>' + text + 'END'; </script> </html>
- ベストアンサー
- CSS
- CSSで擬似的にフレームを作りたい
CSSのoverflow:scrollを利用した、 フレームのように一部分をスクロールできるページを考えております。 画面左側をメニューにするには <body> <div class="menu"></div> <div class="content"></div> </body> のようなHTMLに *{margin:0px;padding:0px;} html{height:100%;} body{height:100%;} .menu{height:100%;float:left;width:100px;overflow:scroll;} .content{height:100%;margin:0 0 0 100px;overflow:scroll;} のようなスタイルシートという形で可能ですが、 上側をメニューにするにはどのようにすれば良いでしょうか?
- ベストアンサー
- HTML
- テーブルの中の複数行テキスト欄の下に書き込めない
またもスペースお借りします。 TOPページで使う予定の更新履歴を残す 複数行テキスト欄の下にバナーやボタンを貼りたいのですが、 なぜが外テーブルからはじき出されてしまうのです。 複数行テキスト欄の上には書き込めるのですが、 下に書き込むようにするには、どのようなタグを入力すれば良いでしょうか? 具体的に教えてくださると助かります。 これがコピペです↓ <html> <head> <title>top</title> </head> <body background="http://背景URL"> <Basefont Size="2"> <br> <br> <table align="center"border="0" width="700" height="500" style="border:3px double #999999;" cellpadding="5" cellspacing="0"bgcolor="#ffffff"> <Tr> <Td> <br> <Td Align="left" Valign="top"> <B>●更新履歴</B> <div style="width:230px;height:130px;overflow-y:scroll"style="border:3px double #000000;" cellpadding="5" bgcolor="#ffffff"Td Align="left"Valign="bottom"> ああああ<br> ああああ<br> ああああ<br> </table> </div> <br> あああああああああ </Td> </Tr> </Table> </body> </html>
- ベストアンサー
- HTML
お礼
そうなんですか、 早速確認してみます 今までポップアップウインドウやフレーム等に こだわっていた時があって 広告に悶絶していたので OKだったらすんごく嬉しいですねえ。 何度も有難うございます 頑張りまっす。