• ベストアンサー

テーブルの中の背景画像固定について(Dreamweaber)

「テーブルの中の背景画像固定」ですが、他の質問・回答を拝見しましてタグでのやり方は理解できました。 ただ、これを手打ちタグでの挿入ではなく、Dreamweaberへの設定方法として知りたいのです。 それも、出来ればページ内に複数あるテーブルの内の1つ、またその1窓内だけへの固定の仕方が知りたいのですが…。 ソフトに詳しい方いらっしゃいましたら回答お願いいたします。 こちらの環境はi Mac/OS.9.2.2、使用ソフトはDreamweaber MXです。

noname#15764
noname#15764
  • HTML
  • 回答数1
  • ありがとう数2

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

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

DreamweaverのCSSスタイルパネルの「新規スタイル」ボタンをクリックし、 スタイルの新規スタイルのタイプから「カスタムスタイルの作成(クラス)」をクリックします。 クラスセレクタを使用して、特定のセルにのみ背景を固定して表示しますので、 名前は何でも結構です。 例として『.haikei』などとつけてみてください。 定義場所はご自分の作業環境に合わせて選択なさってください。 OKボタンをクリックして、スタイルを定義します。 カテゴリ:背景  から 「背景イメージ」で表示させたい背景画像を指定し 「繰り返し」から「リピートなし」を選択します。 表示位置を指定するようでしたら、 その下の「横位置」「縦位置」も指定してみてください。 あとは、スタイルを背景画像を表示させたいセルに適用させればOKです! 背景を表示させたいセルをクリックしてカーソルを表示します。 ドキュメントウインドウの左下のグレーの領域に<table><tr><td>などと文字が表示された領域があると思います。(タグセレクタといいます) その部分の<td>をクリックして選択すると太字になりますので、確認されましたら、 CSSスタイルパネルにクラスセレクタ「.haikei」の文字が表示されているはずですので、 それをクリックするとセルに背景画像を1回だけ表示する、というスタイルが適用されます。 タグセレクタに<td.haikei>と表示されれば完了です。 是非、試してみてください!

noname#15764
質問者

お礼

ご回答、ありがとうございました! 丁寧に解説して頂いたおかげで、ちゃんと出来ました~(>▽<)! 今まで部分的に手打ちタグで無理矢理いじってたので…ι。 コレやってしまうと、その後の変更が結構大変だったりしたので…助かりました! 本当にありがとうございます。

関連するQ&A

  • Dreamweaberでの背景画像固定について

    よくこちらにも質問にあがってる「背景画像」の固定ですが、回答を拝見していると、手打ちタグでの回答ばかりですよね? 同じタグをDreamweaberで手打ち挿入してみましたが、背景固定は出来ませんでした。 (右下・左上等全部やってみましたが、どれも出来ませんでした) 画面をスクロールすると文字と一緒に画像も動いてしまいます。 手打ち挿入でなく、Dreamweaberのソフト上では出来ないものなのでしょうか? 詳しい方いらっしゃいましたら回答お願いいたします。 こちらの環境はi Mac/OS.9.2.2です。

    • ベストアンサー
    • HTML
  • テーブルごとの背景の位置固定

    テーブルごとに背景の位置を指定して固定したいのですが、方法が分かりません。 普通の<head>~<head>内に入れて、ページ全体の背景を固定するのは分かるのですが、 そのタグだと1ページごとにしか指定できませんよね。 テーブルごとに背景の位置を指定して固定出来る方法を教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 特定のテーブルの中に特定の画像を背景として入れる

    dreamweaver4をつかっています。 テーブルの中に背景を入れるところでつまづいてしまいました。 それはあるHTMLの中に複数のテーブルがあり、その中の特定のテーブル(テーブル1とする)には特定の背景画像(画像1とする)を右下に一回だけ固定して表示したい。 同様に、他の特定のテーブル(テーブル2とする)には別の特定の画像(画像2)を右下に一回だけ固定して表示したい。 過去の質問などをみたのですが、スタイルシートで設定してまうと全部のテーブルで有効になってしまったり、1種類しか指定できなかったりするようなので、質問させていただきました。 テーブル1には画像1をテーブル2には画像2を右下に固定して表示する方法はありますでしょうか?

  • 黒背景で画像を固定すると・・・

    こんにちは。sato-p-036といいます。 HPを作成しているのですが、どうしても分からないことがあるので質問します。 「ページの配色・背景」で、背景を黒にして、文字色を白に設定したのですが、黒背景用の画像を右下に固定するHTMLタグを挿入したところ、実際のHPでは背景が白いまま変わらないのです。 背景画像を入れなければ、背景色は黒くなるのですが・・・。 どうしても画像をいれたいので、もし分かる方いらっしゃいましたら教えてください。

  • 固定背景教えて下さい

    HPビルダー6.5使用してます。 固定背景をやりたいんですけど、あるタグの中(間?)に画像のURLを挿入する、と他者から聞き、タグも教えてもらったんですけれど サイト上では画像がきちんとURLになっているんですけど ビルダー上で扱う時や、転送元ではファイル名になっています。 固定背景を設定したい時、タグの中にC:\My Documents~・・のようにファイル名で転送、というのは出来ますか? えーと、、HP初心者なので言葉で上手く表現できませんが教えてくださる方おりましたら宜しくお願いします

    • ベストアンサー
    • CSS
  • テーブルの背景。

    テーブルの背景に画像を入れることってできますか? セルにではなく、テーブル全体の背景に入れることができないだろうかと。 で、なおかつ画像の上に文字を配置したいのでと、いう風に考えると、 やっぱり、背景に入れるって方法しかないと。 色の指定ができるわけだから、画像の指定もできそうな気がするんですけど。 あ、字が入ってる画像を作ればいいって回答はやめてください(笑) それだと更新がめんどくさいのでっていうことで質問してますので。 可能な方法がありましたら、教えてください。 タグで書いて頂けるともっと嬉しいです。感涙します。 ではよろしくです。

    • 締切済み
    • CSS
  • 画像の余白に背景を表示させたい

    fireworksでデジカメで撮った画像を楕円状にマスキングをかけて回りをぼかし楕円状の画像に加工し DreamWeaberでテーブル上に挿入したところ元の画像のマスキングして隠した四隅の部分が灰色になって表示されてしまい困っています。 この部分をページの背景に馴染ますようにはどのようにすればよいのでしょうか?お願いいたします。

  • テーブルの特定のセル背景非スクロールについて

    テーブルで文章を書いているのですが、 そのテーブル内の文章がちょっと長めで、 どうしてもブラウザがスクロール(縦)してしまう作りになっています。そのテーブルに背景を入れようと思うのですが、スクロールしてしまうほど長い縦テーブルな故に背景も繰り返してしまいます。 背景画像は壁紙のような整列された画像ではなく、一枚の写真を使用したいとおもっております。 縦長の大きい背景を作るというのも一つの手ですが・・・それではなくタグ命令で固定できればと思います。 通常のページ背景ですと背景固定は ◆bodyタグで bgproperties="fixed" ◆スタイルシートで <STYLE type="text/css"> <!-- BODY{background-image:url("■.jpg"); background-color:#背景色; background-position:背景の位置; background-repeat:no-repeat; background-attachment:fixed;} --> </STYLE> って出来るのですが、 テーブル内部の特定のセル背景固定というのは どのようにしたら出来るのでしょうか? ジャバスクリプト、スタイルシート、通常のタグ どのような方法でもかまいません。 テーブル内の特定のセル背景非スクロールについて、 ご教授いただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • tableの幅・高さの固定

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

    • ベストアンサー
    • HTML
  • 2つの背景画像固定がうまくいきません

    (1)一番下に細かい画像をrepeatさせた背景を、 (2)その上に大きい画像をno-repeatで中央に表示させ、 どちらも固定させて、その上にテキストやテーブルを表示したいのですが、(2)のbackground-attachment : fixed だけうまくいかずスクロールされてしまいます。 過去の質問に同様の内容があり、それへの回答を参考にしたのですが・・・。 http://oshiete1.goo.ne.jp/qa1133735.html どなたか解決方法を教えて下さい。