CSS、スタイルシート質問用スレッド【 2 】

■ ２ちゃんねるは、ここのサーバを使ってるです。。。

　.jp ドメインお持ちのお客様大歓迎。maido3.jp
　.fm 取得代行します。(US) maido3.fm
　.ca 取得代行します。(US) maido3.ca
　.com .net .org 取得代行します。(US) maido3.com
　.cc .to .tv 取得代行はじめました。NEW

月々1,000円からの BinboServer.com

２ちゃんねるも使っている Big-Server.com

>> ２ちゃんねる、サーバ監視所

■掲示板に戻る■ ■過去ログ倉庫めにゅーに戻る■

1 名前： Name_Not_Found 投稿日： 2001/03/09(金) 13:50: Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
みなさん、煽らないでね。

[過去スレ]
　http://mentai.2ch.net/test/read.cgi?bbs=hp&key=974934062&ls=50

[関連サイト]
・CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1
・CSS2の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS2/

・CSS1の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/css1/toc.htm
・CSS2の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/tr_css2/toc.html

・ZSPCのStyle Sheets Reference(日本語)
　http://www.zspc.com/stylesheets/index.html
・とほほのスタイルシート入門(日本語)
　http://wakusei.cplaza.ne.jp/twn/wwwcss.htm
・ばけらの CSS リファレンス(日本語)
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference

載せてるとこのツッコミいれないでね。
わかりやすいリファレンスサイト、解説サイトの情報待ってます。
2 名前： Name_Not_Found 投稿日： 2001/03/09(金) 13:56: ツッコミって、とほほの事か？
3 名前： Name_Not_Found 投稿日： 2001/03/09(金) 14:25: 三日坊主＋＋の部屋
http://east.portland.ne.jp/~sigekazu/
4 名前： Name_Not_Found 投稿日： 2001/03/09(金) 15:24: CSS1テストスイート
http://www.doraneko.org/css1test/
5 名前： Name_Not_Found 投稿日： 2001/03/12(月) 00:20: あげ
6 名前： Name_Not_Found 投稿日： 2001/03/12(月) 01:10: ブラウザでCSSを無効、あるいは非対応のブラウザを使用している人の割合ってどのくらいなのかな？

背景とか文字色をHTMLの方で指定しないで、CSSの方だけで設定すれば、例えばリニューアルなんかの時CSSだけを変更すればいいから楽だよね。
でもこれだと、CSS有効じゃないブラウザの場合は大変なことになるから。。。
7 名前： Name_Not_Found 投稿日： 2001/03/12(月) 04:38: >>6
配色/背景画像を全部スタイルシートで書いとけばたいしたことにならんと思うが‥‥どうよ？
8 名前： Name_Not_Found 投稿日： 2001/03/12(月) 07:13: >>6
CSS を OFF にして大変なことになるようなら
HTML の方を見なおした方がいいと思う。
9 名前： Name_Not_Found 投稿日： 2001/03/14(水) 14:14: 「CSSでmonospace指定したとき」について、
バグ存在したように記憶しているのですが、
どうもその情報が見つかりません。
自分の思いこみなのでしょうか？
10 名前： Name_Not_Found 投稿日： 2001/03/14(水) 16:16: Win、Macともにだいたい読みやすい行間って、いくつくらい指定すれば
いいのかな？平均的な値知ってる人いますか？
11 名前： Name_Not_Found 投稿日： 2001/03/14(水) 16:25: 1.15em
12 名前： Name_Not_Found 投稿日： 2001/03/14(水) 16:46: 170%
13 名前： Name_Not_Found 投稿日： 2001/03/14(水) 18:34: デザイン全体との絡みで違うとは思うけどナー。
経験則では120%が多いけど。
14 名前： l-_-l 投稿日： 2001/03/14(水) 19:18: winのIE5.5って、例えば
body+p{****:****;}
とかした場合、（スタイルが）無視されちゃうんですけど、
5.0ってこの継承はされてような気がします…。
実際どうなんでしょうか。
15 名前： Name_Not_Found 投稿日： 2001/03/15(木) 06:13: >>14
IEはCSS2で拡張されたセレクタには対応してないです。
16 名前： Name_Not_Found 投稿日： 2001/03/15(木) 16:11: Mac版IEの一部のバージョンでは、
font-family:monospace;の指定をされた文字が1バイトと認識されてしまい、
文字化けを起こすと、複数のページ（どこかは失念）聞いたことがあるのですが、
その具体的なバージョン、どなたか、分かりませんか？
＃しかし、Namazuで、おもいっきりfont-family:monospace;を使っているんですよね。。。
17 名前： Name_Not_Found 投稿日： 2001/03/15(木) 16:41: >>16
http://east.portland.ne.jp/~sigekazu/css/font_family.htm
18 名前： Name_Not_Found 投稿日： 2001/03/15(木) 17:17: >>14
あなた、多段荒らしさんですね？
19 名前： l-_-l 投稿日： 2001/03/15(木) 18:40: >>15
遅レスごめんなさい。やっぱ対応してませんでしたか…。有難うございました。

>>18
えッ？
20 名前： Name_Not_Found 投稿日： 2001/03/16(金) 02:00: age
21 名前： Name_Not_Found 投稿日： 2001/03/16(金) 02:04: >>19
ウフフ。分かってるんですよぉ～(￣ー￣)ﾆﾔﾘ
その名前は多段串を表してますね～(笑
http://proxy.proxy.proxy/-_-/http://proxy.proxy.proxy/　（ﾆﾔﾆﾔ
22 名前： Name_Not_Found 投稿日： 2001/03/16(金) 02:06: 19はスキップアップにサイト作ってる人でしょ？
23 名前： Name_Not_Found 投稿日： 2001/03/16(金) 02:08: >>21
それがどうかしましたか？（ピュア）
24 名前： Name_Not_Found 投稿日： 2001/03/16(金) 02:12: |-_-|萌え～
えッ？萌え～
25 名前： l-_-l 投稿日： 2001/03/16(金) 12:53: >>21
前も誰かに言われました…。
いや、むしろココでは「ヒッキー」と言われそうな気もしますが。

>>22
どっちかというと「お尻」の方ですけど、ここではフツーの人なので
よろしくお願いします。おれも答えられる質問があったらできるだけ
回答したいと思います。はい。

>>24
何故。笑

さげとくね。
26 名前： Name_Not_Found 投稿日： 2001/03/17(土) 01:40: idとclassの違いって何でしょう？
というかidの存在意義は？
idは一つしか使えずclassはいくつでも使える、としか認識してないんですがどうなんですか？
27 名前： Name_Not_Found 投稿日： 2001/03/17(土) 01:45: >>25
やばい・・・l-_-lたんﾊｧﾊｧしてたらホントにヌケちゃった。
鬱だ。。。俺って一体・・・
28 名前： Name_Not_Found 投稿日： 2001/03/17(土) 02:01: idってCSSのためだけにあるんじゃないから、
CSSスレで存在意義語っても…
29 名前： Name_Not_Found 投稿日： 2001/03/17(土) 02:05: generic-famiry:sans-serif;
font-family:Verdana;
font-size:12px;

この指定なんですが、フォントが崩れて表示されてしまうマシンがあるんです。
px指定が問題なのでしょうか？それとも他になにか原因ありますか？
環境はwin限定でもちろんverdanaフォントはインストールされています。
px指定くらいしか原因が思い当たらないのですが、pt指定に比べて崩れやすいといったことが
あるのでしょうか？
30 名前： 26 投稿日： 2001/03/17(土) 02:08: よくわからんけどわかりました
31 名前： Name_Not_Found 投稿日： 2001/03/17(土) 02:19: IEのfilter:について聞きたいのですがここで良いでしょうか？

今回IE限定のページを作るのでfilter:機能を使いたいのですが、
なぜか同じWin98＆IE5.5という環境にも関わらずfilter機能が
働かないマシンがあります（vaio）
やろうとしていることは、
<IMG SRC="xxx1.jpg" ID="PHOTO" STYLE="filter:blendTrans(duration=1);">
このイメージに対して
　PHOTO.filters.blendTrans.Apply();
　PHOTO.src='xxx2.jpg';
　PHOTO.filters.blendTrans.Play();
これでイメージ置き換えの際にトランジッション効果をかけたいのです。

この際に、先のvaioだと効果が働かないだけでなく、イメージの切り替え
そのものも無効になってしまいます。
そこで、filterに対応しているかどうかを判定して対応している場合のみ
先の処理をさせて、未対応の場合は単に PHOTO.src='xxx2.jpg'; だけを
処理させようと思ったのですが、filterに対応しているかどうかの判定方法が
分かりません。if(document.images)のようにif(filters.blendTrans)などとやっても
エラーになってしまいます。何か良い方法は無いでしょうか？
32 名前： Name_Not_Found 投稿日： 2001/03/17(土) 18:03: A{
text-decoration : none;
}
TD{
line-height : 150%;
}

こういうCSSをリンクで挿入しました。でも、何故かNNではちゃんと反映するのに
IE5.5じゃ反映しないのです。
HPビルダーを使って作成したんですが、何度やり直しても反映してくれません（泣）
IEそのものがおかしいのでしょうか？
33 名前： l-_-? 投稿日： 2001/03/17(土) 18:39: >>32
htmlファイルのhead内に埋め込んでもダメですか?
34 名前： Name_Not_Found 投稿日： 2001/03/17(土) 19:06: >>31
そこまでいくとスクリプトの領分だろう。
JavaScriptスレで聞いてみたら？
35 名前： Name_Not_Found 投稿日： 2001/03/17(土) 23:51: HTMLのテーブルタグでデザインしてはいけないみたいなので、
border-style:solid;で文章を囲みました。
この四角を右に持っていくときは、
text-align:right
ではできません。
どうすればいいでしょうか？
36 名前： Name_Not_Found 投稿日： 2001/03/18(日) 00:08: インライン要素・置き換え要素なら親要素でtext-align:right。
37 名前： Name_Not_Found 投稿日： 2001/03/18(日) 00:17: 聞きたい事アルよ。
例えば、スタイルシートで、
（以下)

――――――――――――――――――――
Ｈｏｇｅｐａｇｅ　Ｔｉｔｌｅ
――――――――――――――――――――
hogehogehogehogehogehogehogehogehoge
hogehogehogehogehogehogehogehogehoge
hogehogehogehogehogehogehogehogehoge
hogehogehogehogehogehogehogehogehoge
hogehogehogehogehogehogehogehogehoge
――――――――――――――――――――
Ｈｏｇｅｐａｇｅ　Ｔｉｔｌｅ
――――――――――――――――――――

(以上)
ちなみにhogehogehogehoge...は内容です。
こういう感じで書くと、内容が長くなると、
下の「Ｈｏｇｅｐａｇｅ　Ｔｉｔｌｅ」が下に潜ってしまいます。
ウィンドウの縦サイズがどうでも、
常に下のラインをウィンドウの最下部に出していたいんです。
映画にある上と下の黒い部分って言えばわかるかな？
フレームなら、下のラインをフレームにすれば、
常に出したまま、内容だけをスクロール出来ますが、
これをフレームを使わずやりたいんです。
そういう都合の良いスタイルシート教えて下さい。
38 名前： Name_Not_Found 投稿日： 2001/03/18(日) 00:43: >>35
margin-right:0;margin-left:適当な数値;

>>37
position:fixed;bottom:0; （ただしNetscape6・MacIE5以上。WinIE非対応）
39 名前： 37 投稿日： 2001/03/18(日) 00:58: >>38
WinIEでもＯＫっていう、都合の良いスタイルシート下さい・
40 名前： Name_Not_Found 投稿日： 2001/03/18(日) 00:59: abbrの付け方教えてください。
<th abbr="">ですか？
titleっていうのはなんですか？
41 名前： 38 投稿日： 2001/03/18(日) 02:01: >>39
CSSだけだと不可能。JavaScriptと組み合わせれば、不可能でもないが。

>>40
abbrの中身は見出しセルの省略形。
例えば
<th>18日の閲覧者</th>
という見出しセルがあるなら、
<th abbr="18日">18日の閲覧者</th>
のように使う。
title属性は、その要素に注釈を付けるのに使う。
42 名前： Name_Not_Found 投稿日： 2001/03/18(日) 02:38: PGP公開鍵を載せるんだけど、

white-space: pre を
使うべきか、
br
かどちらがいいでしょうか？
brでttしたらいいでしょうか？
43 名前： Name_Not_Found 投稿日： 2001/03/18(日) 05:01: >>41
分かりやすい説明をありがとう。
すごく助かったよ。
44 名前： aki 投稿日： 2001/03/18(日) 05:49: >>42
PGP公開鍵は別ファイルというか.ascそのままにした方がいいかもな。
fingerprintをaddressに入れておくのはありかもしれん。

あくまでHTMLに含めたいのならば、white-space: preだろうな。
ソースからでもコピペしやすいほうがいいだろう。
45 名前： 38 投稿日： 2001/03/18(日) 05:54: >>42
PGP使ったことないから知らないが、改行に特別な意味がある（どーしても改行しなきゃいかん）なら white-space:pre 、<pre>、<br> の順におすすめしとこう（個人的嗜好）。
改行に特に意味がないなら、選択肢に「整形しない」を加えるところだけど。

>>43
そりゃどうも。
46 名前： Name_Not_Found 投稿日： 2001/03/18(日) 06:19: >>37
これで出来るかも。当然ながらoverflow対応ブラウザのみ。
うちはMacなんでWinIEでは未確認。

<HTML>
<HEAD>
<TITLE>ＴＥＳＴ</TITLE>
<STYLE TYPE="text/css">

　</STYLE>
</HEAD>
<BODY>
<DIV CLASS="header">
Ｈｏｇｅｐａｇｅ　Ｔｉｔｌｅ
</DIV>
<DIV CLASS="main">
hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>
hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>
hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>hoge<BR>
</DIV>
<DIV CLASS="footer">
Ｈｏｇｅｐａｇｅ　Ｔｉｔｌｅ
</DIV>
</BODY>
</HTML>
47 名前： 38 投稿日： 2001/03/18(日) 06:39: >>46
WinIEでも5.0以上ならいける。
48 名前： 37 投稿日： 2001/03/18(日) 06:45: >>46
おお！素晴らしい！
NN4でも実現されないけど、表示には問題無いし、使ってみます。
ありがとう。
49 名前： Name_Not_Found 投稿日： 2001/03/19(月) 00:27: IEのfilter:についてなのですが、CSSスレで聞いたらJavaScriptスレに行くよう
言われたのでこちらで質問させてください。

今回IE限定のページを作るのでfilter:機能を使いたいのですが、
なぜか同じWin98＆IE5.5という環境にも関わらずfilter機能が
働かないマシンがあります（vaio）
やろうとしていることは、
<IMG SRC="xxx1.jpg" ID="PHOTO" STYLE="filter:blendTrans(duration=1);">
このイメージに対して
　PHOTO.filters.blendTrans.Apply();
　PHOTO.src='xxx2.jpg';
　PHOTO.filters.blendTrans.Play();
これでイメージ置き換えの際にトランジッション効果をかけたいのです。

この際に、先のvaioだと効果が働かないだけでなく、イメージの切り替え
そのものも無効になってしまいます。
そこで、filterに対応しているかどうかを判定して対応している場合のみ
先の処理をさせて、未対応の場合は単に PHOTO.src='xxx2.jpg'; だけを
処理させようと思ったのですが、filterに対応しているかどうかの判定方法が
分かりません。if(document.images)のようにif(filters.blendTrans)などとやっても
エラーになってしまいます。何か良い方法は無いでしょうか？
50 名前： 49 投稿日： 2001/03/19(月) 00:29: ↑すみません間違えました(;´Д`)
51 名前： Name_Not_Found 投稿日： 2001/03/19(月) 00:52: white-space: pre
使ったんだけど、右端がそろわないの。
なぜだろう。
52 名前： Name_Not_Found 投稿日： 2001/03/19(月) 01:38: >50
(;´Д`) ←かなり苦しそうですね（ＭＳＰゴシック）。
53 名前： Name_Not_Found 投稿日： 2001/03/19(月) 03:45: HTML4.01 Strictで掲示板が吐き出すHTML書いてるんだけど、
<form>のなかに<br>とか、<tr>とかつかっては行けないのですか？
54 名前： Name_Not_Found 投稿日： 2001/03/19(月) 03:56: >>53
直接<br>や<tr>を書いてはいけない。
<form>内に書くのなら、<p>や<div>で囲もう。
55 名前： 54 投稿日： 2001/03/19(月) 03:57: >>53
ん！？ところでそれはCSS質問スレに書くことなのか？
56 名前： 名無しちん、ぴんち 投稿日： 2001/03/19(月) 12:42: >>51
white-space: pre だけじゃ等幅フォントにはならないからね。
57 名前： 名無しさん@MZ-2000 投稿日： 2001/03/19(月) 12:54: >>49
IE の設定の「ページの切り替えを使う」ってのがオフになってないかな。
英語だと Enable Page Transitions なんだけど、訳しかたがヘンだから
わかりにくい。
58 名前： Name_Not_Found 投稿日： 2001/03/20(火) 11:26: すいません。質問させて下さい。

HTML4.01 Strictで
<A>や<BASE>のtarget属性って使えませんよね。
とすると、それもＣＳＳで指定することになるのでしょうか？
なかなか分からなくて。あぅあぅ。
59 名前： Name_Not_Found 投稿日： 2001/03/20(火) 11:43: >>58
CSS はあくまで見栄えを指定するものです。
おとなしく Transitional を使いましょう。
60 名前： 58 投稿日： 2001/03/20(火) 11:55: ああっなるほど。大人しく使います。

ありがとうございました～♪
61 名前： Name_Not_Found 投稿日： 2001/03/21(水) 04:46: CSSでの数値の指定ってなにがいいとかあります？(pxとかemとか)
マージンとかに使う単位と、文字のサイズに使う単位で最も適したの知りたいです。
62 名前： Name_Not_Found 投稿日： 2001/03/21(水) 05:15: >>61
だいたいemと%がいいんじゃないの？
ボックス要素にemでwidth指定すれば、閲覧者の方で文字サイズを変えてもデザインは大体保持される。
ただし、emで指定した要素がウィンドウのサイズに対して大きすぎると見づらくなるので、そのときは
emでなく、ウィンドウ幅に対する%を使えばウィンドウの大きさを変えられても見た目がほぼ保たれる。
文字のサイズにはpx、pt、などを使うと固定されてしまうので90%とか普通にsmall、x-small等を使う。
自分ではこんな感じです。
63 名前： Name_Not_Found 投稿日： 2001/03/21(水) 11:28: 画像とのバランスが問題になるところだけ、pxを使っています。
64 名前： Name_Not_Found 投稿日： 2001/03/21(水) 15:53: FORMとOPTIONタグで作るドロップダウンメニューの中身を
右揃えにする方法はありませんか？
たぶんCSSでできるんじゃないかと思ってるんですが。
65 名前： Name_Not_Found 投稿日： 2001/03/21(水) 16:08: 場違いな質問ですけど、aspとか使わないんでDW4より
使いやすいGoLive5使ってますけど、ちょっとソースとか書いてると
表示が崩れませんか？
<table><tr><>・・・・・・
<table><tr><>・・・・・・
<table><tr><>・・・・・・
てな感じで・・。
66 名前： Name_Not_Found 投稿日： 2001/03/21(水) 19:58: >>65
場違いだとわかってるなら質問するな。
67 名前： スタイルシートドキュン 投稿日： 2001/03/21(水) 20:02: <Style Type="text/css">

</Style>

僕にはこんな感じでしか画像をＹ軸に移動させる方法を思いつきません。
もちろん移動なんかしてくれません。
誰かこのドキュソタグに救済を！
また、この背景画像をスクロールしないように固定したいのですが
どの辺にどの様に
background-attachment
を組みこむのか教えてくれませんか？

free live stream
http://216.110.42.28/feeds/?typ=random
68 名前： Name_Not_Found 投稿日： 2001/03/21(水) 20:20: 背景の固定例

BODY {
background: white url(hoge.gif);
background-attachment: fixed
}
69 名前： スタイルシートドキュン 投稿日： 2001/03/21(水) 21:39: >>68
ありがとうございます！
ところで僕の>>67のやり方ではなぜ画像が移動できないのでしょうか？
position-Y：500
こんな感じでもやってみたのですが。
もう疲れてきました。　鬱氏
70 名前： l-_-l 投稿日： 2001/03/22(木) 00:35: >>69
一括指定に『position-Y：500』などは存在しないからじゃないでしょうか。
Y軸から500px(ピクセルかどうか知らないけど)、X軸から0の場所の一括指定なら
body
{background:#ff0000 url(dokyun.jpg) no-repeat 500px 0 fixed;}
とかでいいんじゃないかな、と。
71 名前： スタイルシートドキュン 投稿日： 2001/03/22(木) 01:25: >>70
ありがとうございました！
僕がとってもバカなことで２日間も無駄にしていたことに気が付きました。
早速使わせて貰います。
また、僕も一応解決していたと思っていた方法も参考に残しておきます。
body
{background:#ff0000 url(dokyun.jpg) no-repeat 50%90%;
background-attachment: fixed}
でもこれだと環境によって誤差が出ると思われるのであくまでも参考です。
72 名前： スタイルシートドキュン 投稿日： 2001/03/22(木) 01:29: ｶﾞｶﾞｶﾞｶﾞ！鬱氏
body
{background:#ff0000 url(dokyun.jpg) no-repeat 50%90% fixed;}
％で画像を調節。
73 名前： Name_Not_Found 投稿日： 2001/03/22(木) 04:43: >>70-71
500pxでも50%でも利用者の環境に依存するのは同じだと思いますが？
本文の方も背景画にあわせて%で指定すれば、背景を%で配置してもずれないし。
「このHPは画面サイズ1024*768に最適化されています」というのなら
pxが完璧かもしれませんが。
74 名前： 64 投稿日： 2001/03/22(木) 10:28: 洩れの質問に答えられる人はおりませんか？
style="text-align: right"にしても相変わらず左揃えです。
75 名前： (　´Д`) 投稿日： 2001/03/22(木) 10:55: >>74
option要素にソレを適用してもダメだったんなら
ブラウザがプルダウンメニューのスタイルシートを実装しきってないものと思われ。
76 名前： l-_-l 投稿日： 2001/03/22(木) 10:59: >>74
スタイルシートでは無理なのでは…。
77 名前： Name_Not_Found 投稿日： 2001/03/22(木) 11:22: >>74
もっと想像力はたらかせて色々試せよ。
78 名前： Name_Not_Found 投稿日： 2001/03/22(木) 12:55: >>74
ユーザビリティ的に最悪だと思うが。。。？
79 名前： Name_Not_Found 投稿日： 2001/03/22(木) 12:58: 最悪と言うほどヒドいかね？
80 名前： 74 投稿日： 2001/03/22(木) 13:02: >>78
洩れ的にも嫌なんだけど、出来るかどうか聞かれたので。
無理だったら「じゃあ、いいや」で済む程度の問題っぽい。
81 名前： 78 投稿日： 2001/03/22(木) 13:59: あーごめん言い過ぎたかもしれないけどさ、
リスト（項目羅列）として表記するものを、横書きでかつ右寄せというのは、
あまりにも例がないから、ユーザはとまどうかな、って。
あーでもリストとは限らないか。
82 名前： Name_Not_Found 投稿日： 2001/03/22(木) 14:02: デフォルト（本文、といったほうが正しいかな？）のテキストを
point指定したいのですが、
諸事情によりJavaScript不可能なため、
MacとWinでfont-sizeをふりわけることができません。
この場合、何ポイントが妥当だと思います？
10ptかな、とも思うのですが、うーむ。
他のサイトで、そういう例（UAで分けずにfont-sizeをpoint指定）が
あればいいのだが。。。
83 名前： Name_Not_Found 投稿日： 2001/03/22(木) 14:10: 10ptなんて小さすぎて読む気がしません
84 名前： 74 投稿日： 2001/03/22(木) 14:10: ちなみに右寄せにできるか聞いてきたのはアメリカ人。
85 名前： Name_Not_Found 投稿日： 2001/03/22(木) 14:26: >>82
ﾏｸあんまりいじったことないのだけど、窓とﾏｸでptの表示がそんなに違うの？
10ptが小さすぎるのには同意
86 名前：質問投稿日： 2001/03/22(木) 14:29: <COL class="*">の記述で罫線の指定はできないのでしょうか？
外部からcssファイルを読み込ませていて、
そのファイルには
col.* { border-bottom: 1 solid #****** }と打ちました。
87 名前： Name_Not_Found 投稿日： 2001/03/22(木) 14:40: >>74
select{text-align:right;}
でも
option{text-align:right;}
でも、Mozilla(0.8.1)で試したらフツーに右寄せ表示したよ。
Netscape6では未確認。
88 名前： Name_Not_Found 投稿日： 2001/03/22(木) 14:42: >>85
ポイント数の計算に使うディスプレイの解像度が、96dpiと72dpiで違うらしい。
WinとMacでどっちがどっちだったか忘れたけど……

>>86
IE5では、文字サイズの指定は効いてるけど。borderは試してないので不明。
Mozillaはcol要素のスタイル指定に対応してないみたい……
89 名前： (　´Д`) 投稿日： 2001/03/22(木) 14:47: >>87
> select{text-align:right;}
> option{text-align:right;}

Netscape6だとダメっぽかったよ。
90 名前： Name_Not_Found 投稿日： 2001/03/22(木) 15:35: >>89
うちのNetscape6ではOKだけど。
91 名前： |-_-! 投稿日： 2001/03/22(木) 16:06: >スタイルシートでは無理なのでは…。

んな発言してごめんなさい…。
92 名前： (　´Д`) 投稿日： 2001/03/22(木) 16:21: >>90
もう一度確認してみたけど、OKだったね。スマソ。
option要素に適用すると該当する物だけテキスト寄せされて
選択項目表示のテキスト寄せはデフォのままになるのね。
select要素に適用すれば子の項目も選択項目表示も
すべてテキスト寄せされるから、使うならこっちのが便利か。
93 名前： スタイルシートドキュン 投稿日： 2001/03/22(木) 17:07: >>73
理解しました。
ありがとうございます。
>>74
>>70の方法でもどうにかなるのでは？
94 名前： Name_Not_Found 投稿日： 2001/03/22(木) 17:45: >>93
74？
74のはブラウザ(IE)が未対応ってことで終わってるんじゃないの？
70ってbackgroundの一括指定だし・・・。
95 名前： 74 投稿日： 2001/03/22(木) 17:48: >>87
手元にあるのはWindows版IE 5.5とNetscape 4.73なんだけど、
どっちもダメ。もしかして対応してるのってNetscape6だけ？
96 名前： Name_Not_Found 投稿日： 2001/03/22(木) 17:55: >>95
そゆこと。
97 名前： Name_Not_Found 投稿日： 2001/03/22(木) 18:38: えーと初心者な質問ですいません。
フォントサイズをCSSで12pxに指定しています。
自分は窓・IE5.5で確認してますがMacの方はどーなんでしょう？
小さいですか？
ゴマ字になるようだったらデフォルトに戻そうと思うのですが
林檎で確認できる環境にいないので、アドバイスお願いします
98 名前： Name_Not_Found 投稿日： 2001/03/22(木) 19:26: >>97
12pxじゃ窓環境でも小さいです。
もしかして12ptでしょうか？
99 名前： Name_Not_Found 投稿日： 2001/03/22(木) 19:30: >>98
いえ、12pxです。
レイアウトの都合もあって「小」と同じにしたかったんですけど小さい
んですね･･･。
デフォルトに戻しておきます。
100 名前： Name_Not_Found 投稿日： 2001/03/22(木) 19:45: >>97-99
font-sizeは90%とかlargeとかの指定の仕方を勧めます。
そうすれば、閲覧者が大きい、または小さいと感じてもブラウザの設定で多少融通が利きます。
「小」と同じ大きさならsmallでいいんじゃないでしょうか？
101 名前： 100 投稿日： 2001/03/22(木) 19:52: ごめんなさい。
そんな単純じゃなかったようです。
よく知らないのに口出しして済みません。
102 名前： Name_Not_Found 投稿日： 2001/03/22(木) 20:15: >>97
px 指定っつーことは OS に関係なく
モニタの解像度に依存するってことだ。
103 名前： Name_Not_Found 投稿日： 2001/03/22(木) 21:36: 12pxの字なぞ、俺なら読まずに帰るな
104 名前： Name_Not_Found 投稿日： 2001/03/23(金) 00:45: >>74
遅レスだが‥‥
IEの<SELECT>はWin APIで描画されてる模様(ほかのフォームはIE独自で描画)
z-indexとかも全く効かん(泣)＜常に最前面表示

よって絶対無理に思われ
105 名前： Name_Not_Found 投稿日： 2001/03/23(金) 00:58: >>104
背景色は変えられるんだけどねー。
中途半端でイヤン。
106 名前： Name_Not_Found 投稿日： 2001/03/23(金) 03:28: CSS関連かどうかは自信ないんだけど
テーブルの背景色などに透過処理を施すのってどうやるの？
前にそういうサイト見つけたんだけど既にお亡くなりらしく、、、

スレ違いだったらスマソ
107 名前： Name_Not_Found 投稿日： 2001/03/23(金) 08:15: >>106
table{background:transparent}
つか何も指定しなきゃいいと思う。
108 名前： (　´Д｀) 投稿日： 2001/03/23(金) 09:27: IEのフィルタ効果かチェック模様状の透過GIFを使った背景じゃないの？
109 名前： Name_Not_Found 投稿日： 2001/03/23(金) 09:54: >>103
オウケイー
じゃ、指定はずすわ。
110 名前： Name_Not_Found 投稿日： 2001/03/23(金) 12:05: 一部のブラウザでは、
日本語にmonospace指定すると文字化けするってうわさを聞いたのですが、
ホントですか？
111 名前： Name_Not_Found 投稿日： 2001/03/23(金) 12:38: 「ユーザが自由に文字の大きさを指定できない」以外に、px指定のデメリットってありますか？
画像でつくった文字は固定ピクセルな訳だから、pxのサイズを適切に設定すれば、
かまわないような気がするんだけど。（もちろん最初にいったデメリットを無視するとだけど）
112 名前： Name_Not_Found 投稿日： 2001/03/23(金) 12:43: >>111
君のような脳たりんに言っても分からないだろうから好きにしたら？
113 名前： Name_Not_Found 投稿日： 2001/03/23(金) 12:45: px指定ではなく、画像で作った文字にはデメリットは感じないのか？
114 名前： Name_Not_Found 投稿日： 2001/03/23(金) 14:04: >>110
ttp://www.remus.dti.ne.jp/~takahisa/flm/css/CSSTest.html
Mac版NN4.7では文字化けするようです

>>111
「ユーザが自由に文字の大きさを指定できない」ほかには思いつきません。
しかし
＞pxのサイズを適切に設定すれば
この適切というのは一人一人違う。
万人に適切なサイズなど存在しない。
というわけで、唯一ではあるけれど大きな欠点である
「ユーザが自由に文字の大きさを指定できない」のを気にしないのなら
フォントをpxで絶対指定してもかまわないと思います。
115 名前： 106 投稿日： 2001/03/23(金) 14:42: ｱｳ、言い方が拙かった。
透過処理って言うよりは半透明処理って言った方が良いかも。

黒背景画像に半透明の白テーブル、さらに黒文字みたいな感じ。
116 名前： Name_Not_Found 投稿日： 2001/03/23(金) 14:47: >>114
「ユーザが自由に画像の大きさを指定できない」
から、それと対比して、フォントのpx指定にはそれなりの合理性がありますね。
とはいえ、私は無指定ですけど。
画像の大きさをemで指定すると、全体がユーザ指定のフォントサイズとの相対値
で決まるので、なかなかおもしろいんだけど、画質が荒れますね。
将来的には、ページのレイアウトは、文字の大きさに対する相対値ではなく、
アクロバットリーダのように、ブラウザにより全体を変えられるようになる
だろうと、私は予想しています。
117 名前： l-_-l 投稿日： 2001/03/23(金) 16:40: ちょっと話題逸れるかもしれないが、文字を画像化しないことで
読む為の代替手段は大幅に増えると思う。
1ptの文字でもメモ帳とかにコピペすれば読めるように。
…ん？関係無いかな？
118 名前： ├_┤ 投稿日： 2001/03/23(金) 17:05: 新ハンドルです
119 名前： !-_-! 投稿日： 2001/03/23(金) 19:55: >>118
l-_=ld ＜バッチリっす!!
120 名前： 110 投稿日： 2001/03/23(金) 23:52: >>114
おお、このページいいですね。thanxです。
ところで、NamazuってCSSの中でmonospace使ってますよね。
このこと、Namazu開発者は知ってるのかな？
121 名前： Name_Not_Found 投稿日： 2001/03/24(土) 08:28: >>115
テーブルの背景がグレーとちゃうの？
122 名前： Name_Not_Found 投稿日： 2001/03/24(土) 08:45: >>116
んなこたぁない
123 名前： Name_Not_Found 投稿日： 2001/03/24(土) 10:24: >>122
どの点が?
124 名前： Name_Not_Found 投稿日： 2001/03/24(土) 12:58: white-spaceプロパティって、IE(少なくともWin 5.0 5.5)対応してませんよね。
インライン表示PREをやりたいんですけど、
PRE に display:inline;つけてやるしかないんでしょうか？

何が問題って、クリップボードにコピーしたときに、
最後に改行ついちゃうんですよね。
125 名前： Name_Not_Found 投稿日： 2001/03/24(土) 13:18: nobrじゃ嫌ですか?
126 名前： Name_Not_Found 投稿日： 2001/03/24(土) 14:42: inlineならPREの意味がないような気がする。
127 名前： Name_Not_Found 投稿日： 2001/03/24(土) 21:47: >>125 HTMLでですか？改行はしてもいいんですけど・・

>>126 やりたいのは、
<ol style="list-style:decimal; white-space:pre;">
<li>/* CSS サンプル */
<li>BODY {
<li>　　background-color : #cccccc;
<li>　　color : #000000;
<li>}
みたいな感じで、行番号をつけたソースを表したいのです。一つ一つのliの要素に
display:inline;のpreを入れてもいいんですが、124で書いた問題があるんです。
ちなみに、olのこのような使い方は、「ソースは行のリスト」
という考え方で、問題ないと思ってます。
128 名前： Name_Not_Found 投稿日： 2001/03/24(土) 22:08: あ、</ol>書き忘れた。つっこまないでね。
129 名前： Name_Not_Found 投稿日： 2001/03/24(土) 23:30: li を white-space:pre にしてもダメ?
130 名前： 115 投稿日： 2001/03/24(土) 23:44: >>121
ホントだって。半透明処理。下の画像が透けて見えてたもの、、、
（スクロールさせてみると半透明にしてる画像って訳じゃ無かったし）

そのサイトはもう無いんだけどチラっとソース覗いたときは、
alphachannel（ｱﾙﾌｧﾁｬﾝﾈﾙ）がどうたらって書いてあった。
畜生、ソース保存しておけば良かった、、、
131 名前： Name_Not_Found 投稿日： 2001/03/25(日) 00:09: >>130
filter:alpha(opacity=[0-100])だと思うぞ。
追記。Mozillaの場合-moz-opacity:[0-1](小数点使用可能)だ。
132 名前： 130 投稿日： 2001/03/25(日) 01:37: >>131
マジ有難う。
<table filter:alpha(opacity=[50])>
みたいな感じで組み込んで動かせばいいのかなぁ、、、？
133 名前： 127 投稿日： 2001/03/25(日) 04:54: >>129
ダメなんですよねぇ。
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/whitespace.asp
みると、nowrap は対応してるけど、preは対応していない。
なぜじゃ！
134 名前： Name_Not_Found 投稿日： 2001/03/25(日) 05:32: >>132
とほほくらい見ろ
http://wakusei.cplaza.ne.jp/twn/wwwcssf.htm#Image
135 名前： Name_Not_Found 投稿日： 2001/03/25(日) 22:01: Java,javascript を一切使わずに音を鳴らせますか？

いま妄想してるのはこんな感じです。

a hover {
makesound: url="mokyu.mp3"
}
136 名前： 129 投稿日： 2001/03/25(日) 23:34: >>133
そういうことか…。
なら、あきらめて＆nbsp; 使うとか。
137 名前： Name_Not_Found 投稿日： 2001/03/25(日) 23:36: >>135

a {
cue-before:url('mokyu.mp3'); /* クリックする前に鳴る */
cue-after:url('mokyu.mp3'); /* クリックした後に鳴る */
}
138 名前： Name_Not_Found 投稿日： 2001/03/26(月) 00:00: 音声スタイルシートに対応したブラウザって今あるのかな。
素朴な疑問。
139 名前： W3C信者 投稿日： 2001/03/26(月) 00:15: >>138
対応したブラウザがあるかどうかは問題ではないよ。
重要なのは仕様書があるかどうかだよ。
140 名前： Name_Not_Found 投稿日： 2001/03/26(月) 00:22: >>137
ありがとうございます。
ここまでいくと、さすがに「とほほ」には載ってませんね。

>>138
http://www.argv.org/~watanabe/data/SP_bepWinPaper.html
Emacspeakはbufferのmodeに応じた最適なAUIを Emacs Lispで実装しており、calendar-modeではカレンダーに適した機能を供給でき、 W3-modeではCSS2 (Cascading Style Sheets, level 2) の音声スタイルシートに対応したWebブラウザとなる。
141 名前： Name_Not_Found 投稿日： 2001/03/26(月) 23:10: あげ
142 名前： 電波卿 投稿日： 2001/03/27(火) 09:04: 予言しよう。
音声ブラウザが流行りだしたら、エロ小説サイトのアクセスが異常にあがりだし、
また、自分で小説を書く輩も増殖するであろう。

間違い無くな…。
143 名前： Name_Not_Found 投稿日： 2001/03/27(火) 09:17: ハナシかわるけどさ、モジラ対応の半透明のスタイルがあるというウワサを聞いたんですけど、御存じですか？
144 名前： Name_Not_Found 投稿日： 2001/03/27(火) 11:13: >>143
↓のページの -moz-opacity ってヤツじゃないかな。
www.cc-net.or.jp/~piro/tips/page/p0032.html
145 名前： Name_Not_Found 投稿日： 2001/03/27(火) 11:45: 電子音声でヌケるのか。
さすがは電波。
146 名前： 電子音声 投稿日： 2001/03/27(火) 11:52: ウフウン　アハアン　ソコオ　ソコオ
キモチイイ　モットツイテエ
147 名前： 143 投稿日： 2001/03/27(火) 14:15: >>144
うわ！あんがとっ
148 名前： Name_Not_Found 投稿日： 2001/03/27(火) 16:29: 　　　　　＼__／　　　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　　|￣￣　＝￣＼　＜　ボクは画質には自信があるんだ！！
　　|　 ||￣￣￣￣|| 　　＼　　映画鑑賞に最適だよ
　　|　 ||　 ´∀｀　||＿_　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　|　 ||＿＿＿＿||　　＼
　　＼　　 Mony　｜　　　＼＿＿＿＿
　　　￣|￣|￣|￣　　　／＿＿＿／| ←ﾋﾞﾃﾞｵﾃﾞｯｷ
　　　　（＿_）＿）　　　　| ：=== □|／
　　　　　　　　　　　　　　￣￣￣￣
.
　　　　　　　∧ ∧
　　　　　　　( 　　)
　　　　　　　/ 　 |つ口 ←［北田聡］
　　　　　～(＿__ﾉ
　　　　　＿＿∧＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　　　 | そうか、なら早速このＡＶ再生してくれ

---------------------------------------------------

　　　　　＼__／
　　|￣￣　＝￣＼　　　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　　|　 ||￣￣￣￣|| 　　＜　ロリータＡＶですか・・・まあいいや
　　|　 ||　；´∀｀ . ||＿_　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　|　 ||＿＿＿＿||　　＼
　　＼　　 Mony　｜　　　＼＿＿＿＿
　　　￣|￣|￣|￣　　　／＿＿＿／|
　　　　（＿_）＿）　　　　| ：=== □|／
　　　　　　　　　　　　　　￣￣￣￣
.
　　　　　　　　　　ｻｯｻﾄｻｲｾｲｼﾛﾔ
　　　　　　　∧ ∧　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　　　　　　　(# 　 )　＜　俺の趣味に文句あんのかｺﾞﾙｧ(ﾟДﾟ )
　　　　　　　/ 　 |　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　　　　～(＿__ﾉ

---------------------------------------------------------

　　　　　＼__／
　　|￣￣　＝￣＼　　　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　　|　 ||￣￣￣￣|| 　　＜　あ、あん、お兄ちゃん。ワタシもうイっちゃう～
　　|　 ||. *´∀｀* .||＿_　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　|　 ||＿＿＿＿||　　＼
　　＼　　 Mony　｜　　　＼＿＿＿＿　再生中
　　　￣|￣|￣|￣　　　／＿＿＿／|
　　　　（＿_）＿）　　　　| ：=== □|／
　　　　　　　　　　　　　　￣￣￣￣
.
　　　　　　　　　　ﾅｴﾙｿﾞ…
　　　　　　　∧ ∧　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　　　　　　　(；　 )　＜　確かに画質はいいけど声はオマエかよ
　　　　　　　/ 　 |　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　　　　～(＿__ﾉ
149 名前： Name_Not_Found 投稿日： 2001/03/27(火) 17:01: リンク部分にポインタを当てたら、
その部分のテキストが太字になるようにするには
どうやればいいんでしょう？
150 名前： Name_Not_Found 投稿日： 2001/03/27(火) 17:10: ＞149
念じる
151 名前： Name_Not_Found 投稿日： 2001/03/27(火) 17:43: >>149
a:hover {
font-weight: bold;
}
つーかさ、過去ログ調べなよ。
同じような質問今までに沢山でてるよ。
152 名前： Name_Not_Found 投稿日： 2001/03/27(火) 18:27: >>151
すみません。
上下線を出したりするのは見つけたんですが…
ありがとうございました。
153 名前： Name_Not_Found 投稿日： 2001/03/27(火) 23:49: >>152
ここの解説はわかりやすくてよいかもよ．
ttp://www.tg.rim.or.jp/~hexane/ach/
154 名前： Name_Not_Found 投稿日： 2001/03/27(火) 23:50: 　　　　∧ ∧ 　／￣￣￣￣￣￣￣
　　　（ ,,ﾟДﾟ）＜　質問する前に１のリンク先を
　　　　|つつ　|　読んで勉強しろ　ｺﾞﾙｧ(ﾟДﾟ)
　　　　| 　 |　　＼＿＿＿＿＿＿＿
　　～| 　 |
　　　 ∪∪
155 名前： Name_Not_Found 投稿日： 2001/03/27(火) 23:53: 立ちギコage
156 名前： Name_Not_Found 投稿日： 2001/03/28(水) 01:49: ていうか、ボールドにした瞬間に文字が動くでしょ？
あれはちょっと・・・なんというか。
157 名前： Name_Not_Found 投稿日： 2001/03/28(水) 07:00: 酔うよね
158 名前： Name_Not_Found 投稿日： 2001/03/28(水) 08:13: やっぱりhoverは色変更・下線表示くらいにしておかないと。
159 名前： Name_Not_Found 投稿日： 2001/03/28(水) 12:03: むしろfont-sizeを変えないと
a:hover { font-size: larger; }
160 名前： Name_Not_Found 投稿日： 2001/03/29(木) 17:08: むしろ消さないと
a:hover { display:none; }
161 名前： Name_Not_Found 投稿日： 2001/03/29(木) 19:07: むしろ脱がないと
body:stlip{B:95 W:45 H:75;}
162 名前： Name_Not_Found 投稿日： 2001/03/29(木) 19:41: >>160
動くのが嫌なんだから
a:hover { visibility: hidden; }
163 名前： Name_Not_Found 投稿日： 2001/03/29(木) 21:33: 動かないと太るからﾀﾞｲｴｯﾄしないと
<SCRIPT LANGUAGE="JavaScript">
　　your.style.body.weight = your.style.body.weight - 20kg;
</SCRIPT>
164 名前： Name_Not_Found 投稿日： 2001/03/29(木) 23:12: <style type="text/css">
legend:after { content: "(" attr(accesskey) ")"; }
</style>
<form>
<fieldset>
<legend accesskey="F">投稿フォーム</legend>
</fieldset>
</form>

のように書いたとき、NN6で表示すると

投稿フォーム(F)
(F)

のように表示されるのですが、これはブラウザのバグですか？
165 名前： Name_Not_Found 投稿日： 2001/03/30(金) 11:48: 縦書きのスタイルシート教えてくらさい！
166 名前： Name_Not_Found 投稿日： 2001/03/30(金) 12:26: >>165
ここでも読め。
http://www.doraneko.org/misc/i18n-format/WD990127.html
UA の対応状況は知らん。
167 名前： 野見山鉄太郎 投稿日： 2001/03/30(金) 12:37: >>166
多謝。
168 名前： Name_Not_Found 投稿日： 2001/03/30(金) 18:32: すんまそん。私にも教えて欲しい事があるので御教授ください。

1:<div style="width:100% ; height:100% ; ">
2:<div style="width:100% ; height:150px ; background-color:#FFAAAA ; ">テスト文字</div>
3:<div style="margin:0px ; padding:0px ; width:150px ; height:100% ; background-color:#AAAAAA ; float:left ; ">テスト文字テスト文字</div>
4:<div style="margin:0px ; padding:0px ; width:100% ; background-color:#AAAAFF ; ">テスト文字テスト文字</div>
5:</div>

てな、スタイル指定で、1行目で縦横を100％指定にしている状態で、2行目に縦をpx指定した場合に、
3行目のブロックのの縦の長さをブラウザ一杯に指定したいのですが、どう記述すればいいのでしょうか？

横幅の場合、floatで並べると、150px（3行目）+100%（4行目）で、うまくいったのですが縦ではうまくいきません。（IE5&NS6）

うーん、うまく説明できないですけど、px指定+％指定でブラウザ一杯の表示をおこないたいんです。

よくよく考えると親ブロックに対する％指定なので横幅の指定がうまくいくこともおかしいような気がするのですが…

誰かわかる方いらっしゃいます？
169 名前： 168 投稿日： 2001/03/30(金) 18:34: 補足です。

縦に対する％指定はNS6では利いてませんでした・・・・・
170 名前： Name_Not_Found 投稿日： 2001/03/30(金) 19:13: >>168-169
テーブルでなら"*"を使えばうまくいくような気がするけど。
171 名前： Name_Not_Found 投稿日： 2001/03/31(土) 02:19: >そうすれば、閲覧者が大きい、または小さいと感じてもブラウザの設定で多少融通が利きます。

それをさせたくないからこそpx指定使うけどな、俺は。
見る側で勝手にサイズ変えるんじゃねーっていつも思ってたからCSS様々だよ。
172 名前： Name_Not_Found 投稿日： 2001/03/31(土) 02:22: >>171
糞サイトのマスター発見。
webの利点を理解してないバカがまだいたとは・・・
173 名前： Name_Not_Found 投稿日： 2001/03/31(土) 02:31: >>171
印刷物でも出してろ
174 名前： Name_Not_Found 投稿日： 2001/03/31(土) 02:36: >>171
最悪の知恵遅れだな、こんな奴がまだいると思うと（鬱
175 名前： Name_Not_Found 投稿日： 2001/03/31(土) 02:49: webの利点ってサイズ変えられることだけじゃないだろ
そもそも「webだからサイズ可変に対応すべき」なんていう考え方そのものが間違ってる
CSSが生まれた背景考えてみろよﾊｹﾞ
176 名前： Name_Not_Found 投稿日： 2001/03/31(土) 02:51: 172=173=174
まぁ言いたいことは分かるよ。
そんなに怒るな。
177 名前： Name_Not_Found 投稿日： 2001/03/31(土) 02:53: >>175
ネタ？
CSSが生まれた背景わかって言ってる？
webの利点は文字の大きさに限らず、
ユーザーが形を選んだり出来る事だよ？
フォントサイズを絶対値で指定するのは、
ウェブマスターの意識を表してるんだよな。
ここまで頭悪そうだとネタとしか思えないんだけど。
178 名前： Name_Not_Found 投稿日： 2001/03/31(土) 03:09: >>177
http://www.zspc.com/documents/wcag10/index.html
179 名前： Name_Not_Found 投稿日： 2001/03/31(土) 03:28: http://www.zspc.com/documents/wcag10/index.html
6. ウェブコンテンツ・アクセシビリティ・ガイドライン
1. 聞くための内容や見るための内容には、同等の役割を果たす代わりのものを提供する
2. 色だけに依存しない
3. 正しくタグ付けし、適切にスタイルシートを使う
4. 自然言語の取り扱い方に関する情報を明確に示す
5. うまく変換されるテーブルを作る
6. 新しい技術を利用したページは、うまく変換されるようにしておく
7. 時間によって変化する内容については、ユーザーが制御できるようにする
8. ページ中に組み込まれたもののユーザーインターフェイスは、それ自体がアクセシブルなものにする
9. 装置に依存しないように設計する
10. 暫定的な解決策をとる
11. W3Cのテクノロジーとガイドラインを使用する
12. 前後関係や位置を表す情報を提供する
13. はっきりとわかるナビゲーションのための仕組を提供する
14. 文書は明瞭で簡潔なものにする
　　　　　　　　　　　　　　↑こんなことまで言われたかねーよ
180 名前： Name_Not_Found 投稿日： 2001/03/31(土) 03:41: >>179
無意味に長い引用は避けろってことなのでは？
181 名前： Name_Not_Found 投稿日： 2001/03/31(土) 03:43: >>179
14ﾜﾗﾀ
182 名前： Name_Not_Found 投稿日： 2001/03/31(土) 06:56: > CSSが生まれた背景考えてみろよﾊｹﾞ
ようするに「オレのサイト見るときゃスタイルシート切れやｺﾞﾙｧ」っていいたいんだな。175は。
183 名前： Name_Not_Found 投稿日： 2001/03/31(土) 08:03: ユーザスタイルシートを普及させよう!!
184 名前： Name_Not_Found 投稿日： 2001/03/31(土) 08:37: 171＝175の暴言読んだら、激しくムカついてきた。
CSS3では、絶対値指定をユーザ・スタイルシート以外では禁止して欲しい。
マジで。
185 名前： Name_Not_Found 投稿日： 2001/03/31(土) 09:58: >>184
こういう指定は無視、って記述が欲しいよね。
text-decoration: none ! ignore; みたいなの。
186 名前： Name_Not_Found 投稿日： 2001/03/31(土) 11:20: つくづく CSS を OFF に出来ない IE ってクソ UA だと思う。
187 名前： Name_Not_Found 投稿日： 2001/03/31(土) 13:14: CSSを ON にできない NN も糞だけどな
188 名前： 171 投稿日： 2001/03/31(土) 13:20: ガタガタ言うならHTMLもoffにしとけば？
189 名前： Name_Not_Found 投稿日： 2001/03/31(土) 14:42: >>188
とっくにしとるわﾎﾞｹェ
190 名前： Name_Not_Found 投稿日： 2001/03/31(土) 14:57: http://www.kohshi.org/ieex/
スタイルシート無効にできる
191 名前： Name_Not_Found 投稿日： 2001/04/01(日) 01:14: age
192 名前： Name_Not_Found 投稿日： 2001/04/01(日) 02:34: >>190
あ、こりゃ便利だ。
193 名前： Name_Not_Found 投稿日： 2001/04/01(日) 04:37: >>171さんのサイト教えてもらえませんか？
offにするので
194 名前： Name_Not_Found 投稿日： 2001/04/01(日) 07:01: レジストリをいじる方法もあるよ。

鳩丸ご意見番 - Microsoft Internet Explorer 5 でスタイルシートを無効にする方法
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/disablecss
195 名前： Name_Not_Found 投稿日： 2001/04/01(日) 12:37: Webdingsなどの絵文字フォントをアクセントとして使ったときに、
インストールされてない環境では変な記号だけが出てしまうので、
WebdingsがインストールされてなければDisplay:none;のような
状況にする事はCSSでfont-familyかなんかで出来ませんか？
教えてきゅださい。
196 名前： Name_Not_Found 投稿日： 2001/04/01(日) 17:23: そもそもCSSを無効にしたいような後ろ向きな人がなんでこのスレ見てんだろうか
197 名前： Name_Not_Found 投稿日： 2001/04/01(日) 22:10: >>195
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=985279007&st=196&to=202&nofirst=true
と全然人格違うね。
198 名前： Name_Not_Found 投稿日： 2001/04/01(日) 22:32: >>196
マズは敵を知れと言うだろう。
199 名前： Name_Not_Found 投稿日： 2001/04/02(月) 06:54: >>190
これってスタイルシートも切れるけど画像もなくなっちゃうのよね。
おしい。
200 名前： Name_Not_Found 投稿日： 2001/04/02(月) 08:21: >>199
所詮 HTML ファイルなんだし、カスタマイズすればいいんとちゃう?
201 名前： Name_Not_Found 投稿日： 2001/04/02(月) 11:32: Lynxやw3mを使うというのは反則ぢゃないよね

>>179
「氏ね」とか「逝ってよし！」とかを使ってはいけないと
いうことなんですよね^^;。文章読み上げブラウザとかで
結構混乱ありますし。
202 名前： Name_Not_Found 投稿日： 2001/04/02(月) 12:15: w3mは現代のナチス
203 名前： Name_Not_Found 投稿日： 2001/04/02(月) 12:55: 文字サイズの固定に目くじら立てる人って、画像の縦横もem相対で
指定しているんですか?
204 名前： Name_Not_Found 投稿日： 2001/04/02(月) 14:38: >>200
意味がわかりません。人のサイトをカスタマイズ？

>>203
それちょっと知りたいね。煽りとかではなく。
どうなんですか？＞文字サイズを相対指定してる方
205 名前： 200 投稿日： 2001/04/02(月) 15:04: >>204
ieex の挙動をカスタマイズってこと。
\windows\web にインストールされた HTML ファイルだから。
エディタで開けば何やってるか解ると思うよ。
206 名前： Name_Not_Found 投稿日： 2001/04/02(月) 17:51: >>203
pxも相対値だーぜ
207 名前： Name_Not_Found 投稿日： 2001/04/02(月) 21:54: >>206
文字の相対値と言う意味で考えてね。
208 名前： Name_Not_Found 投稿日： 2001/04/02(月) 22:39: ＞206
ヘリクツこねんなよクソが
209 名前： Name_Not_Found 投稿日： 2001/04/03(火) 07:31: >>203
オレはテキストは em 指定だけど、
画像は通常 img 要素の width/height 属性で指定してるから
結果的に px 指定。
テキストとの相対サイズが問題になる場合なら em でやるけどね。

逆に、文字サイズを pt で固定するときに
画像サイズも pt で固定するだろうかと思ったりする。
210 名前： Name_Not_Found 投稿日： 2001/04/03(火) 09:20: >>209
そういうあなたは「文字サイズの固定に目くじら立てる人」ですか?
211 名前： Name_Not_Found 投稿日： 2001/04/03(火) 09:22: ＞209
は？　画像も可変なのか？
画像が固定サイズだからこそバランスを考えて文字も固定にしたいんだよ
212 名前： Name_Not_Found 投稿日： 2001/04/03(火) 10:10: 画像の場合、縦横比を指定できないんだからpx単位でもしょうがないでしょ。
画像を細長くされると分かりにくくなって困るし。
213 名前： Name_Not_Found 投稿日： 2001/04/03(火) 12:07: ＞212

はぁ？何言ってるんですか？
画像っていうのは使いたいサイズ・使いたい縦横比にトリミングして使うものですよ？
そもそもなんでHTML上で縦横比を指定する必要があるの？
まさか素材集とかの画像をそのまんま使ったりしてるのか？デザインやったことある？

それから「しょうがない」って何よ？
じゃああなたは画像をどう指定してどう表示させたいわけ？（ちなみにWIDTHもHEIGHTも％指定すれば縦横比指定できるけどな。特別な場合以外使わないだろ普通）
214 名前： Name_Not_Found 投稿日： 2001/04/03(火) 12:07: 画像は100%にすれъ( ﾟｰ^)
215 名前： Name_Not_Found 投稿日： 2001/04/03(火) 12:24: >>213
だから、トリミングして200*100pxの画像を75*300pxで見られたらどうする？
っていう話でしょ。
216 名前： Name_Not_Found 投稿日： 2001/04/03(火) 12:49: ＞215
「画像を細長くされると分かりにくくなって困るし。」←この部分はそう言ってるかも知れないが
「縦横比を指定できないんだからpx単位でもしょうがない」←この部分はどうなのよ
217 名前： Name_Not_Found 投稿日： 2001/04/03(火) 12:53: [練習 1]
幅 200 px * 高さ 100 px の画像 hoge.gif があったとする。
HTML 文書内に <div>練習<img src="hoge.gif" style="height:1em"></div>
というマークアップを記述し、ブラウザに表示させてみよ。
218 名前： 203 投稿日： 2001/04/03(火) 12:57: >>217 さんがいて助かりました。
なんで%指定とか言ってる人がいるんだろうね。
219 名前： 203 投稿日： 2001/04/03(火) 13:01: で、

文字サイズの固定に目くじら立てる人 = 画像もem単位
文字サイズのpx固定も良しとする人 = 画像はありのまま

だと思うんですが、
文字サイズの固定に目くじら立てる人で画像はありのまま
の人がいるかどうか、
いるならば矛盾を感じないかを聞きたいのですが…
220 名前： Name_Not_Found 投稿日： 2001/04/03(火) 13:16: >>219
> 文字サイズの固定に目くじら立てる人 = 画像もem単位
CSS で指定する場合はそうだろうけどね。
実際は CSS 未対応ブラウザのレンダリング効率の影響などを考慮して
width,height 属性で指定している場合が多いんじゃない?
221 名前： Name_Not_Found 投稿日： 2001/04/03(火) 13:16: textareaのスクロールバーを消すことってスタイルシートでできないですか？
222 名前： 221 投稿日： 2001/04/03(火) 13:28: もしくはinputのボーダーをwinIE、Mozillaで消す方法…。
223 名前： Name_Not_Found 投稿日： 2001/04/03(火) 13:31: >>221
textarea{ overflow:hidden; }
input{ border:none; }
未確認。
224 名前： Name_Not_Found 投稿日： 2001/04/03(火) 13:47: >>223,221
inputはMozilla(NN6)ではどうやっても不可能。あきらめな。
225 名前： Name_Not_Found 投稿日： 2001/04/03(火) 13:55: >>224
え? 消せてるんですけれども…。Mozilla/N6 ともに。
226 名前： 224 投稿日： 2001/04/03(火) 14:30: >>225
え～。やって美奈世↓
<input type="text" value="xxxx" style="border:none;">
227 名前： W3C信者 投稿日： 2001/04/03(火) 14:52: img要素width/height属性は既に淘汰された。用いるべきでない。
228 名前： Name_Not_Found 投稿日： 2001/04/03(火) 14:55: そもそも画像をem指定するなんていう発想そのものが技術者発想だよな。
画質だのデザイナの微妙な画像補正だの思いっきり無視したエゴだよ。暴力的だ。
229 名前： Name_Not_Found 投稿日： 2001/04/03(火) 15:01: 画像は使うサイズにトリミングした上でアンシャープマスクなど必要な処理をしてpx指定。
画像が固定サイズである以上もちろんtextもpx固定。これは誰が何と言おうが譲れない。
デザイン重視のページの場合ね。
textだけで伝わるようなページでデザインは飾り程度っていうページなら可変にする。
230 名前： 225 投稿日： 2001/04/03(火) 15:02: >>226
やってみた～。まんまコピペしたけど、やっぱり border 消えてるよ。
文書型宣言消してみたらインラインスタイル指定が効かなかった。
231 名前： Name_Not_Found 投稿日： 2001/04/03(火) 15:15: みんなキチョーメンなページ作りしてるんだな～。タイヘンだね。
232 名前： Name_Not_Found 投稿日： 2001/04/03(火) 15:25: >>228
ページの趣旨次第だけど、
> 画質だのデザイナの微妙な画像補正
には興味がないユーザーが大部分じゃないですかね。
256 色環境のユーザーもたくさんいますし。
233 名前： Name_Not_Found 投稿日： 2001/04/03(火) 16:30: >>229
文字だらけでpx固定だったら最悪。
もう君はサイトを作らなくてよい。
234 名前： Name_Not_Found 投稿日： 2001/04/03(火) 16:46: >228
ばーか

だからって企業がピントも合ってないようなボケボケの商品画像を乗せると思うか？
何のために画像使ってると思ってんだ。飾りじゃねーぞ
235 名前： 234 投稿日： 2001/04/03(火) 16:47: 間違えた(;´Д`)
上のレスは＞228じゃなくて＞233ね
236 名前： 234 投稿日： 2001/04/03(火) 16:48: さらに間違えた(;´Д`)
＞233じゃなくて＞232ね(;´Д`)ｳﾄｩだｼﾉｳ
237 名前： 232 投稿日： 2001/04/03(火) 17:15: >>234
だからページの趣旨次第だと言っているだろーが。
ユーザーが画質を重視する場面は当然あるだろうさ。
238 名前： Name_Not_Found 投稿日： 2001/04/03(火) 17:32: 234 と 229 は別人だと思うけれど、
もし商品画像と説明を掲載したようなページで
「デザイン重視」とかってフォント固定してたら
その時点でオレその商品を検討項目から外すだろうな。
239 名前： Name_Not_Found 投稿日： 2001/04/03(火) 17:37: まとめ。
では、文字はem（もしくは%）、画像はpxってことで・・・
240 名前： Name_Not_Found 投稿日： 2001/04/03(火) 17:43: >>239
あぁ気持ち悪い。
PDFにするか(ワラ
241 名前： Name_Not_Found 投稿日： 2001/04/03(火) 18:03: >>240
賢明な選択なんだけどな。PDF。
242 名前： Name_Not_Found 投稿日： 2001/04/03(火) 18:53: ＞238
なんでそこまで意地になる？なんかイヤな思い出でも？
つーかあんたは普段どうやってブラウズしてんのよ？フォントサイズ最大じゃないとイヤなの？
目悪いの？ひょっとして虫眼鏡とか携帯してるの？
243 名前： 238 投稿日： 2001/04/03(火) 19:24: ユーザースタイルシートフル活用。目悪いからね。
虫眼鏡なんて役に立たないもの携帯しないって(笑)。
244 名前： Name_Not_Found 投稿日： 2001/04/03(火) 20:18: ＞238
じゃあ新聞とか読まないの？
「文字のサイズが変えられねーなんてクソだぜ」とかぶつぶつつぶやきながら
虫眼鏡使って新聞とか本とか読んでるのかと思ったよ。
245 名前： 238 投稿日： 2001/04/03(火) 20:41: 虫眼鏡ね、酔うんだよね。
一般書籍は眼から 5cm くらいの距離で読んでる。
長時間は読めないよ。
で、眼から 5cm の距離で PC の画面はキビシイんだよ。
246 名前： Name_Not_Found 投稿日： 2001/04/03(火) 21:22: >もし商品画像と説明を掲載したようなページで
>「デザイン重視」とかってフォント固定してたら
>その時点でオレその商品を検討項目から外すだろうな。
何故そのページがフォント固定だからって商品が検討対象外になるのだろう(w
商品関係ないじゃん。字の大きさで商品の価値が変わるものなのか。
面白いよ。
247 名前： Name_Not_Found 投稿日： 2001/04/03(火) 21:28: 新聞も文字大きくなったね。
248 名前： 238 投稿日： 2001/04/03(火) 21:42: 本来ブラウザの機能として出来るはずの操作が
出来ない様になっている、って意味で
右クリック禁止のページに会ったような不快感があるんだよ。
うぜぇ、やめやめって感じ。
249 名前： 238 投稿日： 2001/04/03(火) 21:47: 字の大きさで商品価値は変わらないと思うよ。
でもそれが変更できないってのはなぁ。
商品価値はともかく、企業イメージは低下するね。
250 名前： Name_Not_Found 投稿日： 2001/04/04(水) 05:44: だからー、文字がゴマ粒みたいに小さく固定されてると
その商品がいいものなのかどうなのか、値段はどうかとかも
何が書いてあるのかよくわからんのよ。
251 名前： Name_Not_Found 投稿日： 2001/04/04(水) 06:26: Webという物への意識と理解が企業サイトに現れます。
まあ作ってるﾔｼがｱﾚじゃあしょーがないけどな。
252 名前： Name_Not_Found 投稿日： 2001/04/04(水) 07:57: 小さすぎるのも困るけど、大きすぎるのも困る。
ちょっと前の解像度が低いノートでは小さくないと不便。
だから、固定しないでほしい。
253 名前： Name_Not_Found 投稿日： 2001/04/04(水) 08:03: どっちにしても固定はWeb理解してなさすぎ。
ディスプレイとにらめっこは疲れる。
姿勢崩しながら見るには大きいほうがいいし。
流し読みするときは小さいほうがいい。
色々なケースに当てはまる。人の好みもあるし。
決めるのはユーザー。
「勝手に変えんじゃねえよバカ！」ってのは、
紙とWebの区別がついてないか、自分の目線でしか物が言えない人。
254 名前： Name_Not_Found 投稿日： 2001/04/04(水) 09:23: 融通の利かない、利用価値の低いページ作ってるってことだよね。
255 名前： Name_Not_Found 投稿日： 2001/04/04(水) 09:43: どうせ商品の写真はpxなんだから見えないんじゃないの?
やっぱりブラウザが拡大表示機能を持つべきだな。
256 名前： Name_Not_Found 投稿日： 2001/04/04(水) 09:58: >>255
ドリキャスはあるよな拡大表示（藁
257 名前： Name_Not_Found 投稿日： 2001/04/04(水) 10:12: IEでもできるね。
258 名前： _ 投稿日： 2001/04/04(水) 15:43: >>255
相対指定にすれば画像も大きくできるって上で何度も言っているのだが？
259 名前： Name_Not_Found 投稿日： 2001/04/04(水) 16:46: 当サイトの推奨視力は 0.7 以上です。
それ以上の環境でご覧になることをお奨めします。
260 名前： 255 投稿日： 2001/04/04(水) 17:38: >258

>>220 >>228 >>229

を支持しているからだよ。
261 名前： Name_Not_Found 投稿日： 2001/04/04(水) 18:06: >文字見えないトキ
ソース見ればいいじゃんか。所詮ブラウザ次第でしょうが。
…あ、ひょっとしてソースの文字も小さくて読めんの？(w-o-w)
262 名前： Name_Not_Found 投稿日： 2001/04/04(水) 18:08: >>261
なんでこういうアホが２ちゃんに・・・（超呆苦笑
263 名前： Name_Not_Found 投稿日： 2001/04/04(水) 18:18: 俺は固定だ。別に企業サイトじゃない、
ひっそり個人サイトだからな。俺の勝手だ。

駄目かい？
264 名前： Name_Not_Found 投稿日： 2001/04/04(水) 18:55: >>263
構わんよ、それで来訪者が減ってもいいのなら。
265 名前： Name_Not_Found 投稿日： 2001/04/04(水) 19:29: このスレを見て、今まで12px固定だったのを相対（78％）にしてみた。
普段IEのフォントサイズ「小」でブラウジングてる自分にはちときつい。

でもまぁ、しばらくこれで様子を見てみよう。
266 名前： Name_Not_Found 投稿日： 2001/04/04(水) 20:05: 確信犯に何言ってもしょうがないよ。
解っててやってるならそれでいいんじゃないの？
知らなくて、そんなつもりなくて固定してるような人には
一度考えてみて欲しいけどね。
考えた結果、それでも文字を固定するっつーなら、俺は止めない。
267 名前： Name_Not_Found 投稿日： 2001/04/04(水) 21:48: どうしても「固定＝悪」にしたいんだね。あほくさ。
268 名前： Name_Not_Found 投稿日： 2001/04/04(水) 21:56: ブラウザの文字サイズを変更した場合に縦の行間が変わらない方法があったら教えてください。
ちなみにスタイルシートでBOXを使用しているのでTABLEは使えないのです。
269 名前： Name_Not_Found 投稿日： 2001/04/04(水) 22:06: >>267
「固定＝悪」てか「非固定＝便利」だと思う。
便利な方がいいと思うのは利用者として自然。
270 名前： Name_Not_Found 投稿日： 2001/04/04(水) 23:59: >>268
縦の行間はline-heightの意味ですよね。
今はどういう指定にしていますか？
%やemで指定しても意図通りになりませんか？
271 名前： 263 投稿日： 2001/04/05(木) 00:27: 固定を主張していたが、相対80%(フォントサイズ：中)でやってみて、
思ったよりしっくりきてビックリだ。
これでもう固定にする理由はなくなったが、
レイアウト的には崩れる。まあいいか、読めれば。
272 名前： Name_Not_Found 投稿日： 2001/04/05(木) 00:47: age
273 名前： Name_Not_Found 投稿日： 2001/04/05(木) 02:46: フォントサイズって、78％と79％の間に境目（？）があるのですか？
77％と78％は同じに見えるし、79％と80％は同じに見える（IE5.01）んですけど。

>>265さんも78％のようだし・・・
274 名前： Name_Not_Found 投稿日： 2001/04/05(木) 02:58: 小数点以下の繰り上げ・繰り下げで差が出るんでしょ。
275 名前： Name_Not_Found 投稿日： 2001/04/05(木) 03:53: だいたいさ、そうやって計算上はじき出されたサイズで表示されてもさ、
マックだと汚くて読みづらいんだよな。
固定化が「見る側の環境を無視している」みたいなこと抜かすんだったら、
マックユーザでもキレイに見られるようにしてくれや。
276 名前： (´ー`)y-~~ 投稿日： 2001/04/05(木) 08:05: 絶対値で指定して固定したつもりになっていても
現実にはフォントの違いによって同一にはならないけどな(´ー`)y-~~
277 名前： Name_Not_Found 投稿日： 2001/04/05(木) 08:06: >>268
回答は>>270のようにline-heightでいいと思うけど、
「スタイルシートでBOXを使用しているのでTABLEは使えない」
ってどういうこと？
278 名前： Name_Not_Found 投稿日： 2001/04/05(木) 08:07: >>261
なんでこういうアホが２ちゃんに・・・（超呆苦笑
279 名前： Name_Not_Found 投稿日： 2001/04/05(木) 08:09: >>278は>>276へでした！
280 名前： Name_Not_Found 投稿日： 2001/04/05(木) 08:12: >>275
ﾏｸはﾏｸで、見る方がブラウザで調整したらいいんじゃないの？
ページ作成者が固定したらそれすら不可能にしちゃうよ。

俺は強固に相対指定を勧める気はないけど、そんなに絶対的に固定するのに
こだわるのも理解できない。
例えばどんなサイトだと固定しなきゃならないの？
自分のとこじゃなくていいから上げて欲しい。
281 名前： ２７８ 投稿日： 2001/04/05(木) 08:15: 俺が固定したら固定なんだよ。
マックなんか使ってるやつはみんな死ね。
282 名前： Name_Not_Found 投稿日： 2001/04/05(木) 08:29: >>281
もっと素直に「俺以外みんな氏ね」って言えや。
283 名前： Name_Not_Found 投稿日： 2001/04/05(木) 11:57: >>281のような人がいるからユーザ補助のすべての項目に
チェックをつける人が出てくるんだよな（藁

でもそれをやると、不適切なHTMLに遭遇すると画面表示が
滅茶苦茶になる…

HTMLにせよ、CSSにせよ、適切に書いてよ（涙

スレの趣旨から外れているのでsage
284 名前： 名無しちん、ぴんち 投稿日： 2001/04/05(木) 12:51: >>283
それやってるよ。 W3C仕様に準拠してるところはだいたいまともに表示されるのがなんか素敵。
285 名前： Name_Not_Found 投稿日： 2001/04/05(木) 18:26: >>269
激しく同意。「固定＝悪」とは俺も思わん。

「固定＝不便＝自分で調整できないので、読めない人が出る」
「相対＝便利＝自分で調整できるので、誰でも読める」だと思う。

なるべく大勢に人に読まれてなんぼじゃないかな、Webサイトは。

個人サイトでひっそりやるのがキボーンな人なら、別に良いよ。
でも、商業サイトや、なるべく大勢に来てもらいたい個人サイトは、
「誰でも読める」を第一に考えるべきじゃないかな。

だから、その意味で（なるべく大勢に門戸が開かれているという意味で）、
「固定＝不利」「相対＝有利」ってことはあるかもしれない。
286 名前： Name_Not_Found 投稿日： 2001/04/05(木) 18:41: 最初に断っておくが、強要するつもりはない。
俺のやり方ということで聞いてくれ。

・文字は全部相対指定。
・画像はファイルサイズが小さいものと、大きい（本来のサイズ）ものの２種類用意。
・小さい画像を、相対指定で本文中に置く。
・その小さい画像からリンクを張って、別ファイルに大きい画像を絶対指定で置く。

要するに、サムネイル＝相対指定（固定）、見せたい画像＝別ファイルで絶対指定（固定）ということ。

基本的に相対指定派だけど、画像は細部まで固定にしたい俺にとっては、これがベストな方法だと思う。
287 名前： 286 投稿日： 2001/04/05(木) 18:45: ラスト２行。

＞要するに、サムネイル＝相対指定（固定）、見せたい画像＝別ファイルで絶対指定（固定）ということ。
＞基本的に相対指定派だけど、画像は細部まで固定にしたい俺にとっては、これがベストな方法だと思う。

↑×　○↓

　要するに、サムネイル＝相対指定（非固定）、見せたい画像＝別ファイルで絶対指定（固定）ということ。
　基本的に相対指定派だけど、画像は細部まで表示したい（固定にしたい）俺にとっては、これがベストな方法だと思う。

間違えた。鬱氏
288 名前： LIFEROS 投稿日： 2001/04/06(金) 10:51: 既出かもしれませんが、自分への戒めも含め情報共有。
スタイルシートは普通

background-color:#ffffff;

等と指定しますが、ＩＥだとコレを

background-color=#ffffff;

でも有効になってしてしまいます。
ある日ネスケで見てみたらマックロな画面にマックロな時・・・
涙が出そうでした。
289 名前： Name_Not_Found 投稿日： 2001/04/06(金) 15:02: Javaスクリプト質問スレで聞いたらこっちで聞いたらどうと
いわれました。

<STYLE TYPE-"text/css">

</STYLE>
<SCRIPT>

</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FF80A0" onScroll="MoveIndex();">

<DIV CLASS="link"
onMouseOver="ChangeStyle(this, 1)"
onMouseOut="ChangeStyle(this, 0)"
onMouseDown="ChangeStyle(this, 2)"
onMouseUp="ChangeStyle(this, 1)"
onClick="DivClick(this)">
<A HREF="hoge.html">　hoge</A>
</DIV>

これをCSSの疑似クラスで指定はできるでしょうか？
また、スクリプトとCSSの部分を外部ファイルに指定したいんですけど
同一テキスト内に一緒に書いてもいいの？
＜スクリプトとCSSを分割したらエラーが出ました。
290 名前： Name_Not_Found 投稿日： 2001/04/06(金) 15:14: あ、すいません。疑似クラスで似たようなものが
作れないかどうか、です
291 名前： Name_Not_Found 投稿日： 2001/04/07(土) 00:48: 疑似クラス（a:hover以外で）に対応してるブラウザって今現在あるの？
292 名前： Name_Not_Found 投稿日： 2001/04/07(土) 01:09: >>291
Mozilla と N6 は H1 だろうと DIV だろうと
:hover 効くよ。opera とかはどうなんだろう？
293 名前： Name_Not_Found 投稿日： 2001/04/07(土) 08:15: :focusって指定するとどうなるよ?
294 名前： Name_Not_Found 投稿日： 2001/04/07(土) 09:24: >>293
どーやってフォーカス移すの？
:active ならともかく。
295 名前： 名無しさん＠そうだ選挙にいこう 投稿日： 2001/04/08(日) 23:00: フォームの input type="file" にスタイルシートでテキスト記入欄の
枠の色を設定したいのですが、そうすると参照のボタンの枠の色も
変わってしまうのですが、何とかテキスト記入欄だけに適用することはできませんか？
296 名前： 名無し~3.EXE 投稿日： 2001/04/08(日) 23:25: >>295
くらす、あいでぃ。
ではダメなんですか？
297 名前： Name_Not_Found 投稿日： 2001/04/08(日) 23:59: >>295
ブラウザは何？
input[type=file] は内容モデルとかよく分からんから、CSSでの表示変更はあんまり期待しない方がいいと思うけど。
298 名前： 名無しさん＠そうだ選挙にいこう 投稿日： 2001/04/09(月) 00:18: >297
IE5です。
ちなみにこんな感じです。
<body bgcolor="000000">
<input type="file" name="img" value="" size="30"
style="background-color: #303028; color: #F7F7EF; border: 1px solid #F7F7EF">
299 名前： Name_Not_Found 投稿日： 2001/04/09(月) 01:58: fileの参照ボタンとテキストエリアはワンセットだからねぇ。

関係ないけどbodyのbgcolorは"#000000"にした方がいいと思われ。
300 名前： Name_Not_Found 投稿日： 2001/04/10(火) 23:13: a:link{} a:active{}などのリンク文字の設定を
同じページの違う箇所で使い分けるにはどうすればいいんですか？
301 名前： Name_Not_Found 投稿日： 2001/04/10(火) 23:18: クラスセレクタ、IDセレクタ、子孫セレクタなどを使うとよろし。
302 名前： 300 投稿日： 2001/04/10(火) 23:27: すいません、ただのテキストは　.text {font-size:8pt; color:#00CCCC }で
<（タグ） class="text">てな感じで設定したのですが、a:linkなどは
どのように設定したらいいかわかりません。
303 名前： Name_Not_Found 投稿日： 2001/04/10(火) 23:51: >>302
例えば、こうすればheadの中のアンカー文字列は黒、
bodyの中のアンカー文字列は白になる。
やり方は他にもいろいろあるだろうけどね。
div.head a:link {
color: #000000;
}
div.body a:link {
color: #ffffff;
}

<div class="head"><a href="hoge">hage</a></div>
<div class="body"><a href="hoge">hage</a></div>

後は自分でお勉強してくださいな。
http://www.google.com/search?q=CSS+%95%B6%96%AC%83Z%83%8C%83N%83%5E&hl=ja&lr=lang_ja
304 名前： 298 投稿日： 2001/04/11(水) 23:21: #入れ忘れてました。
fileはやっぱりできないんですかね。
305 名前： 300,302 投稿日： 2001/04/11(水) 23:49: >>303さん
うまくできました。ありがとうございました。
306 名前： Name_Not_Found 投稿日： 2001/04/12(木) 20:52: pre > kbd {
text-decoration: underline;
}

上のようなCSSの記述を見かけたのですが、
`>`はどういう場合に使われるのでしょうか？
307 名前： Name_Not_Found 投稿日： 2001/04/12(木) 21:29: >>306
ttp://east.portland.ne.jp/~sigekazu/css/css2.htm
308 名前： Name_Not_Found 投稿日： 2001/04/13(金) 00:23: >>306
一応解説。
">"はCSS2の子セレクタ。この場合なら“pre要素内にある”
kbd要素が下線で装飾される（はず）。

因みに
pre kbd { ………… }
と書くと子孫セレクタになる。こちらは子だけではなく、pre要素内にある
kbd要素全てに適用される。
※子セレクタの場合pre em kbdというようなkbd要素には反応しない（はず）。
あくまで直下にある要素のみに適用される（だから子セレクタ）。
こちらはその要素が親要素内にあれば無条件に適用される（他に指定がなければ）。

間違ってたらごめん。
309 名前： Name_Not_Found 投稿日： 2001/04/13(金) 01:24: アンクのスタイルシート辞典（紅い表紙ね）を持ってるけど、
もう古いっすかね？
310 名前： Name_Not_Found 投稿日： 2001/04/13(金) 01:48: 新しくはないけど、さほど悪くもない。
まぁ新しく薦めるならカラー版「詳解～」の方を薦めるけど。
311 名前： Name_Not_Found 投稿日： 2001/04/13(金) 08:00: >>309
1の仕様書で十分じゃない？
どうしてアンクの本買うのかわからん。
312 名前： Name_Not_Found 投稿日： 2001/04/13(金) 10:44: <table cellspacing="0" cellpadding="0">

をCSSで書くとすれば、テーブル内の要素に対して
marginとpaddingをゼロに、ていうのでオッケーですか？
それともテーブル自体に記述できるなら
識者の方、ご教授ねがいます
313 名前： Name_Not_Found 投稿日： 2001/04/13(金) 22:08: 初歩かもしれませんがどうしても知りたいので教えて下さい。
ウィンドウの横も、縦も真ん中にテーブルを持ってきたいのです。
横はセンタリングで容易なのですが、縦が全くうまくいきません。
テーブルの上と下のマージンを％で同じにできる様なやり方はありますか？
314 名前： Name_Not_Found 投稿日： 2001/04/13(金) 23:00: >>313

こんな感じかな。

table{
width:50%; /*横幅を親要素の50%に*/
height:50%; /*縦幅を親要素の50%に*/
margin:25%; /*上下左右に親要素の25%ずつ余白*/
}

「センタリングで容易」っていうのがよくわからない。
たぶん text-align:center; のことを言ってるんだと思うけど、
それは間違い。ブロック系要素にtext-alignは効かない。
もしそういう宣言をすると、
IE5では「何故か」（間違いなのに）有効になるけど、
Mozilla なんかでは（正しい解釈に基づいて）無効にする。
315 名前： Name_Not_Found 投稿日： 2001/04/13(金) 23:05: >>312

それでOKだと思う。
ただTableまわりのCSS実装が甘いブラウザは多いから、
宣言した通りに実際に表示されるかどうかは別だけどね。
cellspacing 属性なんかは HTML4.01/Strict でも
認められてんだから、無理してスタイルシート使うことも
ないんじゃない？
316 名前： Name_Not_Found 投稿日： 2001/04/13(金) 23:21: >>313
>>314
tableの場合、仕様的にはmargin-leftとmargin-rightをautoにする事で
まん中に来る。
上下マージンをウインドウの縦幅にあわせて指定するのは仕様上は無理。

>>312
>>315
HTML4のcellspacingはCSS2ではborder-spacingを使う。
ただし、実際に表示するのはNetscape6/Mozillaのみ。
317 名前： 316ではないけど 投稿日： 2001/04/13(金) 23:32: 境界を分離させた表にするとレイアウトが大変……、
padding・border・border-spacing……えっと、marginは無いんだっけ？
よく分からん……。
318 名前： 312 投稿日： 2001/04/14(土) 02:04: レイアウトを全部CSSで書いていったらこれだけ残って
妙に気になったので。笑

ありがとうございました
とりあえずはこのままでいきます
319 名前： wan 投稿日： 2001/04/14(土) 13:15: 教えて下さい。
　フィルターシャドウをかけた文字にリンクを貼ってると、
マウスポインタがリンクの「手マーク」になってくれません。
メニューにこのスタイルを使用してる為、わかりにくいような気がします。

<A HREF="mailto:Question" style="text-decoration:none;">
<span style="width:0;height:0;font-size:20px;color:#FFF452;
Filter:Shadow(color=#005511,Direction=220)">Mail</span></A>
320 名前： wanです。 投稿日： 2001/04/14(土) 13:21: 一応、このまま使ってて問題はないのですが、
もし、「手マーク」になる方法があれば、教えて頂きたいです。
321 名前： Name_Not_Found 投稿日： 2001/04/14(土) 13:42: 順番逆にしたらいいのでは？
<span style="width:0;height:0;font-size:20px;color:#FFF452;Filter:Shadow(color=#005511,Direction=220)">
<A HREF="mailto:Question" style="text-decoration:none;color:#FFF452;">Mail</A>
</span>
322 名前： wan 投稿日： 2001/04/14(土) 13:57: >>321
有難うございました。
リンク貼ってるから色が変わるんですね・・・。なんて初歩的な
ところに気がつかなかったのか。自分で恥ずかしいです。
323 名前：投稿日： 2001/04/15(日) 06:09: 定期船あげ
324 名前： Name_Not_Found 投稿日： 2001/04/15(日) 08:08: ページを下にスクロールしても、常にナビゲーションを表示したくて、
次のようにしています。（個人的にフレームは使いたくありません）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<title>WebSite</title>
<style type="text/css"></style>
</head>
<body>
<div class="navi">
｜<a href="back.html">BACK</a>
｜<a href="#top">TOP</a>
｜<a href="next.html">NEXT</a>｜
</div>
<div class="main">
<h1 id="top"><a name="top">WebSite</a></h1>
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
WebWebWebWebWebWebWebWebWebWebWebWebWebWebWebWeb
</div>
</body>
</html>

上手くいかないのは、ページトップに戻る部分です。

IE5.5だと、イメージ通りになるんです。
上に固定されているナビゲーションの「TOP」をクリックすると、
スクロールする部分（div.main）だけが動いて、見出し(h1)に戻ります。

ところがネスケ６だと、「TOP」をクリックしてもページトップに
戻れないのです。
スクロールする部分（div.main）は全く動かず、ページ全体が
先頭（ナビゲーションの表示部分）に動いてしまうのです。

IE5.5でも、ネスケ６でも同じ挙動にしたいのですが、
どうしたらよいのでしょうか？
どなたか教えてください。宜しくお願いします
325 名前： Name_Not_Found 投稿日： 2001/04/15(日) 10:18: >>324

それ iframe みたいで面白いねぇ。
でも、それだとスクロールマウスのホイールが効かないんですけど…。
ウチの環境は Win98 IE5.01sp2 ね。

Transitional じゃダメですかね？
326 名前： Name_Not_Found 投稿日： 2001/04/15(日) 10:39: >>324
望む動作に対して理に適った記述を
現状の HTML + CSS でやるのは無理だと思う。
JavaScript でやるしかないんじゃないかなぁ。
327 名前： 324 投稿日： 2001/04/15(日) 17:33: >>325
ホイールについては、

　Win2000sp1＋IE5.5sp１→効く
　Win2000sp1＋ネスケ6→効くかない
　Win2000sp1＋ネスケ4.7→効かない

こんな風だったので、単にネスケだけ効かないと思っていました。
325さんに言われて、確かめたら、

　Win98SE＋IE5.01→効かない

こうでした。（デュアルブートになってます＞自機）
Win98がダメなのか、はたまたIE5.01がダメなのか……？
328 名前： 324 投稿日： 2001/04/15(日) 17:35: >>326

＞現状の HTML + CSS でやるのは無理だと思う。

（たまたま？）望む通りの動作をする、IE5.5の方が特殊ってことでしょうか？
329 名前： Name_Not_Found 投稿日： 2001/04/15(日) 23:42: CSSを勉強し直そうと、アンクのCSS辞書を買おうと思ってました。
他にお勧めCSS本はありますか？
330 名前： Name_Not_Found 投稿日： 2001/04/16(月) 00:03: 詳解 HTML & スタイルシート辞典：岡倉龍一/秀和システム
スタイルシート Web デザイン：すみけんたろう/技術評論社

とりあえず定番。
331 名前： 330 投稿日： 2001/04/16(月) 00:49: 訂正。
岡倉→岡蔵
332 名前： Name_Not_Found 投稿日： 2001/04/16(月) 18:58: CSS で BR みたいに、強制改行するにはどうしたら良いのですか？
333 名前： Name_Not_Found 投稿日： 2001/04/16(月) 19:00: span.test {
display:block
{

では駄目か。駄目だな。
334 名前： Name_Not_Found 投稿日： 2001/04/16(月) 19:06: >>332
そもそも、何で<br>以外で強制改行かけたいの？
335 名前： _ 投稿日： 2001/04/16(月) 19:53: >>332
<br />使えば?
336 名前： Name_Not_Found 投稿日： 2001/04/16(月) 19:58: br ってば物理要素だから使ったら信者にｺﾛｻﾚﾙﾄｵﾓﾀです...
337 名前： Name_Not_Found 投稿日： 2001/04/16(月) 20:21: だーかーら、必要なら使えばいいの。 Strict やめて。
なんで Strict 指定してまで Strict でできないことをやろうとするの
かがわからん。
338 名前： Name_Not_Found 投稿日： 2001/04/16(月) 20:28: >>336
別に無理しないで使えばいいじゃん。
まぁ確かに物理要素になるんだろうけど、あれば
便利だし。マージンのために連発されると困るけどね（笑）。

どうしてもCSSでやりたいんなら
SPAN:after { content: "\A" }
かなぁ。
339 名前： Name_Not_Found 投稿日： 2001/04/16(月) 20:31: >>337
BRはStrictにもちゃんとあるぞ……？
340 名前： 337 投稿日： 2001/04/16(月) 20:37: ああそうか。なんかつられたわ。ちと逝ってくる
341 名前： Name_Not_Found 投稿日： 2001/04/16(月) 20:56: どう考えても視覚表示を前提とした「物理要素」なのに
Strictにあるものと言えば。

hr

これに尽きる。
342 名前： Name_Not_Found 投稿日： 2001/04/16(月) 23:24: >>330
ありがとうございました。探してみます。
343 名前： Name_Not_Found 投稿日： 2001/04/16(月) 23:39: >>341
smallはどうなんだっけ？
Strictに入ってた？
344 名前： Name_Not_Found 投稿日： 2001/04/17(火) 00:00: bigもsmallもStrictで使用可能です。
XHTMLでは使えなかったっけ。
345 名前： Name_Not_Found 投稿日： 2001/04/17(火) 00:23: 文字サイズを固定するのはウザイですか？
うちは12pxで（最小を）固定しているんですけど。
346 名前： 338=339 投稿日： 2001/04/17(火) 00:31: >>341
XHTML Basicには入ってないので、
それを使ったらいかがでしょうか？
あるいはXHTML 1.1でPresentationモジュールを
外すとか。

>>343-344
XHTML 1.1にもちゃんと(?)入ってますよ。
ISO/IEC 15445(ISO-HTML)からは排除されてますね。
347 名前： Name_Not_Found 投稿日： 2001/04/17(火) 06:41: BOX要素でheightを指定する方法ってあります？
ネスケだと無視されちゃいますので。
348 名前： Name_Not_Found 投稿日： 2001/04/17(火) 08:53: >>345
おれてきにCSSで文字サイズ固定は『有り』だと思う。
CSSをオフにする手段・もしくはその方法の説明があるならば。
349 名前： Name_Not_Found 投稿日： 2001/04/17(火) 12:48: >>348
CSS オフって WinIE4/5 だとレジストリいじることになるけど
MacIE と WinIE6 ではどうなってるの？情報きぼーん
350 名前： Name_Not_Found 投稿日： 2001/04/17(火) 12:52: BOX要素って何？
351 名前： Name_Not_Found 投稿日： 2001/04/17(火) 14:51: ＨＴＭＬリントで、

<BODY> に MSIE 用の属性 `BGPROPERTIES` が指定されています。

なんてゆわれちゃうのをゆわらなくする方法ってどうやるん？
352 名前：俺投稿日： 2001/04/17(火) 14:53: <body>の中にbgpropertiesを指定しなけりゃいいだけだろうが！
353 名前： Name_Not_Found 投稿日： 2001/04/17(火) 14:59: CSS オン・オフは JavaScript でやれば良いとか思った。
354 名前： >>353 投稿日： 2001/04/17(火) 15:01: JavaScript オフ CSS オンはどうすればいいのかと思った。
355 名前： Name_Not_Found 投稿日： 2001/04/17(火) 15:02: >>347
Netscape6 はちゃんと height 指定できるんじゃない？
その"ネスケ"ってのが NN4.xx 以前だったらアウト。
356 名前： Name_Not_Found 投稿日： 2001/04/17(火) 18:05: >>349
MacIE5では
初期設定>Webコンテンツ
でOn/Off、ユーザースタイルシートの設定が可能。
ただしOffにしたらユーザースタイルシートも
一緒にOffになる(TT)
357 名前： Name_Not_Found 投稿日： 2001/04/17(火) 18:07: JSによるスタイル指定について教えてください

ボーダーの色を以下の様に指定したいのですがどうも上手くいきません
document.formName.fieldName.style.border-color=color;

↓の様にすれば可能なのですが
document.formName.fieldName.style.border=color;
これだと色以外の部分も指定しなければならなくなってしまうので
色だけ指定することはできないでしょうか？
358 名前： Name_Not_Found 投稿日： 2001/04/17(火) 18:09: Muz Ckashikute York Wacka LAN Ckedo Mar Gunbare YO.
359 名前： Name_Not_Found 投稿日： 2001/04/17(火) 18:19: >>357
document.formName.fieldName.style.borderColor=color;
詳しくは DOM2 Style の CSS2Properties を見よ。
http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSS2Properties
360 名前： 357 投稿日： 2001/04/17(火) 18:27: >>359
おっ　上手くいった
ありがとうございます

参照のサイト　かなり役に立ちそうです
361 名前： Name_Not_Found 投稿日： 2001/04/17(火) 19:57: >>51
BIG-NET使用者と見た！
362 名前： Name_Not_Found 投稿日： 2001/04/17(火) 19:58: ごめん、ミス・・鬱出し脳
363 名前： 345 投稿日： 2001/04/17(火) 21:49: >>348
それはちょっと面倒かもしれませんね･･･そんな事でスペースとりたくないし。
style.cssでBodyを変えるんじゃなくて、ページ毎に指定してみる事にします。
（読み物ページは自由に指定できるように･･･とか、メニューは固定とか）
作ってる側では楽だけど、見る側では不便な事があるんですね。Macの事なんて全く考えてませんでした。
364 名前： 345＆363 投稿日： 2001/04/17(火) 23:40: font-size:smallにして見て、文字間隔まで変わってちょっとビックリでした（結果オーライだけど）
ちなみにフレーム使ったページなんですが、これもpx指定じゃなく%指定にした方が良いんでしょうか？
（px指定でサイズ変更不可、スクロールバー無しと、今考えると相当ヤバそうなので）
一応確認では、800x600～1600x1200までOKなんですけど･･･。
Mac信者の友人の手を借りたほうがよさそうですね。
365 名前： Name_Not_Found 投稿日： 2001/04/18(水) 00:33: H3やH4の上下が開きすぎるのでやや狭くしたいのですが、
マージンやline-hightを指定してもうまくいきません。
どうすればよいのでしょう？
366 名前： Name_Not_Found 投稿日： 2001/04/18(水) 01:22: >>365
Netscape6のデフォルトスタイル@H3,H4
h3 {
display: block;
font-size: 1.17em;
font-weight: bold;
margin: 1em 0;
}
h4 {
display: block;
font-weight: bold;
margin: 1.33em 0;
}
これを参考に調整しましょう。
line-heightは関係ないです。上下のマージンをいじりましょう。
指定が効かないのはブラウザがお馬鹿なのか、あなたの指定法が間違っているか。
367 名前： Name_Not_Found 投稿日： 2001/04/18(水) 23:49: >>366さん
どうもありがとうございます。
H4 {
color : #ff0000;
font-weight : bold;
margin : 0.00px;
}
試しにこう書いているんですが、色は反映されるのに、
マージンは反映されないんですよ。
OSはWin98、ブラウザはIE5.0とNN4.7で確認しています。
368 名前： Name_Not_Found 投稿日： 2001/04/19(木) 01:10: >>367
試しにやってみましたけど、うちのIE5.5、Netscape6はH4要素へのマージン指定は効いてますよ？
隣の要素のマージンが絡んでるんじゃないでしょうか。
<h4>hoge</h4>
<p>foo</p>
みたいな感じで。

ちなみにNN4.75では効かなかったですね。
369 名前： Name_Not_Found 投稿日： 2001/04/19(木) 01:22: マックのIE5ではフォント関係にスタイルシートつかうと
フォームで化けたりテーブルから文章がはみ出したりと
いろいろ不具合があるみたいです。
みなさんどうやって対処してます？
MacIE5のためだけにばっさり落とすのもアレだし・・・・
370 名前： Web原理主義者 投稿日： 2001/04/19(木) 06:50: >>369
対処の必要なし。
371 名前： Name_Not_Found 投稿日： 2001/04/19(木) 08:54: >>366