• 締切済み

フレームと画像サイズ

はじめまして いまhtmlの勉強をし、簡単なホームページを作っています。 リンクをはり画像を表示させるところまではできました。 ところが、フレームを設定し左にメニュ、右に画像を出すというhtmlを作成した際に右に表示される画像が元サイズで表示されスクロールしないと表示できなくなりました。 いままでは画面に合うように自動で縮小されていたのですが。 これを改善する方法がありましたら教えていただけませんでしょうか。 よろしくお願いいたします

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

  • TMEspion
  • ベストアンサー率27% (5/18)
回答No.2

>今は左のメニューフレームに写真の名前を表示させ、 >クリックすると右のフレームに画像をリンクさせているかんじです ><a href="siki/001.jpg" target="right">写真はここをクリック</a><br> この記述では元サイズで表示されるのが正しい結果です。 ブラウザの機能で、ウィンドウサイズに合わせて縮小という機能がありますが、それが動作してないだけじゃないですか? >これを改善する方法がありましたら 思いつく限りでは、 ・ブラウザのその機能がOFFになってないか確認し、ONにする。 ・No.1さんのWidth属性の指定を100%にしてみる。 ・元画像をスクロールの必要ない大きさに加工する。 1つ目は効果あるかどうかわかりません。 2つ目はやらないほうがいいです(笑) 3つ目が一番改善と言えるんじゃないだろうか。 お役に立てれば幸いです。

noname#25792
noname#25792
回答No.1

とりあえず。 その画像を表示する際に、サイズ指定はしていますか? (例) <img src="hoge.jpg" width="200"> のような感じで。

rei16001
質問者

補足

今は左のメニューフレームに写真の名前を表示させ、クリックすると右のフレームに画像をリンクさせているかんじです <a href="siki/001.jpg" target="right">写真はここをクリック</a><br>

関連するQ&A

  • フレームを使った画像サイトの作り方について

    写真サイトを始めようかと思っています。 メインの写真展示コンテンツはフレームで左右を左少な目に二分割して、左に何の写真かの文字リンクをはって、大きく開いた右のスペースに左でクリックした内容が表示されるようにしたいと思ってます。 慣れない初心者なりに、フレームで左右を分けるところまではうまくいきましたが、いざ画像をアップしようとしたら全然うまくいきません。左の文字リンクで画像(サーバー内にアップロードしたもの)を見ようとすると、大きく開いた右のスペースには表示されず、新しく別窓が開いてしまいます。 一体どうすればいいのでしょうか? ちなみに左のフレームの文字部分のタグは 「<a href="リンクアドレス"target="右側のフレーム名">文字</a>」 と入力しています(初心者向けのタグ講座さんで拾ったタグです) ちなみに http://www.ashinari.com/category.php?blogid=2&category=265&page=1 こんな感じにしたいと思っています(私の場合は画像を縮小することなくのせたいので、一回当たりに表示される画像は1,2枚程度ですが) ちなみにサーバーはFC2です。ホームページビルダーなどは持っていません。

  • フレームを使ったときに横スクロールバーを表示させたい

    社内ホームページで左右分割のフレームを使おうと思っています。 左のフレームに http://www14.plala.or.jp/sugachuu/JavaScript/index3.html のページで紹介されている『Explorer風メニュー(2)』を使用して、 選択されたファイルを右のフレームに表示したいのですが、 その際、左フレームのリンクがどんどん奥深くなった時に、フレーム幅より長いリンク先名称が折れ曲がって表示されてしまいます。 とても見にくいので横スクロールバーを表示させて一行で表示させたいのですが、やり方がわかりません。 縦スクロールバーは自動に出てきます。 IEはバージョン6.0です。 お手数ですが、この件に関して分かる方がいらっしゃいましたらよろしくお願いいたします。

  • フレームで困ってます。。助けてください。

    TOPページを(30%と70%の)フレームで 分割し、上の(30%)の方にいろいろなコンテンツを置き、そのコンテンツをクリックすると画面下のフレームに(リンク先が?)表示されるようにしたいのです。 それでコンテンツを5つほど並べてみたのですが(上のフレームに)、アップロードして自分のサイトを見に行くと、上のフレームが真っ白で、右側にスクロールバーが現れて、スクロールしなければコンテンツが 見れないようになってしまっています。 本当は、トップを開いたときに、右のスクロールバーが出ないようにして、コンテンツがちゃんと(スクロールしないでも)表示されるようにしたいんです。 今は、ホームページビルダー8とあわせて、HTMLで編集をしていますが、HTMLのほうは初心者なので、なるべくわかりやすくご教授願います。

    • ベストアンサー
    • HTML
  • フレームの分割について

    ホームページビルダーV6.5を使用しております。 フレームの分割について教えて下さい。 フレームを左、中、右と3分割します。 左にメニュー、中に内容、右に壁紙(写真)と配置しました。ブラウザの左右の幅を狭くした場合は右のフレームのみがサイズが変わって左と中はフレームサイズとその中にある、表のサイズが変わらないようにしたいです。フレームと表共に、ピクセルでのサイズ表示とパーセントでのサイズ表示があるので、この辺の調整で上手く出来そうなのですが、、、よくわかりません。どのように設定したら良いのか教えて下さい。

  • ドリームウィーバーのフレームサイズ表示について

    はじめて、複数フレームの使用のページを、DW4で、作成しました。   フレームを、上・下・左と、右がメインと4つ分けているのですが、まず上の幅を80ピクセルで横いっぱいに・下の幅を80ピクセルで横いっぱいに・左の幅を130ピクセルにで上下の間に挟まれた状態で、どのブラウザのサイズでも固定して見えるようにしたいのですが、どうすれば良いのでしょうか。  ちなみに、右のメイン画面以外は、スクロールバーを出さないようにしたいのです。 現在作成した状態ですと、左のフレームがスクロールできず(スクロールバーは非表示ですが、下の方の内容が動かず見えない)、右・メインはスクロールバーが、出て問題なし。上は固定されて問題なし。下は途中で画面が切れた状態です。 このようなフレームを、意図通り表示できる設定する方法を教えてください。 宜しくお願いします。

  • フレーム内に画像を表示する際、画像をフレームサイズに合わせたい。

    Webページで、フレームを使ってるんですが、フレーム内に表示する画像のサイズがマチマチで(画像の元サイズがとても大きかったりして)見栄えが良くありません。 main.htmlというソースを置いて、そこからタイトル表示用HTMLと画像リスト用HTMLをフレーム内に表示。 画像リスト用HTMLからAタグで画像表示用フレームに画像を表示するよう記述。 単にこれだけだと、ブラウザごとに画像サイズがフレーム内に収まるよう調整されたり、されなかったりなんですよ。 どうにか、強制的にフレーム内に表示させるようにする方法を教えてください。 ------------------------------------------------- main.htmlの抜粋↓ ------------------------------------------------- <frameset rows="50,*"> <form name="frm1"> <frame src="title.html" name="ue"> <frameset cols="187,*"> <frame src="list.html" name="hidari"> <frame src="./img/1.jpg" name="migi"> </frameset> </form> </frameset> ------------------------------------------------- list.htmlの抜粋↓ ------------------------------------------------- <a href="img/2.jpg" target="migi">19</a>

  • ホームページビルダーに大きいサイズの画像を取り込むとレイアウトが壊れる

    ホームページビルダー(バージョン10)にインターネットで得た画像を取り込みたい。問題点は下記の通りです。尚、ホームページビルダーは標準スタイルで編集しています。Windows XPを使用しています。 (1)画像サイズがばかでかいと、ホームページビルダー の表枠がそれにつれ拡大する。画像サイズを自分の 希望するサイズに適正に縮小しても、表枠サイズは それにつれて元のサイズにきっちりと“自動的”に 戻らない。自動的に戻るものなのか、戻らないもの なのか。   イ)自動的に戻るとしたらそのやり方   ロ)自動的に戻らないとしたら元に戻すやり方     表枠の縮小をすれば簡単に縮小できないとお    かしいというイメージを持っていますが・・  ●現状ではあれやこれややっていると“偶然”元に  戻ることもあるような状態で、非効率この上あり  ません。ご教示いただければものすごく幸せにな  ります。  ●ホームページビルダーは本年8月から使っている程  度の全くの初心者です。その点よろしく、わかり  やすく、猿でもわかるようにお願いします。 (2)画像サイズが事前にわかる方法はないのか 以上よろしく教えて下さい。お願いします!

  • CSSを使って、クリックすると元のサイズに戻る方法

    よろしくお願いします。 写真をHPに載せるのですが、画像が大きいので次のようなことがしたいのです。 ・通常はブラウザーのサイズに合わせて全体を表示。 ・画像をクリックすると同じ画面内で元々のサイズの画像を表示。 いまは、フレームを使って左のフレームのサムネイルをクリックすると右フレームにJPGの画像を直接出しています。 なので、画面の大きさに関係なく大きな写真が表示されています。 これを右フレームに最初は全体表示をしておいて、それをクリックすることによって同じ右フレームに大きな元画像を表示させたいのです。 CSSでやりたいのです。よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPビルダーでリンク先を別のフレームに表示することについて

     使用しているのはホームページビルダー11なのですが、自作CGイラス ト等載せるHPを作り始めました。作り始めて、順調に進んでいけると思 っていたら、肝心な所で行き詰ってしまい困っております。 どなたかご回答いただければ嬉しく思います。  閲覧し易い様、ページをフレームで左右二つに分割し、フレーム設定 ページ、フレーム内ページを左右作りました。右フレームには背景をい れております。(ここではピンク色の背景にしました) 左フレーム内のページにメニューを作り、左のリンクアイコンクリック で右にイラストを表示させるよう設定しました。  確認するためプレビューで左のメニューのリンクをクリックすると画 像は右に表示されるのですが、右側に入れていたピンクの背景が消え、 イラストの周囲が白い背景に変わってしまいます。そして右フレームの 左寄りに画像が表示されます。  よく他の方のイラストサイト様のHPを拝見させていただくのですが、左 のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中 心に表示されています。 なぜ画像のみ表示させることができないのでしょうか? 画像もなるべくフレームの中心に表示させたいのですが・・・。 色々考えてみましたが設定等のやり方が思いつきません。 右フレームの背景はそのままに、画像のみフレームの真ん中に表示させるための 方法の分かる方がいらっしゃいましたら教えていただけないでしょうか。 よろしくお願いします。

  • フレームのラインの消し方

    左フレームにメニューが表示され、右に選択した項目のページが表示されるようになっておりますが、左フレームはスクロールバーは出るほど項目がないのでフレームの境目のラインをなくしたいと思っております。現在ホームページビルダー(6.5)で作成しておりますが、いろいろ試した結果できませんでした。このソフトで出来るやり方があったら教えて欲しいのですが、方法がないようでしたらHTMLでも結構です。 ソースの方は初心者なので、どの部分にどんなタグとかを入れればよいか教えていただけると助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML