tableの幅・高さを固定して画像や文字を挿入する方法

このQ&Aのポイント
  • Dreamweaver2004MXでテーブルの幅・高さを固定し、画像や文字を挿入する際に自動的にサイズが変わってしまう問題が発生しています。
  • テーブルに大きな画像や文字を挿入しても、固定されたテーブルの幅・高さに合わせて表示させる方法を知りたい。
  • スタイルシートや拡張モードを試してみましたがうまくいかず、解決策を求めています。
回答を見る
  • ベストアンサー

tableの幅・高さの固定

初心者です。Dreamweaver2004MX操作の質問です。 【問題点 テーブルに適当な幅・高さを作成し、そのテーブルに画像ファイルを 挿入した際、テーブルの大きさより画像ファイルの幅・高さが多きい 場合、画像や文字を優先される様でテーブルサイズが自動的に挿入したファイルやリンク先の画像ファイルの大きさ比例してテーブルの幅・高さが変わってしまいます。 【やりたい事 テーブルの幅・高さを固定し、そのテーブルにそのテーブル幅・高さより大きな画像ファイルや文字を挿入してもあくまで、 固定されたテーブル幅・高さに合わせ画像や文字を拡小表示(挿入)する事って出来るのでしょうか? 大きい画像ほど、つぶれた画像になっても構いません。 スタイルシートの適用や拡張モードでの操作、 プロパティ等操作してみましたが、全くうまくいきません。 どなたかご教示願いますm(__)m

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

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

こんにちは。 画像がいくつもあるのなら table td{ width:(tdの幅)px; height:(tdの高さ)px; overflow:hidden; } table td img{ max-width:(画像の幅の最大値)px; max-height:(画像の高さの最大値)px; } /* * * IE6用 * * */ *html table td img{ width:(画像の幅)px; height:(画像の高さ)px; } のようにCSSで指定されてはどうでしょうか?

beier1219
質問者

お礼

嗚呼、なるほど…! CSS定義の第一歩として凄く参考になりました。 有難うございます。

その他の回答 (1)

noname#102089
noname#102089
回答No.1

画像ファイルの高さ・幅を指定してしまえばよさそうな気もしますが。 <img src="hoge.jpg" width="200" height="100">のような感じで。

beier1219
質問者

お礼

元画像のコード修正で拡小画像が出来ておりました。 初歩的なミスで出来ないと言ってしまいました。 申し訳ないです…。

beier1219
質問者

補足

お返事有難うございます。 逆にこの場合、持ってくる画像が許可を得た外部サイトからの ファイルの場合、適用できるものなのでしょうか? 上のコード(高さ・幅)をソースに入れてみましたが、うまくいきませんでした;

関連するQ&A

  • テーブル幅・縦の固定

    こんにちは。 Dreamweaver MX2004でウェブサイトを作りました。 大きなテーブルの中にもうひとつ小さなテーブルを入れたのですが そのテーブルの横幅は均一に出るのですが、縦の幅が各ページ違って表示されてしまいます。propertyでサイズを同じ高さに指定しても固定されません。初歩的な質問で申し訳ないのですが、どなたかご回答よろしくお願いいたします。

  • テーブルの幅固定について

    テーブルの幅固定を以下のように行っているのですが文字が指定した幅を超えると、 幅を指定してるにも関わらず、文字が改行せずに幅が伸びてしまいます。 自動的に改行になるとばかり思っていました。 <br>での改行は考えていないので、テーブルの幅を絶対的に固定する方法ありますでしょうか? <table width="50" border="0" style="background-color: #cecece"> <tbody> <tr> <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> </tr> </tbody> </table>

    • ベストアンサー
    • HTML
  • DREAMWEAVERのテーブルの幅

    WinXPでDREAMWEAVER MX2004を使用しています。 レイアウトにテーブルを使用しています。 標準モードではテーブルの幅は、指定どおり正しく表示されますが、拡張・レイアウトモードでは、指定したテーブルの幅と、括弧付きのテーブルの幅が出てきます。この括弧付きのテーブルの幅が、指定した値とは違っています。 各セルには正しい幅の値を入れているはずなのですが。 原因がわかりますでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • テーブルの項目幅を固定するには?

    ものすごく簡単な質問だと思うんですけど、なんせ初心者なのでどうかわかりやすく教えてください。 テーブル定義で%で列幅を指定しているのに、その中に文字をいれたとき、 その文字幅にあわせて幅がかわるんです。 そもそも%で指定するときの%って何に対しての%なんですか?画面幅?? それともテーブル全体の幅ですか? 横にスクロールしてもいいので列幅を固定する方法を教えてください。 過去の質問をチェックしてみたのですが、よくわかりませんでした。

    • ベストアンサー
    • HTML
  • テーブルの幅を固定するとnowrapがきかなくなるのですが・・・

    いつもお世話になっております。どなたか教えて下さい。 テーブルの幅を”width=***”で固定しました(tableタグもtdタグも両方)。文字列を改行したくないので”nowrap”を書いて改行不可にしたら、改行は回避できたものの、幅が固定されずに文字の長さに合わせられてしまいました。 そこでこのサイト内で方法を模索していると”style=table-layout:fixed”で固定できると書いていたので追加すると幅の固定は出来たのですが、今度は文字列が改行されてしまいました。 どうすれば幅を固定し、改行も回避できるのでしょうか? 文字列が長すぎるものは途切れていてもOKなので、枠をとにかく固定したいのです。 どなたか回答御願い致します。 ブラウザはIE5か6です。

  • DreamWeaverMX セルの固定

    はじめまして、諸先輩様のご意見を賜りたくお書きした訳でございまので、宜しくお願いします。私の問題の質問ははDremWeaverMx2004(Studio MX2004 with Flash MX )でセルの高さ、幅の固定でございます。作業手順はレイアウトテーブルで基本の枠を設定し てその中にレイアウトセルを描画して文章を書き入れるのですがセルが固定しませんある程度の文章をいれて(セルの変動の前に)段落してまた文章を書き入れることが出来ますがシックリきませんあくまでもセル固定をして文章を書きたいわけです。また別の方法でFirWorksでテキストツールをつかって文章かいてファイル→書き出し→形式→GIFで貼り付ければセルは固定できますがサイトが重たくなる要因の一つとあくま でもセルに書込みと考えております。また、CSSスタイル→カテゴリ(ボックス)の幅311ビクセル高さ211ビクセルを設定しましたが固定できません。本も効率的サイトデザイン術を購入しても不明でした。過去の質問事項をみても【DreamWeaver】セルの幅を変更すると 、他のセルが変わってしまう。05/05/06 17:34、Dreamweaverのテーブルのサイズの固定で悩んでいます。04/07/29 21:02などみても理解できませんでした。あくまで Dreamweaver2004での操作でセル固定ですが、ダグ設定しての方法でないんですがCSSスタイル→カテゴリ(位置)→タイプ固定設定、幅311ビクセル高さ211ビクセルを設定しましたが固定できま せんでした。レイアウトイメージとしてレイアウトテーブル→レイアウトセルを設置して一つのセルにはGIFアニメーション、もう一つのセルには画像を貼り付け、下にセルでTOPCS欄(セル)に書込みと思っておりますがセルの固定ができません。やはりFirWorksでテキストツールGIFの書込みかCSSでだましだまし文章かきいれてセルが変動する前に行をかえるしか方法がないのでしょうか。(ソフト操作) 敬 具

  • テーブルを固定

    □□□ □□□ 上記のように6つのテーブルを作ったとします。 スタイルシートで"<table style="width="200" height="200">のように幅を指定しても 作ったテーブルより小さいサイズの画像を入れただけでも全体が大きく崩れてしまいます。 これをテーブルの幅を幅以下の画像なら("width="200" height="200"で作った場合は199まで)動かないように完全固定したいのですがどのような方法で可能になるのでしょうか?。

    • ベストアンサー
    • HTML
  • テーブル<TD>の幅の固定

    テーブルのTD幅をWIDTHで指定しているのですが、入力するテキストによって幅が動いてしまいます。 例) <table width="50">  <tr>   <td width="10">AAAAAAAAAAAAAAAA</td>   <td width="40">AA</td>  </tr> </table> というような場合、幅の狭い方のセル幅が広くなってしまいます。 また逆に広い方が何度も改行させられて出力されたり、出力させたいテキストによって、いかようにも幅が変更されてしまいます。 他のサイトなども色々調べてみて、半角英数字の場合は特に顕著ということも書かれてあったのですが、半角英数字の出力は必須なんです。 (全角文字の場合でも、完全に固定とはなりませんでした) やっぱり完全にテーブルのセル幅を固定するのはムリなのでしょうか? 何か解決方法はありますでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaver テーブル(表)のセル幅を固定したい

    タグ打ちではなく、CSSパネルやマウス操作で教えてください。 行3列3でテーブルを作り、各セルの中にテキスト入力しているのですが、 「すべての幅を固定」としても、それぞれのセル幅が固定できていなく、 バラバラの幅となって反映されてしまいます。 均等幅にできないものでしょうか。

  • スタイルシートを組むと、テーブルのセルの幅が広くなってしまいます。

    ソフトは DREAMWEAVERを使用しています。 スタイルシートを指定した瞬間、テーブルの幅が広くなって、テーブル幅を指定しても変化がありません。 せめて広くなったテーブルの真中に文字をもってきたいのですが、どうすればよいのでしょか?

    • ベストアンサー
    • HTML

専門家に質問してみよう