No.8ベストアンサー
- 回答日時:
再び失礼します。
すみません。 前回のソースで、こちらが例示したタグをタイプミスしていました。
<TABLE border="1" class="twing"width="472" height="325">
これを
<TABLE border="1" class="twimg" width="472" height="325">
に直してください。 class名が「twimg」にならなければならないところが、「twing」になっていました。
ここを修正すれば、背景画像が表示されると思います。
あと、背景画像の表示位置についてですが、「background-position: right bottom;」でやると、枠にくっつくように右下に画像が配置されます。 もう少し枠から離して表示させたいという場合は、上記のbackground-positionを「background-position: 90% 95%;」のように、表示位置を%で指定してみてください(数値のうち前者(例では90%)が横方向、後者(例では95%)が縦方向の位置指定になります)。
失礼しました。
No.7
- 回答日時:
どのような操作をしたのか,わかりませんが,次の方法を試してください。
1.
ホームページビルダーを起動し,編集中のページを開くか,または,新しいページを開いてください(「どこでも配置モード」,「標準モード」,どちらでも構いません)。新しいページを開いた場合は,表(本来は「テーブル」と呼びます)を作ってください。(このとき,属性の変更ダイアログボックスが開いた場合は,一度閉じます)
2.
背景画像を挿入したいセル(今回の場合は,右下)内をクリックします。「閉じる」ボタンの下側,「ページ編集」タブ・「プレビュー」タブなどの右側,クロスする部分に「TD」と出ていることを確認してください。
3.
属性の変更ダイアログボックスを呼び出します。
4.
「セル」タブが一番手前に来ていることを確認します。たぶん,ないと思いますが,「セル」タブが一番手前に来ていない場合は,「セル」タブをクリックしてください。
5.
「背景」欄にある「参照」ボタンをクリックして,画像を指定します。
6.
最後に「OK」ボタンをクリックしてください。
これで,画像が望んだセルの中に背景として挿入出来るはずです。
ちなみに,HTMLソースは以下のようになります。(表(テーブル)の部分だけを抜き出しています)
<TABLE border="1" width="472" height="325">
<TBODY>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD background="画像のURL" width="147" height="121"></TD>
</TR>
</TBODY>
</TABLE>
スタイルシートを使用する方法の手順を書きます。
1.
背景画像を挿入したいセルをクリックします。
2.
属性の変更ダイアログボックスを呼び出します。
3.
「セル」タブが一番手前に来ていることを確認します。たぶん,ないと思いますが,「セル」タブが一番手前に来ていない場合は,「セル」タブをクリックしてください。
4.
「スタイル」ボタンをクリックします。
5.
「ヘルプ」ボタンのすぐ上,「編集(4)」ボタンをクリックしてください。間違っても,「編集(1)」ボタンをクリックしないように!
6.
「カラーと背景」タブをクリックします。
7.
「背景画像」欄にある「編集」ボタンをクリックして,背景画像のファイルを指定してください。
8.
すべてのダイアログボックスが閉じるまで,「OK」ボタンをクリックしてください。
なお,5のところで,間違って「編集(1)」ボタンをクリックしてしまいますと,各セルに背景画像が入ってしまいますから,注意してください。
ちなみに,上の操作をしますと,HTMLソースは以下のようになります。(こちらも,表(テーブル)の部分だけを抜き出しています)
<TABLE border="1" width="472" height="325">
<TBODY>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD width="147" height="121" style="background-image : url(画像のURL);"></TD>
</TR>
</TBODY>
</TABLE>
たぶん,こうしたいんでしょ?(違っていたらごめん・・・)
No.6
- 回答日時:
クラス名のtypo、空白抜け。
<TABLE border="1" class="twing"width="472" height="325">
↓
<TABLE border="1" class="twimg" width="472" height="325">
W3Cではスタイルシートを推奨してますけど、
<TABLE border="1" background="○○" width="472" height="325">
でも出来ます。
background属性は <tr>, <td>タグでも使用可能です。
No.5
- 回答日時:
あの、横槍入れるようですが…
#3の方の紹介しているスタイルシートでの指定方法ですが、<style>要素は、<body>内ではなく、<head>~</head>内に記述する必要があります。 厳密なことをいえば、これ以外のところには配置してはいけないことになっています。
特定のテーブルに対して壁紙を右下に1個だけ表示したい場合は、
<style type="text/css"><!--
table.twimg{
background-image: url("画像のURL");
background-position: right bottom;
background-repeat: no-repeat;
}
--></style>
これをヘッド内に入れ、table要素のタグのほうには「class="twimg"」というクラス指定を追加してみてください(<table border="1" class="twing">のように)。
ページ内にテーブルが一つしかない、あるいはページ内のすべてのテーブルに対して同じように右下に一枚背景画像を配置したい場合は、クラス名でスタイルシートを適用するテーブルを限定する必要がありませんので、テーブルへのclass属性の追加はせずに、上の「table.twimg{~}」を「table{~}」のようにしてみてください(#3の方の回答中にある指定方法と同じ形です)。
ビルダーでの指定方法については、使ったことがないのでわかりません。 HTMLソースを直接編集できるのであれば、上記をお試しください。
参考になれば幸いです。
この回答への補足
今回はエラーメッセージはでませんでしたがうまくいきませんでした。何度もすみません!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM WebSphere Homepage Builder V6.0.1 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
<style type="text/css"><!--
table.twimg{
background-image: url("○○");
background-position: right bottom;
background-repeat: no-repeat;
}
--></style>
</HEAD>
<BODY>
<TABLE border="1" class="twing"width="472" height="325"> <TBODY>
<TR>
<TD></TD>
<TD width="147"></TD>
</TR>
<TR>
<TD height="121"></TD>
<TD width="147" height="121"></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
No.4
- 回答日時:
#2のものです。
バージョンよって違うのでしょうか??ちなみに何バージョンですか?6とか、7とか言うやつです。
私は6.5バージョンを使っていますし、今検証してきました。
あなたのしたいのは”田”という感じの表の右下のセルみに壁紙を入れたいのですよね?
あなたの今のやり方では”田”全部に壁紙が入ってしまうのですよね?違ったらごめんね。
表の右下で右クリック、属性の変更を選び出てきたダイアログ(新しい画面)の上から3行目くらいの”タブ”を見つけてください。
表、表の行、セル、表の列、と4つ並んでいます。
今回の作業は”セル”タブを選択してください。
その後の作業は今までと同じです。
分かってくれたかなぁ。
僕も素人だから文章で教えるのはとっても難しいや。
No.3
- 回答日時:
ホームページビルダーは使ったことがないのですが、
次のコードを<body> </body>に書いてみてください。
<style type="text/css">
<!--
table {
background-image:url(画像のパス);
background-attachment: fixed;
background-position:100% 100%;
background-repeat: no-repeat;}
-->
</style>
画像のパスには、壁紙の名前を書きます。
No.1
- 回答日時:
画像を入れたいところで、
挿入、というコマンドから、
「画像を挿入」してください。
「ファイルから挿入」を選ぶと、
いつもどおり選べます。
壁紙は、背景なので、背後に選択した画像が永遠に並びます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSを教えて下さい webデザイナ...
-
htmlの文字が縦書きになる
-
CSSでinputのテキストカラーを...
-
CSSを教えて下さい webデザイナ...
-
2カラム、左メニュー、特定パー...
-
iPhoneで HTMLファイルを閲覧
-
静止画画像をクリックすると音...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
メモ帳の段落の揃え方
-
、URL化させるにはどうしたらい...
-
excelをhtmlに変換した途端、一...
-
WEBサイトの作成で、imgタグに...
-
htmlソース編集で、各タグを何...
-
CSSについて教えてください。 ...
-
CSS、Bootstrapについて contai...
-
HPレイアウトが同じページのヘ...
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
htmlで<form>~</form>を並べて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
iPhoneで HTMLファイルを閲覧
-
スマホで特定のサイトを表示さ...
-
HTML CSSの勉強のポートフォリ...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
メモ帳の段落の揃え方
-
スライダーの枠に動画を収める...
-
角丸画像の背景色を透明にした...
-
、URL化させるにはどうしたらい...
-
excelをhtmlに変換した途端、一...
-
テーブルタグのセルの幅の一部...
-
ウェブサイトにアップされてい...
-
CSSファイルの日本語コメントが...
-
HTMLで特定の文字だけ色を変え...
-
先日ウェブデザイン技能検定三...
-
スマホでHTMLファイルを開いて...
-
静止画画像をクリックすると音...
-
画像が分割されて切り替わる、...
おすすめ情報