• ベストアンサー

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

そのtableタグのかなだけ、bodyの背景と違う背景を設定したいです。それに画像を使用するにはどうしたら良いでしょうか?

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

  • ベストアンサー
  • zexus
  • ベストアンサー率34% (148/427)
回答No.3

直接やってみた方が早いと思ったので、実際にテーブル内に画像を入れてみました。 コード内の○○は、任意の画像ファイル名が入ります。 例えばこんな感じになります。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> <style type="text/css"> <!-- body { background-image: url(/○○.gif); //↑にBodyの画像が入っています。 } --> </style></head> <body> <table width="200" border="0" cellspacing="0" cellpadding="0"> //以下は、幅200px:高さ128pxのテーブル内に画像を入れた場合のコード例です。 <tr> <td height="128" background="/○○.gif"></td> </tr> </table> </body> </html> 画像の拡張子はjpg,gif,pngならどれでも大丈夫です。 参考になりましたでしょうか?

sasakuri
質問者

お礼

ありがとうございます。 何とかなりました

その他の回答 (2)

回答No.2

<table background="ファイル名">でいけると思います。

sasakuri
質問者

お礼

ありがとうございます。 教えていただいたやり方でできませんでした。 同じディレクトリに画像があるのですが、どうもできません。独立した画像を貼り付けるのはできるのですが。。。。

  • pk7743
  • ベストアンサー率23% (211/896)
回答No.1

<table style="background-image:url(ファイル名);">

sasakuri
質問者

お礼

ありがとうございます。 教えていただいたやり方でできませんでした。 同じディレクトリに画像があるのですが、どうもできません。独立した画像を貼り付けるのはできるのですが。。。。 何か他に理由があるでしょうか?

関連するQ&A

  • テーブルの中の背景画像

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

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

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

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

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

    • ベストアンサー
    • HTML
  • テーブルに背景画像を入れたいのですが……

    CS5でホームページを作っていますが、CSSとかhtmlはまったくといっていいほど理解していません。 テーブルを挿入して組みあせているだけの初歩的な作り方なのですが、いろいろわからないことばかりです。 質問ですが、ページ全体への背景画像はできるのですが、テーブルに対する背景画像の設定は可能でしょうか。 下記のページのテーブル内の挿入画像をいくつか背景画像にして、その上にテキストを入れたいのです。 http://www.kajimaya.info/ http://ryukyugeino.jpn.com/ すみませんが、超初心者向きのご教示をいただければありがたいです。 どうかよろしくお願いします。

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

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

    dreamweaverMX2004で、作っております。テーブル内の背景画像の繰り返しをしたくないのですが、CSSスタイルをタグをtable、セレクタタイプをタグを選択し、新規作成をして、背景を繰り返さないにしたのですが、ページの中にある全てのテーブルに背景画像が出てしまいます。特定のテーブルだけに設定する方法はありませんか?どうぞ宜しくお願い致します。

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

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

    • 締切済み
    • CSS
  • 画像を背景に

    aimewでHPを作っていて困ってます。 PCから見ると真ん中に色の背景があってページなど があるんですけど、真ん中以外に壁紙をはりたいんです。 bodyのタグを使ったんですけど、表示されません。 で、編集のところをみるとbodyのタグが消えています。 画像を背景にする場合どうしたら表示されますか?

  • テーブルの背景画像をランダムに変えるには?

    当方時間が無く非常に困っております。助けてください。 質問はタイトルとおりなのですが、 テーブルの背景画像をJavaScriptでランダムに変えるにはどのように記述すれば良いのか教えてください。 3枚位の画像数で、<table>タグ内のbgimageを変えたいのです。 宜しくお願い致します。

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

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

専門家に質問してみよう