テーブルの中央にリピートしない背景を入れるにはどうしたらいいのでしょうか

[上に] [前に] [次に]
ハルカ [E-Mail] 1999/09/05(日) 12:02:25
テーブルの中央にタイトルの画像を背景として張りつけたいのですが、どうすればいいのでしょうか。スタイルシートの画像操作の no-repeat は知っているのですが、テーブルにどう適用したらいいのかわかりません。これ、ハイパーテキストでは出来ないですよね…？　
杉山 [HomePage] 1999/09/05(日) 20:31:33
これ、スタイルシートでやってもＮＮでは上手くいかないと
思います。私はメニューのところにテーブル内左端no-repeat で
画像を入れていますが、ＮＮではこの画像が見えません。
ハルカ 1999/09/05(日) 21:29:49
えーと、ＮＮに関してはごめんなさいということにしようと思っています…。推奨はＩＥ４．０以上ということで。ＮＮ用ページは簡単に（^^;）作るつもりですので、そのへんは気にしないで教えてくださいませ。
Nobu3 [E-Mail] [HomePage] 1999/09/06(月) 12:43:55
bodyにしている事を、同じようにテーブルにしてやればいいです。


<table style="background-image:url(hoge.gif);background-position:center;background-repeat:no-repeat;">
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
a<br>
a<br>
a<br>
a<br>
a<br>
</table>
ハルカ 1999/09/06(月) 15:28:57
Nobu３さん、いつもお世話になっております（^^;
えーと、やってみたのですが、中に以下のようなスタイルシートが入っているため、うまくいきません。
<div id="ds" style="align:center;width:100%;font-size:11pt;color:#faebd7;
filter:dropshadow(color=#0a0a0a,offx=1,offy=1,positive=1)">
たぶん、これが原因だと思うのですが、どちらかをあきらめた方がいいのでしょうか……。ちなみに中に入れている文章は<center>タグで中央揃えにしてます。これもスタイルシートで一気に定義できますよね？でもなぜかスタイルシートは言うこと聞いてくれないんですよ……。
ちょっと悲しい……。
Nobu3 [E-Mail] [HomePage] 1999/09/06(月) 17:50:36
まず、
　align:center
じゃなくて、
　text-align:center
です。

で、質問が２つ。
１．そのdivの中にtableがあるのでしょうか？
２．filterを消せばうまくいったのでしょうか？

できれば見せて欲しいかも・・・。
ハルカ 1999/09/07(火) 00:09:29
えーとですね、質問にお答えしますと

＞１．そのdivの中にtableがあるのでしょうか？

tableはdivの外に置いてあります。divごと、tableで囲もうとしたんですけど。
ひょっとして私マヌケなことしてます？

＞２．filterを消せばうまくいったのでしょうか？

……うまくいきました。でも、filterでフォントサイズを固定してあったので、ちょうどいいフォントサイズがなくなっちゃいました。くすん。
ハイパーテキストってポイントでフォントを設定できましたっけ？
また本を読まなくちゃ……。

＞できれば見せて欲しいかも……。

えーと、ぜんぜん未完成なんで、途中経過でよろしければ
http://www.ne.jp/asahi/heim/sting-maria/test/indextest.htm
http://www.ne.jp/asahi/heim/sting-maria/test/indextest2.htm
をごらんください。
上が、filterを取ったら成功したページ。
下が、filterをそのままにしてあるページです。
テーブルとかもそのままにしてあります。下の方は、ちょっとページが重いかも……。
全部は載っけてません……あーん、恥ずかしい！

背景にイメージを入れるから、テキストにはドロップシャドウをつけよう、とか思ってがんばってfilter書いたのにー。

えーん、これじゃあなんか出来の悪い生徒みたい……。
Nobu3 [E-Mail] [HomePage] 1999/09/07(火) 00:47:45
修正してみると背景の上に影が落ちましたね。

http://w2452.nsk.ne.jp/~nobutaka/test2.htm
ここに修正したヤツを置いてみました。

頑張ってみてください。
あと、
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
ここで、HTMLをチェックしてみましょう。
いろんな事がわかると思います。
ハルカ 1999/09/07(火) 10:39:48
[[解決]]
ひゃー、ありがとうございます！
スタイルシートってまとめてdivでくくっちゃうといいのかな？
うーん、勉強不足を露呈した感じ。
もうちょっとがんばってみます。いろいろお世話になりました。
また何かあったらよろしくお願いしますね（笑）。
[上に] [前に] [次に]