白背景で立体的な＜ＨＲ＞は可能でしょうか？

林檎の種 2000/06/08(木) 11:20:15
背景色が白のところに＜ＨＲ＞を入れると、立体的に見えない（くぼんでいるように影が付かない）のですが、立体的に見えるようにする方法はあるでしょうか？

ミニュー 2000/06/08(木) 11:48:22
くぼんでるような表示がいやなら、画像で立体的な
区切り線を使うのがいいと思います。
IE4以降なら、これでもいいのかな？
<hr size="5" style="filter:FlipV()">

林檎の種 2000/06/08(木) 12:17:39
ミニューさんコメントありがとうございます。

私の質問についてちょっと補足させていただきます。
やりたいことは「白背景上の＜ＨＲ＞をくぼんだように見えるようにしたい」
ということなのです。

最初の発言には書かなかったのですが、ネットスケープ４．７では、
白背景に＜ＨＲ＞と書いただけで、くぼんだように見えますので、
これと同じことがＩＥでできないだろうかと思ったのです。

ミニューさんに教えていただいた<hr size="5" style="filter:FlipV()">を試してみました。
かなり私のイメージに近くて大変参考になりました。ありがとうございます。

ただ、ちょっと気になったのは、ネットスケープではくぼんで見えるのですが、
ＩＥでは飛び出して見えるようなのです。（影の付き方が逆になっているようです）

できれば、ネットスケープでも、ＩＥでも同じに見えるようにしたいと思っていますので
他になにか方法がありましたら、また助言を頂きたいと思います。

みなさん、よろしくお願いします。

林檎の種 2000/06/08(木) 12:22:20
書き忘れていました。

画像にしてしまうというのも考えはしたのですが、幅を％で指定できないのと、
画像はできるだけ減らして、表示を軽くしたいという理由から、残念ながら
この方法は使えないと判断しました。

ミニュー 2000/06/08(木) 12:32:26
こんどは単純に、<hr size="5">で試してみてください。
（くぼまない表示の方法を探していたのかと思ってました。）

幅を％で指定してみたらどうですか？
<img src="3dhr.gif" width="70%" height="8">
まずいのかなぁ。
％指定がなぜまずいのかご存知の識者の方、教えてください。

ミニュー 2000/06/08(木) 13:12:30
../199909/99090068.htm
ここを見ると、テーブルが絡んでいない場合は％指定できそうですね。
実はワタクシ、％指定してたりします。
左端用の画像＋真ん中の画像（％で幅指定）＋右端用画像という
具合で。

シャンプー＆リンス 2000/06/09(金) 00:52:16
ここが参考になるんじゃない？
http://www.interq.or.jp/black/cougar/jaka2/

テーブルと絡んでるけど％で幅指定してるし、IEでもネスケでもちゃんとくぼんで見えるみたいだよ。
ここのデザインすっごく好きで、どうやったらこんなデザインにできるんだろうと思ってソース見てみたけど良く分かんないだよね。

SA 2000/06/09(金) 01:14:23
>ここが参考になるんじゃない？
>http://www.interq.or.jp/black/cougar/jaka2/
tableとimgで水平線を出しています。
よってここの趣旨とは違うみたいです。

borderを考えたのですが、すでに解決済みでしょうか？

シャンプー＆リンス 2000/06/09(金) 08:00:20
３行２桁のテーブルで左右に１ドットの画像を配置してるね。
テーブルで書いてるからテーブルの中に入れても％指定できるってことか。

ミニュー 2000/06/09(金) 12:02:08
林檎の種さんの質問から、かけ離れて恐縮ですが、
http://www.tohoho-web.com/lng/g200006/00060076.htm
ここのっ！さんの書き込みでは、NNのテーブル内でも、
<TD>のWIDTHとHEIGHTを指定すれば、画像を％で指定可能なようです。

http://www.tohoho-web.com/lng/g200005/00050078.htm
ここでは、偽さんが、
＞画像のwidth,height属性は%などは使えない
と書かれています。とすると、NNやIEで％指定できるのは、
ブラウザ独自の拡張機能っていうことなんでしょうか。

偽 2000/06/09(金) 12:24:41
＞ここでは、偽さんが、
＞＞画像のwidth,height属性は%などは使えない
＞と書かれています。とすると、NNやIEで％指定できるのは、
＞ブラウザ独自の拡張機能っていうことなんでしょうか。
ああそれ。
はやまって書いたので、信用しないで下さい。
っていうか、嘘です。ごめんなさい。

以下、HTML4.01(http://www.w3.org/TR/html4/struct/objects.html#h-13.7.1)から引用。
> When the object is an image, it is scaled. User agents should do their best to scale an object or image to match the width and height specified by the author. Note that lengths expressed as percentages are based on the horizontal or vertical space currently available, not on the natural size of the image, object, or applet.

ミニュー 2000/06/09(金) 12:42:38
偽さん、ありがとうございます。
％指定も現在可能ってことですね。助かります。

林檎の種さん、
NNの<HR>よりIEの方が、<HR>をいくぶん細めに表示するみたいですから
画像の％指定も再考してみる価値ありですよ。

[上に] [前に] [次に]