• 締切済み

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

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

  • CSS
  • 回答数1
  • ありがとう数0

みんなの回答

回答No.1

自動にはさすがにならないが、元の画像のサイズが一定であるなら そのBOXに入るファイル名だけ書き換えれば収まりはつくんじゃないかな。 例えば <div id="fhoto"> <img src="入れたい写真.jpg" width="200" height="150"(ココの比率は固定) /></a> </div> 例えば640X480の写真を Web上の表示で200X150にしたければ あとはこのhtmlをコピーして使うだけ。

関連するQ&A

  • ドリームウィーバーでフロート

    ドリームウィーバーを使っているのですが、いろいろな画像コンテンツを表示する際に、 現在はテーブルタグではなくdivを使ってフロートで配置するのが主流であることを知りました。 ドリームウィーバーでフロートを使用するにはどのような手順ですればよいのでしょうか?

  • ドリームウィーバーでのCSS表示

    ドリームウィーバーでホームページを作ってます CSSの添付でサイトを作っているのですが CSSをきれいにするために まったく新しいCSSを作ってサイト作りをはじめたら 以前はドリームウィーバー上で CSSで作った背景や<DIV>などの状況が確認できましたが あたらしいCSSで作ったサイトでは ドリームウィーバー上ではCSSの状況がわかりません わざわざサイトで確認する以外で着なくなりました 古いほうのCSSはいまだに問題なくドリームウィーバー上で 背景の色やフォントの大きさが確認できます 何が原因なのでしょうか

  • ドリームウィーバーの使い方

    ドリームウィーバーの使い方 お世話になっています。 この度ドリームウィーバーの使い方を教えて頂きたく質問致しました。 このようなサイトを作りたいのですが、作り方がわかりません。 ttp://www.zapnet.undo.jp/ninshinw/ CSSで設定すればいいのでしょうか? また新規作成のレイアウト 3列でリキッド などを使ってよいのでしょうか? やさしく教えて下さる方にお願いしたいです。 悩んでおりますので、宜しくお願い致します。

  • Dreamweaver(ドリームウィーバー)画像について

    Dreamweaver(ドリームウィーバー)MXバージョンは6です。ページに画像を貼り付けているのですが、その画像をファイル移動した場合、表示されませんが、階層を移動してもソフトが自動に、パスを書き換えたりする方法はないのでしょうか?

  • ドリームウィーバー再構築機能

    ビルダーで作ったホームページをブラウザでフルスクリーンで表示させるとうまく表示されますが、 ブラウザの画面サイズを小さくすると画面がくずれてしまいます。 ビルダーでは<DIV>で画面を構築しない為だということまではわかったのですが、実際に変更が出来ません。 ドリームウィーバーでは一括変更機能があるのですか? どなたかご教授宜しくお願い致します。 環境はドリームウィーバーMXです。

    • ベストアンサー
    • HTML
  • ドリームウィーバーの画面サイズについて教えて下さい

    自作でHPを作ろうとしています。 ドリームウィーバーCS3を使っているのですが、画面の横幅を1000PXにする方法を教えて下さい。 テーブルを使っていてテーブルの横幅サイズも1000PXなので同じサイズにしたいんです。 作るとどうしても背景イメージが二つ表示されてしまいすごくかっこ悪いです。 どなたか初心者の私にアドバイスをお願いします((+_+))

    • 締切済み
    • CSS
  • CSSでの画像の自動縮小について

    あるホームページを作成しているのですが、ブラウザを縮小した時、画像を自動で縮小したいのですがうまくいきません。 テーブルのレイアウトを崩したくないので、幅は固定したまま、かつ画像はブラウザサイズによって自動縮小にするようにしたいのですが、どうやってもうまくいきません。 ソースコードは下の通りです。 やはり、フレームレイアウト(waku)と、テーブルの幅を可変(パーセント表示)にしないと、画像の伸縮は難しいのでしょうか。 **** HTML部分(CSSは外部) ***** <body> <div id="waku"> <div id="a"> <table border="1" width="100%"> <tr> <td>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td> </tr> <tr> <td> <div id="b"> 画像の説明 <img src="01.jpg"> </div> </td> </tr> </table> </div> <div id="c"> <table border="1" width="100%"> <tr> <td>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td> </tr> </table> </div> </div> </body> **** style.css(CSS部分) ***** #waku { width:900px; border: 1px solid #000; } #a { width:800px; } #b img { max-width: 600px important!; width: 100% important!; max-height: 300px important!; height: 100% important!; } #c { width:800px; }

    • ベストアンサー
    • HTML
  • ドリームウィーバーのプレヴュー

    ドリームウィーバーMXを使っています。まだ初心者なのであまりよく分からないのですが、プレヴューを表示してもエラーになって見れません。ファイルのアドレスが見つかりませんと出てくるんですけども、どこで設定すれば見れるようになりますか? よろしくお願いします。

  • ドリームウィーバーで・・・

    現在ドリームウィーバーを使ってHPを作っているのですが、 作り始めたころ(2、3週間前)は写真(jpeg)を貼り付けても インターネットエクスプローラーできちんと表示されていたのに、 最近まったくおなじ方法で写真を貼り付けPUTしても IEでチェックすると画像の左上端部に×がでて表示されません。 なぜでしょう?誰か思い当たることがあったらアドバイスを下さい。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • (ドリームウィーバー)見出しの設定について

    ドリームウィーバー初心者です。現在MX2004をXPで使用しています。 テーブルの中に見出し1を入れたいのですが 背景が“幅700px・高15px"の画像でセルのテーブルのセルの幅・高さを同じく幅700px・高さ15pxに設定し、見出し1を入れたいのですが、 実際に入れてブラウザのプレビューではセルの高さが増え、画像が繰り返しになってしまいます。 <th width="700" height="15" colspan="5" valign="middle" background="img/line01.jpg" bgcolor="#FFFFFF"> <div align="right" class="style2"> <h1> 見出しにしたい文章 </h1> </div></th> このように表記され、cssは h1 { font-size: small; color: #FFFFFF; font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-style: normal; font-weight: normal; } となっています。 セルの高さをいくら変更しても高さは変わってくれません。 もし変更する場所が間違っているとしたら他にどこを変更したらいいのかさっぱり分かりません。 どなたか教えてもらえないでしょうか?

専門家に質問してみよう