• 締切済み

ドリームウェーバーで画像と文をたくさん載せるとボタン画像の間隔が開きます

初心者な者でよく分からない説明かも分かりませんがお力貸していただければありがたいです。 幅600pixの高さ450pix内で端四方に幅20pixの画像枠があり、更にその中の左部分縦がボタンで右側がそのボタンに対しての内容の物なのですが内容部分に枠画像分40pix引いた410pixを超えて画像や文を載せるとボタンとボタンの間隔が開いていくのですがそれを防ぐ方法お知りの方教えて下さい。サイドの枠は背景にして解決済みです。その時ボタンだけ内容部分をスクロールしても固定されて動かないようにしたいです。 多分スタイルシートやcssを使用するかと思いますが使用した事がなく参考書にも書いてないので初心者だけに無理かも分かりませんがよろしくお願い致します。 もしくはタグでmapというのを使用しても同様の効果を使えるのでしょうか?これも全くよく分かってないのですいません。

みんなの回答

  • ki_no_ko
  • ベストアンサー率48% (316/655)
回答No.1

うーん、もしかしたら質問を取り違えているかもしれませんが。 (図がないとわかりにくいですよね、こういうの) ボタンのページ と 内容のページ をフレームで分ける(ボタンのページはボーダー、スクロールをなしにする)か、 内容のページをインラインフレームにするのはいかがでしょうか。 インラインフレームはドリームウィーバーには対応していなかったと思いますが、タグを組み込めば可能です。 内容取り違えてたらすみません。

関連するQ&A

  • ドリームウィーバーで画像を縮小

    すいません。ドリームウィーバーCSを使っているのですが、 CSSを使った部分でちょっと分からないことがあります。 divで囲って、幅250ピクセルに指定したとします。 そこへ幅500ピクセル、縦1000ピクセルを入れて、自動的に画像を縮小させたりする事は できるのでしょうか? 事前に何かのソフトで画像を縮小してから放り込めば解決なのですが、大量の画像があるため 画像を加工に非常に時間がかかります。 いろいろCSSのボックスなどの設定を試してはいるのですが、上手くいきません。 私が行いたいのは、上記のサイズのdivで、画像を入れると横幅は50%になりますよね? その後自動的に縦幅も50%となり、画像が歪むことなく、縮小した画像が表示できたら良いと 考えています。 実際は画像の半分だけ表示されスクロールバーが付いたりします。(このあたりはオーバーフロー設定で変わりますが・・) もし上記が可能ならやり方を教えてもらえると助かります。

    • 締切済み
    • CSS
  • ドリームウェーバMX使用ですが右だけスクロールの仕方教えて下さい。

    MACのドリームウェーバーMXを使用してHPを作成してるのですが、左縦をボタンにして右をプロフィールやNEWSを載せたいのですがその時左のボタンは動かず、そのNEWSやプロフィールだけをスクロールさせるやり方を教えてくれませんか? あと画像をクリックしたときにその画像の大きさのウインドウで開くやり方もお知りな方よろしくお願い致します。 初心者な者でうまく伝えれてないかも分かりませんがよろしくお願い致します。

  • 等間隔でかすれが発生します

    PX-M740Fを使用しています。A4タテ出力で約3センチおきに端から端まで幅5ミリほどのかすれが発生し、その部分は全く読めません。 その部分だけ印字がタテに縮まるようなこともなく、かすれてはいますが表の枠線の間隔などは正常な幅になっています。 プリンタ、FAX、スキャナいずれの印刷でも同じ現象が発生します。どうすれば正常な状態に戻せるでしょうか。 ※OKWAVEより補足:「EPSON社製品」についての質問です。

  • 角丸画像を使ってボタンを作りたい

    ホームページのボタンの背景として使う角丸の画像を作りました。 しかし、ボタンの画像を文字の長さに合わせて短くしたり長くしたりしたいのですが、角丸部分は拡大・縮小しないで、真ん中の部分だけ伸ばす(?)ということはCSSでどうやったらできますか? ちょうどMS Officeのホームページの各記事の下にある「この記事は役に立ちましたか?」に対する回答用ボタンが例になると思います。

    • ベストアンサー
    • CSS
  • 画像にリンクを張るとレイアウトが崩れます。

    はじめまして。 現在、Dreamweaverでホームページを作成しています。 横幅ジャストサイズ(正確には10pxのスペース画像含む)でメニューを並べています。 一通り画像のレイアウトが済んで、いざそれぞれのメニューボタンにリンクを張ると、なぜかボタンの枠が紫色に囲まれ、あげくには少しずつボタンが横に移動してしまいます。 そして、最後のメニューボタンが収まりきらず下に回ってしまいます。ちなみにCSSで作成しています。 ブラウザでプレビューしてみたところ、画像の周りの紫色の枠は残ったままで、最後のボタンは見えません(これはCSSで縦の枠幅を指定しているからとは思うんですが・・・) リンクを張ってもhtmlをいじるだけで、デザイン上はかわらないと思うのですが、そうではないのでしょうか? 以前も、コードを通常の改行(<br>じゃない)するとレイアウトが崩れた記憶があります・・・ この現象の解決方法などはあるのでしょうか?

    • ベストアンサー
    • HTML
  • 画像をボタンでスクロール

    ホームページ作成自体、初挑戦の超初心者です。 http://m-cat.net/index2.html ↑こちらのページのように、(左側の漢字のボタンを押した先に出てくる素材の画面です)ボタンを押すと画像が次の画像へとスクロールするものを作りたいのですが、色々検索してみてもイマイチ分かりません。 ソースを見てもよく分からないもので^^; 分かりやすいやり方、参考になるページなどありましたら教えて下さい。

  • 複数の画像を横にスクロールさせる方法について

    複数の画像を横にスクロールさせる方法について こちらのサイト(www.japanican.com/index.aspx)の下のほうのFeaturesにあるような複数の画像を横にスクロールさせるのはどのようにすればいいのでしょうか。できれば、CSSとhtmlのタグを教えていただければうれしく思います。 また、横についているボタンだけにするとか、下のスクロール部分だけにするとかも教えて下さい。 よろしくお願いいたします。

  • 回り込みについて(間隔が空く)

    下記のような内容(1)のhtmlをcssのfloatを利用して回り込みさせていますが、画像の縦幅より文字が多くなると画像の下にはみ出てしまいます。 tableタグは利用せずに、どのようにcssを指定することで回避できました。(2)既に一度質問をしています。 ​http://okwave.jp/kotaeru.php3?qid=2419373​ しかし画像と文字の間に間隔が入ってしまい困っています。 間隔をあけないようにするにはどうしたら良いでしょうか。 marginやpaddingやwidthをいじりましたがその場しのぎのようでブラウザによってはうまく表示できません。 (1) <img src="■">aaaaa ↓結果 ■aaa aa (2) imgはfloat:left textはfloat:right <img src="■">aaaaa ↓結果 ■__aaa ___aa (アンダーパーはスペースを示す) ■とaaaにあるスペースを、10pxほどにしたい。

    • ベストアンサー
    • HTML
  • 画像の一部分をスクロールして表示する方法

    画像の一部分をスクロールして表示する方法 初めて質問させていただきます。 一枚の画像の一部分を表示させ、画像をスクロールさせる→次の画像へ移る という見せ方をしたいと思っています。 参考サイト:http://www.kmad.jp/index.html ここのトップページのような形が出来たらと思っています。 HTMLとCSSには少し慣れてきたのですが、JavaScriptは初心者で全く分からない状態です。 もしJavaScript以外の方法でいいやり方があれば、そちらも教えていただけるとありがたいです。 すみませんが、詳しい方、宜しくお願いします。

  • JavaScriptを使って縦に画像がスクロールするページを作りたいの

    JavaScriptを使って縦に画像がスクロールするページを作りたいのですが、 (こんなかんじで動く)http://www.gmarwaha.com/jquery/jcarousellite/index.php 私はまだ勉強中で、テンプレートをダウンロードして少々いじって使う程度しかできません。 テンプレートで縦に動くものをみつけたのですが http://sorgalla.com/jcarousel/ 画像や全体の幅を広げようとまずCSSで調整したら、画像は大きくなったけど、 全部縦に画像がうまく並ばず、何枚も画像が表示されるはずなのに、1枚しか表示されなくなりました。 矢印ボタンを押してスクロールさせようとすると、 表示枠は長くしてあるのに、一番上の画像が別の画像に切り替わるという感じです。 言葉だけではうまく伝わらないとは思いますが。。 一番上に記載したURLのやつを縦バージョンにする方法など、 あったら教えていただけないでしょうか? 他にも、縦にスクロールするJavascriptをご存知の方いらっしゃいましたら、教えていただけると助かります。 他力本願で大変お恥ずかしいのですが、どなたかうまく作れる方法がありましたらご協力お願いします!!

専門家に質問してみよう