- 締切済み
テーブルに背景画像を入れたいのですが……
CS5でホームページを作っていますが、CSSとかhtmlはまったくといっていいほど理解していません。 テーブルを挿入して組みあせているだけの初歩的な作り方なのですが、いろいろわからないことばかりです。 質問ですが、ページ全体への背景画像はできるのですが、テーブルに対する背景画像の設定は可能でしょうか。 下記のページのテーブル内の挿入画像をいくつか背景画像にして、その上にテキストを入れたいのです。 http://www.kajimaya.info/ http://ryukyugeino.jpn.com/ すみませんが、超初心者向きのご教示をいただければありがたいです。 どうかよろしくお願いします。
- happyjamhappy
- お礼率85% (36/42)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- k_kota
- ベストアンサー率19% (434/2186)
まずは「なんでもいいから自分が見たらちゃんと見えるページ」でいいのか「WEBサイトのまっとうな作り方」で行くのかを決めるのが先です。 とりあえず前者としても、 ・trの属性ではなくてtableの属性として設定するのが希望の内容かと思います。 ・また、半角スペースと全角スペースは全く違うものですのでご注意下さい。 今ならCSSで設定するべき内容ですし、実際STYLEタグも使われてます。 手打ちではなくツールを使うならそれだけの方が良いと思います。 半端に手で修正すると、おかしな事になった時に収集が付きません。 ツールを使い込むのか、勉強して理解するのか決めることが初心者向けのアドバイスです。 おすすめは後者ですが、まあそんなの技術屋の道楽な気もします。
- Calm Trip（@CalmTrip）
- ベストアンサー率41% (511/1244)
入れだい場所によって <tr> <td background="p_image_1.jpg">これはテストです</td> </tr> または <tr background="p_image_1.jpg"> <td>これはテストです</td> </tr> 、
補足
たいへんすばやいご助言、恐縮です。 さっそく試してみたのですが、結果が伴いません。 仮に下記のような場合でやってみました。 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"> </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を立ち上げ新規作成したので、上記のような入力をしたわけではないのに、なぜか自動的に入っておりました。 これは何か意味のあるものなのでしょうか。お分かりになるようでしたらこちらも教えていただけませんでしょうか。 以上、お手数をおかけしますがなにとぞよろしくお願いします。
お礼
まっとうなアドバイス、ありがとうございます。 ただ、70歳のじいさんとしては、なかなか新しいことを覚えられず困っています。 現状では「・trの属性」と「tableの属性」との違いも分からないのです。 死ぬまで勉強だ、などと振りかぶらずに、がんばってみます。 ありがとうございました。