特定のテーブルに特定の画像を背景として入れる方法

このQ&Aのポイント
  • dreamweaver4をつかって特定のテーブルに特定の画像を背景として入れる方法について質問です。
  • HTMLの中に複数のテーブルがあり、その中の特定のテーブルには特定の背景画像を右下に一回だけ固定して表示したいです。
  • スタイルシートを使用するとすべてのテーブルに影響が及んでしまうため、テーブルごとに異なる背景画像を表示する方法を教えてください。
回答を見る
  • ベストアンサー

特定のテーブルの中に特定の画像を背景として入れる

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

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

  • ベストアンサー
  • kako233
  • ベストアンサー率33% (10/30)
回答No.2

スタイルシートで可能だと思います。 まず、スタイルシートに独自に背景の設定だけを作ります。 例えば .aaa {背景1の設定} .bbb {背景2の設定} (独自に作成するスタイルの設定には前に『.』を付ける必要があります) そして、これを必要な所にclassを使って適用させます。 例えば <td class="aaa">文字</td> とすれば、この枠内だけに.aaaのスタイルが適用されます。 (html内に埋め込む時の、class="aaa" にはaaaの前の『.』は入れません。) 例なので、aaaとしましたが、覚えやすくて、htmlのタグ以外で、数字から始まらない単語でしたら何でもいいです。 gazou1とかでも可です。

tukikageran
質問者

お礼

ありがとうございました。 無事成功しました。 クラス設定というのがあるんですね。 これを設定しておけば何パターンあっても対応できそうです。 ありがとうございました。

その他の回答 (1)

  • beam
  • ベストアンサー率24% (412/1679)
回答No.1

こんにちは 123 456    7 ABC DEF    G とテーブル群があって、7とGの位置に画像を表示させたいのですか? それとも上のテーブルでは4の位置、下のテーブルではFの位置に画像を表示させたいのでしょうか?

tukikageran
質問者

補足

少々表現が紛らわしかったようですね。 すみません。 今回は1とAの位置に表示したかったんです

関連するQ&A

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

    テーブルで文章を書いているのですが、 そのテーブル内の文章がちょっと長めで、 どうしてもブラウザがスクロール(縦)してしまう作りになっています。そのテーブルに背景を入れようと思うのですが、スクロールしてしまうほど長い縦テーブルな故に背景も繰り返してしまいます。 背景画像は壁紙のような整列された画像ではなく、一枚の写真を使用したいとおもっております。 縦長の大きい背景を作るというのも一つの手ですが・・・それではなくタグ命令で固定できればと思います。 通常のページ背景ですと背景固定は ◆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
  • テーブルの中の背景画像

    windowsでHTMLを制作しています。 テーブルの中にテーブルを入れてレイアウトしているのですが、 大きいほうのテーブルに背景画像を指定、 中に入れた小さいテーブルには下の背景をそのまま反映させたいと思います。 IEでは問題なく表示されますが、ネスケで見ると、 小さいテーブルにもダブって背景画像が出てきてしまいます。 解消するタグはあるのでしょうか。

    • ベストアンサー
    • HTML
  • HTMLでテーブル内の背景の固定

    テーブルの中に背景画像を入れたいのですが 右下に固定されるようにするには どうすればいのでしょうか 教えてください><

  • テーブルでの背景画像の固定方法

    テーブルで背景画像を右下に固定したいのですが うまくできません^^; どう記入したらいいでしょうか。

    • ベストアンサー
    • HTML
  • テーブルにスタイルシートを使う方法

    こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう? テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか? よろしくお願いします;

  • テーブルの背景画像のみ透明化

    http://css-happylife.com/archives/2007/0106_1500.php 上記サイトのように、背景画像のみを透過させたいと考えています。 例えば、 body{ background-image : url(./background.png); } table{ filter:Alpha(opacity=70,finishOpacity=70,style=3); } とした場合は、テーブル内の全てのコンテンツが透過されてしまいます。 透過されているテーブルの上に透過されていないテーブルを重ねて表示させる方法もネット上に掲載されていましたが、その場合、上記サイトのように動的にテーブルサイズが変わる場合は、実装が難しいように感じます。 しかし上記サイトでは背景のみが透過されているようです。 スタイルシートを見てみましたが、自分の知識では解析できませんでした。 実現方法を教えていただけると大変助かります。

    • ベストアンサー
    • HTML
  • 背景画像がテーブルに透けてしまう

    <body background="画像のURL"> <STYLE TYPE="text/css"> <!-- BODY { background-color: white} --> </STYLE> <Table Border="1" Width="サイズ"> <Tr> <Td ColSpan="サイズ" Align="位置">~ という感じでページを作っているのですが、 背景の画像が透けてテーブルの中の文字が見え難く 困っています。 テーブルの中は「white」で白に指定している つもりなのですが、白になりません。。 このタグでテーブルの中を背景が反映されず真っ 白にする方法ってあるのでしょうか? 調べてみたのですがどうも分からないので教えて下さい。

  • 背景画像にリンク

    背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に2分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を2分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 (IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください^^;)

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

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

    • ベストアンサー
    • HTML
  • 背景固定画像のフィルターについて

    背景の画像を固定させて、その上からフィルターで右部分、又は右下からのグラデーションのフィルターを使いたいのですが、スタイルシートでフィルターをかけると文字までフィルターがかかってしまいます。 どうにか背景の画像のみを固定させたままフィルターをかけるという事はできないのでしょうか? 同じような効果でも結構ですので、どうにか教えてください!お願いします!!

    • ベストアンサー
    • HTML

専門家に質問してみよう