みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

テーブルに背景画像を入れたいのですが……

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

投稿日時 - 2013-04-25 18:43:08

QNo.8059289

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

まずは「なんでもいいから自分が見たらちゃんと見えるページ」でいいのか「WEBサイトのまっとうな作り方」で行くのかを決めるのが先です。

とりあえず前者としても、
・trの属性ではなくてtableの属性として設定するのが希望の内容かと思います。
・また、半角スペースと全角スペースは全く違うものですのでご注意下さい。

今ならCSSで設定するべき内容ですし、実際STYLEタグも使われてます。

手打ちではなくツールを使うならそれだけの方が良いと思います。
半端に手で修正すると、おかしな事になった時に収集が付きません。

ツールを使い込むのか、勉強して理解するのか決めることが初心者向けのアドバイスです。
おすすめは後者ですが、まあそんなの技術屋の道楽な気もします。

投稿日時 - 2013-04-27 00:20:46

お礼

まっとうなアドバイス、ありがとうございます。
ただ、70歳のじいさんとしては、なかなか新しいことを覚えられず困っています。
現状では「・trの属性」と「tableの属性」との違いも分からないのです。
死ぬまで勉強だ、などと振りかぶらずに、がんばってみます。
ありがとうございました。

投稿日時 - 2013-04-27 01:30:14

ANo.1

入れだい場所によって

<tr>
<td background="p_image_1.jpg">これはテストです</td>
</tr>

または

<tr  background="p_image_1.jpg">
<td>これはテストです</td>
</tr>

投稿日時 - 2013-04-25 19:45:29

補足

たいへんすばやいご助言、恐縮です。
さっそく試してみたのですが、結果が伴いません。
仮に下記のような場合でやってみました。
http://ryukyugeino.jpn.com/test/chibariyo-index.html
テーブルを作成しただけのものです。
CS5のコード欄には
-------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<style type="text/css">
body {
background-image: url(086_kasumimon.jpg);
}
</style>
</head>

<body style="color: #FFF; font-size: 12px;">
<table width="300" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="300" height="300">&nbsp;</td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------
となっておりました。

そのテーブル内に教えていただいたように
-------------------------------------------------------
<tr  background="yotsudake_moto.jpg">
<td>これはテストです</td>
</tr>
-------------------------------------------------------
と入れたのですが、結果は
http://ryukyugeino.jpn.com/test/chibariyo-index02.html
のようになってしまうのです。

この「http://ryukyugeino.jpn.com/test/」フォルダには
086_kasumimon.jpg
yotsudake_moto.jpg
もはいっております。

すみませんが、どこが間違っているのか教えていただけないでしょうか。

それから、これは今回の質問の主旨とは違うのですが、上記のテストページのコードに
-------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
-------------------------------------------------------------------------------
というURLなどが記述されています。
私はこのページを作成するとき、CS5を立ち上げ新規作成したので、上記のような入力をしたわけではないのに、なぜか自動的に入っておりました。
これは何か意味のあるものなのでしょうか。お分かりになるようでしたらこちらも教えていただけませんでしょうか。

以上、お手数をおかけしますがなにとぞよろしくお願いします。

投稿日時 - 2013-04-25 20:54:23

あなたにオススメの質問