5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

1 :Name_Not_Found:2001/06/20(水) 08:23

Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。

[過去スレ]
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=984113434

[関連サイト]
・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
・三日坊主++の部屋(日本語)
 http://east.portland.ne.jp/~sigekazu/
・CSS1テストスイート(日本語)
 http://www.doraneko.org/css1test/
 

2 :Name_Not_Found:2001/06/20(水) 09:28
・とほほのスタイルシート入門(日本語)
http://tohoho.wakusei.ne.jp/wwwcss.htm

3 :Name_Not_Found:2001/06/20(水) 12:16
CSSでフォントサイズの指定をします。
IEではフォントの大きさを変えようと思っても変わりませんが、
NNではフォントの大きさは変えられるんですよね?

4 :Name_Not_Found:2001/06/20(水) 12:31
idとクラスは何が違うんですか?
好みで好きな方を使うのですか?
または、使い分けが必要なのでしょうか?

5 :Name_Not_Found:2001/06/20(水) 12:44
>>4
idは、唯一つの場所に付けられる属性。
classは、条件を共有する複数の場所に付けられ得る属性。
idとclassは、下記例示のように同じ要素に同時に指定することが可能。

<h2 class="cat" id="gikoneko">ギコ猫</h2>

6 :Name_Not_Found:2001/06/20(水) 12:45
>>3
フォントサイズを絶対指定したときの話よね?
変えられるらしい.前スレッド 924-930 参照.
つーか,CSS でフォントサイズを絶対指定しないでください.

>>4
正しくはないが,大体
id: その HTML 文書中での位置付けのようなものを指定.
文書中に同じ id を持つものがあってはならない.
(例)id=section1 とか id=footer とか
class: id で指定しきれないもの(爆).
文書中に同じ class を持つものはいくつあってもよい.
(例)class=center とか class=blue とか.
つーわけで,id の方がより(論理)構造をあらわしていると思う.
そういう使い分け方ではないかと.

7 :Name_Not_Found:2001/06/20(水) 12:51
>>6
> (例)class=center とか class=blue とか.

class=fontSize14px
などと醜悪な指定を平然としてしまうに至る誤解を与えかねないので、
例として好ましくないと思われ

8 :Name_Not_Found:2001/06/20(水) 12:53
>936
えーと,いらないというより charset=iso-8859-1(or latin-1) という指定が必要?
暗黙に仮定されるのかと思って調べてみたのだが,
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/charset.html
を読むと指定したほうがいいのかな?と思って.識者の意見求む.

9 :Name_Not_Found:2001/06/20(水) 12:56
body { width:***px; }
としても横幅が***pxにはならないのですが、bodyの横幅ってCSSで指定す
ることはできないのですか?

10 :Name_Not_Found:2001/06/20(水) 12:57
>>3
>IEではフォントの大きさを変えようと思っても変わりませんが
何をどうやって、そうだと思ったのだろう・・・不思議だ・・・

あと、どうでもよかったんだけど、
>>6
>class: id で指定しきれないもの
確かに間違っては居ないと思うが、定義としては明らかに違う。
大まかに言えば同等の意義をもつもののグループ分けだろう
(とこれも推測なので間違ってたら指摘してちょ)
てか、classって語の意味わかってる?

11 :6:2001/06/20(水) 12:58
>>7
確かに.鳥頭ではいい例を思いつけなかった.
うーん…対談形式のテキストを HTML にして
.speakerA{color: #f00;}
.speakerB{color: #00f; text-indent-1em;}
とかやれば,A さんと B さんの対談が
<p class="speakerA">...</p>
<p class="speakerB">...</p>
とかね,これでどう?

12 :Name_Not_Found:2001/06/20(水) 13:02
>>9
IEでは反映されん。バグか仕様か。
div要素に入れ子が手っ取り早いだろうね。

13 :Name_Not_Found:2001/06/20(水) 13:02
4です。
わかりました!
つまり学校で言えばclassがその名の通り「クラス」で、
idは「氏名」の事ですね!
「3組」の「ひろゆき」みたいな!
だから同じhtml内で
「3組」の「ぞぬ」みたいな表記はOKって事ですね!

14 :6:2001/06/20(水) 13:03
>>10
正しく意味を理解しているかと言われれば多分 No.
けど,6 に書いたことは明らかに自分でも間違っているとわかっているので.
11 に書いたような例でどうでしょう?

15 :Name_Not_Found:2001/06/20(水) 13:04
>>8
HTMLと同じ環境で書いたんなら問題ないだろうけど、
違う環境(文字コードが異なる)なら指定したほうがいいかもね

16 :7:2001/06/20(水) 13:05
>>6=11
その方が例としては相応しいよね。
つーか、おそらく6本人は右寄せにしたいからといって、
<div class="right">などとはしていないと思っているが、
ここを見た入門者が勘違いすると残念なので。ごめん。

17 :Name_Not_Found:2001/06/20(水) 13:06
>>14
>6 に書いたことは明らかに自分でも間違っているとわかっているので
そんなことを書き込まないように(´ー`)┌
君の発言はずーっと後までWWW上のいちリソースとして残るんだよ。

18 :Name_Not_Found:2001/06/20(水) 13:07
じゃ、
同じhtml内で
class="a" id="1" と、
class="b" id="1" ってのは、
クラスが違うからIDが同じでもいいんですか?

19 :Name_Not_Found:2001/06/20(水) 13:08
>>18
だめ。classとidは分けて考えましょう。

20 :Name_Not_Found:2001/06/20(水) 13:10
>>19
そうなんですか。
じゃ、html内で同じidがふたつ以上あってはいけないんですね。

21 :6=14:2001/06/20(水) 13:13
>>17
すまん.あなたに謝っても意味がないが.

>>18
<div id="foo">
<p class="bar">...</p> <p class="hoge">...</p>
</div>
ならいいですが,
<div>
<p class="bar" id="foo">...</p> <p class="hoge" id="foo">...</p>
はだめです.

22 :19:2001/06/20(水) 13:15
>>20
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.2
>id = name [CS]
>この属性は、要素に名前を割り当てる。この名前は文書中で一意でなければならない。
「文章内では一意」←そういうこった。

23 :Name_Not_Found:2001/06/20(水) 13:15
デザインにはスタイルシート使えって事ですけど、
htmlの論理構造とデザインの境界線はどこなんでしょうか?
www3cってやつ見た事ないですけどそこに明記されているんですか?
例えば、フォントのカラーひとつ変えるのにもCSSを使わなきゃダメですか?
↓みたいに。
<font style="color : red;">フォントカラー</font>

24 :Name_Not_Found:2001/06/20(水) 13:18
>>23
<font></font>タグの使用は望ましくない。

25 :Name_Not_Found:2001/06/20(水) 13:18
>>23
HTML4.01であれば、<font>はダメ。
http://www.w3c.org/へ逝ってきな。
#てか、font使うんならcolor="red"でいいじゃん・・・

26 :Name_Not_Found:2001/06/20(水) 13:21
>>23
なぜ、「フォントカラー」という文字をredにしたいのかを考えるべき。
強調したいからredにしたいということなら、
強調するために用意されたem要素で括ればよい。

<em>フォントカラー</em>

その上で、em要素にCSSでredを設定すればよい。

27 :25:2001/06/20(水) 13:21
>>23
あ〜、境界線ね〜、、
UAで実装しているHTMLの解釈プラスアルファってのが実際じゃない?

28 :Name_Not_Found:2001/06/20(水) 13:23
>>25
Transitional かもしれないし….

29 :Name_Not_Found:2001/06/20(水) 13:25
>>26
わかったような気がします。
>>27
じゃ、今からw3c読んできます。
なんかw3c信者ってのになっちゃうのは嫌なんですが
平気ですか?

30 :25:2001/06/20(水) 13:26
>>29
自制心をもって挑めば大丈夫。頑張れ(藁

31 :Name_Not_Found:2001/06/20(水) 13:36
>>23
「特に意味はないけど色を変えたい」のなら、無理せずfont要素
使えばいいんですよ。

何らかの意味や意図があって色を変えるなら>>26さんの言うとおり。
そういう場面で論理的HTMLとCSSが生きてきます。

あと、論理的マークアップをして、補助的にfont要素などで
色つけてもいいんだし。たとえば。
<h2><font color="red">赤い見出し</font></h2>

CSS使ったから論理的構造になるわけじゃないし、HTMLのfont等の
要素を使ったからと言って論理構造が壊れるわけでもない。

うちは限りなくStrictに近いTransitionalですが、「視覚的に
アクセントがつければ十分」な部分には無理に論理構造やCSSには
こだわりません。強調するわけじゃないのにemとかstrong使うと
かえって論理構造壊れるし、またspan+cssで指定するのも、fontで
指定するのも特定の論理的意味を持たないという点では目くそ鼻くそ
なので。

32 :Name_Not_Found:2001/06/20(水) 13:41
>>30
ちょっと英検3級の僕にはこの英語の量はきついような
気がするんですが。。。

33 :Name_Not_Found:2001/06/20(水) 13:43
>>32
訳文もあちこちに転がっている。

34 :Name_Not_Found:2001/06/20(水) 13:47
>>33
CSS1と2ってあるんですが、
バージョンの事ですか?
今からCSS覚えるんだったら1は必要ないですか?

35 :8:2001/06/20(水) 13:52
>>15
なるほど.さんくす.

36 :25:2001/06/20(水) 13:57
>>32
とりあえず2を読んで、余裕があれば1も読んどいたほうがいいかもね。
邦訳はw3ctop→css→translationsね。

>>31
「特に意味はないけど色を変えたい」のなら、無理せずspan要素
使えばいいんですよ。

37 :25:2001/06/20(水) 14:06
・・・何が言いたいかって言うと、
HTMLは視覚的な表現方法ではない方向へ向かっているのに、
わざわざ非推奨とされたfont要素を使って色等を決めるのだったら
span(css)で表現したほうがセンスがあるんじゃないの?ってこと。

38 :名無しさん@MZ-2000:2001/06/20(水) 14:16
>>37
そういうのってセンスあるって言わないと思う。
概念を理解しないでうわっつらだけ仕様に沿わせてもしかたない。
それなら HTML3.2 で書いたほうがマシなんじゃないのかな。

39 :Name_Not_Found:2001/06/20(水) 14:34
>>38
何の概念?
少なくともHTML4(4.01)の概念の中に
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1
というのはあるんだがな・・・

40 :Name_Not_Found:2001/06/20(水) 14:38
38はうわっつらだけなんだよ(w

41 :39:2001/06/20(水) 14:43
>>38
あ〜、それは漏れに対してじゃなくて
「概念を理解してないで上っ面だけ仕様にそわせてる」
人間に対してい言ってるのか?でもなぁ。
非推奨とされたfont要素を使うよりはspan要素のほうがいいだろうし、
hmtl3.2よりはhtml4(4.01)のほうがマシだと思うんだがなぁ。
少なくともセンスとしては。

42 :Name_Not_Found:2001/06/20(水) 14:43
StrictDTD宣言してる訳じゃないみたいだし、font使っても良いと思う。
37、38の言いたいことは両方わかるし。

ただ、やるならCSSオンリーか、HTMLオンリーのどっちかに統一した方がいいのではと思う。
変に混ざってるのはスマートとは言えないよね?

43 :Name_Not_Found:2001/06/20(水) 14:47
>>39
で、spanでマークアップして、CSSで色付けて、そういうメリットが出る?

44 :39:2001/06/20(水) 14:51
メリットの話をしてるんじゃないんだけど(;´▽`A
あくまでもセンスの話であって

45 :名無しさん@MZ-2000:2001/06/20(水) 14:54
>>39
いやだから、「HTML は視覚的な表現方法でない」という概念。
「特に意味はないけど色を変えたい」という目的が本来変えなきゃ
いけない考えかた (意味がないならマークアップしようがないから)
なのに、 font は廃止だから span で色つけしようってのは手段が
変わっただけでやってることはなんら変わらないわけだよね。
ということが言いたかった。

HTML3.2 はマーク付けが即見栄えに反映するという点で、視覚系
のための HTML としてはいちばん使いやすいと思う。
4.01 Transitional は後方互換のための折衷案でしかないと思ってる。

46 :Name_Not_Found:2001/06/20(水) 14:55
カタチにこだわってメリットのないことをやることってセンスのないことだと思うのだけど。
逆に本当にセンスがよければ、CSSのメリットを最大限生かしつつも
非推奨要素を最低限交えることで最大限の互換性を維持するってことも
できるでしょう。
そのへんのバランス感覚こそセンスじゃないのかね。

47 :Name_Not_Found:2001/06/20(水) 14:58

□□□ 非推奨のタグを使わずに正しい文法で書くのが一番 □□□

48 :39(コテハンっぽくていやづらなぁ):2001/06/20(水) 15:49
>>45
視覚的な表現をするのはセンスがなく、メリットもないことなのか?
そんなWebページは漏れはつまらんなぁ。
どこに色をつけるかなんて、ページ製作者の勝手だと思われ。
そう言う意味じゃ、「色をつけたい」という意義はあるんだから、
spanも充分意義のあるマークアップだと思われ。

>>46
まぁ、
>カタチにこだわってメリットのないことをやることってセンスのないことだと思うのだけど。
ってのは確かにそう。それは一つのセンスだとも思うんだが、
メリットが無いとも漏れは言ってないづら。
spanで書くことによってcssが生かされる。
そう言う意味では、
>非推奨要素を最低限交えること
のほうがメリットは見えてこないづら。

49 :Name_Not_Found:2001/06/20(水) 15:53
span の方が CSS を切ったとき色が消えるからいいとおもうよん。

50 :名無しさん@MZ-2000:2001/06/20(水) 16:06
>>48
んーと、なんかよくわからなくなってきたんですが、それなら
べつに SPAN に変える必要なくて、 FONT のままでいいんじゃ
ないの?
FONT 要素が非推奨になった理由を (XHTML1.1 で style 属性
が消えた理由も) 考えれば、単に「色をつけたい」というマーク
アップ自体が否定されているということだよね。
その流れに中途半端に迎合して非推奨要素を置き換える必要は
なくて、 HTML3.2 を使えば視覚表現のためのマークアップが思う
存分できるじゃない。

おいらも自分のサイトは XHTML1.1 + CSS だけど、仕事でウェブ
の画面作るときは HTML3.2 とか使うよ。

51 :Name_Not_Found:2001/06/20(水) 16:20
>>38に同意
>>39>>38とか>>45とかちゃんと読んでるのか?
>>38は「視覚的な表現」を否定しているのではなくて、それはCSSで
やるべきでHTMLに持ち込む話じゃないって言ってるんだろ。

プレーンな文章に意味をマーク付けしたものがHTMLなんだから、
CSSを使おうと使うまいと、「特に意味はないけど色を変えたい」という
考え自体がおかしいってことだ。
CSSを使うためだけにdivやspanを使うのは物理要素を使うのとかわりが
ないと思う。

52 :39:2001/06/20(水) 16:20
だからさ〜、
>>27
>FONT 要素が非推奨になった理由を (XHTML1.1 で style 属性
が消えた理由も) 考えれば、単に「色をつけたい」というマーク
アップ自体が否定されているということだよね。

いや、それはキミの勝手な思い込みだと思われ。
単に色をつけたいことは、製作者がそこを色分けしたいと思えばやればいい。
ただ、それをhtml言語でするなって言うことじゃないの?
それともどっかのリソースに上がってるの?(あったら教えてネ)
「htmlで」じゃなく、「cssで」やる「ほうが」センスがあるんじゃないかなって。

というか、センスなんて人それぞれなんだから議論してても無駄に思えてきた・・・鬱

html3.2は否定しないけどネン。

53 :Name_Not_Found:2001/06/20(水) 16:27
<table>
<tr><td valign="top">A</td><td>B</td></tr>
<tr><td valign="top">C</td><tdD</td></tr>
</table>

上の「valign="top"」をclassを使って書きたいんですけど
<STYLE type="text/css">
<!--
???
-->
</STYLE>
どうやって書けばいいんですか?

54 :39:2001/06/20(水) 16:29
>>51
>「特に意味はないけど色を変えたい」
それは製作者の考え方によるよ。
作るほうにとっては意味があっても見るほうには意味をなさないとか。
だいたい、何か意味があるから色をつけるんじゃないの?
言っとくけど、「全く意味が無いのに色を変えたい」ってことについては
漏れは今考えて発言してないからね。

55 :39:2001/06/20(水) 16:30
>>53
.hoge {vertical-align:top}

56 :39:2001/06/20(水) 16:34
あ〜、ひょっとして皆さんは
「全く意味が無いのに色を変えたい」(←もちろん、色限定の話ではない)
っていう前提でレスしてたんだろうか・・・
だったら漏れが勝手に突っ走ってただけだな・・・鬱

57 :Name_Not_Found:2001/06/20(水) 16:37
>>55
ありがとうございました。

58 :名無しさん@MZ-2000:2001/06/20(水) 16:43
>>54 >>56
>何か意味があるから色をつけるんじゃないの?
そうそう、それがこの話のキモでした。
製作者がなんで色を変えたいと思ったのかはわからないけど、
なんか意味があるのならマークアップのしようがあるでしょ。
それが製作者以外にはまったく理解できないことでも、製作者
が意味があるならその意味でマークアップすればいい。
強調なら em とかでいいし、もちろん span でもいい。
で、そのマークアップに対して CSS で視覚表現を加えてやれば
よいということだよね。

「特に意味はないけど色を変えたい」というのが、本当に色を
変える以外に目的がまったくなくて、色を変えるためだけに
span を使うのなら、それは font を使っているのと変わりが
ないんだから、わざわざ書き換えてまで span にこだわらなく
てもいいんじゃない? というのがおいらの意見でした。

class で複数の場所の表現を一括して管理できるというメリット
はもちろんあるんだけど、それも意味あってのことなので。

59 :39:2001/06/20(水) 16:47
あ〜。はい。りょうかいでふ。
なんか2chでこうまともに論議が終わらせれたのって久しぶり。
ということで一人で突っ走ってた勢いで、そのまま逝ってきま〜す。

60 :Name_Not_Found:2001/06/20(水) 16:48
>>48
>>非推奨要素を最低限交えること
>のほうがメリットは見えてこないづら。

まあ月並みだけど古いねすけとかPDAとかゲーム機とかへの配慮ですな。
ほとんど無視しているんだけど、ちょこっとだけ補助的に
非推奨要素まじえてます。bodyの背景色とか。

いつでもStrictに変えようと思ったら変えれる状態だけど、その
メリットと、デメリットをテンビンにかけると、Strictにする
意義が見いだせないんですよね。
だから最低限の非推奨要素を交えたTransitionalからなかなか
抜け出せてません。
もちろん論理的なマークアップは可能な限りしてあります。

そういうわけで、特に論理上意味のないフレーズまで、ただ
文法にだけこだわってspan+cssで色付けるのって何の利点がある
のかなって思うんです。

61 :51:2001/06/20(水) 16:49
>>54
そういうことなら問題ないです。
まさに>>56「全く意味が無いのに色を変えたい」っていう前提でレスしてました。

↓こういう人が実際にいるんだから…。
http://tohoho.wakusei.ne.jp/wwwcss1.htm#Basic

62 :60:2001/06/20(水) 16:52
書いてるうちに58さんに先を越された。
激しく同意です。

よくあるCSS論争とは違って、「論理的意味合いのないフレーズにおいて」
という局面に限定されてるというのが違ってました。

論理的マークアップそのものを否定した意見はこのスレにおいてはなかったと思われ。

63 :Name_Not_Found:2001/06/20(水) 16:56
.hoge {vertical-align:top}

align="right"
を表現した時はなんと書けばいいですか?
ごめんなさい、なかなか載っていないんです、、。

64 :Name_Not_Found:2001/06/20(水) 17:01
>>63
vartical-alignは縦のものなので、右はナイ。

65 :39(戻ってきちゃったよ)汗:2001/06/20(水) 17:01
>>63
.geho {text-align:right}

66 :64:2001/06/20(水) 17:02
つづり間違えた…鬱だ詩嚢

67 :39(ホントにコテハンなりつつあるよ・・・):2001/06/20(水) 17:12
>>61
ん?それは赤い部分のことを言っているんだろうか?
それともそこのURLの内容そのものを言ってるんじゃないよね?
(ここで間違えると同じことになりそうなので)

68 :51:2001/06/20(水) 17:15
>>67
もちろん赤いとこ。
だけど以前ラウンジで赤くしたいから赤だというのを強硬に主張していたと思うが。

69 :39:2001/06/20(水) 17:20
>>68
赤い部分のことを言っているのなら、
漏れはこの場合に限って言えば悪くないと思うけどなぁ。
だって、「前述した説明を具体的に示すための要素」
なんてのは存在しないわけだから、
それを示すために色を変えてってのはいいんじゃないだろうか。
まぁ、fontを使ってるのは褒められないけど。

70 :39:2001/06/20(水) 17:21
×褒められないけど
○褒めたくないけど

71 :名無しさん@MZ-2000:2001/06/20(水) 17:23
あらためて
http://tohoho.wakusei.ne.jp/wwwxx088.htm
(の薄くなってる部分) を読むとスゴイよね。

72 :Name_Not_Found:2001/06/20(水) 17:25
っていうか、font要素は非推奨なんだから素直に従ってろよ。

73 :51:2001/06/20(水) 17:27
誤読したみたいだ。スマソ。
赤い部分の解説のこと。あの解説において当該部分を赤くすることについてではない。

<P STYLE="color:red">やH1, H2 { color:red; }
はいいとしても、
<SPAN STYLE="color:red">あいうえお</SPAN>
<DIV STYLE="color:red">あいうえお</DIV>
とか、
.red { color:red; }
.bold { font-weight:bold; }
は認められないでしょ。

74 :39:2001/06/20(水) 17:28
>>72
信者さん布教活動中?

75 :39:2001/06/20(水) 17:33
>>73
あ、そう言うことかぁ。
確かに、そこはセンシブルとは言えんね。

76 :Name_Not_Found:2001/06/20(水) 17:34
>>4
id属性は、リンクのアンカー等にも使われたりするんで、注意しようね。

77 : :2001/06/20(水) 17:40
spanもいいけど
時と場合によっては

.ahya { font-size: 12pt; color: #FF0000}
<FONT SIZE="4" COLOR="#0000FF" CLASS="ahya">あひゃあひゃ</FONT>

もイイとおもうYO!

 元のFONTに付け加えるだけで簡単でよいし、
スタイルシートに対応してないブラウザ(NN3とか)でも
サイズとカラー表現が生きてるし。。
でも、ダサイなぁ。。どかなぁ

78 :77:2001/06/20(水) 17:42
わかりやすいように、
あかとあおにかわるようにしたYO

79 :39:2001/06/20(水) 17:42
>>77
classで指定してる値と属性値が違うんと思うんだがそれはどうだろう。

80 :Name_Not_Found:2001/06/20(水) 17:43
>>71
ものすごーく眼が疲れた.

81 :51:2001/06/20(水) 17:49
>>77
自分はドキュメントの本質はあくまでHTMLで見栄えは付加情報だと
考えているのね。だから、CSS対応してないブラウザになんとかスタイルを
適用させようとは思わない。
見栄えもマークアップ並に大事だというならそういうのもありかもしれない。

CSSの利点を考えると、要素に付加したりヘッダ内に書いたりするよりも
外部シートにすべきだと思うのだけど…。

82 :Name_Not_Found:2001/06/20(水) 17:53
>>80
適当なユーザースタイルを指定して適用すべし。

83 :80:2001/06/20(水) 17:56
>>82
む,確かに.そのためのスタイルシートであった.

84 :名無しさん@MZ-2000:2001/06/20(水) 17:58
もっとお手軽に [すべて選択] でもよかったかも(w

85 :77:2001/06/20(水) 17:58
>CSS対応してないブラウザになんとかスタイルを
 適用させようとは思わない。

>>81同意

あれは、時と場合によってはの対応策だYO。
FONTタグは使いたくないのが心情だYO。

86 :39:2001/06/20(水) 18:01
それってネットスケープに対応してる?スレの問題のような・・・

それに、その場合どっちの色(フォントサイズ)を優先させるかが
UAの解釈によってちがう可能性あって、よろしくないと思われ。

87 :Name_Not_Found:2001/06/20(水) 18:03
>>77
それは意味無いよ、たぶん。
fontに対応してないUAはfontタグ自体を無視するはずじゃない?

88 :87:2001/06/20(水) 18:07
逆だった。勘違いしてたよ。スマソ

89 :77:2001/06/20(水) 18:11
>>88
いえいえ。。

90 :82:2001/06/20(水) 18:31
>>84
ぬかったYO! 確かにそっちの方が手軽でいいよね。

91 :Name_Not_Found:2001/06/20(水) 18:48
23 名前:Name_Not_Found 投稿日:2001/06/20(水) 13:15
デザインにはスタイルシート使えって事ですけど、
htmlの論理構造とデザインの境界線はどこなんでしょうか?
www3cってやつ見た事ないですけどそこに明記されているんですか?
例えば、フォントのカラーひとつ変えるのにもCSSを使わなきゃダメですか?
↓みたいに。
<font style="color : red;">フォントカラー</font>

↑↑↑
の発言は僕がしたんですが、非常にすごい論議になってしまいましたね。(汗
今日からCSS本格的に覚えようと思った僕は静観しているしかなかったのですが。。
けれど、html、CSSは奥が深いですね。
「html&CSS哲学」みたいな感じで万人共通の答えとかはないんですかね。

92 :Name_Not_Found:2001/06/20(水) 18:56
[A]-------------------------------
<table>
<tr><td align="right">A</td></tr>
</table>
----------------------------------
[B]-------------------------------
<STYLE type=text/css>
<!--
.aaa{text-align : right;}
-->
</style>

<table>
<tr><td class="aaa">A</td></tr>
</table>
-------------------------------
[A]と[B]は結局同じ事やってるだけなので
CSS使う意味ないのですか?
むしろCSSはスタイル定義の分だけ文字数が多いので
CSS使うのは無駄ですか?

例えばリンク集のリンクを全て _blank にしたい時
CSSで一括指定するとかなり便利なのはわかるんですが。

93 :Name_Not_Found:2001/06/20(水) 19:09
>>92
そういう単純な記述の場合に限っては無駄かもね。
ただ、text-align:right以外があればまとめて指定できるし、
何度も使うんならclass名(?)を.aにするとかで、すこ〜しは
容量が減るのでCSSのほうがいいかな。

94 :93:2001/06/20(水) 19:10
あ、ちょっとやそっとのことじゃないと減らんかな?
微妙だ・・・

95 :Name_Not_Found:2001/06/20(水) 19:13
>>92
>例えばリンク集のリンクを全て _blank にしたい時

この要望に対して、CSS は無力のような気がしないでもない。

96 :名無しさん@MZ-2000:2001/06/20(水) 19:16
つか、まったく無力ですね(w
<base target="_blank"> しかないんじゃないかな。

97 :Name_Not_Found:2001/06/20(水) 19:23
良スレage

他のスレから。

http://www.seniornet.ne.jp/

イイネ、ここ。

98 :77:2001/06/20(水) 19:44
>>97
ソースで、サイトメニューの書かれている場所(位置)も
なかなかイイね!

人に優しいページだYO

最初は、ブラクラと勘違いしたよ

99 :Name_Not_Found:2001/06/20(水) 19:57
>>97
惜しむらくは,Another-HTMLlint で 58 点ということ….

100 :77:2001/06/20(水) 20:06
>>93-94

td { text-align: right}

<table>
<tr><td>A</td></tr>
</table>

これだと、テーブル(td)が増えれば
かなり減るね。

スタイルシートの勝ちかなぁ!?

101 :77:2001/06/20(水) 20:33
>>92

<TABLE >
<TR>
<TD>
<DIV ALIGN="CENTER"><FONT SIZE="2" COLOR="#0000FF"><B>あひゃあひゃ</B></FONT></DIV>
</TD>
</TR>
</TABLE>

------------------------------------
td { font-size: small; font-weight: bolder; color: #0000FF; text-align: center}

<TABLE >
<TR>
<TD>
あひゃあひゃ    ←シンプル
</TD>
</TR>
</TABLE>

漏れは、スタイルシート推奨です

102 :Name_Not_Found:2001/06/20(水) 21:01
>>97
文字サイズ変えても、レイアウトがカッチリ決まってるところなんか、
参考にしたい感じ。

HTMLlintの減点は、ケアレスミスっぽいYO!<閉じ忘れとか

103 :Name_Not_Found :2001/06/20(水) 21:17
背景画像を位置を指定して貼りたいのですが。
BODY{background-image:url("ahya.gif");
background-ピクセルで指定;}
みたいなことは可能ですか?

104 :Name_Not_Found:2001/06/20(水) 21:47
>>103
{background-position: x y;}
x と y は単位つきの座標,あるいは %,あるいはキーワード
詳しくは http://www.y-adagio.com/public/standards/css1/cssmain.htm#background-position
など.

105 :ねぎま:2001/06/20(水) 23:10
>>99
今は知識が乏しい人が更新してるからね。無念。

トップページ以外で左上のロゴ押すと楽しいよ(謎)

106 :ちょこら:2001/06/20(水) 23:12
どれどれ…

107 :ちょこら:2001/06/20(水) 23:13
あ、へこんだ(笑)

108 :39:2001/06/20(水) 23:16
>>98
ん?
>ソースで、サイトメニューの書かれている場所(位置)も
>なかなかイイね!
っていうのは?

ちなみに、こう言う話題はこっちでね。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270

109 :39:2001/06/20(水) 23:22
>>107
そ、それは本気で言ってる?
それともネタ的反応?だよね・・・?

110 :103:2001/06/20(水) 23:48
>104
ありがとうございます。
逝けました!!!!!

111 :Name_Not_Found:2001/06/20(水) 23:55
>>ねぎま氏
あぁ…こんな使い方もあったのか。(笑)

112 :ちょこら:2001/06/21(木) 00:05
>>109
すいません。素なんですが…。
なんか僕、間違ってたんでしょうか…。
このあと罵倒されるのではないかとドキドキ…。

逝く用意だけ氏ときます。

113 :Name_Not_Found:2001/06/21(木) 00:08
:activeってあーいう使い方もあったのね。
一瞬スクリプトかと思ってしまったので逝ってきます

114 :Name_Not_Found:2001/06/21(木) 00:10
>>107
ホントだ
へこんだ・・・・・・

115 :77:2001/06/21(木) 00:23
おしえてくださ〜い!影がつきませぬぅぅ
ブラウザはIE6なんですけど。

.ahya{ text-shadow: #999999 3px 3px 1.5px }

116 :Name_Not_Found:2001/06/21(木) 00:28
>>ちょこたん
間違ってないと思う。
俺も素直にそうオモタよ。(w

117 :Name_Not_Found:2001/06/21(木) 00:29
>>115
widthをちゃんと指定しませう。
IEのヴィジュアルフィルタはwidthを明示しないと効かないはず。

118 :117:2001/06/21(木) 00:30
……自分で書いておいて何か違うような気がする。(w;

119 :77:2001/06/21(木) 00:31
>>117
ありがとう
やってみるよ

120 :77:2001/06/21(木) 00:32
>118
そなの?

121 :117:2001/06/21(木) 00:34
>>120
うん。
俺が書いたのはfilter: Shadow() の方なのね。

122 :Name_Not_Found:2001/06/21(木) 00:40
>>104のページ、激しく文字化けして読めないんですけど。
「□□□□□1(CSS1)」のようになってます。
Donutで日本語(自動選択)にしてます。
ISOにしてもさらに化けるし。
その前にページ自体が重過ぎ。

123 :Name_Not_Found:2001/06/21(木) 00:44
>>122
日本語シフトJISでも?

124 :77:2001/06/21(木) 00:45
ブラウザが対応してないのかなぁ・・
IE6なんだけど・・

125 :Name_Not_Found:2001/06/21(木) 01:00
>>123
はい。シフトJISになってるけど駄目です。
で、しつこいけどページの重さに閉口。
有益な事が書いてあるんでしょうけど。
IEのバージョンは5.5です。
どのような内容なんでしょう?

126 :125:2001/06/21(木) 01:01
あ、ソースはうまく保存できたのであとで見直すことにします。

127 :Name_Not_Found:2001/06/21(木) 01:04
>>125-126
IE5.5のバグだったのかな
でも、見直せてよかったね

128 :77:2001/06/21(木) 01:06
IE6もパッチが出るまで、みれないサイトおおかったなぁー

129 :125:2001/06/21(木) 01:07
DonutじゃなくIEで、ローカルで開いてみたけどやっぱり化けてました。
しかもExplorer落ちました。
ソースはちゃんと日本語で見れるので、タグを抜いて読んでみます。
スレ汚してごめんなさいでした。

130 :ねぎま:2001/06/21(木) 01:10
てかIE6ってtext-shadow効くの?

131 :77:2001/06/21(木) 01:12
>>130
わかんないよ
どだろね?

132 :Name_Not_Found:2001/06/21(木) 01:18
>>130-131
ie6では無効かもしれませんね。
良くは分りませんが、
他の意見を待つのが正解かも知れません。

133 :Name_Not_Found:2001/06/21(木) 01:42
>>129
フォントが無いだけだと。

134 :39:2001/06/21(木) 02:23
>>112
い、いやね、間違っちゃいないんだけど、漏れの中では:activeや:hoverで
positionを使って位置を変えるのは当たりだったので(汗)
逝く用意までさせてわるかったモナー。

>>133
よく状況はわからんが、Windows環境でそれは無いだろう。
>>129
ちなみに
>???1(CSS1)
となるのは、Unicode(UTF-8)のときだたよ。

135 :Name_Not_Found:2001/06/21(木) 10:38
@pageって使い方がよくわからないんですけれど。

136 :初心者:2001/06/21(木) 11:28
http://cocoa.2ch.net/test/read.cgi?bbs=tv&key=992867691&st=512&to=512&nofirst=true
すみません、これどうやってやってるんですか?普通にタグ書いても無理なんですが。

137 :初心者:2001/06/21(木) 11:40
あれ・・・もう直ってる。でもどうやってやったんでしょうかねー?

138 :Name_Not_Found:2001/06/21(木) 11:41
>>136
これってなんですか?

139 :Name_Not_Found:2001/06/21(木) 12:54
font-stretch : expanded
ってやっても全然フォント変わらないんですけど。
IEでもNNでも。

140 :Name_Not_Found:2001/06/21(木) 13:13
>>139
未実装.参考:http://www.zspc.com/documents/css2/index.html#font

141 :Name_Not_Found:2001/06/21(木) 13:23
>>140
為になるサイトありがとうございます。
でもなんでどのブラウザにも未実装なんですか?
おかしいですよね?(笑
存在意義がないような、。。

142 :Name_Not_Found:2001/06/21(木) 13:26
昨日はたくさん人が居たのに今日は少ないですね。

143 :Name_Not_Found:2001/06/21(木) 15:14
text-shadowとかなんでどのブラウザにも対応してないんですか?

144 :Mの字:2001/06/21(木) 15:21
>>143
Microsoft や Nescape などのメーカーに問い合わせたら?
すくなくともここで聞いてもしょうがないと思う。

145 :Name_Not_Found:2001/06/21(木) 15:39
>>144
ここを覗いてる Microsoft や Nescape などのメーカーの人の
レスを待ってるんです。

146 :初心者:2001/06/21(木) 15:41
>>138
今はなっていませんが、さっきはbgが../2ch.gifでフォントサイズも200pxだったんですよ。

147 :名無しさん@MZ-2000:2001/06/21(木) 15:42
ネスケープ(謎)

148 :Name_Not_Found:2001/06/21(木) 16:29
>>136
一時期スクリプトにあった欠陥を利用したもので
現在はたぶん無理です

149 :Mの字:2001/06/21(木) 16:44
>>147
んがー。しまった。泣。Nescape。

150 :77:2001/06/21(木) 18:15
>>140他、参考になったYO

text-shadowはIE5.5以下は利用不可なのかぁ
N6もIE6も利用できなかったし、
対応のブラウザが出るまで、おあずけってことだね。。
ひとつ、悩み解消した。。ありがと。

151 :39:2001/06/21(木) 18:50
>>146
メール欄見ろ。何で今見られないのかは自分で調べな。

152 :Name_Not_Found:2001/06/21(木) 19:42
CSSはMSやNCが定義してる訳じゃありません。

(・∀・)<ナンツッタリシテ

153 :Name_Not_Found:2001/06/21(木) 20:46
http://www29.freeweb.ne.jp/travel/twoweb/

皆さんに質問です。(上のURLにふたつのテーブルがあります)
A,Bのテーブルで、僕はAのテーブルの方が線が細くてシンプルな感じが
好きでいつも使ってます。
しかし、Aの書き方だとNN6では線が表示されずつまり未対応です。
Aの見た目でNNにも対応させるやり方はありますか?
CSSで挑戦しましたが、僕は出来ませんでした。
あと、AもBも見た目そんなに変わらねーじゃん、
どっちでもいいだろ、っていう方いますか?

154 :Name_Not_Found:2001/06/21(木) 20:51
>>152
あるhtmlcss関係の本で
学者(?)とかがお互いに報告書(?)を提出する時に
html形式で書くって言うのを知りましたが
その事ですか?
だから、見出し(h1)とか、引用(blockquote)等の
表記があるんですよね?

155 :Name_Not_Found:2001/06/21(木) 21:17
>>153
table { border-collapse: collapse; }
を調べよ。ただしMozillaの対応はまだ中途半端なようだ。

あと、(スレ違いになるけど)CSSを使わない場合は
<table cellpadding=0 cellspacing=0><tr><td bgcolor=black>
<table cellspacing=1>
<tr bgcolor=white><td>a</td><td>b</td></tr>
<tr bgcolor=white><td>c</td><td>d</td></tr>
</table>
</td></tr></table>
ってな感じにすればIE2/NN3以上でだいたい同じ見た目になる。

156 :Name_Not_Found:2001/06/21(木) 21:39
ネスケ(6)とIE5で同じように見えるように、フォントサイズに
cssをつかい、両方とも10pxで指定しました。
で、実際に見たら、ネスケでは反映していませんでした(巨大化)。
そこで、自作css発表場で皆さんの作ったものを拝見したら、
ちゃんと見れてるものはすべて「em」という単位で指定して
いるようです。
pxではだめなんでしょうか? 「em」だけですか?
フォントに限らず、すべての単位指定は「em」でやるべきですか?
よければ教えてください。
タグ本には特に注釈はありませんでした。

157 :Name_Not_Found :2001/06/21(木) 21:56
背景画像を2種類使いたい。って出来ます?
↓こんな感じに。

★★★★★
  ●

★は、background-repeat:repeat-x;
●は、background-position: x y;

background-image:url
で、★と●を指定?

158 :Name_Not_Found:2001/06/21(木) 22:04
>>157ahya?
ahyahya??

159 :10.css:2001/06/21(木) 22:12
>>157
二つのブロック要素で囲んで、
それぞれに別の背景を指定する。

HTML的に良い事では無いけど。

160 :157:2001/06/21(木) 22:20
>159ありがとうございます。
2つに分けてやったんですが、うまくいかなかった。
んで、聞いたんすけど・・・
やっぱ、いいんですよね。モ一回やってみます。

>HTML的に良い事では無いけど
なんか、まずいんすか?

161 :Name_Not_Found:2001/06/21(木) 22:40
>>160
見た目だけのためにHTMLに余計な記述してるでしょ?
HTMLとCSSの関係が逆になっちゃってる。

色の違う文字を重ね合わせて影を表現するのと同じで邪道。
まぁ、W3C信者に叩かれるくらいだろうけどね。

162 :Mの字:2001/06/21(木) 22:57
>>156
日本語ページ(とは書いてないけど)で10pxなんて読めないよ。

ってのはおいといて、
全部が全部 px 指定は絶対にダメと言うことはない。
ただし、特にフォントサイズのpx指定やpt指定に対しては、
嫌う人も多いので注意してください。

あと、em だけなんて事はありません。
フォントサイズに関していうならば em だけでなく ex とか
% を使う方法、xx-small とかmedium 等々という指定方法もある。
それぞれの単位(medium とかは単位とは言えない?)については、
ちゃんと定義があるので内容については、
お手元の本なりwebなりで調べられたし。

163 :Name_Not_Found:2001/06/21(木) 23:02
このスレッドがこの板で一番普通に技術的会話してるよね。
css使うくらいになるとまるくなるんだね。

164 :82:2001/06/21(木) 23:15
視覚系User-Agentでの見た目の違いにいちいちキレてたら、
とてもCSSなんて使えません(煽りじゃないよ)。

つうかbox-sizing: border-boxなIEは嫌〜。
モード切り替えも面倒臭い……全てStandardモードでいいってば!

165 :Name_Not_Found:2001/06/21(木) 23:26
やっぱりムードメーカーとしての俺の存在が大きく影響してるな。

166 :Name_Not_Found:2001/06/22(金) 00:44
あげ

167 :136:2001/06/22(金) 02:58
>>148
そうだったんですか。教えてくれてありがとうございます。

>>151
メール欄見てどうしろと言うのですか?
ちなみに同じ事試してみましたが、全然だめでした(メール欄と同じという意味じゃないっすよ)

168 :39:2001/06/22(金) 03:16
>>167
>これどうやってやってるんですか?
って聞かれたので方法を示唆した。別にどうしろとも言ってない。
再現できないのは148がっ説明してくれてるし、単にやり方が知りたかったんじゃないの?


なんとなくこのスレWeb標準化の話
みたいになってきたなぁ(藁

169 :167:2001/06/22(金) 03:53
>>168
え?俺のレスを見てわかるように、普通にbgを../2ch.gif、フォントサイズを200pxにするやり方は
知ってましたよ。148さんはそれを理解した上であのレスをくれたと思うんですが。

170 :39:2001/06/22(金) 04:08
>148さんはそれを理解した上であのレスをくれたと思うんですが。
だから?
>俺のレス
なんて言わずに具体的にレスの番号を示せよ。
何が言いたいのかさっぱり(´ー`)┌

171 :39:2001/06/22(金) 04:30
あ〜、何げに前レスを見返してたんだけど、
>910
他の環境ではわからんが、Windows2000でのブラウザ(N4.xは除く)
ならoverflowにauto値を指定してやれば横は出なくなるよ。
まぁ、UA依存だから、あんまり信用はできないけど。

172 :156:2001/06/22(金) 08:20
>>162
教えてくれて有難うございました。
確認したいんですが、文字のサイズに関して言えば、
ネスケはpx指定は受け付けないってことですか?
タグ辞典は、見てるんですが。。
それについては何も書いていません。
分かる方、教えてください。おねがいします。

173 :Name_Not_Found:2001/06/22(金) 08:39
>>172
pxやpt指定はネスケ6なら効くはずだよ。
(ブラウザ側のフォントサイズ設定が100%以外になってたらダメだけど)0
もしうまくいかないとしたら記述の仕方に何か問題があると思われ。

174 :Name_Not_Found:2001/06/22(金) 08:41
>>172
font-sizeを絶対値(pxとかptで、ちなみにptのほうが一般的かな)で
指定しても反映されないってことなら、編集→設定→表示→フォント
→「Webページが指定したフォントを無視して〜」のチェックにマークが
入ってないかは見ておいたほうがいいかも。
あと、画面解像度とフォントサイズも一応見ておくといいかも。

175 :172:2001/06/22(金) 11:13
みなさん、お返事をありがとうございます。
それで、ひとまずN6の設定を見たんですが、「表示」で
「スタイルシートを使用」が「なし」になってました。
これが原因だったのかもしれません。が、オンにできないのはなぜ?
一通り説明を見て、それでも解決しなかったらソースを
ここにのせようと思います。そのときはまたお暇な方、よろしく
お願いします。
(どうやってcssをonにできるのかな?)不便なブラウザだ、N6。

176 :Name_Not_Found:2001/06/22(金) 11:36
>>175
それは、ユーザースタイルシートを使うかどうかで
ページ作成者が設定したスタイルシートを使わない
と言う意味ではないのですが。
って俺も最初は勘違いしたけどな。つか分かりにくいよ>Netscape

177 :Name_Not_Found:2001/06/22(金) 11:38
>>175
違ってたらごめん。
それってユーザースタイルシートとは違うの?
あと確かに、font-size : 10px とかNNじゃ余裕で効いてないよね。
かなりやな感じ。

178 :172=175:2001/06/22(金) 13:31
皆さん、本当にご親切にありがとうございます。

えぇ? あれはユーザースタイルシートってやつなんですか?
それじゃ、製作者が作ったスタイルシートはデフォルト
で機能するようになってるんですね。
で、177さんに確認していただいたように、10pxじゃ利いてないんで
すよね?
いま、チェックしたら、12pxでもだめみたいでした。どうやら、
ネスケのフォントに対してpx指定は諦めたほうがよさそうですね。
(それで皆さんはemで指定してるんでしょうか。物知りだなぁ)
ありがとうございました。
またお世話になるかもしれません。すいません、失礼します。

179 :Name_Not_Found:2001/06/22(金) 13:46
>>178
>それで皆さんはemで指定してるんでしょうか。

多分違う。少なくとも俺は違う。

180 :Name_Not_Found:2001/06/22(金) 14:22
途中から読むと何のことか判んないからブラウザのバージョンは明記してくれ

181 :172=175:2001/06/22(金) 14:37
>>179
すみません、ネスケ6です。
ネスケ6(win)でスタイルシートのフォントサイズ10px(12pxも)
は通用するのかって話しなんです。10pxはダメって結論が出かかってます。

182 :169:2001/06/22(金) 15:11
>>170
俺のレスを理解していない時点で低能だということはわかっていましたが、やはり
煽ってきましたね.っていうか、>>170でも自分がまだ出来ない事を嘆いているようですが
もう>>148さんが答えてくれたんでいいですよ。理解してないのはあなただけ。自分の非をつかれたくらいでそう熱くなんなよ(w
また自作自演かなんかでレス返してくると思うけど、俺はもう来ないよ。残念でした(笑)

183 :Name_Not_Found:2001/06/22(金) 15:14
>>182
粘着ウザイ
あっちいけ

184 :Name_Not_Found:2001/06/22(金) 15:14
>>189
10pxっていうか、px表記ね。
というか、俺は自分のとこ13pxでやってる。
他の単位は使った事ないし。
一応(文字の大きさが)見やすいかどうなのか、アンケート取ったりして
色々調査してるよ。
アンケート結果だと普通って人が半分くらいで、
ちょっと小さいが30%くらいかな。
あとね、ネットサーフィンしてる時に、
文字の大きさを(ブラウザのツールボックスで)どんな時に変えますか?って質問なんだけど、
ほとんど使わないって人が7.8割いるんだよね。
ほんとかよ!?みたいな、
まぁ、PCに詳しい人が集まるサイト系ではないってのも
少しはあると思うけど。
サイトの見やすさに対するアンケートはおもしろいからみんなにも薦めるよ。

185 :Name_Not_Found:2001/06/22(金) 15:14
>182
ウザ
どーでもいいがほかでやれ

186 :Name_Not_Found:2001/06/22(金) 15:17
失敗>>181ね。
あとね、13px固定だから当然フォントの大きさは変えられないんだけど、アンケートで
当サイトはブラウザでフォントのサイズが変えられない(=CSSでフォントサイズ固定)のを知ってましたか?って質問。
知らなかったって人がほとんど。(w
ほんとにただ見て回ってるだけなんだな(w

187 :Name_Not_Found:2001/06/22(金) 15:56
>>184
あなたのサイトに行ったわけじゃないからどんな風に見えるのか知らないし,
どんな風にアンケート項目がなってるのか知らないけど,その回答は
「小さくて読めないから答えられない」人は入ってないわけだよね?
ごめん,ケチをつけたいわけではなく,答えが偏ってる可能性があるよって
言いたいだけ.
サイズを変えなかったりサイズが変えられる(変えられない)ことを
知らなかったりって方は,面白い結果というか予想通りというか….
世間ってそんなもんか.

188 :Name_Not_Found:2001/06/22(金) 17:54
pxはIEやN4だと固定だけど、N6だと固定されない。

ホームP作るうえで、文字サイズを変更されても
デザインができるだけ崩れないようにするのが
一番いい方法だと思うけど。。

189 :Name_Not_Found:2001/06/22(金) 17:59
>>188
ptはN6でも固定されるの?

190 :Name_Not_Found:2001/06/22(金) 18:08
>189
ptはN6(N4)では固定されない。
IEは固定される。

191 :190:2001/06/22(金) 18:22
ptでIEでは固定されるけれども。

OPのユーザー補助で、「指定したフォントサイズを指定しない」にしてから
文字サイズを変更すると、できない事も無いけども。

フォントサイズを設定するのほんとに大変かな。

192 :Name_Not_Found:2001/06/22(金) 18:26
なんでもいいけど、pt だの px だの cm だの mm だの in だので
フォントサイズ指定すんなっつーの。ダメ!絶対!

193 :どうだろうね...:2001/06/22(金) 18:30
しかし、体裁が求められて来てるのも事実だし。。

194 :157:2001/06/22(金) 18:36
 159 名前:10.css 投稿日:2001/06/21(木) 22:12
 >>157
 二つのブロック要素で囲んで、
 それぞれに別の背景を指定する。


二つのブロック要素で囲んでって、
↓これでいいんでしょうか?
うまくいきません。

BODY
{
background-image:url("★.gif");
background-repeat:repeat-y;
}
{
background-image:url("●.gif");
background-repeat:no-repeat;
background-position:150px 50px
}

195 :Name_Not_Found:2001/06/22(金) 18:41
ダブルクォーテーション消してもだめかい?

196 :39:2001/06/22(金) 18:47
まぁ、使い分けだよなぁ。仕方ない時もあるし。
漏れは自分のページじゃ、どうしても変更できないところしか絶対指定はしない。

>>182ふ〜ん。
>煽ってきましたね
自分で煽ってきてるのがわかってないんだね。(もう来ないんだからどうでもいっか)

197 :39:2001/06/22(金) 18:50
>>194
根本的に何か勘違いをしてるよ(汗)
div#a {}
div#b {}
としてやって、<body>の中で、
<body>
<div id="a">
<div ic="b">
</body>
って言うことだと思うよ。
>>194は、CSSを理解していればそんな記述はできない。

198 :39:2001/06/22(金) 18:51
あ〜、ごめん
<body>
<div id="a">内容</div>
<div ic="b">内容2</div>
</body>
だ。
ちなみに、ブロック要素が何かはとほほにでも行って、調べておいたほうがいいかも。

199 :Name_Not_Found:2001/06/22(金) 18:52
>>194
試してないけど,body に background 設定した時点でだめなんじゃない?
あと,できれば「どう上手くいかないか」を書いてくれたほうがみなさん答えやすいんじゃないかな.
「重なっちゃう」とか「2 つ目が表示されない」とか.

200 :157 :2001/06/22(金) 19:03
みなさんありがとうございます。
2つ目が表示されないのです。。。
もう少し、調べてみます。

201 :39:2001/06/22(金) 19:11
>>200
ご、ごめん、ひょっとして二つ目のほう、icってやってる?
これも間違いで、どっちともidじゃないといけない(汗)
もしそうだったら、説明不足でスマソ!

202 :平身低頭:2001/06/22(金) 20:19
CSSファイルをリンクさせて本文テキストの文字ポイントと行間を
指定したのですがネスケが上手く対応できません。(IEは上手くいきました)
スタイルシートのネスケ対策を教えて下さい。
勉強になる関連サイトでも結構です。
よろしくお願いします。

203 :Name_Not_Found:2001/06/22(金) 20:26
>>202
フォント名に日本語含まれてない?

204 :>>202:2001/06/22(金) 20:34
203 さんが書かれているが,サイトは例えば
http://www.zspc.com/documents/css2/font/fontfamily.html

#単に「ネスケ」と書かれると,バージョンがわからない….
#バージョンによる対応状況が違うので,書いてくださいませ.

205 :平身低頭:2001/06/22(金) 20:51
皆様ありがとうございます。
ウィンドウズ ネットスケープコミュニケ−ター4,7 どぇす。

206 :Name_Not_Found:2001/06/22(金) 20:56
>>205
N4.7不可
可N6〜
 IE4〜
http://www.zspc.com/documents/css2/#font

207 :letter-spacing:2001/06/22(金) 20:58
http://www.zspc.com/documents/css2/text/letterspacing.html

208 :204:2001/06/22(金) 21:07
>>202=205
おおっと,行間もか.じゃあ 204 じゃ不十分だ.ごめん.
206 さんのところ(204 の上の階層)が参考になるかと.
font-family と line-height ね.

209 :line-height:2001/06/22(金) 21:07
>205
206−207ミス・・
http://www.zspc.com/documents/css2/text/lineheight.html

210 :Name_Not_Found:2001/06/22(金) 21:25
>>194
一つ気になるところあり。

ネスケ4は、background-position:150px 50px
使えなかったYO

211 :Name_Not_Found:2001/06/22(金) 21:36
NN4使うなよ・・・。
或いはNN4でCSSを使うな。

212 :Name_Not_Found:2001/06/22(金) 21:40
N6で<input type="text">だけborderが無視されるんですが、
ひょっとして激しくがいしゅつですか?

213 :Name_Not_Found:2001/06/22(金) 21:41
http://natto.2ch.net/test/read.cgi?bbs=hp&key=987423983

684と703辺りからの記事を見てみると良いかも。

214 :Name_Not_Found:2001/06/22(金) 21:50
N4使用期限切れるのいつかな?
N2は切れてるし、N3ももうすぐ切れそうだね。

215 :◆ ネスケ逝ってよし ◆:2001/06/22(金) 21:55
 

216 :210:2001/06/22(金) 22:12
>>194奇抜な発想イイ!
漏れも、N404以降対応したソース作ったYO
どかな?
2個目の背景画像がアイディアなんだけど意味わかる?
<STYLE TYPE="TEXT/CSS">
<!--
body {
background-image: url(http://www.radiat.net/img/banner3.gif);
background-repeat: repeat-x;
background-color: #6699FF
}
.ahya {
background-image: url(http://web.kyoto-inet.or.jp/org/mediajoy//media/main/rolleiphot/1.gif);
background-repeat: no-repeat;
clip: rect(); color: #FF0000;
position: absolute;
width: 100%;
top: 0px
}
-->
</STYLE>
</HEAD>
<BODY>
<div CLASS="ahya"> 2ch2ch2ch<BR>
2ch2ch2ch2ch2ch2ch2ch<BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
2ch2ch2ch2ch2ch2ch2ch2ch2ch2ch2ch2ch<BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
</div>
</BODY>

217 :157=194:2001/06/22(金) 22:45
>>216 さん出来ました!(寝助未確認)
本当にありがとうございます。
なるほど、<div CLASS="ahya"> ですね。
みなさんありがとうございます。
すごい!
何故できたかをこれから理解します(藁)

優秀スレage

218 :210:2001/06/22(金) 23:08
>>217

>!(寝助未確認)
ねすけ信者と勘違いしてたYO。スマソ

219 :Name_Not_Found:2001/06/22(金) 23:55
>>181
それはWindowsのNetscape6?
指定できないってことはないはずだ。
CSSでどう指定してるか、適用させている部分のHTMLがどうなってるか
簡潔に貼り付けてみてくれ。

220 :Name_Not_Found:2001/06/23(土) 00:26
>>212
DTD宣言でStrictモードにしたら、大丈夫だったよ。

それと、N6、Mozillaでfont-sizeのpx指定が効かないって言ってる人いるけど、
うちの環境だときっちりpxで指定できるよ。
10pxも12pxのちゃんと表示できる。

効かないって言ってる人はただ言うだけじゃなくソースも出して。
はっきり言って今のままじゃ判断できないよ。

221 :>212:2001/06/23(土) 00:39
HTMLlintとW3CのCSSのvalidationサービス(名前忘れたが、、)にかけてエラー見た方がいいよ。。
<input type="text"
にちゃんとCSS入ります。。
Win98,2000 NN6.01で確認済

単にvalidでないhtmlやミスにIEよりルーズでないだけ。

222 :Name_Not_Found:2001/06/23(土) 00:43
>>220
同意。
validに書いているという自信はないが、
指定できなかった記憶は一度もないな。

と、書きながら
fontでの一括指定だと、
うまく反映されなかったりすることを思い出した。

とにかく、どういう風に記述しているのか
ソース乗っけた方が良いと思われる。
バグよりも人為的なミスの方が圧倒的に多いんだし。

223 :210:2001/06/23(土) 00:53
「HTMLlintとW3CのCSSのvalidationサービス」ってどこにあるの?
チェックしてみたい...

224 :Name_Not_Found:2001/06/23(土) 00:56
http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html(他にもあり)
http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

225 :210:2001/06/23(土) 00:58
>>224
早速ありがとう!
つかってみるYO

226 :Name_Not_Found:2001/06/23(土) 01:21
>>219
181ではないんですが。
winでNN6はやっぱりフォント固定たぶん効かないですよ。
<style type="text/css">
body {
font-size : 13px;
}
</style>
どうぞ確認して下さい。

227 :Name_Not_Found:2001/06/23(土) 01:32
>>226
固定が出来ないのは既出だろ?
>>190あたりで。
「指定できない」って言ってるんじゃないの?

228 :Name_Not_Found:2001/06/23(土) 01:38
おお、ptでも駄目なのか。でもサイズ変えられるのはいい事だね。

229 :Name_Not_Found:2001/06/23(土) 01:47
>>227
いや、既出っていうか、まだ出来るんじゃっん?って言ってる人いたから

230 :ややこしい〜:2001/06/23(土) 01:55
fontの

指定の話>>172-181(ネスケはpx指定は受け付けない?)
固定の話>>184-193(フォントの大きさは変えられない)

気にせず、適当にやっときましょー

231 :ややこし〜:2001/06/23(土) 01:58
px指定したけど、無効なときもあったな。
原因は、よくわからん。

気にしない、気にしない!?

232 :219:2001/06/23(土) 02:27
<style>body{font-size:12px;}</style>
<body>テスト</body>
…というシンプルなHTMLを読み込ませたが
NN6.01でもMozilla0.9.1でも指定効いたぞ。
平常時だと16pxで表示される文字が12pxで表示された。
上の2行を保存してフォントサイズ指定がうまくいかないとしたら
それは>>226>>181のブラウザの設定が何かおかしい。

メニュー→表示→文字サイズの設定を100%以外にしたらそれに追随するのは
>>227が指摘している通り別問題な。
「指定」と「固定」は違う。
俺はCSSで指定されると固定されてしまうIEの実装より
CSSで指定されてても閲覧者が大小させられるN6の実装の方がユーザに優しいと思う。

233 :Name_Not_Found:2001/06/23(土) 02:40
確かに「指定」と「固定」がごちゃ混ぜになっているような気も。
騒いでる人はそこら辺をはっきりさせてから書いてね。
うちのN6.01、Mozilla0.9でもちゃんと指定できてるから、
「指定」できないと言ってる人は設定かコーディングでこけてる可能性が高いです。

>CSSで指定されてても閲覧者が大小させられるN6の実装の方がユーザに優しいと思う。
同意。
MacIE5だったらN6と同じく、絶対指定でも簡単にサイズ変更できるんだけどねぇ。

234 :Name_Not_Found:2001/06/23(土) 02:41
N6.1PR1 ですが、px 指定 pt 指定とも、キッパリと有効。
誰かも言ってたが、聞かないとしたら、記述がおかしいのだと思われ。

>>232
>CSSで指定されてても閲覧者が大小させられるN6の実装の方がユーザに優しいと思う。
とっても同意!

235 :234:2001/06/23(土) 02:43
かぶりまくってると言うかなんと言うか。逝く。

236 :Name_Not_Found:2001/06/23(土) 02:50
素直にもぢら使ってバグフィクスに貢献しましょう。

237 :Name_Not_Found:2001/06/23(土) 06:38
だがそれだと絶対指定の意味が無い気が。
絶対指定は絶対指定で残して置いた方が良いと思うんだよなァ…
例えば、印刷の時とか役に立つし。

238 :212:2001/06/23(土) 09:11
>>220
あんがとー。そういうことだったか。
試しにサンプル書いてみたらちゃんと指定できた。
というのもborder指定したいのはOTDの掲示板なのよ。
DOCTYPE宣言が<HTML>の中でできたらいいんだけど。

239 :212:2001/06/23(土) 09:23
試しに<HEAD>で宣言したら有効だった。
1行目に書かなきゃならないもんだと思ってたけど、
これはやっぱりまずいかな?

240 :Name_Not_Found:2001/06/23(土) 10:29
>>239
まずいんじゃないかなあ.
多分,試してみたブラウザではうまくいった(実装依存),というだけだと思うよ.

241 :Name_Not_Found:2001/06/23(土) 11:12
DTDが定義される前にHTMLが始まってるわけだからダメだろ
完全に実装依存

242 :210:2001/06/23(土) 13:38
>>237
「絶対」といえば、URLか配置のことだよね?

>>216の時は、N4の安定を考えていたから、絶対配置の指定は無用だったね。
画像アイディア使わないときに使ったらいいかもね。

243 :210:2001/06/23(土) 13:47
>>237
>絶対指定は絶対指定で残して置いた方が良いと思うんだよなァ…
 例えば、印刷の時とか役に立つし。

残して置いたほうが役に立つことイッパイありそうだね・・・
どんなことだろ?印刷?

244 :39:2001/06/23(土) 16:03
>>242
>「絶対」といえば、URLか配置のことだよね?
そんなことはないと思う茂名ー。pt,pxとかの話じゃないの?
普通、(値の)相対指定に対して絶対指定というものだと思ってたんだけど・・・
その前の会話の流れからしても・・・
だとしたら、印刷に対して有効な手段だろうし。

245 :Name_Not_Found:2001/06/23(土) 16:08
>>244
そもそもURLの絶対指定が不可能だったら
別鯖のアドレス指定が不可能と思われ

ここから判断してもサイズなんかの値で正解かと

246 :210:2001/06/23(土) 16:45
>>244-245
そっかー。そうだよね
ありがと。。

247 :Name_Not_Found:2001/06/23(土) 17:49
Name_Not

248 :Name_Not_Found:2001/06/23(土) 18:16
>>210
お前の話の展開がよくわから

249 :Name_Not_Found:2001/06/23(土) 19:01
>>97より
http://www.seniornet.ne.jp/

このページなんだけど、
N6PRでコンテンツをクリックしたら落ちた。Mozillaでも確認。
誰か試してみてくれないかな。

250 :249:2001/06/23(土) 19:04
アンカーに
:active { position: relative; 〜}
が指定してあるのが原因か?

251 :39:2001/06/23(土) 19:40
>>249
Windows2000にて、Mozilla0.9は落ちて
Gecko/20010131 Netscape6/6.01だと落ちなかった。

なんとなくだが、外部シートに更に@importしてるのが気になるなぁ・・・

252 :39:2001/06/23(土) 19:47
あ〜、よく読んでみたら、
@media screen{
a:active
{
position : relative;
top : 1px;
left : 1px;
}

h1 span a:active
{
position : relative;
top : 3px;
left : 3px;
}
}
なんてやってるからposition指定が重複してしまって、
ブラウザが逝っちゃうんじゃないかな。
予想だけどね・・・

253 :249:2001/06/23(土) 23:08
> 39
ありがとう。6.01は落ちないんだね、やっぱり。

それと、手前の方で確認したところ、
a: active { position: relative; 〜; }
の指定のみで落ちました。N6.1PRで。たぶんMozilla0.9でも同様でしょう。

254 :249:2001/06/23(土) 23:09
どうでもいいのですが、敬語が混じってしまいました。

255 :Name_Not_Found:2001/06/23(土) 23:24
position: relativeはMacIE5だと死ぬから使わない方が良いと思うよ。
relativeでレイアウトしてあるとこだと一発で崩れるし。

256 :Name_Not_Found:2001/06/23(土) 23:37
>>253
いつの頃からか、ダイナミック疑似クラスでpositionの値を変更すると落ちるようになったよ。いつまで経っても修正されないので非常に鬱。

あらかじめ
a { position: relative; }
と書いておけば大丈夫なんだけどね。

257 :Name_Not_Found:2001/06/23(土) 23:40
>>255
そうなの?
http://www.zspc.com/documents/css2/#display
を見ると大丈夫そうなんだけど・・・

258 :249=253:2001/06/23(土) 23:50
>>256
ホントだ、試してみたら落ちなかったよ。サソクス。
これでひとつ賢くなった。

259 :Name_Not_Found:2001/06/23(土) 23:59
>>257
position: relativeの値が、そのまま子要素にまで継承されちゃう場合があるの。
relativeでleft:200pxを指定したブロックレベル要素があるとすると、
そのブロックレベル要素が本来の位置から左に200px移動(ここまでは正しい)、
そしてその子要素がさらに200px左に移動するといったような事になります。

きちんと確認した訳じゃないんだけど、確かこんな感じだったと思う。

260 :Name_Not_Found:2001/06/24(日) 01:11
BODYに設定したCSSは、テーブルの中には反映されないんでしたっけ・・?
ネスケだけ?

261 :Name_Not_Found:2001/06/24(日) 14:33
属性によるんじゃ、、、

262 :Name_Not_Found:2001/06/24(日) 16:39
>>257
に関連して。
それじゃあ、relativeでポジショニングした要素の子要素を、
relativeなりabsoluteなりでさらにポジショニングした場合はどうなるんだろ。
実際やってるからちと不安。

マカーの方レポートきぼん。

263 :260:2001/06/24(日) 22:05
追記。
>BODYに設定したCSSは、テーブルの中には反映されないんでしたっけ・・?
font-sizeやline-height、colorなどのテキストに関する属性です。

テーブル内の文字には反映されないとなると、
テーブルを利用してレイアウトする時は
いちいちclass="**"って書かなきゃいけなくなっちゃいますよねぇ・・・

264 :Name_Not_Found:2001/06/24(日) 23:22
>>262
そのケースだと、子要素が200pxずれた位置から計算されるはず。
子要素にrelativeでleft:-200pxとすれば元の場所に戻るけど、
MacIE5以外のブラウザだと当然おかしくなるね。
absoluteを使った場合はちょっとわからない。

サンプル出してくれれば職場のマクで確認するよ?

>>263
body,td,th { foo:bar }
これじゃダメなの?

265 :262:2001/06/25(月) 00:29
レス指定間違ってた。>>257>>259だ。

>>264
relative > relative は駄目なのね。
自分がやってるのは relative > absolute で、
簡単にするとこんな感じ↓

div { width: 300px; height: 100px;
position: relative; top: 100px; left: 100px;
border: 1px solid black;
}

li { list-style: none;
width: 100px;
border: 1px solid black;
}

#aaa { position: absolute; top: 0; left: 0; }
#bbb { position: absolute; top: 0; right: 0; }
#ccc { position: absolute; bottom: 0; left: 0; }
#ddd { position: absolute; bottom: 0; right: 0; }


<div>

<ul>
<li id="aaa">AAA</li>
<li id="bbb">BBB</li>
<li id="ccc">CCC</li>
<li id="ddd">DDD</li>
</ul>

</div>

<div>の四隅に<li>を配置するサンプルね。IDテキトースマソ。
もし良かったらこいつで確認してやっておくんなまし。
absolute なら大丈夫のような気もするんだけど。

266 :Name_Not_Found:2001/06/25(月) 00:51
突然ですがインラインフレームのスクロールバーに
色を着けたいのですが、可能なのでしょうか?

<STYLE type="text/css">
<!--
IFRAME{scrollbar-face-color: #ff0000 ;}
-->
</STYLE>

と指定してもなんにも反映されません。
ブラウザはIE5.5です。

267 :Name_Not_Found:2001/06/25(月) 01:47
>>266
iframeには効かないよ。

268 :Name_Not_Found:2001/06/25(月) 01:55
>>266
インラインフレームで読みこむ先のHTML文書でスタイル指定したらいいんじゃない?

269 :Name_Not_Found:2001/06/25(月) 02:06
そう。インラインフレームののスクロールバーは、
その中に表示するページのスクロールバー。
そのページが自分のページじゃないなら諦めなされ

270 :Name_Not_Found:2001/06/25(月) 02:07
「の」がかぶった。氏んできます。

271 :266:2001/06/25(月) 08:16
>>267-270
ははぁ。なるほどIFRAMEには効きませんか。
ありがとうございました、色々模索してみます。

272 :259:2001/06/25(月) 12:52
259の補足。
position:relativeを適用させたブロックの:first-childは正常な位置に表示されて、
:second-child(こんなの無いけど)からずれるみたい。

>>262
relative>absoluteなら大丈夫でした。
ただ、divの中にul以外の要素が入っていた場合ずれる危険性あるかもですね。

273 :262:2001/06/26(火) 00:18
>>272=259
ああ、ありがとう。これで取り敢えずは一安心。

対策を取るなら、relative配置した要素の子供は、長男以外全部absolute配置、かな?
でもそう多くないマカーのためにそこまで面倒見切れないかも。

埋もれてるのでage

274 :Name_Not_Found:2001/06/26(火) 11:44
{css : age;}

275 :Name_Not_Found:2001/06/26(火) 11:54
{ thread-position: age; }

のほうがよくないか(w

276 :Name_Not_Found:2001/06/26(火) 11:59
CSS、スタイルシート質問用スレッド 【 3 】 { thread-position: age; }

277 :Name_Not_Found:2001/06/26(火) 12:03
>>275
{ feeling-style : do-i }

278 :Name_Not_Found:2001/06/26(火) 13:06
border-style : double

これって、winでは完全未対応?
ボーダーの形状を変えるのは結構使えそうなのになぁ

279 :Name_Not_Found:2001/06/26(火) 13:14
>>278
ウチ二重線に見えてるけど・・・
WinME + IE5.5

280 :Name_Not_Found:2001/06/26(火) 13:30
>>278
Win IE5.5 と NN6.01 ではちゃんと見えるよ.
もし 1 本にしか見えない,ということなら,border-width の値を大きくすると
見えるようになると思う.

281 :Name_Not_Found:2001/06/26(火) 14:17
>>279-280

ちゃんと指定してるのになんにも反映されない俺のパソコンは逝ってよしですか?
というか、ブラウザがいつからかおかしくなったんだよなぁ。。
あぁ、そうだ、思えばIE6をノリで入れて良くないからアンインストールした辺りから
おかしくなり始めたんだ・・・

282 :Name_Not_Found:2001/06/26(火) 14:20
あ、やっぱり出来ました。
border : solid 1px;
これを省いたら出来ました。
これはあっちゃいけないんですか?

283 :名無しさん@MZ-2000:2001/06/26(火) 14:24
ちっとは自分の頭で考えようよ…
solid ってなにの指定かわかる?

284 :280:2001/06/26(火) 14:25
>>282
えーと,どうできないんでしょう?280 に書いたように 1 本にしか見えないのなら,
それは 1px という指定のせいだから,それを 4px とかにすればいいはず.
border: double; の時の border-width は線の太さでなくて線の間隔.

285 :284=282:2001/06/26(火) 14:26
>>283
あ…そんなところにも罠が….救いがたい.

286 :285:2001/06/26(火) 14:29
しかも名前間違えてるし…285=284=280 ね.最悪だ….
というわけで,気を取り直して,
>>282
solid と px のコンボによって意図した結果になってない,ということでしょう.

287 :名無しさん@MZ-2000:2001/06/26(火) 14:29
>>284
わたしは逆に 1px のほうには気づいてなかった(w
border: solid 1px;
border-style: double;
の順に指定したら double 1px になるもんねぇ。

288 :Name_Not_Found:2001/06/26(火) 16:31
「solid」って、「ソリッド」って読むんですよね、
「剃りっど」っていつも頭がよぎるのは僕だけですか?

289 :Name_Not_Found:2001/06/27(水) 02:35
板浄化age

290 ::2001/06/27(水) 02:42
いや、sageたら意味無いだろ。

291 :Name_Not_Found:2001/06/27(水) 03:01
スタイルシートって使ったこと無いんですけど
やろうと思えばHTMLで全部出来ちゃう事ばっかりなんですか?
CSSでしかできないことって有ります?

292 :Name_Not_Found:2001/06/27(水) 03:04
>>291
例えばフォントサイズを印刷用に指定するとか。
例えばリンクの下線を消すとか。(w

色々あるよん

293 :Name_Not_Found:2001/06/27(水) 03:05
>>291
HTMLだけじゃできないことがいっぱいあるよ。

294 :Name_Not_Found:2001/06/27(水) 03:19
CSSを作れスレでも見てくれば判るんじゃないの?

それから、HTMLで出来ることでもCSSでやるべき。
敷居は低いんだからどんどん挑戦すれ

295 :Name_Not_Found:2001/06/27(水) 03:27
そうそう。基本的なHTMLが分かれば、ある程度のページなんていくらでも作れるんだし。
そこからページに少しずつCSS入れていって、W3Cの基準に近づけていく(w

ページ全部見直そうかな。無駄な記述が多すぎるし。

296 :Name_Not_Found:2001/06/27(水) 06:28
dtとddを改行しないで横に並べるにはどうしたらいいでしょう。
ddにposition:relativeかmarginをマイナスに適用するくらいしか思いつかないんです

297 :Name_Not_Found:2001/06/27(水) 08:43
>>296
compact属性。
ただし↑は非推奨属性。
それがいやなら、>>296のやり方。

298 :Name_Not_Found:2001/06/27(水) 09:11
>>296
CSS2 的には、dt{ display:compact; } じゃなかったっけ?
あるいは display:run-in; とか。

299 :Name_Not_Found:2001/06/27(水) 09:19
tableのcellpadding, cellspacing をCSSで実現するにはどうしたらいいですか?

300 :Name_Not_Found:2001/06/27(水) 09:51
<div>をfloat使って配置し、
marginとpaddingで調節。

301 :Name_Not_Found:2001/06/27(水) 09:54
>>294さん。(じゃなくてもいいけれど)

<span style="color:#00ff00;">緑色になります</span>

つまり文字色ひとつ変えるのも上記のようにした方がいいんですか?
あと、「<span」の部分ですが「<font」でも結果自体は同じなのに
「<font」が非推奨なのは何故ですか?
ただw3cで定められているという理由だけですか?

302 :Name_Not_Found:2001/06/27(水) 09:55
「<span」と「<div」の違いってあるんですか?

303 :Name_Not_Found:2001/06/27(水) 10:00
>>301
おそらく既出だが…、
何故文字色を変える必要があるのか。
強調ならemとかstrongにstyleを設定してやればよい。
HTMLは文書の論理構造をあらわすものだから、文字色を変えたいから
変えるんだというのにはそぐわない。
よってfontもだめだがspan style="colorも同じくらいだめ。

304 :Name_Not_Found:2001/06/27(水) 10:08
>>303
じゃ、何だったらいいんですか?

305 :名無しさん@MZ-2000:2001/06/27(水) 10:14
つか、このスレの23-61あたりを読むべし

306 :Name_Not_Found:2001/06/27(水) 10:19
>>302
インライン要素か、ブロック要素か。が一番かな?

307 :Name_Not_Found:2001/06/27(水) 10:45
>>306
つまり、適用範囲の違いですよね?

308 :Name_Not_Found:2001/06/27(水) 10:47
>>20-70
これをクリックすればその部分だけ見れる・・・と。

309 :Name_Not_Found:2001/06/27(水) 10:51
>>307
7.5.3 Block-level and inline elements
Certain HTML elements that may appear in BODY are said to be "block-level" while others are "inline" (also known as "text level"). The distinction is founded on several notions:

http://www.w3.org/TR/html4/struct/global.html#h-7.5.3

310 :Name_Not_Found:2001/06/27(水) 10:56
>>303-304
ただカラフルにしたい、って人も中には居るだろうから、
そんな人には span でも font でも自由に使って呉れってウチのサイトじゃ言ってるよ。
font 使うときは DOCTYPE 宣言に気をつけろってのは注意してるけど。

とりあえず、基本的な論理マークアップが出来てれば、
物理マークアップだろうか CSS だろうが自由にしろって感じで。

ちなみに span にも使い方はあると思う。
例えば、目立たないようにする時とか。つまり強調の反対。

311 :Name_Not_Found:2001/06/27(水) 10:59
>>303

以前の論議を読みました。

つまり、htmlを書くときにマークアップをする「動機」が大切なんですね。
「動機」が。

今俺は良い事いったかもな。

312 :Name_Not_Found:2001/06/27(水) 11:04
オ、オレノムネドキドキシテルヨ・・・(;´Д`)

動悸。

313 :Name_Not_Found:2001/06/27(水) 16:29
先ほど>>312がおかしな事を言った。

314 :Name_Not_Found:2001/06/27(水) 20:17
312晒し下げ

315 :Name_Not_Found:2001/06/27(水) 22:23
CSSにCGIが吐き出した変数を入れることは可能でしょうか?

例えば、「$color$」という変数があって、
body { background: #ffffff }
の、「#ffffff」の変わりに「$color$」を使いたいのです。

よろしくお願いします。

316 :Name_Not_Found:2001/06/27(水) 22:33
入れれば?で終了なんですが・・・・

317 :Name_Not_Found:2001/06/27(水) 22:44
>>315
とりあえず、perlでも学んでくれ。

318 :Name_Not_Found:2001/06/28(木) 00:07
ほいさー

319 :Name_Not_Found:2001/06/28(木) 01:34
>>297さん、>>298さん、どうも。
CSS2って細かくて難しいなあ。
んで
> CSS2 的には、dt{ display:compact; } じゃなかったっけ?
> あるいは display:run-in; とか。
これ試してみたんですけどMozillaでもIE5.01sp2でも変わらないよう。
対応してないのかな・・・。

参考にしたのはココ
ttp://east.portland.ne.jp/~sigekazu/css/css1css2.htm

320 :Name_Not_Found:2001/06/28(木) 02:01
>>315
CGIでCSSを出力すればいいだけの話では??

あと「HTMLは文章の論理構造をあらわすものだから」とか
言ってるひとがいるけど、現実的に、既存のブラウザで
表示させるものだということを考慮すれば、ありえない話。

ここ叩いてください→
 http://www.sfc.keio.ac.jp/~t01298hk/
 http://www.sfc.keio.ac.jp/~t01298hk/infoclass/

321 :Name_Not_Found:2001/06/28(木) 02:17
>>320
「論理構造を記述しただけでは表示してくれないブラウザ」
ってのがあれば、たしかにありえない話だけど、ありえない前提で
ありえない話とかいってみるのは、遠吠え。

>ここ叩いてください→

自分でやれば?

322 :採点:2001/06/28(木) 02:18
>>320
>現実的に、既存のブラウザで
>表示させるものだということを考慮すれば、ありえない話。

「何が」ありえないのかはっきりさせましょう。
HTMLを語る前に先ず日本語。よって32点。

323 :Name_Not_Found:2001/06/28(木) 02:20
いつもFONT size="2"とか書いてますが
みる人が自由に表示を大きくしたりできて、
環境によってはみづらいとかの結果にならないようなのは
スタイルシートではどう書けばいいの?

324 :Name_Not_Found:2001/06/28(木) 02:22
>>323
font-size:?em
font-size:?ex
font-size:?%

325 :Name_Not_Found:2001/06/28(木) 03:05
>>320

>現実的に、既存のブラウザで
>表示させるものだということを考慮すれば、ありえない話。

私は文書中の見出しから目次のリストを生成する処理を行っていますが、それでもHTMLで論理構造は表され得ませんか?

326 :Name_Not_Found:2001/06/28(木) 03:14
つまらんネタを掘り返すな

327 :Name_Not_Found:2001/06/28(木) 04:18
Netscape と Internet Explorer、どっちでもうまく表示されるHTMLファイル
を書くにはある程度論理構造無視しないとやれなくない??

Internet Explorer の最新版のみに対応させればいいんなら、
論理構造きっちりとさせたの書けるけどね。まともなソース書いた
ことないくせに大きな口叩くなよw

328 :Name_Not_Found:2001/06/28(木) 04:37
>>327
具体例を明示してみれ

329 :Name_Not_Found:2001/06/28(木) 06:23
「どっちでもうまく表示される」って何だよ。
同じに見えるって事か?

どっちにしろ
>まともなソース書いた
>ことないくせに大きな口叩くなよw
なんて言ってる時点でおこちゃま決定だな。

330 :Name_Not_Found:2001/06/28(木) 06:35
>>327
たしかに、特定ブラウザのCSS実装の問題と、HTMLにおける論理構造の是非の
違いも判らない馬鹿には自分の文章の論理構造も見分けられないはずだ。

331 :煽り♪:2001/06/28(木) 07:45
>>327
>Netscape と Internet Explorer、どっちでもうまく表示されるHTMLファイル
>を書くにはある程度論理構造無視しないとやれなくない??
やれるが何か?

>Internet Explorer の最新版のみに対応させればいいんなら、
>論理構造きっちりとさせたの書けるけどね。
自分のスキル不足を自慢してるのかな?

>まともなソース書いた ことないくせに大きな口叩くなよw
   ∧_∧  / ̄ ̄ ̄ ̄ ̄
  ( ´∀`)< omaegana-
  (    )  \_____
  | | |
  (__)_)

332 :Name_Not_Found:2001/06/28(木) 08:00
>>331
煽りと言っているけど、まったく持って普通だと思うぞ。

論理構造を無視するのは、仕事がおっつかないからだっちゅーねん!!!

333 :Name_Not_Found:2001/06/28(木) 08:22
>>332
だから軽い感じを出そうと思って♪を付けたのに・・・鬱

334 :Name_Not_Found:2001/06/28(木) 09:13
>>317
あーでも、perl じゃサーバによっては出来ないかも。
例えばニフだと、普通(?)のデータとCGIのディレクトリはそれぞれ独立してるし。

CSSを書き出してそれを読み込ませるようにしても、
CGIディレクトリに書き出されたファイルはHTMLから読み出せないってこと。

でも、
<link rel="stylesheet" type="text/css" href="http://hoge/main.cgi">
で呼び出せるなら或は…どうなんだろ?
試してみるか…

335 :Name_Not_Found:2001/06/28(木) 10:15
>>315
cgi板行った方が早いと思うけど、
たぶん、cssというか、htmlの中には変数使えないと思う。
普通にcgiの中でhtml生成すればいいんじゃ、、、。

336 :名無しさん@MZ-2000:2001/06/28(木) 13:02
>>334
Content-Type: text/css を吐き出せば問題なくできるはず。

337 :Name_Not_Found:2001/06/28(木) 13:21
cssじゃないですが質問です。
th、ってもしかして勝手にセルの中身がセンタリングされるんですか?
っていうかセンタリングされてるんですが、これってかなり不便なんですが、わざわざ左寄りに戻さなければならないですよね。

338 :Name_Not_Found:2001/06/28(木) 13:29
>>337
th要素はTable Headerの意味で別にセンタリングするための要素じゃない。
ボールドでセンタリングされて見えるのはブラウザの仕様であってHTMLのせいじゃない。
故にCSS。

th {
text-align:left;
font-weight:normal;
}
こんな感じでいかが。

339 :Name_Not_Found:2001/06/28(木) 13:30
>>336

#! /usr/bin/perl

$color = "#ffffff";

print "Content-Type: text/css\n";
print "\n";
print "body { background:$color; }";


こんな感じですな。

340 :Name_Not_Found:2001/06/28(木) 13:52
>>338
thでボールドになるのは見出しだから納得するけど、
センタリングになるのはちょとおかしいよね。
ブラウザの仕様と行ってもIEでもNNでも勝手にセンタリングされるのは腑に落ちないです。
結局はCSSで定義するしかないんですね。

341 :Name_Not_Found:2001/06/28(木) 14:17
今、テーブルの中に画像を配置して、スタイルシートで左にマージンを
50pxとりたいと思ってclassを適用してるのですが、うまくいきません。
cssの宣言文は問題ありませんのでclassの設定がおかしいのか?と思います。
それで、以下がその設定なんですけど、どこがおかしいのかお時間のある人
教えてください。
css
.gazou { margin-left: 50px}
適用先html
<table>
<td><span class="gazou"><img src="gazou.jpg"></span></td>
</table>

って感じです。どこか変でしょうか?すいません、教えてください。

342 :234:2001/06/28(木) 14:24
>>341
SPAN じゃなくて P とかにしてみ。

343 :342:2001/06/28(木) 14:25
>>342
P がイヤなら DIV も可。つーか DIV の方がいいのかね?

344 :Name_Not_Found:2001/06/28(木) 14:26
>>341
<SPAN>はとっちゃって、<img src="gazou.jpg" class="gazou">
にしたら?試してないんで何とも言えないけど。

345 :341:2001/06/28(木) 14:39
みなさん、さっそくのご教授ありがとうございます。
やってみたら、342.343.344のどの方法でもできました。
ありがとうございます!
いままで、spanに任せてたらどうにかなるだろって思ってたんです
けど、どうにもならないときが来ましたね。って、なに書いてんだか。
でも、どうしてspanじゃだめだったんでしょう?
明確な理由はあるんでしょうか? 皆さんも臨機応変でいろいろ試して
作ってるんですか? とにかく、ありがとうございました。

346 :Name_Not_Found:2001/06/28(木) 14:40
>>345
インライン要素にマージンは指定できなかったと思う。

347 :Name_Not_Found:2001/06/28(木) 14:41
インライン要素にmarginとかって設定できないんだっけ?

348 :Name_Not_Found:2001/06/28(木) 14:54
できると思うが.
<p>文章<span style="margin: 3em;">あけてみた</span>あいたはず</p>
上下はあいてないけど.

349 :Name_Not_Found:2001/06/28(木) 14:55
クソッ、IE5.5に騙された。
em { margin : 0px 0.5em; }
なんてやってたよ。ごめんなさいごめんなさい

350 :349:2001/06/28(木) 15:03
>>348
本当だ、Netscape6でもできたよ。
でもインライン要素にマージンっておかしいような気もする…。

351 :348:2001/06/28(木) 15:16
>>345
なぜうまくいかないかはよくわからないが,とりあえず
「画像のマージンを設定する」という目的から考えると
img にスタイルを適用するのが自然な考えだと思うがいかが?

ちなみに(言うまでもないことかもしれないが)348 の例は WinNN4.75 では
見るに耐えない結果になる.

352 :341:2001/06/28(木) 15:32
341です。その節はお世話になりました。それで、さきほど(>>341
マージンの設定をした画像の右側に説明文を書こうとして更にcssのほうに
gazou { margin-left: 50px; vertical-align:top }
という形で書き足したんですが、ひととおり説明文を書き込んでも
その文章が画像の上にそろってません。あきらかに下のほうにへばり
ついてるかたちです。
念のためtopをbottomに変えてもみましたが同じ症状でした。
なぜでしょう?タグ辞典を見ると「ブラウザのサポート状況次第では
正しく表示されません」と書いてあるんですが、そのせいでしょうか?
僕はwindows2000でIE5つかってます。おひまな方、教えてください。
すみません、聞いてばかりで。

353 :Name_Not_Found:2001/06/28(木) 15:36
<meta http-equiv="Content-Style-Type" content="text/css">

CSSを使う時は必ず↑を入れておかねければならないんですか?

354 :341:2001/06/28(木) 15:37
あっ、352に書いたCSSのなかのtopの前にはちゃんとスペース入れてます。

355 :Name_Not_Found:2001/06/28(木) 15:44
>>366>>399
なるほど、それで出来たよ。

だがCSSをわざわざCGIで出力するのは何か意味があるのだろうか。
いくつかのCSSをデータとして先に用意しておいて、
管理人がブラウザ上からデザインを変更するとかいうのなら…

面倒くさがらずに href 属性の値を書き換えてFTPでアップしろと思うが(w

>>350
強調要素の前後の空きを少し多くすることによって見やすくする、って手もあると思うよ。

356 :Name_Not_Found:2001/06/28(木) 15:44
すいません。質問です。
<input type='button' value='******'〜>でボタン生成すると、valueで
指定された文字数によってボタンの幅が決定されてしまいますが、
このボタンの幅を特定のサイズに収める技ってありますか?

357 :Name_Not_Found:2001/06/28(木) 15:45
>>355
一行目は>>336>>339の間違いだ(;´Д`

358 :356:2001/06/28(木) 15:50
すいません。追加条件として、NNでもIEでもちゃんと揃うようにしたいん
ですけど、スタイルシートのwidthだとNNで上手く行きませんでした。

359 :Name_Not_Found:2001/06/28(木) 15:50
>>352
その画像と、説明文が入っている"セル"にclassなりidなりを設定して
そこに vertical-align:top を設定しろ。

360 :Name_Not_Found:2001/06/28(木) 15:58
>>358
NNてなに?

361 :Name_Not_Found:2001/06/28(木) 16:03
Ninternet Ninja

362 :Name_Not_Found:2001/06/28(木) 16:11
>>353
http://openlab.ring.gr.jp/k16/htmllint/explain.html#content-xxxx-type

とりあえず、スタイルシートに CSS を使うんなら text/css って書いておけってことだ。

363 :341:2001/06/28(木) 16:18
>>359
教えていただいて申し訳ないんですが、できません。
新しくclass { vertical-align: top }を宣言して、例の画像が
入ってるテーブルのセル(<td>タグ)のなかに設定したんですが
ピクリとも動きません。下揃えのまま。ソースを見ると、例の画像と
文章がpタグで囲まれてて(画像のマージン設定に使ったため>>341)、それが
原因かとも考えたんですがさっぱりわかりません。
どうにかならないでしょうか? お願いします。

364 :Name_Not_Found:2001/06/28(木) 17:09
>>363
だから>>343が<div>がいいっていってるじゃない。

365 :Name_Not_Found:2001/06/28(木) 17:19
>>363
td に指定ではなく,img に指定すればいいだけだと思うけど.
<table>
<tr><td>
<div>
<p>
<img style="vertical-align: top;" src="pic.png">
</p>
</div>
</td></tr>
</table>

<p> があろうとなかろうと,<div> があろうとなかろうと,全部同じ.

366 :Name_Not_Found:2001/06/28(木) 17:19
>>363
ゴメン、出来ないね。

じゃぁ、スタイル指定はこう↓
.gazou{margin-left:50px;height:200px;width:200px;}
.a{vertical-align:top;}
で、テーブルの中身はこう↓
<td>
<p>
<img class="gazou" src="aaa.png" alt=""><span class="a">説明文</span>
</p>
</td>
ならどう?

367 :Name_Not_Found:2001/06/28(木) 17:44
vertical-alignだと説明文が長くなって自動改行された時、
次の行が画像の下から始まってしまう。
これはスマートと言えないよな?

floatを使うというのは考えつかなかったのだろうか?
こっちの方が363のイメージにより近くできるような気がするんだが。
あくまで個人的な考えだが、vertical-alignよりもfloatの方が制御は簡単だろうし。

<style type="text/css">
img.gazou{
margin-left: 50px;
height: 200px;
width:200px;
float:left;
}
</style>

<table>
<th>
<td>
<p>
<img class="gazou" src="aaa.png" alt="">説明文説明文説明文説明文</p>
</td>
</th>
</table>

あ、floatさせるときはwidthを明示するようにね。

368 :Name_Not_Found:2001/06/28(木) 17:45
Netscape との互換性を気にするんなら、<p>なんか使わずに、
<div>を使ったほうがいい。論理構造なんてどうでもいいんだよ。

369 :341:2001/06/28(木) 18:00
何度も何度もお世話になっています。341です。
365さんのやり方をやってみたらうまくいきましたが、
366さんのやり方だと失敗してしまいました。(すいません)。
vertical-alignの設定はどうやら画像に対してするものらしいです。
この数時間、このスレッドをほぼ独占するようなまねをしてしまい
ましたが、さすがにこれだけ恥をかくといくらか今まで教わったことは
まんま頭に入ってしまいました。ありがとうございます。
一つのことをやるにもいろんな方法があるようで、これからは自分と
そのときそのときの状況にあったやり方を考えていきたいです。
本当に皆さん、ありがとうございました。感謝してます。
じゃ、がんばりますんで皆さんもがんばってください。
お世話になりました〜。

370 :341:2001/06/28(木) 18:08
あっ、floatっていうのも便利そうですね。どうも。

371 :Name_Not_Found:2001/06/28(木) 18:16
>>338
気になったので.
>ボールドでセンタリングされて見えるのはブラウザの仕様であってHTMLのせいじゃない。
少なくとも,センタリングされるほうについては,
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#alignment
などによれば th はデフォルトでそうなる,と書いてある.
つまり,aling=center が th の初期値なのだから,むしろセンタリングされるのが
正しいと思う.ボールドについてはブラウザ依存.

372 :Name_Not_Found:2001/06/28(木) 18:23
>>367, 370
float だと NN4 あたりで悲惨な結果になると思うが….
多分それがテーブルレイアウトがなくならない最大の理由かと.
(いや,NN4 があるということがもっと根源的な理由だが.)

373 :Name_Not_Found:2001/06/28(木) 18:30
>>369
一番手っ取り早いのは、画像と説明文のセルを分けることさ。

374 :341:2001/06/28(木) 18:59
>>373
やっぱりそうですか。それがいやでこれまでやってきたんですが、画像に
トップマージンを入れたらますますややこしくなって(説明文が画像より
上に飛び出る)、やっぱりテーブル組もうかなって気になってきました。
へタレですね、すいません。

375 :Name_Not_Found:2001/06/28(木) 21:17
<ul id="main">
 <li>メイン1</li>
 <li>メイン2
  <ul id="sub">
   <li>サブ1</li>
   <li>サブ2</li>
   <li>サブ3</li>
 </li>
 <li>メイン3</li>
</ul>

これを、

--
メイン1 メイン2 メイン3
サブ1 サブ2 サブ3
--

と表示させたいんですが、
入れ子(id="sub")のない状態だと、

ul#main li {display: inline }で

--
メイン1 メイン2 メイン3
--

となってくれるのですが、
ここから後がわかりません。
あきらめて ul id="sub" を外に出すしかないでしょうか?
アドバイス、お願いします。

376 :Name_Not_Found:2001/06/28(木) 21:52
>>375
試してないけど,ul#main li ul#sub li
とかなんとか,とにかく子孫セレクタを使えばできそうな気がしなくもない.
が,それより何より,
>メイン1 メイン2 メイン3
>サブ1 サブ2 サブ3
という項目を見せられるとメイン,サブの関係がわかりづらいと思うのだけど.

377 :Name_Not_Found:2001/06/28(木) 22:20
>>375
#main{ position:relative }
#main li{ display:inline }
#sub{ position:absolute ; top:hoge ; left:hoge }

とかは?
試してないけど。

378 :Name_Not_Found:2001/06/29(金) 01:25
>>376-375
ありがとうございます。もう少し思考錯誤してみます。

>>376
一応メニュー項目になるんですけど、
一行目がメインメニューで二行目が例えば「メイン2」以下の
サブメニューになるんです。(Apple.co.jpみたいな感覚)
それで、CSS切った状態では入れ子リストとして表示出来ればなと思って。

379 :Name_Not_Found:2001/06/29(金) 01:42
<div id="main">メイン
<div id="sub1">サブ1</div>
<div id="sub2">サブ2</div>
</div>
って感じでメインの中にサブを作りたいのですが
relativeでメイン、サブ1,2を指定するとメインが下方向に間延びしちゃうのですが
absolute使うしか回避方法はないのですか?

サブ1の下がサブ2です。
┏━━━━━━━━┓  ┏━━━━━━━━┓
┃  ┌────┐┃  ┃  ┌────┐┃
┃ ┌│サブ1 │┃  ┃ ┌│サブ1 │┃
┃ │└────┘┃  ┃ │└────┘┃
┃ └────┘ ┃  ┃ └────┘ ┃
┗━━━━━━━━┛  ┃        ┃←実際にはココがサブ2の領域?なので余ってしまう。            ┗━━━━━━━━┛

380 :379:2001/06/29(金) 01:45
ずれた、鬱氏だ。

┏━━━━━━━━┓  ┏━━━━━━━━┓
┃  ┌────┐ ┃  ┃  ┌────┐ ┃
┃ ┌│サブ   │ ┃  ┃ ┌│サブ   │ ┃
┃ │└────┘ ┃  ┃ │└────┘ ┃
┃ └────┘   ┃  ┃ └────┘  ┃
┗━━━━━━━━┛  ┃            ┃←実際にはココがサブ2の領域?なので余ってしまう。
                 ┗━━━━━━━━┛

381 :Name_Not_Found:2001/06/29(金) 02:07


むぎ茶の新しい署名かと思った

382 :Name_Not_Found:2001/06/29(金) 02:46
>>380
sub2を
margin-top:-XXXpx;
で上に寄せたら?

383 :Name_Not_Found:2001/06/29(金) 03:43
ポジショニング目的でmarginプロパティ使うのは良くないっていうけど、
実際どうなんだろうね。

384 :Name_Not_Found:2001/06/29(金) 04:23
フォームの設定でテキストエリアのサイズ指定をピクセル単位で
できないかな?送信とかのボタン文字サイズも小さくしたいんだけど。

385 :Name_Not_Found:2001/06/29(金) 04:47
>>384
できるはずだが、かなり不便になると思われ

386 :Name_Not_Found:2001/06/29(金) 05:27
>>372
話とは関係無いが float の挙動は IE5 と Mozilla でも違う。
例えば

<div>
<p><img></p>
<p>hogehogehoge</p>
</div>


こう言う風に画像…例えば縦に 400px の画像を置いたとして、
その画像 (正確には img の外側の p ) に float:left って指定する。
そして、画像の右側に1行分の文 (仮に 12px とする) を置くようにするじゃない。

そうすると、IE5 では div 要素の縦の大きさは 400px かそれ以上だけど、
Mozzila では div 要素の縦の大きさが 12px ( p 要素の前後改行除く ) になってしまう。

つまり、一言で言えば Mozilla では画像が div 要素の下に、はみ出ちゃうわけさ。
これはどちらが正しいのか解らないが、clear:left (both) を指定した p 要素を、
<p>hogehogehoge</p> の下に置くことで回避出来るけど、これはスマートじゃない。

どうしたものか。

387 :まじれす。:2001/06/29(金) 06:57
>>375
どうしてもそうしたいんなら止めんが、マークアップからして間違ってないか?
サブを作りたいんなら↓だろ。
<dl>
 <dt>メイン1</dt>
 <dt>メイン2</dt>
  <dd><ul>
   <li>サブ1</li>
   <li>サブ2</li>
   <li>サブ3</li>
  </ul></dd>
 <dt>メイン3</dt>
</dl>
その上でレイアウトを考えた方が。
# そりゃ、確かにこっちの方が余計めんどくさいことになりそうだけど・・・

>>386
img要素はインラインなのだから、line-height分の高さしか取らないのが正解と思われ。
http://www.w3.org/TR/REC-CSS2/visudet.html#line-height
# img要素自体にheightが指定してあっても、やはり同様と思う。

div要素の縦幅を決めたいのなら、他の要素に左右させずにdiv要素自体にheightを指定すればいい。
ま、またIEの勝手な解釈の一つと捕らえておくべきだろうな。

388 :375:2001/06/29(金) 07:08
>>387
マークアップから既に間違ってます?
よろしかったらどう間違ってるか説明していただきたいのですが。

●メイン1
●メイン2
  ○サブ1
  ○サブ2
  ○サブ3
●メイン3

というメニューは間違ってないと思うのですが。
生意気言ってすみませんが、ご意見をお聞かせください。

389 :Name_Not_Found:2001/06/29(金) 07:29
>>387
ぐあ、そうなのか…うーむ。
だが直感的なのは IE の仕様なんだよな…
あと、画像を文字と同じ扱いにするのなら画像の縦幅横幅それぞれを 1em とし、
line-height:1.5em で画像の縦幅が 400px なら、行間は 200px
…って風にしたほうがよさげだと思うんだよな。

390 :Name_Not_Found:2001/06/29(金) 07:48
>>388
間違いって程じゃないよ。

メイン2と、そのサブとの関係を明示する形で
マークアップしてあるのが>>387

メニューリストだから、ulでマークアップするのは正しいんだけど、
在る1つの要素(この場合メイン1)と、
1つまたは複数の要素(この場合サブ1〜3)の関係を明示する時、
htmlでは定義型リストを使う以外ないから、グレーゾーンてとこだと思う。

つーか他の人の意見も聞いてみたいage

391 : :2001/06/29(金) 08:04
CSSがテーブルタグの代わりになるって本当?
正直フォント辺りしかいじれないものだという認識しかなかったので
非常に驚いたんですが、結構難しそうですね…。
なんか参考書とか購入した方がいいんでしょうか。

392 :Name_Not_Found:2001/06/29(金) 08:34
>>391
正確に言うと、今まで(本来は表に用いられるべき)テーブルで
Web ページを無理やりレイアウトしていたのが、
そうする必要がなくなる、ということ。
HTML では文書の論理構造だけ記述し、その見栄えはすべて
スタイルシートで調整する、というのが今の Web の流れです。

CSS は Web だけでもそこそこ勉強できるよ。
もし書籍を買いたいなら次のものがオススメ。

・岡蔵龍一「HTML & スタイルシート辞典」(秀和システム)
・すみけんたろう「スタイルシート Web デザイン」(技術評論社)
・神崎正英「ユニバーサル HTML / XHTML」(毎日コミュニケーションズ)

393 :Name_Not_Found:2001/06/29(金) 09:43
>>391
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104

ここを見るがいい。

394 :Name_Not_Found:2001/06/29(金) 10:28
>>393
禿げしくドウイ。

395 :Name_Not_Found:2001/06/29(金) 11:26
質問ですが
<TABLE cellspacing=0>
をCSSで記述するにはどうしたらよいのでしょう?
また、テーブルを画面中央に表示するのに
<div align="center">
<table></tabe>
</div>
と記述していますが、これでいいのでしょうか?

396 :Name_Not_Found:2001/06/29(金) 11:32
スタイルシートってダサいデザインしか作れないね。

397 :338:2001/06/29(金) 11:33
>>371
サンクス。表見出しをセンタリングするということは見栄え以前に
マークアップとして意味がある、ということか。

398 :Name_Not_Found:2001/06/29(金) 11:55
>>395
セル間の余白だったら td とか th に margin を指定すれば良いかも。
#自信なし

テーブルを中央寄せってならそれでも構わないよ。
Strict な HTML の場合はスタイルシートを使うことになるけど。
CSS なら左右マージンを auto にするのが正しい書式。

table {margin-left:auto; margin-right:auto}

一括指定ならこんな感じ。

table {margin:auto} /* 上下左右のマージンを全て均等にする(多分) */
table {margin:1em auto} /* 上下マージンを文字1つ分空けて、左右マージンを均等に */
table {margin:1em auto 1em auto} /* やってることは一つ上と一緒 */

399 :Name_Not_Found:2001/06/29(金) 12:04
http://www32.tok2.com/home/css/clip/css/9.html
この赤い◎はどうやって表示してるんですか?

400 :Name_Not_Found:2001/06/29(金) 12:16
>>399
関係ないがそのページ、Mozilla で見ると表示崩れるんだが。
// 内容は伝わる

…2001032319 なんて古いバージョン使ってるからか?

401 :Name_Not_Found:2001/06/29(金) 12:21
>>399
<p class="title"><span id="maru">◎</span><span id="contents" lang="en">CONTENTS</span></p>

p.title
{
letter-spacing :0.7em;
background-color :black;
margin-top :0em;
}

#maru
{
font-size :300%;
color :red;
position :relative;
left :2em;
}

#contents
{
font :italic bold 150%/100% 'Courier New',serif;
position :relative;
left :-2em;
top :-0.5em;
}

これ見て自分で勉強してくれ。

402 :Name_Not_Found:2001/06/29(金) 12:37
>>395
border-collapse, border-spacing あたりのプロパティを適用.
http://www.fan.gr.jp/~kaz/rec-css2/tables.html#propdef-border-collapse
しかし,ブラウザの実装状況は遅れている.
http://www.zspc.com/documents/css2/index.html#table
ということで,素直に cell-spacing を使うほうが(現段階では)無難.
テーブルのセンタリングは,strict でなければ単純に
<table align="center"> でいい.strict なら >>398 さんの方法で.
しかしこの方法も WinIE5 などでは未実装.

403 :Name_Not_Found:2001/06/29(金) 12:54
>>402
マージンによるセンタリングが未実装の場合、>>395に加えてこうやるといい。
ってか俺はこうやってる。

<div class="main">
<table>
中略
</table>
</div>

.main {text-align:center}

もちろん、UA の実装が整ってきたら text-align によるブロックの位置揃えは止めるように。

404 :Name_Not_Found:2001/06/29(金) 12:55
>>400
作ったの私ですが、IE5.5〜 Only の縦書き(writing-mode:tb-rl;)を使っていますので。
Mozilla()

405 :Name_Not_Found:2001/06/29(金) 12:56
>>404
#途中で書きこみしてしまったので、続き。

Mozilla(N6)でちゃんと表示されないのは承知の上です。
あそこはそういう実験的なことが許される場なので。

406 :Name_Not_Found:2001/06/29(金) 12:57
関係ないけど、今日初めて outsider からスタイルシート取っ払った状態を見たよ…
んーむ、なんか感動した(w

407 :Name_Not_Found:2001/06/29(金) 12:59
>>405
あーいや、解ってやってるのなら良いです。
元々ケチをつける為に言ったんじゃないので。

ではでは。

408 :402:2001/06/29(金) 13:33
>>403
正しい実装としては text-align: center では table はセンタリングされないはず.
http://www2u.biglobe.ne.jp/~zashiki/css-make/t-a/
センタリングしてしまう IE5 はこの件については正しくないらしい.

409 :403:2001/06/29(金) 13:39
>>408
はうっ、

> もちろん、UA の実装が整ってきたら text-align によるブロックの位置揃えは止めるように。

とはそのことを意味してましたが解りづらかったようですね。
一応、次のように訂正しときます。

-----
UA のマージンによる位置揃えが整ってきたら、text-align によるブロックの位置揃えは止めるように。
元々 text-align はインライン要素の位置揃えに使用されるものであるから。
-----

なんか妙に説明的になっちまった…

410 :Name_Not_Found:2001/06/29(金) 13:47
<ul>
<li>名前
<li>住所
<li>電話
</ul>
<img src="#">

リストの横に画像を持ってきたいのですが、
こういう場合すぐテーブルを使って全体を囲んでしまうんですが
CSSだと簡単に出来るんですか?

411 :402=408:2001/06/29(金) 13:50
>>409
あ,「実装が整ってきたら」って書いてあった.こちらこそすまない.
多分,過渡期は margin: auto と text-align: center を併用という
ことなんだと思うけど,正しい実装をしている N6 や Mozilla なんかだと,
text-align: center のためにテーブルの中身がセンタリングされて,
正しいのに「うわ?なんでだー?」とかいうことになりそうなので.

412 :Name_Not_Found:2001/06/29(金) 14:02
http://www.htmlhelp.com/
ここって有名ですか?

413 :Name_Not_Found:2001/06/29(金) 14:02
http://www.htmlhelp.com/ja/

414 :Name_Not_Found:2001/06/29(金) 14:03
>>410
はて?普通にhtmlに書くと
・名前
・住所
・電話
┌──┐
│画像│
└──┘

こうなりますが、410さんの期待するレンダリング結果は
こうですか?
・名前 ┌──┐
・住所 │画像│
・電話 └──┘

415 :Name_Not_Found:2001/06/29(金) 14:05
>>410
ul{float: left;}
これだけ.

416 :Name_Not_Found:2001/06/29(金) 14:14
それとも list-style-image のことだろうか。

417 :Name_Not_Found:2001/06/29(金) 14:15
>>414-415
ありがとうございました。

418 :Name_Not_Found:2001/06/29(金) 14:17
>>411
そういうときは子要素に text-align:left で解決。

419 :Name_Not_Found:2001/06/29(金) 14:20
clearで解除しない限りその下に続く文字とかは全部右側(画像の下に)表示されるんですか?

420 :Name_Not_Found:2001/06/29(金) 14:22
訂正:画像の右側に表示されるんですか?
      ~~~~~

421 :Name_Not_Found:2001/06/29(金) 14:34
>>419
------ テキス
|画像| とはこ
------ んな具
合に表示されます.

422 :Name_Not_Found:2001/06/29(金) 14:50
>>421
ご丁寧にありがとうございました。
じゃ、その下の要素で
#fff{clear:left}
-----------------
<p id="fff">
にすればいいんですね。

423 :Name_Not_Found:2001/06/29(金) 15:07
>>415
float指定する時はwidthも指定せねばなりませぬ。
http://www.fan.gr.jp/~kaz/rec-css2/visuren.html#floats

424 :395:2001/06/29(金) 15:20
>>398
>>402
>>403
返答ありがとうございます。
表をテーブルで作る際にセルのボーダーの間隔をなくしたくてcellspacing=0を
入れようとしたのですが、cellspacingをCSSでどう記述したらよいのかわか
らなくて困っているのです。
border-spacingを使えばいいと睨んでいたのですが、IE5に対応していないとは・・・
知らずに何度もテストしてしまいました。ははは。

http://www.zspc.com/documents/css2/index.html#table
この表みたいに細い罫線をCSSで書くにはどうしたらいいのか引き続き教えていた
だけませんか。お願いします。

センタリングについてはありがとうございました。

425 :Name_Not_Found:2001/06/29(金) 15:25
どうしてみなさんフォントサイズの指定にemを使うんですか?
pxはダメですか?

426 :Name_Not_Found:2001/06/29(金) 15:26
px指定だと見づらいと思ったときに大きさ変えられないでしょ。
emとか%なら相対的な大きさなんで問題ないのです。

427 :415:2001/06/29(金) 15:35
>>423
うぉっと,本当だ.ありがと.

428 :Name_Not_Found:2001/06/29(金) 15:36
基本を10ptにして、あとはパーセンテージで拡大してるけど、ダメなのか?

10ptで見にくい環境&人って1%にも満たないだろ。さすがに1%を下回れば、
そういう集団は考慮しなくていいと考えるべきじゃないか?

相対指定だと、ページの印象がかなり変わって、内容を改変してるような
もんだよ。相対指定信者は馬鹿だろ。6ptとか7ptに絶対指定するやつと
いい勝負だよ。

429 :Name_Not_Found:2001/06/29(金) 15:41
文字の大きさに関してもっといろんな意見聞きたいです。
一体どの単位でどのくらいの値を入れればいいのか知りたいです。

430 :Name_Not_Found:2001/06/29(金) 15:45
>>428
パーセンテージで拡大ってどういう事ですか?
僕は13pxにしてるんですが、10ptとほとんど同じ大きさでした。

431 :Name_Not_Found:2001/06/29(金) 15:46
基本10ptなら問題ないんじゃないの??相対指定だと、IEの場合、
「小」と「中」の差が大きすぎる。基本10ptでも見えないひとは、
自分のスタイルシートを使う設定にすればいい。

432 :Name_Not_Found:2001/06/29(金) 15:47
>>424
table{border-collapse:collapse;}
じゃだめ?

>>428
まあ9pt以上(12px以上)あればまあ見にくいってこともないだろうが、
相対指定できるなら相対指定しておくに越したことはないんじゃない?

433 :Name_Not_Found:2001/06/29(金) 16:02
>>432
んま、「相対指定信者」っていうのは相対指定が絶対であると、思ってる
ようなひとのことだから、気にしないで。というかIEの大中小っていうのは
あっちのアルファベットを基準にしてあるんだよね・・・たぶん。

日本語だと、読みやすい大きさが10pt(13px)なのに、IEでそれに対応する
のはうちの環境だと「小」なんだけど、多くのひとがそうなんじゃない??

434 :Name_Not_Found:2001/06/29(金) 16:27
10ptが見やすいと言ってる方は、解像度どれくらいで見てます?

435 :Name_Not_Found:2001/06/29(金) 16:48
>>434
ディスプレイのサイズも聞いとけ。

436 :Name_Not_Found:2001/06/29(金) 16:57
10ptは小さい
11ptが最適

437 :Name_Not_Found:2001/06/29(金) 17:09
17インチ、1024×768

438 :Name_Not_Found:2001/06/29(金) 17:11
っていうかポイントって解像度変わったら大きさ変わるっけ?

439 :432:2001/06/29(金) 17:14
Winユーザで解像度の設定をデフォルトの96dpi以外にしてる奴は
ほとんどいないんじゃないか?

96dpiだと
09.0pt = 12px
10.5pt = 14px
12.0pt = 16px
となる。

10ptは隙間の開いた12pxフォント、
11ptは隙間の開いた14pxフォントになるからいまいち美しくないような。

うちの場合、設定上は96dpiってことになってるけど
実際の解像度は測ってみたら82dpi相当だった。
17インチディスプレイをXGAで利用してる。
俺は標準の12pt=16pxが一番見やすいと思ってるよ。
秀丸やBeckyは1画面の情報量を増やしたいので9pt=12pxに設定してるが。

440 :Name_Not_Found:2001/06/29(金) 17:14
>>438
ホントなら変わるべきではないが、現実には変わる。

441 :Name_Not_Found:2001/06/29(金) 17:22
>>439
ブラウザ何よ?

11ptの場合、NetscapeNavigator4.xとMozilla、IEで結果が違う。
確かにMozillaとIEの場合言うとおりになるけど、
NetscapeNavigator4.xの場合フォント自体が10.5ptより大きくなる。

442 :439:2001/06/29(金) 17:44
IE5.01SP2。

443 :  :2001/06/29(金) 18:19
うわ、ウチいまだIE4.0なんだけど
フォントサイズは9PT使用してます…コレ小さいですか?
あれでも自分には大きい方だと思うんだけど、
やっぱり10使った方がいいかな〜。
しかし日本語表記をどうしても小さくしたくなるのはなぜなんだろう…。

444 :439:2001/06/29(金) 18:23
だから9ptと10ptじゃピクセルサイズ変わらないから意味無いって>>443
変えるなら10.5pt以上な。

445 :Name_Not_Found:2001/06/29(金) 18:29
15インチユーザーにつらいサイトが増えてます。(;´д`)

446 :Name_Not_Found:2001/06/29(金) 18:33
俺14インチ… いじめだっ。

447 :Name_Not_Found:2001/06/29(金) 18:51
俺は19
けど640x480でもなんとかなるようには作ってます

448 :Name_Not_Found:2001/06/29(金) 20:03
すいません、CSS導入したらあるページとかある部分だけ文字化けが常時起こる
のですがこれって改善方法ありますでしょうか?
一応メタ部分にcharset=Shift_JISとか書いてるのですが・・・
毎回ブラウザで文字コード変換は来訪者に失礼なので困ってます。
よろしくお願います。

449 :Name_Not_Found:2001/06/29(金) 20:15
>>448
エンコード方法変えて直るんならCSSが原因ではないのでは。
CSSのせいで文字化けっつったらfont-familyで英文フォントだけを
指定してるとかだなぁ。Winは平気だけどMacのNNがダメだった気が。

450 :448:2001/06/29(金) 20:32
>>449さん
御返答どうもです。うーん、何が原因なんだろう・・・全ページじゃないのが・・・
font-familyの指定は
font-family: "Times New Roman", Times, serif;
font-family: "Comic Sans MS", Times, serif;
こんな感じなんですけど。ちなみにIE5.0で見てます。

451 :親の威を借りる狐:2001/06/29(金) 20:39
>>450
FTPソフトは何つかってんの?

452 :Name_Not_Found:2001/06/29(金) 20:44
>>450
それ、日本語部分に指定したら化けるでしょ

453 :Name_Not_Found:2001/06/29(金) 20:49
テキストの縦方向のセンタリングってどうやるんでしょうか。
td valign="middle" みたいなのを順不同リストで使いたいのです。

454 :親の威を借りる狐:2001/06/29(金) 20:51
>>452
いや、普通は化けないよ、serif っていうのが適用されるから。
Times は "Times" にしといたほうがいいかも??
あんま文字化けとは関係ないけどね。

FTPソフトの文字コード自動変換機能とかが災いしてない??

455 :親の威を借りる狐:2001/06/29(金) 20:52
>>453
td{ vertical-align: middle;}

だったような??プロパティ名はあってるだろうけど、
middleかどうかはしらん。

456 :Name_Not_Found:2001/06/29(金) 21:05
>>455
すみません、出来ませんでした…もうちょっと調べてみます。

457 :親の威を借りる狐:2001/06/29(金) 21:16
ん?調べてみたら、>>455でいいみたいだよ??

458 :Name_Not_Found:2001/06/29(金) 21:22
テーブルの中じゃないんじゃないの?
例えばdivの中で縦センタリングしたいとか

459 :Name_Not_Found:2001/06/29(金) 21:26
順不同リストって書いてるベ。
li か。

460 :Name_Not_Found:2001/06/29(金) 21:27
アホか。
ul だな。

461 :Name_Not_Found:2001/06/29(金) 21:28
ついつい途中送信してしまった。
んで>>453の言いたいことは、ul 中の li の文を縦センタリングしたいってことだな。

悪い、俺にも解らん。

462 :Name_Not_Found:2001/06/29(金) 21:34
いや、serifが化けるっていう不具合の話じゃないの?

463 :親の威を借りる狐:2001/06/29(金) 21:39
順不同リストは使ったことないから、テーブルで順不同リスト
つくりたいのかと思った、ごめんごめん。

464 :親の威を借りる狐:2001/06/29(金) 21:39
<p style="vertical-align: middle;"></p>で包めば?

465 :Name_Not_Found:2001/06/29(金) 21:43
>>462
いや、それはまた別ノ話だろ。

466 :450:2001/06/29(金) 22:15
レス頂いておきながら遅くなってすいません。
FTPソフトはFFFTPです。
あるページはある部分だけ化け、あるページは問題なく、あるページは全化け・・・
指定は同じなだけに不思議です。
<p>とか<tabale>の中身が化けやすいとかあるのかなぁ・・・未だ解明出来ません。

467 :親の威を借りる狐:2001/06/29(金) 22:35
もちろん<meta>タグで正しい文字コード指定してるんだよね??
どんなふうなHTMLなのか、タグとCSSだけでいいから、抜き出して、
カキコしてみれば原因がわかるかもね。

468 :450:2001/06/29(金) 22:55
CSSです
body {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #6A5ACD;
background-color: #FFFFFF
}
h1 {
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #99FFFF;
background-color: #FFFFFF;
font-size: 60px;
text-align: center
}
#rogo {
font-family: "Times New Roman", Times, serif;
color: #6A5ACD;
background-color: transparent;
font-size: 10px;
position: relative;
top: -30px
}
h2 {
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #6A5ACD;
background-color: transparent;
font-size: 40px;
border-left: solid 4em;
border-left-color: #6A5ACD;
border-bottom: solid 2px;
border-bottom-color: #6A5ACD;
text-align: right
}

469 :450:2001/06/29(金) 22:58
続き1です
h3 {
font-family: "Times New Roman", Times, serif;
color: #6A5ACD;
background-color: #CCFFFF;
font-size: 15px;
border-top: solid 2px;
border-bottom: solid 2px;
padding: 0.1em
}
h3#midasi1 {
border-top-color: #99FFFF;
border-bottom-color: #99FFFF
}
h4 {
font-family: "Comic Sans MS", Times, serif;
color: #FF99CC;
background-color: #FFF3FF;
font-size: 20px;
border-top: solid 2px;
border-bottom: solid 2px;
padding: 0.1em
}
h4#midasi1 {
border-top-color: #EBBAFA;
border-bottom-color: #EBBAFA
}
table {
font-family: "Comic Sans MS", Times, serif;
font-size: 12px;
color: #6A5ACD;
background-color: transparent
}
table#menu1 { float:left }
th, td {
paddin: 1em
}
caption {
color: #6A5ACD;
background-color: #CCFFFF;
font-size: 12px
}
p {
color: #6A5ACD;
background-color: #FFFFFF
}

470 :450:2001/06/29(金) 22:59
CSS最後です
p#kousin1 {
width: 215px;
height: 60px;
border: none;
overflow: auto;
float: right
}
p#kousin2 {
width: 215px;
height: 60px;
border: none;
overflow: hidden;
float: right
}
em {
color: #6A5ACD;
background-color: #CCFFFF;
font-style: normal
}
A {
text-decoration: none
}
a:link {
color: #FFCCCC;
background-color: transparent
}
a:visited {
color: #6A5ACD;
background-color: transparent
}
a:active {
color: #FF99CC;
background-color: #FFCCCC
}
a:hover {
color: #6A5ACD;
background-color: #CCFFFF

471 :Name_Not_Found:2001/06/29(金) 23:01
tableやhrのセンタリングなら{align:center}で良い。
これでIEもネスケもセンタリングされる。
間違っているみたいだけどね。

472 :450:2001/06/29(金) 23:02
HTMLのメタ部分
<meta http-equiv="Content-Style-Type" content="test/html;
charset=Shift_JIS">
<meta name="author" content="○">
<meta name="description" content="○○○">
<link rel="stylesheet" href="○○○.css" type="○○○/css">

なんか長くなって荒らしみたいになっちゃいました・・・すいません。

473 :Name_Not_Found:2001/06/29(金) 23:04
「Shift_JISで書いてるつもりが実はShift_JISではなかった」というオチとか。
エディタの文字コードとFFFTPの文字コード変換の設定は確認した?

474 :親の威を借りる狐:2001/06/29(金) 23:08
>>472
type="text/css"だから○○○にする必要ないね。
あと、p#koushin1っていう指定はおかしくない??
#koushin1っていうのは id を意味するからさ。

っていうかラチが開かないから、君のHPのアドレス教えてよ。
t01298hk@sfc.keio.ac.jp へどうぞ。ま、めんどかったらいいけど。

475 :450:2001/06/29(金) 23:15
うーん、何もいじらず普通にWinのメモ帳で書いてたのですが・・・
FFFTPの文字コード変換という項目見つからないです・・・
CSSに手を出すの早かったかな。
よく見てみると日本語の所が文字化けする可能性が圧倒的に高いです。
でも全く化けてないページもあるし・・・謎過ぎる・・・

476 :375:2001/06/29(金) 23:18
>>375です。レス多いですね・・・。

>>390
なるほど。参考になります。
なんか「間違い」連発してお恥ずかしいです。
とりあえず僕は入れ子リストでいってみるつもりです。

とりあえず報告しておくと、positionを緻密に設定すれば、
ある程度、僕が思い描いていたような表示が可能でした。
ただ細かいところが他のUAで実現できるのか自信がありません。

それより、ul li {display: inline}とすると、
リスト項目1 リスト項目2 リスト項目3
というふうにリストマーク(「・」など)が消えて並んでしまうんですが(Win IE5.5/ N6)、
これ(リストマークが消える事)は正しい表現(動作)なんでしょうか?

477 :Name_Not_Found:2001/06/29(金) 23:32
>>476
CSS使ってると色んな条件下で消える。
ul { margin: 0; }とか。
リストマークはテキストではないから、
それが表示されるスペースを削っちゃうと消えるんじゃない?

あとN6だと、li要素をポジショニングしても消える。

478 :Name_Not_Found:2001/06/29(金) 23:41
>>474
tってことは環境情報?
大学のアドレス晒すとは度胸あるな

479 :萌枝:2001/06/29(金) 23:43
>>476
display: list-item じゃなくなるからね。

480 :Name_Not_Found:2001/06/29(金) 23:51
>>450
font-familyで英文フォントを指定してるからなのでは?

481 :Name_Not_Found:2001/06/30(土) 00:07
IE5.0とかって、フォント関係がまだ不完全じゃない?

482 :450:2001/06/30(土) 00:57
>>474さん
さすがにそこまでご迷惑おかけする訳にはいきません。お気持ちだけ受け取らせて頂きます。
FTPのチェックはしましたが問題ありませんでした。
うーん、全部表示出来ないわけじゃないのでfont-familyではないと思います。

何かHTMLのタグで問題が発生する可能性がないとすると>>481さんの説もありですかね・・・
もうちょっと色々頑張ってみます。

483 :Name_Not_Found:2001/06/30(土) 01:02
>>482
>>474の人が言いたいのは、
ここで断片的な情報をもとにあれこれ対処法を考えるよりも
実物を見た方がずっと回答しやすくて簡単だ、
ということだと思うんだけど。

484 :Name_Not_Found:2001/06/30(土) 01:16
>>482
メタ部分の
<meta http-equiv="Content-Style-Type" content="test/html; charset=Shift_JIS">
は、
<meta http-equiv="Content-Type" content="test/html; charset=Shift_JIS">
の間違いじゃないの? 関係ないか。

485 :484:2001/06/30(土) 01:18
おい、よく見たら 『 test/html; 』 ってなってるぞ・・・。

486 :Name_Not_Found:2001/06/30(土) 01:40
テストかい(w

487 :Name_Not_Found:2001/06/30(土) 02:06
font-family が問題かどうなのか,なんてのは,
body と h1 に指定しているのをとりあえず消して,
h1 に日本語を使ってみて,化けるか化けないかを確認すれば
わかりそうなもんだけど….
確認すべき手順は
1. css を使わなければ本当に化けないか?→html や content-type の書き間違いの検証
2. ローカルとアップしたもので見え方が違うか?→FTP の問題の検証
3. 一ヶ所ずつ,しかも一つずつスタイルを適用していって化けないか?→問題の場所の切り分け
    特に body に適用なんて最後までしない,問題が切り分けにくくなる
と,こういう手順でどうかな?

488 :Name_Not_Found:2001/06/30(土) 02:13
<table><tr>
<td>[A]</td>
<td>hoeghogehoge</td>
<td>[B]</td>
</tr></table>

と言う場合、[A]と[B]の高さは
hogehogehoge
の文章量(改行?)によって調節されますよね?
これと同じことを行いたいのですが…

<div style="height : 1em;">
<div style="height : 100%;float : left;">[A]</div>
<div style="float : left;">hogehogehoge</div>
<div style="height : 100%;float : left;"></div>
</div>

こんな感じでやったらIE5ではOKでしたがNN6でダメでした。

489 :Name_Not_Found:2001/06/30(土) 03:08
>>488
いまいち状況がわからないんだけど,一番わからないのは
<div style="height : 1em;">
なんで?上の table の高さを 1em に固定したいわけじゃないよね?
あと,どういう出力を期待して,IE5 で OK で NN6 じゃダメなの?
[A] とかいうのは画像とか?それともそういう文字そのもの?
自分の環境で試してみたいのだが,どういうものを期待しているのかがわからないと….
偉そうに聞こえたらごめん.

490 :488:2001/06/30(土) 08:45
いえ、わざわざすいません。これは、

<td bgcolor="#xxxxxx"></td>
<td>hogehoge</td>
<td bgcolor="#xxxxxx"></td>

XXXX hoge XXXX
XXXX hoge XXXX
XXXX hoge XXXX

というような感じで、左右のセルそのものの高さをhogehogeに合わせたいのです。

<div style="height : 1em;">
<div style="height : 100%;float : left;background-color : #xxxxxx"></div>
<div style="float : left;">hogehoge</div>
<div style="height : 100%;float : left;background-color : #xxxxxx"></div>
</div>

1emは、正しく無いとは思いつつ、IEでは入れる事によってうまくいったもので…。

491 :450:2001/06/30(土) 11:24
親切にアドバイスしてくださった皆さん御迷惑をおかけしました。
>>487さんのを3-2-1とやっていったら治りました。
厨房以下の俺をお許しください。
原因はメタタグだった可能性が高いです・・・

492 :Name_Not_Found:2001/06/30(土) 13:49
A:hover,A:active{
text-decoration : underline;
text-decoration: overline;

color: #〜;}

これっておかしいですか?

493 :488=490:2001/06/30(土) 13:56
あ、すいません、付け足します。
hogehogeの左右は違う色にしたいのです。

494 :Name_Not_Found:2001/06/30(土) 15:23
>>492
おかしくはないが,もし「上下に線を引く」ことを期待しているのなら
text-decoration{overline underline} と書かないとダメだと思う.
もとのままでは overline しか引かれないはず.
>>493
左右を違う色にするのは単に background-color の色を変えるだけだから,問題は….
中央の要素の高さがあらかじめわかれば(>>490 の例では 3em)各 div に
height: 3em を設定するだけだけど,高さは変わるんだよね,多分.
だとすると無理のような気がするけど.

495 :Name_Not_Found:2001/06/30(土) 15:54
>>494
A:hover,A:active{
text-decoration: underline overline line-through ;color: #FF0000
}
出来ました♥。

496 :Name_Not_Found:2001/06/30(土) 16:27
CSSに必要なもの。
〜以上と〜以下を指定する単位…
例えば、幅は 500px 以上って指定すると、
500px よりは小さくならないがブラウザに合わせて幅が変わる。

そんなのがあれば良いな〜

497 :Name_Not_Found:2001/06/30(土) 16:33
>>496
CSS2にはmin-width/max-widthというのがありますよ。
それぞれ最小幅、最大幅の指定。

498 :497:2001/06/30(土) 16:33
さげてしまった・・
あげ

499 :39:2001/06/30(土) 16:35
>>488
一例として。
<div style="width:115px">
<div style="height:100%;float:left;background-color:#FFFFFF">xxxxxx<br>xxxxxx<br>xxxxxx</div>
<div style="height:100%;float:right;background-color:#F0F0F0">xxxxxx<br>xxxxxx<br>xxxxxx</div>
<div>hoge<br>hoge<br>hoge</div>
</div>

500 :Name_Not_Found:2001/06/30(土) 17:05
>>497
おおっ、それは見逃していた。
調べてみるよ。

501 :Name_Not_Found:2001/06/30(土) 17:24
>>500
WinIEは6から対応だったような。

502 :Name_Not_Found:2001/06/30(土) 17:27
body { background:url(〜/a.gif) repeat-y;
background:url(〜/a.gif) repeat-x;
     background-color : Black;
}

こんな事って可能ですか?
教えて君でスマソ。

503 :Name_Not_Found:2001/06/30(土) 17:31
あ、しまった。
>>494
ありがとうございました。出来ました!!

504 :497:2001/06/30(土) 17:51
>>502
ひとつのセレクタにはひとつの背景しか指定できません。
私も、複数指定できたら便利と思うんだけどな……

505 :Name_Not_Found:2001/06/30(土) 18:23
>>504
つまりそれって、現在は(たぶん)わざわざフレームをわけて、上や下に
背景固定してるのを簡略化できるって奴ですよね。
もしできたらの話ですが、。

506 :Name_Not_Found:2001/06/30(土) 18:25
>>502
#top{height: ??px; background: #000 url() repeat-x}
#main{background: url() repeat-y}
<body>
<div id="top">一番上(背景が repeat-x のところ)のテキスト</div>
<div id="main">メインのところ(背景が repeat-y のところ)のテキスト</div>
</body>
とかやれば,大体のことはできるはず.>>157- のスレッドも見るといいかも.

507 :Name_Not_Found:2001/06/30(土) 18:28
>>502
一つのページにBackgroundImageを2つ以上使うってレス、前あったような気がする。
それの応用ではできないかな?

508 :502:2001/06/30(土) 19:02
あぁ、いっぱいレスして頂いてありがとうございます。
今本を片手に頑張っております。
できたら報告します。

509 :Name_Not_Found:2001/06/30(土) 21:17
画面右端のスクロールバーの色を変えるのはどうすればいいですか?

510 :親の威を借りる狐:2001/06/30(土) 21:21
スクロールバーの色変えてるサイトあるけど、ユーザーによって
ウィンドウの色が違うことを考えてんのかな。ま、もうすこしたてば、
ウィンドウの色とかも自由に操作できるプロパティができそうだけど。

511 :>>509:2001/06/30(土) 21:46
「スクロールバー 色 変更」→google
http://www.google.com/search?q=%83X%83N%83%8D%81%5B%83%8B%83o%81%5B+%90F+%95%CF%8DX&hl=ja&lr=lang_ja

512 :Name_Not_Found:2001/06/30(土) 22:35
スクロールバーの色を変えられるとなんかビミョーに不快。

513 :Name_Not_Found:2001/06/30(土) 22:41
>>510
うち色変えてますが、
あなたのウィンドウの色何色なんですか?

514 :Name_Not_Found:2001/06/30(土) 23:25
>スクロールバー
ページデザインに合わせた色指定なら(バーがページに溶け込んでいれば)問題ない。
と、思う。

515 :Name_Not_Found:2001/06/30(土) 23:36
>>513
510ではないけど、標準は灰色だと思うぞ。
漏れは普段の見なれた色のバーを操作するほうが良いけど、
514の言う事は間違っていない。

516 :Name_Not_Founde:2001/06/30(土) 23:36
<!--[if IE 6]>IE6<![endif]-->
<!--[if IE 5]>IE5<![endif]-->
<nolayer><![if ! gte IE 5]>IE4<![endif]></nolayer>
<comment>Netscape</comment>
こんな感じにすれば、スクリプトやcgiを使わずに
スタイルを振り分けることができるんだけど、
あんまり知名度が無いのかな?

517 :488:2001/06/30(土) 23:38
>>494 >>499
ご回答ありがとうございます。
うーん、中央の要素には長文が入って、
サイズとかも固定ではないので
高さがわからないんですよね…
>>499さんのを参考にやってみて、
無理なようなら素直にtable使います…

518 :497:2001/07/01(日) 00:51
>>516
SGML・XMLの規則とか考えると、不正にならないのかなぁ。
よく知らないんだけどそれが心配で、まだ使う気になれないっす。

519 :Name_Not_Found:2001/07/01(日) 02:06
>>516
それってIEの独自拡張機能でしょ。
私も使う気にはなれないよ。

520 :Name_Not_Found:2001/07/01(日) 02:12
ホイサー、質問。というかちょっと意見を聞きたいのですが、
<p>や<dd>、<ul>とかってブラウザが勝手にマージン取りますよね。
その辺のマージン値を特にいじるつもりがない場合、
CSSでデフォルト値、または近似値を指定しますか?
dd { margin-left: **px; } など(デフォルト値知りません)。

やっておくに越したことはないと思うんですけど、
つい忘れちゃうというか、まあいいか、というか。

521 :Name_Not_Found:2001/07/01(日) 04:17
たとえば、 P.iro{background-color:rgb(216,216,0);}(別途cssファイル)
で背景色を指定したら、Windows版IE5では正しい色で表示されるのに、
Macintosh版IE5ではなぜか黒色になってしまうようです。
これはMacintosh版IE5のバグなんでしょうか。それとも記述の仕方がマズいのでしょうか。
今は取り敢えず、仕方なく #CC0 という色指定にしています。

522 :Name_Not_Found:2001/07/01(日) 04:32
なんでわざわざその形式で指定したいの?
0〜Fで事足りそうなもんだけど。

523 :ちょこら:2001/07/01(日) 04:46
>>518-519
いや、いいんじゃない?確かにIEの独自仕様だけど、
それを解釈できないUAにとってはただのコメントだから何の問題もないはず。
いつもへっぽこなM$にしては、これはなかなかいいやり方だと思う。

4つ目のヤツも解釈できないタグは無視するはずだから問題ないと思う。
3つ目のヤツは<nolayer>の内側がコメントになってないから問題あるかも。
ただの書き間違い?詳しくないのでわからないです。ごめん。

っていうかまとめてくれてありがとう>>516

524 :Name_Not_Found:2001/07/01(日) 04:54
なるほど。必要性が出てきたら使ってみよう。

525 :497:2001/07/01(日) 05:31
>>523
確かによく見たらIE5と6のは正当な注釈宣言ですな。
変なツッコミ御免。

526 :Name_Not_Found:2001/07/01(日) 06:30
>>520
俺は特に指定はしない。
するのであれば em を使う。
見出しや段落は 1em だな。

左右マージンは適当。
auto でも良いけど。

527 :Name_Not_Found:2001/07/01(日) 12:06
質問いいですか。
div{width:400px;} などとしても、
<div>の中を英語でスペースを空けずに書くと
どこまで行っても改行されないのですが、なぜでしょうか?

528 :Name_Not_Found:2001/07/01(日) 12:21
>>527
半角英数字は改行されません。

529 :Name_Not_Found:2001/07/01(日) 12:28
>>527
連続した半角英数字は、どこで区切ればいいかブラウザが判断できないんだよ。
だから改行できない。
途中にハイフンとかがあればそこで改行されるけど。
でも、普通は単語と単語の間にスペース入れるよね?

530 :527:2001/07/01(日) 12:45
>>528-529
そうだったんですか。
ありがとうございました。

531 :Name_Not_Found:2001/07/01(日) 12:50
BODY {background:#000 url("a.gif") repeat-y;}

デフォルトだと左端垂直方向に画像が開くと思うんですが、
これを左右端に開くにはどういう指定をすればいいんでしょうか?

repeat-y left right}なんてやってみたんですができませんでした。

A:hover,A:active{text-decoration: underline overline}
これはできるのに何故??

532 :Name_Not_Found:2001/07/01(日) 13:21
>>531
background-position は [left | center | right] ひとつしか選べないのよ。
text-decoration は [ underline || overline || line-through || blink ] 複数選択可。

533 :Name_Not_Found:2001/07/01(日) 14:08
>>532
あぁ、そうなんですかぁ。レスありがとうございました。

では左右端に開くにはどんな方法がありますかね?
どなたでもいいんで、レス待ってます。

534 :Name_Not_Found:2001/07/01(日) 14:20
DreamweverでHP製作しているのですが
CSSで文字の大きさを指定したにもかかわらず
ネットスケープでテキスト大きさを変更する事ができます
これはしかたのない事なのでしょうか?
ネスケでテキストの大きさを固定する(変更の効かない)方法があれば教えてください

535 :Name_Not_Found:2001/07/01(日) 14:24
>>533
ここ見ろ
ttp://www.parkcity.ne.jp/~chaichan/qanda/qa1457.htm?01-06-28-21-22

536 :Name_Not_Found:2001/07/01(日) 16:03
<nobr>(゚Д゚)ハァ? </nobr>

と同じことをスタイルシートでやりたいんですけど、できますか?

537 :Name_Not_Found:2001/07/01(日) 16:03
>>534
何故、固定したいの?レイアウトが崩れるからか?

>>184-193でpxを使えば9割強のブラウザで固定出来るとある。
これで妥協するか、
あまり進められないが、GIF画像などを使うか、
又はFLASHでHPを組む方法もある。

538 :537:2001/07/01(日) 16:12
「画像を表示しない」にしてたら、GIF画像の文字は表示されないし。
セキュリティーをageてたらFLASHの表示しないし、
これまた問題は多いな。

539 :Name_Not_Found:2001/07/01(日) 16:16
>537
はい。レイアウトが崩れるので、固定したいのです。

540 :Name_Not_Found:2001/07/01(日) 16:33
>539
MSN Japan http://www.msn.co.jp/
でも、N6で拡大して見たら崩れてるんだから
仕方ないんじゃないか?

手間かけて作れば文字サイズ変えられても
レイアウト維持できると思うけどね。

541 :Name_Not_Found:2001/07/01(日) 16:35
>>540
MSNは手間掛けてないってこと?

542 :Name_Not_Found:2001/07/01(日) 16:39
>541
ソダヨ

たぶん妥協していると思われる。
(N6使ってるお年寄り少ないだろうから)

543 :Name_Not_Found:2001/07/01(日) 16:44
>>539
レイアウトが崩れてもいいから文字が大きい方がいいと
考える人の自由を奪うほど、そのレイアウトに必然性は
あるのか?

544 :542:2001/07/01(日) 16:46
訂正
pt使っているからN4,N6ともスタイルが崩れる。

ネスケユーザー少ないし、
その中で文字サイズ変える奴はほとんどいないし。
妥協だな。

545 :Name_Not_Found:2001/07/01(日) 16:47
>>543
文字が大きくなくてもレイアウトを楽しみたいと考える人の楽しみを奪う
ほど、その文字の大きさに必然性はあるのか?

546 :Name_Not_Found:2001/07/01(日) 16:49
文字サイズの固定はできないのですか??

>543
イメージさえ伝われば良いページなので、文字サイズを固定したいのです。

547 :Name_Not_Found:2001/07/01(日) 16:50
>>545
あるよ。当然。

548 :Name_Not_Found:2001/07/01(日) 16:54
>574
手持ちの参考書などには載っておらず
大変困っています
教えてもらえないでしょうか?
よろしくお願いします

549 :Name_Not_Found:2001/07/01(日) 17:07
ここにURL書き込んだら、誰かが良いアドバイスくれるだろうから、
君達の都合が悪くなかったらURL又はソースを書き込んでみてはどうだろう。

550 :Name_Not_Found:2001/07/01(日) 17:09
>>536
<p style="white-space: nowrap;">なんたら</p>
でいいと思う.

551 :Name_Not_Found:2001/07/01(日) 17:32
>>550
ありがと。
white-space... 知らなんだ

552 :Name_Not_Found:2001/07/01(日) 18:43
>>534
何度も出てる話題だがおそらくない。
つーか絶対指定しようとするな。

553 :Name_Not_Found:2001/07/01(日) 20:08
ユーザースタイルシートを使わない限り,とりあえず最初に見たときには
スタイルシートで指定されたサイズの文字を見せられるんだよね?
この時点で見る側はそのページのレイアウトを判断するでしょ.
で,「そのレイアウトなら文字の大きさがこれでも仕方ない」と思うか,
「レイアウトが崩れても文字を大きくしたい」と思うか,それは見るほうの自由でしょう.
もちろん,「文字の大きさを変えてもレイアウトが崩れない」のが理想で,
そういうページは作る側も見る側も満足できると思うけど.

554 :Name_Not_Found:2001/07/01(日) 21:07
あー、またこの話題出てきたね。

とりあえず、「CSSによるフォントサイズの絶対指定」と
「ブラウザの機能によるフォントサイズの調節」は別物だということはちゃんと理解しておいてね。

そうでないと話がややこしくなるから。

555 :Name_Not_Found:2001/07/01(日) 21:10
>>535
遅レスでスマソ。サンキュー♥

556 :Name_Not_Found:2001/07/01(日) 23:12
white-spaceでいいのか。わざわざIE拡張のword-breakを使ってた・・・。

557 :497:2001/07/01(日) 23:29
>>556
IEってwhite-spaceに対応してたっけ・・・?
いくつかのvalueには未対応だったような気がするんだけど。

558 :Name_Not_Found:2001/07/01(日) 23:36
>>557
IE5.0は全滅。5.5はテーブル以外の要素に対応。
だったかな。

559 :Name_Not_Found:2001/07/01(日) 23:47
>>557-558
じゃあword-breakと両方指定しておけばいいの?

560 :Name_Not_Found:2001/07/02(月) 00:05
>>557-559
http://www.zspc.com/documents/css2/text/whitespace.html
によると,WinIE は 5.0 未対応,5.5 一部未対応,MacIE は対応

561 :558:2001/07/02(月) 01:01
>>559
値は nowrap と keep-all?
それ一緒に使ったらまずいんじゃないかな。

IE5.5では white-space が優先されて word-break は無効になるけど。

562 :Name_Not_Found:2001/07/02(月) 01:47
>>556-561
IE6で使えたぞ

563 :Name_Not_Found:2001/07/02(月) 02:48
板浄化中

564 :Name_Not_Found:2001/07/02(月) 10:11
フォントサイズ関連の話題に関してちょっと。

まず、「フォントサイズの絶対指定」って事なんですが、
手元の参考書に単位に関しては
●相対単位「px,em,ex」
●絶対単位「pt,pc,cm,,mm,in」
と書かれています。
font-size : 13px;
これは絶対指定なんですか?
font-size : 13pt;
これも絶対指定ですか?

絶対指定するな、って意見と
絶対指定はありだ、って意見はどちらも
一長一短一理ありって感じでこの問題はもう個人の
自由だと思うんですが。。

565 :Name_Not_Found:2001/07/02(月) 10:29
>>564
font-size : 13px;
OS(またはユーザーエージェント)のdpiにかかわらず、
1ドットを1pxとして指定するので、絶対的な指定。

font-size : 13pt;
ptという単位は1/72インチなので、
OS(またはユーザーエージェント)のdpiに左右される。
MacOSの場合は72dpiなので、1pt=1px
Windowsの場合は96dpi(小さいフォント)なので、1pt=1.33px
ゆえに、dpiに対しての相対的な指定。

理論上は相対指定のほうが何かとよろしい。
最大の難点はユーザーエージェントが適切に解釈してくれないことだと思われる。

今のところは、何を最優先させるかで
相対指定を選ぶか絶対指定を選ぶか選択すればよいと思ふ。

566 :Name_Not_Found:2001/07/02(月) 10:33
>>564
文字サイズを現実の大きさで指定するのが絶対指定。
閲覧者側の環境に依存して文字サイズが変動する余地を
残してあるのが相対指定。

pxは相対指定。なぜなら個々の表示環境のピクセルサイズに
依存して大きさが変動するから。96dpiと72dpiでは同じ
ピクセル数の文字でも違った大きさに見える。

だが、WinIEのような糞ブラウザだと、pxで指定された
文字は閲覧者側で見やすいサイズに変更することが
できなくなってしまう。その意味でpxは絶対指定の
仲間に数えられることがある。

567 :565:2001/07/02(月) 11:22
おうーあ、俺って嘘つき?
勘違い君だった模様・・・。
さ、さようなら。565は無視してくれ。。。

568 :Name_Not_Found:2001/07/02(月) 11:25
564ですが、、、。

>>565-566さんレスありがとうございます。

やはり、(予想通り)微妙に絶対指定とか相対指定、
の解釈に皆さん違いがあります。
これでは、質問してくる人が
「フォントサイズを固定しているのに、NNでは・・・」
という質問が来ても一体単位は何で、
質問者は絶対指定の事を言っているのか、
相対指定の事を言っているのか
全くわかりません。
これでは、回答も本当に正しい答えが出せません。
この問題は解決しておくべきだと思うのですが。
でないと、一生「フォントサイズを固定して・・・」関連の
質問は絶えないと思うのですがどうでしょうか。

569 :Name_Not_Found:2001/07/02(月) 12:27
body{vertical-align : middle;}
ってやっても画面(ウィンドウ)の縦の真ん中に
対象物が来ないのですが、。。
text-align : cneter
では、ちゃんと横の真ん中にきます。

570 :Name_Not_Found:2001/07/02(月) 12:37
bは物理的タグだかr
論理的タグのstrongを使えってlintに注意を受けたんですが
意味がわかりません。

571 :Name_Not_Found:2001/07/02(月) 12:51
>>570
http://natto.2ch.net/test/read.cgi?bbs=hp&key=992725763
貴方が質問するスレはこっち。

572 :Name_Not_Found:2001/07/02(月) 12:56
>>569
vertical-alignってのは「行内」の
上下方向の位置を決めるものです。
先ず仕様書を読みましょう。

573 :Name_Not_Found:2001/07/02(月) 13:16
td.aaa{background-color:blue;}
-------------------------------

<table><tr>
<td class="aaa">a</td>
</tr></table>

ってやってもIEでは背景がちゃんとなるのに
NNだと反映されないです。
かなり頭にきます。

574 :Name_Not_Found:2001/07/02(月) 13:54
>>573 仕様

575 :Name_Not_Found:2001/07/02(月) 14:33
って事はNNでも見れるようにするためには、
<td class="aaa" bgcolor="blue">

って書かないといけないんですか?

NNのせいで記述が多くなるんですね。

576 :Name_Not_Found:2001/07/02(月) 14:39
>>575
ん? うちのNN(4.75)だとCSSでセルに色が付いたけど。

577 :Name_Not_Found:2001/07/02(月) 15:13
>>576
禿同

578 :Name_Not_Found:2001/07/02(月) 15:26
>>573
>NNだと反映されないです。

NNバージョンを勘違いしてないか。
N3で確認してましたって落ちはカンベンナ。

579 :Name_Not_Found:2001/07/02(月) 16:18
いえ、もちろんNN6なんですが、
PC自体が糞なのでソフトもまともに動かないのかもしれないです。
ありがとうございました。

580 :Name_Not_Found:2001/07/02(月) 17:03
Netscape6はNetscape6もしくはMozillaと書いて欲しいナリ
NNじゃあNetscapeNavigator4.xかと思うナリ

581 :Name_Not_Found:2001/07/02(月) 17:17
Netscape6とMozillaを同一視しないで欲しいナス

582 :Name_Not_Found:2001/07/02(月) 17:51
>>573
N4ではTDにスタイルを設定してもうまくいかなかったような…
でもN6なのか。おかしいな。

CSS対応に関してはほとんど一緒だろ>>581

583 :Name_Not_Found:2001/07/02(月) 18:23
Netscape6 でもブラウザ部は Navigator だから、 NN6 という略はあながち間違いでもない。

584 :Name_Not_Found:2001/07/02(月) 18:26
でもいまはそんな話はしていない

585 :Name_Not_Found:2001/07/02(月) 18:38
外部と内部のCSSがダブると、ネスケは効かなくなるときがある。

いや、ダブっても効くIEがおかしいのかも知れんけど。

586 :Name_Not_Found:2001/07/02(月) 18:46
CSS の C はなんの略だ?

587 :誰かつっこんで:2001/07/02(月) 19:39
Connectix

588 :Name_Not_Found:2001/07/02(月) 19:56
>>586
http://www.google.co.jp/search?hl=ja&safe=off&q=CSS%89%F0%90%E0&btnG=Google+%8C%9F%8D%F5&lr=lang_ja

589 :Name_Not_Found:2001/07/02(月) 19:58
>>587
Connect sex stick

590 :Name_Not_Found:2001/07/02(月) 20:00
>>586 って >>585 に言ってるんでしょ?

591 :Name_Not_Found:2001/07/02(月) 21:02
>>586
con con con

592 :Name_Not_Found:2001/07/02(月) 22:54
>>573
Mozilla で問題無く背景色青になる。
つーか、なにか間違ってるだけだろ。

593 :521:2001/07/02(月) 23:57
>>522
それを言ったらおしまいです…。
rgb(R,G,B) での指定は、R,G,Bはそれぞれ 0〜255 の整数、または 0%〜100% の
百分率指定のはずですから、rgb(216,216,0) で黒色になってしまうのは
やっぱりMac版IE5のバグなんですかねぇ。
まあ、#CC0 という風にセーフカラーで指定してみたところ、Mac版のIE5でも
ちゃんと表示できているらしいので今は問題はないのですけど。

594 :Name_Not_Found:2001/07/03(火) 00:08
idって、一つの文書内で重複できないじゃないですか。

p#hoge {hage: hige }
#hoge {hage: hige }

だとしたら、(pにスタイル適用する場合)上の二つはどう違うんでしょう?
pを省略しない事に意味はありますか?

595 :板浄化中:2001/07/03(火) 00:19
あげ

596 :Name_Not_Found:2001/07/03(火) 00:28
>>594
例えば、
page1.htmには<p id="hoge"></p>
page2.htmには<span id="hoge"></span>
というソースがあった場合には意味がある。

それ以外なら、シートをいじる時に判りやすい、くらいかな。

597 :Name_Not_Found:2001/07/03(火) 00:54
>>594
>596に沿って言えば、間違えてpage1.htmlで<span id="hgoge">としてしまった時とかも。
けっこう場合によると思うから、その時その時で使い分ければいいカモ。

598 :Name_Not_Found:2001/07/03(火) 03:12
(・∀・)アゲ

599 :Name_Not_Found:2001/07/03(火) 13:27
gae

600 :Name_Not_Found:2001/07/03(火) 18:28
600?

601 :Name_Not_Found:2001/07/03(火) 23:41


602 :Name_Not_Found:2001/07/04(水) 00:11
とりあえず荒らしが寝るまでsage進行でよろしく。

603 :Name_Not_Found:2001/07/04(水) 00:12
age

604 :Name_Not_Found:2001/07/04(水) 09:23
なんだ昨日荒らしが出たのか?
っつうかweb板は人が来る日は来るけど
来ない日は全然来ないからそんな被害ないんじゃない?

605 :Name_Not_Found:2001/07/04(水) 11:48
あげ

606 :Name_Not_Found:2001/07/04(水) 12:10
body{
background-image: url();
background-color : Black;
background-repeat : repeat-y;}
table{
width : 500px;
}

#hogehoge{
text-align : center;
font : bold 12pt;
background : Silver;
color : Black;
}
#ahyahya{
background-color : White;
font : bold 10pt;
color : Black;
}
div{
text-align : center;
}
P {
text-align : center;
}


<p></p>
<div>
<table>
<tr>
<td id="hogehoge">テキスト1</td>
</tr>
<tr>
<td id="ahyahya">テキスト2</td>
</tr>
</table>
</div>

これをmozillaで見ると、テーブルがセンタリングされず、
左端に寄ってしまいます。どこがおかしいんでしょう??

607 :606:2001/07/04(水) 12:12
うわっ、思った以上に長くなっちまった。
荒らしじゃないです。スマソ。

608 :606:2001/07/04(水) 12:14
ついでに面白いカキコあったんでコピペします

通信系のCの経理役員はダミーメディア烈婦を使ってキックバックさせてはなぜか従姉妹の養老保険に化けている。
ネット広告のB社長は出資を餌に手数料を個人の紺猿会社に振り込ませている。
別のネット広告とBBSの会社Gでは販促グッズとして金券を使って換金中。
就職支援のJの社長は親父の会社に売上の一部を奇数月は5%偶数月は8%環流している。
このうち1社は公開。

609 :606:2001/07/04(水) 12:14
元ソフトバンクの北川雅洋
ベンチャー潰し請負人。
この前、boook.com潰したな。
もう3つ目に取り掛かってるけどな。

610 :606:2001/07/04(水) 12:14
安田隆夫(もろマルB顔で怖い、お店の看板キャラのペンギンは可愛い)。
折口雅弘(幽妖なまでの貧相、極悪人面相、冷笑、目が殺人犯風)。
出縄良人(スターウォーズのジャージャーに似てる、爬虫類の入った馬面)。
赤池英二(永田町系VB、モパイルエンジニアリング市場へ諸場替え)。
荒木謙(ダンヒル腕時計コレクター、金満の父親と巨額な債務が自慢)。
藤村哲也(西和彦に顔が似てる、たにまち爺キラーで復活GET!)。

611 :606:2001/07/04(水) 12:15
以上です。。。。 sage忘れた鬱氏

612 :名無しさん@MZ-2000:2001/07/04(水) 12:28
>>608-610
スレに関係ねーだろ

613 :Name_Not_Found:2001/07/04(水) 12:28
>>606
それはMozillaの挙動が正しい。仕様通りの描画である。
テーブルのセンタリングについては、そこら中のサイトに
サンプルが載っているので、探せ。
↓こんなことするやつにまともに答えるやつなんかいるもんか。(いるかもな)
>>607-611
uze-------------------!! 立派な荒らしじゃ、ヴォケ!!

614 :Name_Not_Found:2001/07/04(水) 12:29
>>606
FAQ ってやつだね.>>395, >>398, >>403-409

615 :614:2001/07/04(水) 12:31
>>613
しまった,まっとうに答えてしまった….
>>607-610
もちろん俺もうっとうしいと思っているので,二度目があるとは思わないように.

616 :Name_Not_Found:2001/07/04(水) 12:52
FAQをファックと読むのはもう古いのだろうか…

617 :606:2001/07/04(水) 13:01
>>608-610
は、私じゃ無いです・・・。
すんません、もうちょっと探してみます・・。

618 :Name_Not_Found:2001/07/04(水) 13:15
>>616
ふぇいく。

619 :Name_Not_Found:2001/07/04(水) 14:41
あげ

620 :Name_Not_Found:2001/07/04(水) 14:51
随分と愁傷な606がいるな・・・。
確かに608から何か挙動がおかしいとは感じたけど、
あまりに自然な流れ(時間的にも)だったんで、
「何だこいつ、真性か」と思ってしまった。

621 :606:2001/07/04(水) 14:54
>>620
はいはい能書きは結構。邪魔だから消えてちょうだい

*** 606再掲

body{
background-image: url();
background-color : Black;
background-repeat : repeat-y;}
table{
width : 500px;
}

#hogehoge{
text-align : center;
font : bold 12pt;
background : Silver;
color : Black;
}
#ahyahya{
background-color : White;
font : bold 10pt;
color : Black;
}
div{
text-align : center;
}
P {
text-align : center;
}


<p></p>
<div>
<table>
<tr>
<td id="hogehoge">テキスト1</td>
</tr>
<tr>
<td id="ahyahya">テキスト2</td>
</tr>
</table>
</div>

これをmozillaで見ると、テーブルがセンタリングされず、
左端に寄ってしまいます。どこがおかしいんでしょう??

622 :Name_Not_Found:2001/07/04(水) 14:59
↑もういいよ

623 :Name_Not_Found:2001/07/04(水) 15:03
ああああgああげ

624 :606:2001/07/04(水) 15:32
body{
background-image: url();
background-color : Black;
background-repeat : repeat-y;
}

これを、外部から呼び出す様にしたんですが、
NN4.xでは何故か反映されません。どっか記述おかしいですか?

あ、ちなみにテーブルのセンタリングはできました。
ありがとうございます。

っていうか、煽らないで下さい。

625 :萌枝:2001/07/04(水) 15:45
>>624
君こそ煽ってるように見えるんけど。

N4はタグを省略した要素にはスタイルが適用されないバグがある。
なので、もし省略しているなら<body>を書いてみればなんとかなるかも。

626 :Name_Not_Found:2001/07/04(水) 16:00
>>625
多分 html ファイルと css ファイルが違う階層にあると思われ。

てゆーか >>624=606 よ。あなたはまず
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454
ここを読破しなさい。これは義務です。

627 :Name_Not_Found:2001/07/04(水) 16:02
>>626
書き忘れた。
特に↑のスレの2からリンクしているページを読みなさい。
分かったら返事。

628 :Name_Not_Found:2001/07/04(水) 16:19
いいえ

629 :Name_Not_Found:2001/07/04(水) 16:21
>>628
オモシロクナイ

630 :606:2001/07/04(水) 16:25
>>625-627
はい・・スマソ。
あ、ちなみに<body>タグが抜けてました(w
馬鹿です、ハイ。
今度はセルに色がつかないんですが・・・、いや自分で調べます。
マターリしたスレだったのに荒らすような事してスマソ。
ちなみに>>621は私じゃないです。

631 :Name_Not_Found:2001/07/04(水) 17:33
ハーイル ヒットマーン(挨拶

632 :Name_Not_Found:2001/07/04(水) 17:43
ん?

633 :Name_Not_Found:2001/07/04(水) 18:58
>>631
挨拶と返事は同じではないぞ。

634 :Name_Not_Found:2001/07/05(木) 00:09
テーブル内のフォントサイズを固定するために<table style="font-size:12px;">と書いたんですが、IEは上手く行くんですが、ネットスケープコミュニケーターでは上手く読んでもらえません。
どちらでも対応可能にするためにはどのように書けばよろしいのでしょうか?
ご存知の方いらっしゃいましたら教えてください。

635 :Name_Not_Found:2001/07/05(木) 00:45
テーブル内で、それぞれのセルごとに
<font style="font-size:12px;">文字</font>でいいんじゃない?

636 :Name_Not_Found:2001/07/05(木) 00:50
>>634
td や th に設定してもうまくいかなかったらまた質問してください.
あと,何度も言われていますが,NN の場合はバージョンを明記したほうがいいかと.
NN4 は CSS まわりがバグだらけなので.

637 :Name_Not_Found:2001/07/05(木) 03:40
あがげ

638 :芸能人の裏話!:2001/07/05(木) 06:06
(秘)
http://village.infoweb.ne.jp/~rank/Rank/rankem.cgi?action=in&id=reika

http://village.infoweb.ne.jp/~rank/Rank/rankem.cgi?action=in&id=miyuki

http://village.infoweb.ne.jp/~rank/srank/rankem.cgi?action=in&id=yukiko

http://village.infoweb.ne.jp/~yama/cgi-bin/Ranklink/ranklink.cgi?action=rank&id=kiss1

http://210.224.170.32/~idol-pics/ranking/rankin.cgi?id=LNK1000011

http://bbx.kidd.ne.jp/minibbs.cgi?0001/miyuki143

http://bbx.kidd.ne.jp/?0001/1234567

★★★★女子高無修正女優アイドル★★★★
http://www.hitoriasobi.com/netidol/idolhappy/maki/

http://www.hitoriasobi.com/netidol/idoler/megu/

639 :Name_Not_Found:2001/07/05(木) 07:18
↑頑張りすぎじゃないか?

640 :Name_Not_Found:2001/07/05(木) 10:32
寝る前にマムシドリンクでも飲んだんじゃねーの?

641 :Name_Not_Found:2001/07/05(木) 11:07
もっと意義ある事しよーよあげ

642 :Name_Not_Found:2001/07/05(木) 19:25
#leftright, #topdownってなんですか?
http://www.ky.xaxon.ne.jp/~singlike/indexhelp37.htm

643 :Name_Not_Found:2001/07/05(木) 19:27
td.aaa{background-color:blue;}
-------------------------------

<table><tr>
<td class="aaa">a</td>
</tr></table>

ってやってもIEでは背景がちゃんとなるのに
NNだと反映されないです。
かなり頭にきます。

644 :Name_Not_Found:2001/07/05(木) 19:30
>>643
そうだね。で?

645 :Name_Not_Found:2001/07/05(木) 19:33
>かなり頭にきます。

要するに愚痴ってるだけだろ?
空気読めカス

646 :Name_Not_Found:2001/07/05(木) 20:05
td.aaa{background-color:blue;}
-------------------------------

<table><tr>
<td class="aaa">a</td>
</tr></table>

うちのNN4.75では表示される。
何故だろう。

つーか、643は何に対して頭に来てるの?

647 :Name_Not_Found:2001/07/05(木) 20:22
>>643>>573 の C&P です.ばかばかしい.

648 :Name_Not_Found:2001/07/05(木) 21:00
>>647
だから何なんだ?
欝陶しいんだよヴォケぇ!

649 :Name_Not_Found:2001/07/06(金) 05:13
どっちが。

650 :Name_Not_Found:2001/07/06(金) 05:33
朝の上げ

651 :Name_Not_Found:2001/07/06(金) 06:14
よせてage

652 :Name_Not_Found:2001/07/06(金) 09:18
すこぶるage

653 :Name_Not_Found:2001/07/06(金) 15:22
質問しろやコルァ(´Д`)

654 :Name_Not_Found:2001/07/06(金) 15:34
IEのスタイルシートファイルの中でスクリプトが使えると聞いたんですが、本当ですか?

655 :Name_Not_Found:2001/07/06(金) 15:49
>>654
もなかです

656 :654:2001/07/06(金) 15:52
もなかですか?
すいません。もなかというと、和菓子しか思いつきません。

657 :Name_Not_Found:2001/07/06(金) 16:15
もなかage

658 :Name_Not_Found:2001/07/06(金) 16:54
>>656
ちょっと勉強が足りないね。
初心者板で「もなか」ってなんですか?って聴いてごらんよ

659 :Name_Not_Found:2001/07/06(金) 18:57
>>175
> それで、ひとまずN6の設定を見たんですが、「表示」で
> 「スタイルシートを使用」が「なし」になってました。
> これが原因だったのかもしれません。が、オンにできないのはなぜ?

> (どうやってcssをonにできるのかな?)不便なブラウザだ、N6。

例えば、
http://www.w3.org/Style/CSS/
では、10種類の代替スタイルシート(alternate stylesheet)を使う事が出来ます。
IEではまだ実装されていませんが。

660 :Name_Not_Found:2001/07/06(金) 20:25
res{ number : 700; }

661 :Name_Not_Found:2001/07/07(土) 04:49
もなかって何?age

662 :女の子:2001/07/07(土) 04:58

            /ww・━━ヽ、
           fvwwノイノノ))))
             |:::i::i(6リ イ (:"
             |i:!:!:ノハ、~ 、ノi http://www.hitoriasobi.com/netidol/idolhappy/maki/
             ||:f´:/ (^´:l::j
             ∨⌒\`、リノ
              /  ,  /⌒ヽ http://www.hitoriasobi.com/netidol/idoler/megu/
          /  /,ー<;;;,,,...ノ
            〈  〈)    /´\
          \. \  i \ \
            / \.\ .j  \. \
            f`ー´ヽ ヽ   \ ヽ、__
          i_,/⌒「>__ノ>     ヽ、_っ、)
          <~Y__  /7ハ:く      f /:::;;ヘ

663 :Name_Not_Found:2001/07/07(土) 06:19
もなか待ち

664 :Name_Not_Found:2001/07/07(土) 06:46
もなかの予感…

665 :Name_Not_Found:2001/07/08(日) 00:44
あげ

666 :Name_Not_Found:2001/07/08(日) 21:31
外部CSSファイルを読み込むことに関する質問です。

例えばあるディレクトリに、1.html 2.html 3.htmlの3つがあるとします。
それぞれに単独びCSSを用意すべきでしょうか?1.css 2.css 3.cssみたく。
それともできるだけ一つのCSSにまとめる方がいいでしょうか?

共通部分(ナビゲーション部)はそれぞれの10%程度なのですが。
転送量を考えたら後者の方が有利なのでしょうか?
しかし、クラスとかIDが沢山になってわかりにくくなりそうな気がします。

共通部に関するものは1つのCSSにして、ローカルな設定をそれぞれのCSSにして
<LINK>で2つ読み込むとかも考えたんですが。

667 :Name_Not_Found:2001/07/08(日) 21:38
>>666
自分は代替シート複数用意してるけど、それぞれ1枚にまとめてる。
多少重くはなるけど、トップで1枚読み込めばページ移動の時にシートの読み込みがなくていい。

668 :Name_Not_Found:2001/07/08(日) 21:41
>>666
共通部分をまとめたファイルを
@import で読み込むのが良いんじゃないかな。

669 :666:2001/07/08(日) 21:44
>>667
やっぱりできるだけ1枚にまとめた方がよいのでしょうか。
classとかidとか、最初に命名規則をしっかり決めて
できるだけまとめてみたいと思います。
ありがとうございました。

670 :Name_Not_Found:2001/07/08(日) 22:10
便乗して外部CSSがらみの質問。

外部CSSファイルを複数のページで共通で使っている場合、
別々のHTMLで同じ名前のidは使ってもいいのでしょうか?

671 :Name_Not_Found:2001/07/08(日) 22:31
>>670
IDは一文書中に一意でなければならないということだから、各ページに一つずつ存在するということならOK。

672 :Name_Not_Found:2001/07/09(月) 07:57
スタイルシートのページはどうやって保存するんですか?

673 :Name_Not_Found:2001/07/09(月) 08:50
>>672
WinIEでの「スタイルシートを使ったページの保存方法」なら、保存で「完全」を選ぶ。

674 :ねたろ:2001/07/09(月) 08:51
>>672
IE5以降だったら、「Webページ 完全」でスタイルシートも保存してくれる。
ただしソースは書き換えられる。リンクだけ書き換えればいいのに、なぜか全部書き換えられる。

675 :ねたろ:2001/07/09(月) 08:51
>>673
かぶったね。

676 :Name_Not_Found:2001/07/09(月) 10:18
http://www.skz.or.jp/bach/world/news/
こういうページは無理っすか?

677 :Name_Not_Found:2001/07/09(月) 14:46
他人に出来て自分には出来ないと言うのかね。

678 :Name_Not_Found:2001/07/09(月) 17:01
W3C 以外の CSSチェックサービスってあるのでしょうか。

W3C の検証サービスで、120行くらいのささやかなスタイルシートを
チェックしようとしたら、いくら待っても返事が返ってこないのです。

ファイルを2,30行くらいずつ分けてチェックすると
ちゃんと結果が返ってくるけど、いちいち分割するのが面倒くさくてしょうがない。

679 :Name_Not_Found:2001/07/09(月) 17:46
age

680 :>>676:2001/07/09(月) 18:33
寝介4とかw3mでみても一応見られるね。
ちょっと感心。

681 :670:2001/07/09(月) 22:03
>>671さん
ありがとうございます。
これがよくわからなくて、今までclassで安定しちゃってました。

>>768さん
W3CのCSSチェッカー、ウチのはもうちょい長いファイルでも大丈夫でしたよ。

682 :Name_Not_Found:2001/07/10(火) 01:32
ttp://www.htmlhelp.com/tools/csscheck/
ここはどう?

683 :671:2001/07/10(火) 03:18
>>678
JAVA動く環境が要るけど,CSSValidatorをダウンロードしてローカルで チェックすると速いよ.
自分はそうしてる.

>>682
@mediaや@charsetなどに対応してないので,実質使い物にならんみたいです.

684 :Name_Not_Found:2001/07/10(火) 09:54
A-G-E-

685 :Name_Not_Found:2001/07/10(火) 12:13
なんかcssスレも人気がないなぁ、
俺が質問すると結構盛り上がるんだけどなぁ。
俺の質問は有意義過ぎるんだろうなぁ。

686 :676:2001/07/10(火) 13:40
ページ保存で完全ってやっても失敗しちゃうんですよ・・
みなさんは保存出来ました?私のPCがおかしいだけ?

687 :Name_Not_Found:2001/07/10(火) 14:08
>>686
完全保存できないページって結構ありますよ。
どんなのがダメなのかは知らないけど。
ちなみに私も>>676は保存に失敗しました。

688 :Name_Not_Found:2001/07/10(火) 14:59
>>681
うそぉ・・・。うちの環境が悪いのかなぁ。
何度やってもだめなんだよう。

>>683
ありがとう。CSSValidator で検索したら、
ttp://homepage1.nifty.com/hobbit/html/cssvalid.html
つーページが見つかったので、ここを参考にしてやってみるよ。

689 :Name_Not_Found:2001/07/10(火) 15:02
http://www.nurs.or.jp/~yui0113/
ここの管理人はパクリ魔。
あたしは何回もパクられた。
しかもそれを言うと「4月からできてたんだけど
アップするの忘れてただけ」
だと。逝け。しかも口調超キモい。(自分のこと名前で呼んでるし←前のことだけど。)

690 :Name_Not_Found:2001/07/10(火) 16:59
>>689
言っちゃ悪いがアンタも結構キモイ
ところで質問は?

691 :Name_Not_Found:2001/07/10(火) 18:13
ここでおさらい。
http://www.zspc.com/documents/css2/

692 :Name_Not_Found:2001/07/10(火) 18:26
>>689 くだらないことで腹を立てるな。「キモい」という言葉自体が「キモい」。

693 :Name_Not_Found:2001/07/11(水) 13:49
下がり過ぎ

694 :Name_Not_Found:2001/07/11(水) 14:02
>>689
そんな事言ってると誰かが荒らしちゃうよ?
荒らしてそこの管理人が首吊ったらあんたのせいね。
行ってきまーす。

695 :Name_Not_Found:2001/07/11(水) 14:05
>>689
というか、そのサイト何故スクロールバーが出てこない?
ノートの人はどうすりゃいいんだ?最悪だな。

696 :Name_Not_Found:2001/07/11(水) 15:40
↑でたよ、煽り豚。一生そうやってブーブー鳴いてろ。

697 :Name_Not_Found:2001/07/11(水) 16:03
↑とか煽っておいて、オフ会で「いやぁ、どうもどうも」な奴。

698 :Name_Not_Found:2001/07/11(水) 16:05
>>697
(・∀・)コピペニマジレス カコワルイ!!

699 :Name_Not_Found:2001/07/11(水) 16:39
↑とか煽っておいて、オフ会で「いやぁ、どうもどうも」な奴。

700 :Name_Not_Found:2001/07/11(水) 16:45
700 (・∀・)イイ!
IEの独自拡張をまとめたとこってありませんか?

701 :Name_Not_Found:2001/07/11(水) 18:47
ちょっと質問です。
macのNNでは英文フォントで和文を表示させようとすると文字化け
すると聞いたのですが、CSSでフォントを指定する時は
日本語フォントを前に持って来ないといけないのでしょうか?
例)font-family: "MS Pゴシック","Verdana";
英文フォントを前に持って来るとやっぱり化けますか?
例)font-family: "Verdana","MS Pゴシック";
また、上記のようにmac用のフォント(Osaka)とかを使用
しない場合は、macではどんなフォントで表示されるのでしょうか。

いやー、なんだか真面目に質問です(*´д`*)

702 :Name_Not_Found:2001/07/11(水) 19:04
CSSを切るとどう表示されるのかチェックしたいんですけど、
IEでCSSを無効に設定できますか?

703 :Name_Not_Found:2001/07/11(水) 19:21
>>702
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/disablecss
あるいは
http://www.kohshi.org/ieex/

704 :Name_Not_Found:2001/07/11(水) 21:07
>>702
http://say.vis.ne.jp/script/etc/
こんなのもあるよ。
強制スタイルで使用するスタイルシートに中身に何も書かれてない CSS を使うとおっけー。

705 :702:2001/07/11(水) 21:09
>>703
スタイルシートの切り替え以外にも便利そうな機能が
いろいろあるのでieexを入れました。そして便利でした。感謝してます。

706 :Name_Not_Found:2001/07/12(木) 10:26
社名   東京アクセス
代表者  西村博之

と各項目を一行に表示させる為、次のように記述しました。

**html**
<dl class="gaiyo">
<dt>社名</dt><dd>東京アクセス</dd>
<dt>代表者</dt><dd>西村 博之</dd>
</dl>

**CSS**
dl.gaiyo dd{
display:inline;
}

これを表示させると、↓のようにしかなりません。

社名
東京アクセス
代表者
西村博之

どこが間違っているか教えて頂けませんか。
よろしくお願い致します。

707 :Name_Not_Found:2001/07/12(木) 11:11
706
dtがinlineになっていない。
dl.gaiyo *{
display:inline;
}

708 :707:2001/07/12(木) 11:13
「>>」付け忘れた。鬱

709 :706:2001/07/12(木) 11:41
>>707さん、ありがとうございます。
>>707さんのご指導の通りにやりますと、

社名 東京アクセス 代表者 西村博之

と、<dl>内が全て一行になってしまうのですが・・・。

社名   東京アクセス
代表者  西村博之

と、表示させる為にはマークアップが間違っているのでしょうか。
何度も申し訳有りませんが、ご指導お願いします。

710 :Name_Not_Found:2001/07/12(木) 12:01
>>709
css的には display:compact が妥当なのだけど、
少なくともIEはcompact に対応していない。

dl.gaiyo dt{
float:left;
width:4em; /* dd 要素を左揃えにするためにdt要素の幅を固定する。 */
}

こういうのはどうだろう?

711 :Name_Not_Found:2001/07/12(木) 12:34
>>710
それで思い出したんだが、

<div>中身は適当に</div>
<dl>
<dt>社名</dt>
<dd>東京アクセス</dd>
<dt>代表者</dt>
<dd>西村 博之</dd>
</dl>

div {float:left; width:100px}
dt {float:left; width:50px}

とまぁ、>>706と似たようなリストを、div の右側に置きたいんだけど、
何故か Mozilla だと最初の dd 以降が全部 div の下に来てしまう。
何故だ。

IE だと

■■■ 社名 東京アクセス
■■■ 代表者 西村ヒロユキ
■■■
■■■
■■■

Mozilla だと

■■■ 社名
■■■
■■■
■■■
■■■
東京アクセス
代表者 西村ヒロユキ

って感じ。
■は div。

712 :Name_Not_Found:2001/07/12(木) 13:30
>>711
N6でもならないけど?
ていうか、ウィンドウの幅狭くない?
単に狭くて流し込めないのかと思う。

713 :Name_Not_Found:2001/07/12(木) 13:33
>>712
あれ、なる?
何でだ…

ちなみにウィンドウは狭くないよ。
むしろ、どんなに幅とっても上のようになるくらいで…

…謎だ(´Д`;

714 :Name_Not_Found:2001/07/12(木) 14:44
>>706
論理構造から考えると、普通に「表」を使った方がいいと思う。
<table ...>
<tr><th>社名</th><td>東京アクセス</td></tr>
<tr><th>代表者</th><td>西村 博之</td></tr>
</table>
th{text-align: center; font-weight: normal;}

715 :Name_Not_Found:2001/07/12(木) 15:28
>>714
だけど、>>706なら定義リストでも良いと思う。
定義される用語とその解説って意味では。

716 :萌枝:2001/07/12(木) 16:01
>>406
dd { display: compact } だよ。
でも対応してるブラウザってまだ無いんだっけ?

717 :706:2001/07/12(木) 17:28
皆様、ありがとうございます。大変勉強になります。

>>716さん
殆どのブラウザでは対応していないようです。
http://www.zspc.com/documents/css2/display/display.html

テーブルでも問題ないようですので、
しばらくはテーブルを使ってみようかと思います。
本当にありがとうございました。

718 :Name_Not_Found:2001/07/13(金) 10:03
すいません、最近css覚えたんですが
レイアウトにテーブルは使うなって言いますけど
じゃぁ、いつテーブル使えばいいんですか?
例えばなんかの一覧表みたいなものを記載したい場合は
テーブルを使えって事ですか?

719 :Name_Not_Found:2001/07/13(金) 10:09
>>718
テーブル(表)って普通そういう用途で使いませんか?

720 :Name_Not_Found:2001/07/13(金) 11:04
良スレなのに…。
WIN-NN4.xはもう無視した方が良いのですか。
今現在使っている人って多いのでしょうか。
既出だったらスミマセン。

721 :Name_Not_Found:2001/07/13(金) 11:56
>>720
サイトの性格によりけり.個人サイトならすっぱり割り切るもよし,
企業サイトならそうも言ってられない(まだ N4 使う人はいるだろうから),と思う.
ところで,Win に限らず NN4 の話よね?
参考スレッド:User Agent - NN4への対応
http://natto.2ch.net/test/read.cgi?bbs=hp&key=994829516

722 :Name_Not_Found:2001/07/13(金) 14:14
>>715
うん、でも、例示されたテキストって
「定義される用語とその解説」かな? って、ちょっぴり
(ほんのちょっぴり)ギモンがあるんですよ。
この手の一言二言の単語を並べるなら表の方が良いかなぁ、って。
しかも、「表」的なレイアウトを望んでいるならなおさら。

DD 要素がもう少し解説文っぽかったらおっしゃる通りなんだけど。

>>720
そんな貴方に @import あるいは screen 以外の値を(も)持つ media 属性。
ちゃんと HTML が書けていれば「無視」にはならないよ。

723 :Name_Not_Found:2001/07/13(金) 14:19
>>720

CSSを切ってもらうようにお願いするか、バグを逆手にとって
CSSが適用されない状況にすればいいんじゃない?
ちゃんとHTMLが書けていれば、それでも結構いい感じで見れるものだし。

といいつつも、うちは1〜2割くらいのお客さんはねすけ4。
間延びして見えるけど、見れないわけではないので、そのまま放置。

724 :Name_Not_Found:2001/07/13(金) 20:02
positionプロパティのabsoluteとfixedについてなんですが。
fixedは位置が固定される、という点はいいとして、

1. absoluteは親要素に対する絶対配置、fixedはページに対する絶対配置
2. 両方とも親要素に対する絶対配置

どっちなんでしょう?

あと、absoluteは親要素がポジショニングされてないと効かないもんなんでしょうか。

725 :Name_Not_Found:2001/07/13(金) 21:09
>>724
参考になるかどうか分からないけど一応。

http://east.portland.ne.jp/~sigekazu/css/css2.htm

726 :Name_Not_Found:2001/07/14(土) 00:24
abosolute の時の top, right, bottom, left の基準は、
・親(祖先)要素の position が static 以外の時はその要素
・それがなければウィンドウ(≒BODY)

727 :724:2001/07/14(土) 01:14
>>725
ためになる情報感謝です。即ブクマークしました。

>>726
完全氷解しました。ありがとうございます。

728 :Name_Not_Found:2001/07/14(土) 01:30
現実的に考えて、fixed使う時ってあるかな?

729 :Name_Not_Found:2001/07/14(土) 02:12
>>728
よく知らないんだけどfixedって何か問題あるの?

730 :Name_Not_Found:2001/07/14(土) 03:05
>>128-129
ナビゲーションに使いたいけど対応状況が以下略。
使っても別に不都合はないはずだけど自分のメインがIEなので力が入りません

731 :730:2001/07/14(土) 03:08
ぐぁ128-129ってなんだよ間違えすぎ。鬱

732 :729:2001/07/14(土) 03:10
>>730
なるほど、肝心のIEが未対応というわけなんですね。

733 :Web原理主義者:2001/07/14(土) 15:15
>>700
http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp
ここが参考になるよ。

734 :Name_Not_Found:2001/07/15(日) 10:35
{position: fixed; top: 0; } /*Web板未対応*/

735 :Name_Not_Found:2001/07/16(月) 00:36
ゲーアー

736 :Name_Not_Found:2001/07/16(月) 11:49
あガゲロ。

737 :Name_Not_Found:2001/07/16(月) 17:53
CSSで背景指定するとhtml単体ではちゃんと表示されるのですが、
フレーム組むとネットスケープでは何も表示されなくなってしまいます。

body{ background-image:url(img/bg.gif); background-repeat:repeat-y; background-color:#000000}

こんな感じで書いてます。
初歩的な質問で申し訳ありませんが教えて下さい。

738 :Name_Not_Found:2001/07/16(月) 21:56
>>737
取り敢えず、
body{background:url(img/bg.gif) repeat-y #000000;}
これでいいんじゃない?(ちょっと無駄が多いと思うよ)

739 :Name_Not_Found:2001/07/17(火) 00:10
>>737
質問が不明確。
・「ネットスケープ」のバージョンは?
・フレームを使わない場合の「ネットスケープ」ではどうなのか?

考えられるのは、
1.NNのバージョンが4.xで、
2.背景を指定したHTMLとCSSファイルが別のフォルダにある

ってとこだけど、↑合ってる? 違ったら判んない。

740 :737:2001/07/17(火) 02:13
>>738
やってみましたが駄目でした。

>>739
すみません。
NNのバージョンは4.xです。
CSSはHTML内で直接指定しています。
フレームを使わなければNNでもちゃんと表示されます。

どうでしょうか?
フレームを使う場合はHTMLで指定しては駄目なのでしょうか?

741 :738:2001/07/17(火) 03:16
いや、記述は漏れのであってるはず。まぁいいけど。

フレームってのが気になる。
フレーム使うと、最低でも3枚のHTML書かなきゃいけないのは分かってるよね?
(フレームと、分けたところ2つ以上)
「ネスケでは」ってなってるって事は、IEとかなら大丈夫なの?

うちフレーム使ってるけど、何ら問題なく使えるよ。

742 :737:2001/07/17(火) 03:42
>>741
もちろんフレームの仕組みは理解してます。
<BODY background="img/bg.gif" bgcolor="#000000">なら大丈夫なのですが、
CSS(737さんの記述でも)だとネスケ(IEはOK)では表示してくれないのです。
背景画像だけではなく背景色すら・・・。

ページ単体なら表示されるので原因が全く分かりません・・・。

743 :Name_Not_Found:2001/07/17(火) 03:53
>>742
background-image: url("img/back.gif");

ダブルクォート入ってる? こんくらいしか思い当たらない。

744 :Name_Not_Found:2001/07/17(火) 03:53
いや、関係ないか。忘れてくれ

745 :Name_Not_Found:2001/07/17(火) 09:09
age

746 :Name_Not_Found:2001/07/17(火) 09:50
ディレクトリをフラットにしたらできたりして。

747 :Name_Not_Found:2001/07/17(火) 10:00
>>746
そうだよね。俺も >>739 の 2 だと思うんだけど。

748 :Name_Not_Found:2001/07/17(火) 10:01
まさか @import してるなんて言わないよね?

749 :Name_Not_Found:2001/07/17(火) 11:09
とりあえず IE でも NN4 でも Mozilla でも CSS でそれぞれのフレームの背景画像が出ることは確認した.
親フレーム「だけ」で背景画像指定してて,それが子フレームに表示されないっていうんじゃないよね?
それだと IE だろうと Mozilla だろうと無理だから違うよな….

>>737
問題ない範囲でソース見せてくれない?

750 :Name_Not_Found:2001/07/17(火) 13:05
親要素のheightがautoのときに子要素のheightを
パーセント指定にしても親要素のheightを
IE5では参照してくれるのにNN6では参照してくれません。
どっちがCSSとして正しい挙動なのでしょうか?
autoのときにも参照してくれると便利なんですけど。

751 :497:2001/07/17(火) 13:13
>>750
IE5が不正のはず。

752 :Name_Not_Found:2001/07/17(火) 13:19
>>737
どんなフレームの切り方して、どのフレームが×なのか
教えてくれないかな。それによってやりようもあるかもだし。

753 :737:2001/07/17(火) 15:28
大変お騒がせしました。
サーバにうpしたらちゃんと表示されるようになりました。
ローカルでは相変わらず表示されませんが。

何はともあれ皆様ありがとうございました。

754 :Name_Not_Found:2001/07/17(火) 17:54
>>753
聞くだけ聞いといて詳細も説明せずに
今度はいきなり「解決しましたありがとうございました」で終わりすか…

755 :738:2001/07/17(火) 18:30
分かった。
pngとかjpeg画像だったんじゃないの?

756 :Name_Not_Found:2001/07/17(火) 18:45
>>755
ローカルで見えなくてサーバに上げたら見えるってこととつながるかなあ?

757 :737:2001/07/17(火) 19:29
すみません自分で勝手に完結してしまいまして・・・。

http://www5c.biglobe.ne.jp/~aco/index3.html
これが現物です。
今までNNでは表示されないと書きましたが、
よく見ると一瞬だけ表示されて(0.1秒くらい)その後表示されなくなる。
といったほうが正しいかもしれません。

それとWin版NNならローカルでも表示されたので、
表示されないのはMac版NNだけです。

758 :Name_Not_Found:2001/07/17(火) 19:47
>>757
<frameset rows="68,1*" cols="*" frameborder="NO" border="0" framespacing="0">
の、rows="68,1*"ってのがなんとなく ぁ ゃ ι ぃ。

759 :738=755:2001/07/17(火) 20:23
>>756
家はそれでpngとjpegが見れない。IEだけど。
Cookie消せば直るとかって聞いたけど、いろんな所の情報が消えるのはね・・・。
ローカルだと見えなく、鯖に上がればしっかりと表示される。

760 :Name_Not_Found:2001/07/17(火) 20:58
>>759
MIME タイプの設定が間違っているのでは。
フォルダオプションで色々いじってみるヨロシ。Windows だよね?

761 :750:2001/07/17(火) 21:28
>>751
うーん、そうなんですか。
今CSSでムーノーローカルのテーブルデザインを
再現することに挑戦しているんですが、
http://www.muunoo.com/topic.html
こんなふうに記事の見出しと本文のheightを合わせるには
どうすればいいのかわからないんです。
親要素のheightを子要素が参照してくれるIE5でなら
うまくいってたんですけど…。

762 :Name_Not_Found:2001/07/17(火) 21:37
>>761
height固定で本文overflow: auto;

解決になってないけどナー

763 :Name_Not_Found:2001/07/17(火) 21:51
http://www.zspc.com/documents/css2/colorbg/bgimage.html

764 :Name_Not_Found:2001/07/18(水) 00:15
>>763
もう終わった。
つーかそこに載ってるようならあんなにレスつかんよ。

765 :Name_Not_Found:2001/07/18(水) 00:25
背景の画像1つだけを常に右下に配置するには
どんなタグを使えばいいの?
bgproperties="fixed"でテキストだけを動かす事はできたんだけど
背景の画像が幾つも連なって表示されてしまいます。

766 :497:2001/07/18(水) 00:29
>>765
background: url(image.gif) fixed no-repeat right bottom
;

767 :Name_Not_Found:2001/07/18(水) 00:31
>>765
二箇所で同じことを聞くのはやめたまへ.

768 :初心者スレの819:2001/07/18(水) 00:32
>>766
カブタね。

769 :Name_Not_Found:2001/07/18(水) 00:47
<STYLE type="text/css">
<!;---
BODY { background-image: url("画像");

background-repeat: no-repeat;
background-position: right bottom
}
--->


かちゅーしゃの背景を指定したかったんだがfixed入れると
うまくいかないんだよ
>>766-768

770 :Name_Not_Found:2001/07/18(水) 00:49
ヨロスコタノム

771 :初心者スレの819:2001/07/18(水) 01:06
>>769-770
かちゅで試してみたけどちゃんと右下にフィックスしたよ。
そのソース↓

<style type="text/css">

body { background: url("画像") no-repeat fixed right bottom; }

</style>

試しに貼ってみ。

772 :Name_Not_Found:2001/07/18(水) 01:09
おぉ、さんきゅ。
やってみるよ
web製作板マンセー

773 :Name_Not_Found:2001/07/18(水) 01:12
デキタヨヽ(´ー`)ノサンクスd

>>771

774 :Name_Not_Found:2001/07/18(水) 10:06
厨房にてスミマセン。質問させて下さい。
>>757氏のソース見て僕も思たんですが
<frameset rows="68,1*">←こういう
「1*」みたいなのたまに見ますがどういう
意味があるのでしょうか。ただ*指定したのと
違いあるのか。あと、同じトコロにある、
<〜〜,1*" cols="*">←このcolsの意味も
分かりません。なんであるのか。

つか、まったくスレ違いでスミマセン。

775 :Name_Not_Found:2001/07/18(水) 14:39
ageてみた。

776 :Name_Not_Found:2001/07/18(水) 16:08
>>774
http://www.ne.jp/asahi/minazuki/bakera/html/reference/dataformat#multilength

777 :Name_Not_Found:2001/07/18(水) 16:20
>>774
この場合、<frameset rows="68,*">と同じ。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#type-multi-length

778 :Name_Not_Found:2001/07/18(水) 16:57
>>774
「意味はない,違いはない(,cols の方は必要ない)」と思う.
あくまで想像だが,そういうソースを吐く HTML エディタがあるとか.

779 :Name_Not_Found:2001/07/18(水) 17:29
>>778
意味無いみたいですね。
Dreamweaverでフレーム組むとそういうソースを吐きます。

780 :774:2001/07/19(木) 00:21
>>775-779
はー。意味ないんスか。勉強なりました。
ウオッス。

781 :Name_Not_Found:2001/07/19(木) 04:09
質問です〜
<table width="250" border="1" cellpadding="3" cellspacing="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr><td bgcolor="#背景色(ここではピンク)" align="right">
ここに文字。
</td></tr>
<tr><td>
ここにも文字。
あああああああああああああああああああああ
</td></tr>
</table>

このようなテーブルの効果を出したいのですが
CSSでスパッと指定出来る方法ご存知の方いらっしゃいますか?
いちいちテーブルごとにかくの面倒で…

厨房質問でスマソ

782 :Name_Not_Found:2001/07/19(木) 04:37
テーブルレイアウトを使わずに
ページの左右両端に背景画像を置きたいのですが、
CSSを使ってできますか?

783 :厨房でざいなー:2001/07/19(木) 09:34
ここの書き込み欄のようなテキストボックスの色や、
文字を選択したときの「青背景白文字」の色を変えることはできますか?

784 :Name_Not_Found:2001/07/19(木) 09:36
>>781
こういう意味かどうか分からないけど。
width,border,backgroundを使えば何とかなると思います。

<div style="width:249px;border:1px solid #000">
<div style="background:pink;text-align:right;padding:3px;
border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #000">
ここに文字。
</div>
<div style="padding:3px">
ここにも文字。
あああああああああああああああああああああ
</div>
</div>

785 :784:2001/07/19(木) 09:39
>>782
http://www.parkcity.ne.jp/~chaichan/qanda/qa1457.htm

786 :784:2001/07/19(木) 09:45
>>783
書き込み欄
textarea{background:pink;color:blue}

文字選択色変更
<span style="color:white;background:black">何か</span>
選択してないときも変わるけど(^^;

787 :Name_Not_Found:2001/07/19(木) 12:28
>>781
<html>
<head>
<style>
dl{
width:250px;
border-color : #000000;
border-style : solid;
border-width : 1px 1px 1px 1px;
}
dt,dd
{
padding : 3px 3px 3px 3px;
}
dt{
width:100%;
background-color:pink;
textalign:left;
border-color : #ffffff;
border-style : solid;
border-width : 2px 0px 0px 2px;
}
</style>
</head>
<body>
<dl>
<dt>タイトル行</dt>
<dd>文章だよう。</dd>
</dl>
</body>
</html>

788 :787:2001/07/19(木) 12:30
うう、1行だけだったのに省略された…鬱だ…。
ところでよくわからんまんま
dl,dt,ddつかってるんだけどええんかいのう(藁

789 :Name_Not_Found:2001/07/19(木) 12:42
>>788 これはちょっと使い方が違うかもね。dl要素は「定義のリスト」だから・・・。
<dt>に定義したい語、<dd>にその語の説明を入れる。

<dl>
<dt>タイトル行</dt>
<dd>文章だよう。</dd>
</dl>

790 :Name_Not_Found:2001/07/19(木) 13:44
>>781
スパっとかどうか判らないけど、
見出しとP使って全く同じもの作ってみたよ。

div { width: 250px; border: 1px solid black; }

h3 {
    font: 1em sans-serif;
    text-align: right;
    background: pink;
    margin: 0; padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid black;
    border-left: 1px solid white;
}

p  { margin: 0; padding: 3px; }

<div>
 <h3>ここに文字。</h3>
 <p>ここにも文字。あああああああああああああああああああああ</p>
</div>

791 :790:2001/07/19(木) 13:58
すまん、<h3>と<p>の前の全角スペースは削ってくれ。

792 :Name_Not_Found:2001/07/19(木) 14:31
>>788-789

定義リストだけど、水無月氏の文献によると
> 一対一で対応するものを表現するのに広く使われているようです
http://www.ne.jp/asahi/minazuki/bakera/html/reference/list#dl
らしいから、広義的には間違ってないのかも。
だけど、タイトルと文章なら見出しと段落の関係の方が適切だと思うよ。

793 :Name_Not_Found:2001/07/19(木) 15:05
>>784 >>787 >>789 >>790
ありがとうございました!
これで若干 楽になりました(笑

794 :787:2001/07/19(木) 22:00
>>789>>792
おお、お勉強になりました。
改めてリファレンス見てきます。

795 :Name_Not_Found:2001/07/19(木) 23:31
>>782
同じ要素に複数の背景画像を指定するのは今んトコ無理。
BODYの中身を全部DIVで括って個別に指定すればできないこともないけど・・・。

796 :Name_Not_Found:2001/07/20(金) 16:34
age

797 :Name_Not_Found:2001/07/21(土) 13:43
age

798 :Name_Not_Found:2001/07/21(土) 18:22
外部スタイルシート一つにまとめた方がいいですか?
今は style.css と style="" がごっちゃになってるんですけど。

799 :Name_Not_Found:2001/07/21(土) 19:22
>>798
2行目の意味がイマイチ不明だけど…
纏められる分は外部に纏めて置いた方が良いだろう。
メンテもし易いし。

800 :798:2001/07/21(土) 19:51
ちょっと追加
外部ファイル(style.css)と
タグ中のstyle=""と
<style type="text/css">を同時に使っているって事です。
(もちろん、class=""も使っています。)

この夏休みを使って、ちょっとづつでも確実に外部スタイルシート一つにまとめようかな・・・

801 :Name_Not_Found:2001/07/21(土) 20:24
>タグ中のstyle=""

はいつか廃止になるんだよね。

802 :Name_Not_Found:2001/07/21(土) 20:57
Modularization of XHTMLとそれに従って書かれたXHTML 1.1では“非推奨”。
XHTML Basicでは元から採用されていない。
XHTML 2.0辺りで削除されるのではないかと思われ。

803 :ななし:2001/07/21(土) 21:12
Top Style Liteなんかを使ってると、自分がどんなclassの設定をつくったかが
一覧で出て来て、視認性・検索性がアップするので、そういうのも外部ファイルに
CSS設定をまとめるメリットのひとつなのかなと思ったり。

html中にstyle=""だと、散逸して、自分でもわけわからんようになる。

804 :Name_Not_Found:2001/07/21(土) 21:59
でもポジショニングとかはstyleのほうがいいよな。
それも全てxslでやれと?

805 :Name_Not_Found:2001/07/22(日) 01:10
>>804
何のはなしだよ。ココは*css*のスレだよ。
大体ポジショニングをxslでやったらいかんよ。
xslはあくまでhtml化するために使って、そっから先はcssでやりませう。

806 :Name_Not_Found:2001/07/22(日) 01:24
>>804
そうだよね、ポジショニングとかまで何でも全てID付けて
外部CSSでやれというのはいまいち利点がわからん…

807 :Name_Not_Found:2001/07/22(日) 02:11
>>806
idも付けられんような無意味なレイアウトは、というかそんなページは根本的に宜しくない、ということでは。
アクセシビリティの観点から。

808 :Name_Not_Found:2001/07/22(日) 02:55
項目毎にきちんとマークアップすればいいと思うんだが
まさか全エレメント一つ一つ座標指定してるんじゃないよな?

809 :Name_Not_Found:2001/07/22(日) 03:28
代替シートってのもあるからな

810 :805:2001/07/22(日) 12:02
しまった。「レイアウト」をまちがえて「ポジショニング」と書いたばかりに
話しが迷走してしまった。スマソー。

811 :Name_Not_Found:2001/07/22(日) 12:04
>>805
うーん、実はXSLってのはXSL-FOとXSLTの二種類に大きく
別ける事が出来るんだけど、
XMLをHTMLに整形するのは主にXSLTの話。
XSL-FOって実は殆どCSSと同じ機能のモノなんよ。
CSS以上の表現力がある訳で無し、
わざわざXMLの文法でCSSぽいものを書く必要も無いんで
全然普及してないんだよね。
だから、XSLとCSSがまるで無関係かと言うとそうでもない。

812 :805:2001/07/22(日) 18:17
>>811
そうだったのか…
知ったかでスミマセソ。

俺、最近こういううの多いなぁ…
もちと勉強します。

813 :Name_Not_Found:2001/07/23(月) 12:29
あげ

814 :Name_Not_Found:2001/07/23(月) 16:59
a:hover
を特定のグループのリンクだけに適用したのですが、どうしたらよいでしょうか。

#imgのリンクまで適用されるのを防ぎたいのです。

815 :Name_Not_Found:2001/07/23(月) 17:09
>>814
classを振る。
適用したいのだけ、class="a"とでもつけて、
.a a:hover{}
でよろしいかと。

816 :Name_Not_Found:2001/07/23(月) 18:00
>>814->>815
imgだけ除外をするなら、
a:hover img { デフォルトの状態 }
の方が良くない?

817 :Name_Not_Found:2001/07/24(火) 00:45
li { margin-left: 0; list-style-type: none; }
とした時、IE5.5では、リストが左にピッタリ寄るのですが、
MozillaやNetscape6では、リストの左にリストのマーカー用のボックス分だけ
スペースが空くようです。
CSSの仕様では、本来どちらが正しいのでしょうか?
MozillaやN6でも左にピッタリ寄せたいのですが、どうすればいいのでしょうか?

818 :Name_Not_Found:2001/07/24(火) 00:47
誘導しておこう。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=994004855&st=214&to=214&nofirst=true

819 :Name_Not_Found:2001/07/24(火) 01:00
>>817
ul { padding-left: 0; }

IEとN6とでは「デフォルトのスタイル指定」に差があります。

820 :817:2001/07/24(火) 01:10
>>819
なるほど。できました。
ありがとうございました。

821 :Name_Not_Found:2001/07/24(火) 09:10
>>815-816
ありがとうございました。

822 :Name_Not_Found:2001/07/24(火) 09:54
>>816
ん?それはそれでいいのか?
それだと「a要素がhoverのときに、子要素のimg要素に適用される」って意味だろ?
具体的にhoverで何をやってるのかはしらんが、なんとなく疑問だったので。
意味的にもなんとなく>>815のほーがいいような。
#あんまり言ってると信者になっちゃうから言わないケドー

823 :Name_Not_Found:2001/07/24(火) 10:35
>>815でしょ。

824 : :2001/07/24(火) 12:35
よく<TEXTAREA>にWhat'sNewを書いてるページを見ますが、
<TEXTAREA>内のテキストにスタイルシートを適用することって
できるのでしょうか?

825 :Name_Not_Found:2001/07/24(火) 12:39
>>824
とりあえずやってみたら良いんじゃないかと。
どこか壊れる訳でもないし。
ていうか、普通に出来るよ。

826 :Name_Not_Found:2001/07/24(火) 16:00
フィルターの使い方を今日覚えましたが、
もう画像いらずって感じでおしっこ漏れそうです。
まだフィルターを多用するのはよせとかありますか?

827 :Name_Not_Found:2001/07/24(火) 16:17
>>826
別にないよ。でもおしっこ漏らすなよ。

828 :Name_Not_Found:2001/07/24(火) 16:49
はい、おむつ携帯してますから平気です。

829 :Name_Not_Found:2001/07/24(火) 17:05
<div style="clear: both;">
<img src="..." style="float: right; width: auto;">
<p>...</p>
</div>

画像を右に置いてテキストを左に置く,普通の書式ですが,このブロックを多数並べて
レイアウトを組んだ時にブロック間の上下の間隔をうまくそろえる方法で悩んでいます.
<div> に margin を設定しても画像の高さが(テキスト + margin)よりも大きい場合には
画像のすぐ下に次のブロックがくるようなレイアウトになってしまい,かといって
<img> に margin を設定するとテキストの回りこみが起こったときに画像とテキストの
間が開いてみっともないことになります.
何か案があったらコメントいただけないでしょうか.

830 :829:2001/07/24(火) 17:45
ちょっと自己フォロー.
<img> に margin-top を適当につければ,ある程度はうまくいきました.
しかし,各画像とテキストをまとめる意味で <div> で囲んでいるので,
できれば <div> ブロック単位で margin を設定したいのですが….
float させたら無理なんでしたっけ?それともこの書き方が html の構造として正しくない?

831 :Name_Not_Found:2001/07/25(水) 00:33
age

832 :Name_Not_Found:2001/07/25(水) 08:44
>>829
divにheightを指定すれば?
divに背景色付ければわかると思うけど、文章が短い場合は画像がdivからはみ出す。

833 :Name_Not_Found:2001/07/25(水) 10:59
あげ

834 :829=830:2001/07/25(水) 12:29
>>832
画像の高さより大きめの height を div に設定して,うまくいったと思ったのだけど,
mozilla で文字の大きさを大きくして(テキストが div の height を超えるようにして)
見ると,上下のブロックの文字が重なって悲惨なことになってしまいました.むー.
IE だと,文字が増えた分だけ div の height も自動的に増えてくれてるんだけど.

ともかく,ありがとうございました.

835 :Name_Not_Found:2001/07/25(水) 15:02
age

836 :Name_Not_Found:2001/07/25(水) 16:05
background-color : #000000;

background : #000000;

これってどっちでもいいんですか?
普通どっちですか?

837 :Name_Not_Found:2001/07/25(水) 16:37
>>836


838 :Name_Not_Found:2001/07/25(水) 17:02
>>836
どっちでもいいけど、ブラウザによってはbackground-colorを解釈できない。

839 :Name_Not_Found:2001/07/25(水) 20:41
>>836
http://www.ne.jp/asahi/minazuki/bakera/html/css/colors#background
これか。

840 :Name_Not_Found:2001/07/25(水) 20:42
>>839
>>836>>838の間違いだ。

841 :Name_Not_Found:2001/07/25(水) 21:59
とはいえIE3じゃないか。
NN4の様に議論にもならん。無視無視。
「background-color」の方向だね。

842 :Name_Not_Found:2001/07/25(水) 23:19
つか、background は一括指定のためのものだから、
使って悪いってワケでは無いんだけどな。

843 :Name_Not_Found:2001/07/25(水) 23:39
例えば、背景色のみ設定の場合は一括指定したい訳ではないから、
*{background-color : #000000;}
こうしておけばいいんですかね。

844 :Name_Not_Found:2001/07/26(木) 00:08
>>834

div.親ブロック {

height: 画像の縦;
\68 eight: auto;
\6D in-height: 画像の縦;

}

Netscape6ならこれでいけるはず。

845 :Name_Not_Found:2001/07/26(木) 05:05
backgroundとかlist-styleは常に一括指定でいいと思う

846 :Name_Not_Found:2001/07/26(木) 06:45
だが font の一括指定は font-family が外せないのでちょっと困る。
指定すると文字化けするんだまたこれが…何でやねん。
こっちゃ serif 指定してるっちゅーの。

847 :Name_Not_Found:2001/07/26(木) 11:26
あげ

848 :Name_Not_Found:2001/07/26(木) 12:34
>>846
そのserifが化けるんじゃなかった?

849 :Name_Not_Found:2001/07/26(木) 13:25
字間のカーニングってなんですか?

850 :Name_Not_Found:2001/07/26(木) 13:47
>>848
何ッ
serif って明朝体(だっけ?)のどれかが割り当てられるんじゃなかったっけ。
MS P明朝ならそれだけしか選ばれないけど、
serif ならMS 明朝だろうがMS P明朝だろうがどれかを選んでくれる…と聞いたけど。

851 :834:2001/07/26(木) 17:29
>>844
うまくいきました(Mozilla 0.9.2 で).ありがとうございます.
なぜこのように(エスケープ?)すると上手くいくのか,調べてみようと思います.
自分でも検索してみますが,どこか参考になるサイトがありましたら教えていただけませんか.

852 :Name_Not_Found:2001/07/26(木) 18:07
>>849
letter-spacing

853 :844:2001/07/26(木) 18:11
>>851
CSSの仕様では、セレクタ・プロパティ・値それぞれをエスケープ文字で記述しても良いことになってます。
一部の先進的なブラウザはエスケープされた文字列を仕様通りに正しく解釈できるので、>>844のように書けば後半の指定でheight/min-heightの指定が上書きされ、対応していないブラウザでは前半の指定のみが有効になる、という仕組みです。
UTF-16(Unicode)の文字コード(16進数)をバックスラッシュのあとに書けばOKです。
ここの「CSS1」の項に詳しい解説があります。
http://east.portland.ne.jp/~sigekazu/css/ascii.htm

ここでは面倒なのでプロパティの頭の1文字だけエスケープさせましたが、全体をエスケープしてももちろんOKです。

854 :848:2001/07/27(金) 09:13
>>850
ごめん、sans-serifの話だった。
どうして化けるんだろうね。

855 :851:2001/07/27(金) 10:05
>>853
詳しい解説ありがとうございます.いろいろ応用が利きそうなので
「イケてるスタイル」スレッドも見ながらもっと勉強してみます.

856 :Name_Not_Found:2001/07/27(金) 10:43
そういえばうちはgeneric-familyで化けたことないんだけど。
環境に依存するんだっけ?

857 :Name_Not_Found:2001/07/27(金) 13:28
なんにせよ、font-family は指定しない方が良い…と。
つか、書体の絶対指定をしているって考えると、
文字化け云々は別にして、指定しない方が良いのかも。

858 :Name_Not_Found:2001/07/27(金) 13:37
擬似フレームの解説が載ってるサイトを教えてください。

859 ::2001/07/27(金) 14:01
[IE5]sans-serif を指定した HTML ファイルを表示すると文字化け
http://www.microsoft.com/JAPAN/support/kb/articles/J058/3/67.htm

860 :Name_Not_Found:2001/07/27(金) 14:43
Win IE4.0〜5.5、NC4.7、Mac IE4.5〜5.0、NC4.7 Unix NC4.7までを対象に、出来るだけ画面で見たときの文字サイズが近くなるようなCSSを用意したいのですが、
どこかにサンプルありませんでしょうか?
あと、javaスクリプトで各CSSへのリンクを分岐してる場合ですが、javaをoffにしてる人に対してはどのような対処をされていますか?

861 :Name_Not_Found:2001/07/27(金) 15:01
>>860
<noscript><link rel="stylesheet" ...></noscript>
はどう?
HTML的には文法違反だけど。

862 :844:2001/07/27(金) 15:12
>>860
S5というスクリプトはDOMを使って元からヘッダに書いてあるlink要素を利用するので、media属性やなんかと組み合わせればどうとでもなりそう。

863 :Name_Not_Found:2001/07/27(金) 15:20
dl{
width:500px;
border-color : #ffffff;
border-style : double;
background-color : White;
}

dt{
width:500px;
background-color: Silver;
border-color : #000000;
text-align : center;
font-weight : bold;
}
dd{
text-align : left;
font-weight : bold;
}

話題を横にずらすようで悪いんだけど、>>787を見て、
こんな風にしたんだけど、IE5.5、N6では思うようにできました。
NN4.xだと、dl,dtともに背景色が出ません。仕様ですか?
それともどっかおかしいですかね?この書き方。

864 :Name_Not_Found:2001/07/27(金) 15:56
<!--
a:hover{
background-color:yellow;
}

a:link{
text-decoration:none;
}
-->
これで、リンクに重ねたときにアンダーラインを入れることって
できないんんですか?
backgroundと両用するのは無理ですか。別々にclass指定しないとだめですか?

865 :Name_Not_Found:2001/07/27(金) 16:03
>>864
a:hover{text-decoration:underline;}

866 :Name_Not_Found:2001/07/27(金) 16:06
>>864
ん?
a:hover{
  background-color: yellow;
  text-decoration: underline;
}
で問題ないと思うけど?で,a:link の方は「まだ見てないリンクは
下線を消す(他のリンクは知らない)」となっているけど,それは意図通り?

867 :864:2001/07/27(金) 21:07
>>865-866
ありがとう。
あ、見てない所の線を消すんですか?
リンクにカーソルが乗った時にアンダーラインが出て、
何もないときには消えてるという具合にしたかったんです。

868 :864:2001/07/27(金) 21:11
IEの履歴にカーソル合わせたときみたいなのにしたいんです。
(MAC)

869 :sage:2001/07/27(金) 21:19
>>864
まとめ。これで出来るよ。

<!--
a:hover{
background-color:yellow;
text-decoration:underline;
}

a:link{
text-decoration:none;
}
-->

870 :愚問ですが。:2001/07/27(金) 21:28
素朴な疑問です。スレの主旨からずれるんですが、なぜ、最近はcssの
規格統合(各ブラウザでの互換性の向上など)が強力になされるようになったのですか?
これまでにあったhtmlの方で同様のことをしていけばいいのにとも思います。
タグ辞典を見ても、同じ効果を求めるのにcss推奨みたいなことが書いてあるのが
多く、htmlよりもその子供(?)的なcssを意欲的に発展させていこうという意図が
わかりません。
ブラウザや、各スクリプトの仕様が巨大ビジネスにつながっているというのは
分かるんですが、htmlよりcssを優先(しているように見える)することで
誰が得するんでしょう?
そういう事情に詳しい人教えてください。

スレとずれてるので下げます。

871 :Name_Not_Found:2001/07/27(金) 21:45
んー、Strict-HTMLスレとかで聞いた方が良い答えが返ってきそうだが。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=992708594

まぁ、予備知識程度に少々語らせてもらうと…

HTML は本来、文章の意味を明示的にマーク付けする為の言語であって、
見た目の制御をするものでは無かったんだ。

でも、HTML3 辺りから意味をマーク付けできない、
ただ見た目を制御するだけのタグが大量に出て来た。

(長くなるので中略)

そして今、HTML4 〜 XHTML で、HTML には本来の役割を、
そして見た目の制御は全て CSS 等の代替スタイルシートでやってしまおう、
という方針になったわけだ。

だから HTML や CSS 自体は、ビジネス等には全く関係無い。
まぁ、思想の問題だ。

まぁ、大方こんなもんだな。

872 :Name_Not_Found:2001/07/27(金) 21:46
>>870
一応習ってsage。

http://www.zspc.com/documents/wcag10/
WAIのガイドライン

http://www.zspc.com/documents/wcag10-tech/#tech-style-sheets
3.3 レイアウトや表現方法などを制御するにはスタイルシートを使う。[優先度2]

取り敢えず、一度目を通して。

873 :愚問ですが。:2001/07/27(金) 21:56
ははぁ、なるほど。872、871のお二人様(1人?)、ありがとうございます。
リンク先、読んでみます。

874 :Name_Not_Found:2001/07/27(金) 22:36
以下のような指定でdiv class="menu"を3つ横に並べました。
CSS : div.menu{float:left; (略)}
HTML : <div class="menu">テス</div>×3
それ以下のコンテンツをフロート解除して表示させたいのですが、
clearの使い方が良くわかりません。

テステステス
あああ

のように、フロート解除して「あああ」の部分を表示するためには
clearをどのように使用すればいいのでしょうか。
文章わかりにくくてすみませんm(_ _)m

875 :Name_Not_Found:2001/07/27(金) 22:47
>>874
div.menu + * { clear: both } でいけるかな。

876 :Name_Not_Found:2001/07/27(金) 23:35
>>875
そしたら
テス
テス
テス
あああ
になっちゃわないかな?
<div id="aaa">あああ</div>

div#aaa{clear:both}
でいいんじゃない?

877 :Name_Not_Found:2001/07/28(土) 00:27
>>869
それだとhoverの指定がlinkで上書きされてしまわない?
CSS2 Spec.にそう書いてあったような……。

<!--
a:link{
text-decoration:none;
}

a:hover{
background-color:yellow;
text-decoration:underline;
}
-->

の方がいいと思われ。

878 :864=869:2001/07/28(土) 01:02
みなさん、ありがとう。
おかげでうまくいきました。

879 :Name_Not_Found:2001/07/28(土) 01:35
875さん876さん、どうもありがとうございました。
>>876で上手くいきました。

880 :Name_Not_Found:2001/07/28(土) 16:40
age

881 :Name_Not_Found :2001/07/29(日) 00:57
質問でーす
http://hp.vector.co.jp/authors/VA013937/cssref/clear.html
のページにある緑の長線はどうやれば出せるのでしょーか?
ソース見ただけではよく分からないのですが・・・

882 :Name_Not_Found:2001/07/29(日) 01:08
>>881
ソース見ただけじゃわかんないよ.
(いや,わかるけど,わかんない人がソースだけ見てもわかんないよ.)
ソース見たら css ファイルがが同じディレクトリの cssref.css だって
ことがわかるはずだから,それを見ればわかる,はず.
(単純に div に background-color を指定しているだけ.)

883 :Name_Not_Found:2001/07/29(日) 01:09
div.band{ background-color:lightgreen;}
<div class="band">ほげほげ</div>
こんな感じ。
でも、ここみたいに<div>が沢山あるのはどうかと思うなぁ・・・

884 :Name_Not_Found:2001/07/29(日) 01:12
>>881
まず、ソースだけ見るんじゃなくて、
リンクになってるスタイルシートもチェックしよう。
div.band{ background-color:lightgreen;}
という風になってたよ

885 :Name_Not_Found:2001/07/29(日) 01:13
恐ろしいほどかぶたね(w >>882-884

886 :クソ初心者で悪いんだが:2001/07/29(日) 01:17
>>884
>リンクになってるスタイルシート
これ何の事???

887 :あっこれの事か?:2001/07/29(日) 01:21
<link rel=stylesheet type=text/css href=cssref.css>

で、チェックの仕方とは?>>884さん教えてくだされ

888 :Name_Not_Found:2001/07/29(日) 01:44
>>882 のcssファイルのこと。
まずGoogleなどで調べてみた?
イヤミじゃなくて、自分で調べる努力しないと上達はしないよ。
cssファイルが何かも検索すればすぐ出てくる。
それで分からないことがあったら、聞くべし。

889 :888:2001/07/29(日) 01:46
>>887
あ、分かってたか。ごめん。
>>884さんじゃないけど、ヒント。
cssファイルのURLをブラウザのアドレス欄に入れれば出てくるよ。

890 :Name_Not_Found:2001/07/29(日) 03:36
>>886
884だけど、俺の書き方が悪かったごめん。
けど、css使うくらいならもうネット的に見ても初心者ではないと思う是よ。

891 :Name_Not_Found:2001/07/29(日) 05:49
どうでもいいけど、dreamweaber入れてて、css直リンでみようと
すると起動しやがってウザイ。

892 :Name_Not_Found:2001/07/29(日) 06:05
>>891
ファイルの関連付けを変えたらいいんじゃないの?

893 :Name_Not_Found :2001/07/29(日) 14:22
>>881のページに<div class=sample>ってのがあるが、これ何意味してるん
だっけ??

894 :Name_Not_Found:2001/07/29(日) 14:28
ついでに<div class=band>も・・・

895 :Name_Not_Found:2001/07/29(日) 14:37
<font color="#0000cd">△</font>
これをわざわざFONTとか入れないで
△だけで、色を”#0000cd”にしてくれる
スタイルなんかありませんか?

<font>じゃあまりにもダサイので・・・・・

896 :Name_Not_Found:2001/07/29(日) 14:56
>>895
spanにidかclassつけてcolor指定。
# background-colorも指定することを推奨(謎

>>893-894
classの意味がわからんといってるのか?
# もしそうなら仕様書を読むことをお勧めするが、
sampleの意味なんて、そりゃsample的な属性値を持ってるってことじゃないの?

897 :Name_Not_Found:2001/07/29(日) 15:01
ついでに。

idとかclassの名前なんて、分かりやすけりゃそれに越したことは無いかもしれないが、
べつに流用するために書いてるわけじゃないんだから、
auther自身が分かれば問題ないと思うのだけどどう?

898 :Name_Not_Found:2001/07/29(日) 15:23
でも、もしかしたら id や class を理解してくれる UA も出てくるかも知れないから、
まぁ、確かに解りやすいに越したことは無いな。

#見出し id とかグループ id とかは解りやすい方がリンク貼る時なんかに良いだろうし。
#hoge.html#html とか

899 :Name_Not_Found:2001/07/29(日) 21:10
>>id や class を理解してくれる UA
あーいや、idやclassの持つ意味を解釈するUAなんてのは
かえって混乱するから無いと思う。
予約語は無い、っていうのが基本的な条件だからね。

ただ、特定のサイトのidやclassに対してユーザースタイルシートを設定する、
ってのはアリだと思う。

900 :Name_Not_Found:2001/07/30(月) 00:52
res{number:900;}

901 :Name_Not_Found:2001/07/30(月) 00:53
>>895
かっこいいかっこわるいでcss使うってのはちょっと間違ってると思うよ。

902 :Name_Not_Found:2001/07/30(月) 10:01
あげ

903 :Name_Not_Found:2001/07/30(月) 16:37
>>899
言い方が悪かったすまそ。
理解っていうのは意味を理解するんじゃなくて、例えばポップアップでクラス名が出て来たりとか、
読み上げてくれるとか、そういう意味。

904 :Name_Not_Found:2001/07/30(月) 19:45
age

905 :Name_Not_Found:2001/07/31(火) 01:52
idを重複させると表示できないブラウザってありますか?
NN6x.とIE5x.は大丈夫と確認しました。
めちゃくちゃ文字数が多いページだから少しでも文字数を減らしたい。

906 :Name_Not_Found:2001/07/31(火) 02:19
>>905
重複するなら class 使えば良いのに。

907 :Name_Not_Found:2001/07/31(火) 02:35
だから、「class」と「id」じゃ3文字も違うじゃないですか。
しかも約600個ぐらい定義しているんですよ。
1800文字ですよ。

・・そんなに重くならないっか。
何より600個も手動で変えるのが面倒です。拷問です。できれば逃げたいです。

908 :905=907:2001/07/31(火) 02:39
ちょっと数えてみたら1000個以上使ってました。
誰か助けて下さい。

909 :Name_Not_Found:2001/07/31(火) 02:50
>>908
子孫セレクタか隣接セレクタか属性セレクタでどうにかした方がいいのでは。
どんなページか知らないけど。

910 :905=907:2001/07/31(火) 03:03
それって何でしょうか?
一部のタグを公開すると、
<table width="660">
<tbody>
<tr>
<td width="133" id="a">********</td>
<td width="172" id="b">********</td>
<td width="45" id="a">********</td>
<td width="77" id="b">********</td>
<td width="57" id="a">*******</td>
<td width="46" id="b">******</td>
<td width="92" id="a">******</td>
</tr>
<tr>
<td colspan="7">******</td>
</tr>
<tr>
<td id="a"><a href="ht**://********/">*******</a></td>
<td id="c">**</td>
<td id="a">*******</td>
<td id="b">*************</td>
<td id="a">*********</td>
<td id="b">**********</td>
<td id="a">******</td>
</tr>
<tr>
<td colspan="7">********************</td>
</tr>
<tr>
<td id="a"><a href="ht**://*******/">********</a></td>
<td id="c">******</td>
<td id="a">*****</td>

    ・
    ・
こういうTRが延々と約150回ほど続きます。文字は*にしました。

911 :Name_Not_Found:2001/07/31(火) 03:16
>>910
ドキュソ決定だと思うんだが・・・
自業自得ってヤツじゃない?

912 :Name_Not_Found:2001/07/31(火) 03:25
>>910
タグの書き方よりも、そのページの目的の方が重要です。
これでは何のページかわからない。アドバイスのしようもない。

913 :905=907:2001/07/31(火) 03:37
あ、リンクページです。
上側idを使っているtdにリンク先のサイトとそのデータ。
下側colspanを使っているtdに一行コメント。
それの繰り返しです。

確かに、チョイトやりすぎた感も見られますが、
一つ一つ指定したら60Kを超えたでしょう。今はテキストのみで30K強ぐらいです。

914 :Name_Not_Found:2001/07/31(火) 03:51
>>910
縦に同じidを並べているようなので、<col class="***"> とするようにすれば、
td要素には、idやclassは何も指定しなくても済みそうだ。

915 :Name_Not_Found:2001/07/31(火) 04:08
あのさ・・・
>ちょっと数えてみたら1000個以上使ってました。
classとidの違いを気にするぐらいならそのページを
いくつかに分割した方がいいと思うヨ。
# ま、その辺は個人的な好みだろうからとめはしないが・・・

916 :Name_Not_Found:2001/07/31(火) 08:16
表で一つ一つのセルに別々のスタイル
を定義しなきゃならない状況ってのが
想像できないんだが。
そんなことしたら、表に見えないような。

917 :Name_Not_Found:2001/07/31(火) 09:44
>>916
だね。914も書いてる通り、<col>を有効に使えばほとんどのidは消せると思われ。

918 :Name_Not_Found:2001/07/31(火) 09:48
<col>ってNC4.78eに適用できますか?

919 :Name_Not_Found:2001/07/31(火) 11:18
>>918
N4は対応してない。

そうそう、
>上側idを使っているtdにリンク先のサイトとそのデータ。
>下側colspanを使っているtdに一行コメント。
>それの繰り返しです。
だとしたら、<dl>を使った方が構造的に正しいかもと思ったりして。
(ファイルサイズを減らすという目的には沿わないが)
<dt>
<span class="a">***</span>
<span class="b">***</span>
<span class="c">***</span>
<span class="d">***</span>
<span class="e">***</span>
<span class="f">***</span>
<span class="g">***</span>
</dt>
<dd>説明文</dd>
(セレクタ.a〜.gにはそれぞれwidthを設定しておく)

…spanにwidthって設定できるんだったかな…?

920 :919:2001/07/31(火) 11:33
スマソ、調べてみたらspanにwidthは適用できなかった。
実際試してみたらIE5はwidth適用してくれたけどN6はダメだった。

921 :Name_Not_Found:2001/07/31(火) 11:50
>>919
あぁ、やっぱり対応していないんですね。
わたしゃそれだけのために、全セルにclass指定しているんです。
泣けてきます。

922 :Name_Not_Found:2001/07/31(火) 12:05
>>921
N4も範疇に入れるならまあ仕方ないな、小さくするのは諦めろ。

923 :Name_Not_Found:2001/07/31(火) 14:21
ねぇねぇ、最初のtd class=a を th にして、
次の td class=b を td にしちゃだめなの?
TH にリンクと名前があって、TD に一行コメントって、
HTML の文法的にはだめだめっすか?

924 :Name_Not_Found:2001/07/31(火) 14:42
正しいテーブルの作り方

<table>

<caption>表題</caption>

<thead>
<th>縦列の説明1</th><th>説明2</th><th>説明3</th>
</thead>

<tfoot>
<th>横列の説明等(合計とか)</th><td>データ</td><td>データ</td>
</tfoot>

<tbody>
<th>横列の説明等</th><td>データ</td><td>データ</td>
</tbody>

</table>

これで判断してください。

925 :Name_Not_Found:2001/07/31(火) 16:30
>>919
displayをblockにすれば出来るよ。
floatも指定しておくとインライン要素っぽく扱える。
(実は、display:inlineの要素にwidth指定するのは無効)
一行コメントにはclearを指定。でOKなはず。

926 :Name_Not_Found:2001/07/31(火) 16:41
>>924
tr を忘れているようです。よって却下。

927 :Name_Not_Found:2001/07/31(火) 16:51
>>923
いや、このクラス指定はどうもデータの種別には関係無く
縦のストライプで境界を表現したいだけの様に見える。
幅をpxで固定しているなら、divで囲ってその背景に
ストライプ状の画像を指定すると言う手も考えられる。
(tableに直接指定するとN4の場合セルごとになっちゃうので)

928 :Name_Not_Found:2001/07/31(火) 16:52
簡単な質問ですみません。
PalmやZaurus等のPDAのブラウザってCSS2.0対応なんでしょうか?

929 :919=920:2001/07/31(火) 17:42
>>925
<dt></dt>の中にブロック要素を入れることはできないから
<span>をdisplay:blockするのはダウトではないかと。

930 :925:2001/07/31(火) 17:50
>>929
あー、俺も昔勘違いしていたけど、
HTMLのブロックレベル要素とCSSのdisplay:blockは別物。

例えばpの中にdisplay:inlineを指定したdivはダメ。
pの中にdisplay:blockを指定したstrongはOK。

……説明になってる?

931 :Name_Not_Found:2001/07/31(火) 17:53
>>928
Zaurus MI-E1 ユーザーです。
CSS2 どころか CSS1 すら対応してません。
ブラウザのレンダリングは NN3 レベルだと思ってください。

漏れはPDA や Dreamcast では LYNX と同様に文章が読めれば
いいやと、割り切ってます。

932 :Name_Not_Found:2001/07/31(火) 18:27
>>929-930
HTML と CSS は別物なんだよ。
block 要素と block 要素“のような振る舞い”をさせることは別って言えば解りやすいかな。

933 :Name_Not_Found:2001/07/31(火) 21:06
Mozillaで
a:active { position: relative; top: 1px; left: 1px; }
ってやると、リンクをクリックした瞬間Mozillaが
落ちちゃうんですが、対応してないってことですか?

934 :Name_Not_Found:2001/07/31(火) 21:09
>>933
なんでsageんの?
a { position: relative; }
a:active { top: 1px; left: 1px; }
これで回避出来る。

935 :Name_Not_Found:2001/07/31(火) 22:15
Bugzilla逝ったほうが(・∀・)イイne!

936 :Name_Not_Found:2001/07/31(火) 23:27
>>933
それ前もあったけど(ていうか漏れが書いた)、
position でなく、padding 使う手もあるです。

a { padding: 0 1px 1px 0; }
a:active { padding: 1px 0 0 1px; }

937 :Name_Not_Found:2001/07/31(火) 23:34
>>934
レスありがとうございます。デフォルトsageなタチなので・・・。
で、それでやってみたんですが、うまくいきませんでした。
(落ちることはなくなりましたが、activeでも位置がそのまま)
ひょっとするとどっか書き間違えてたのかもしれませんが、結局は

a:link、a:visitedに
{ position: relative; top: 0px; left: 0px; }
として、
a:hover(ここにも適用させることにしました)、a:activeに
{ position: relative; top: 1px; left: 1px; }
とすることで意図していた動作になりました。

>>935
別に開発に貢献したくないってわけではないんですが、
とりあえず直っちゃったので、また今度にします。

938 :Name_Not_Found:2001/07/31(火) 23:36
>>936
おぉ、なるほど。
ちょうど今友達のページ手伝ってるんで、そっちで試してみます。

939 :Name_Not_Found:2001/07/31(火) 23:39
間違えました。
>>937
a:link、a:visitedにはposition関係は何も指定してませんでした。

940 :Name_Not_Found:2001/07/31(火) 23:44
>>937->>939です。多重すみませぬ。
まとめると、a:activeだけじゃなくてa:hoverにも書いておけば大丈夫なようですね。

941 :929:2001/08/01(水) 08:49
>>930
え、そうだったの? 知らなかった。
CSS使えば本来インライン要素しか置けない場所に
ガンガンブロック要素(もどき)置けるのか…
…とすると色々自由度上がりそうだなあ。

942 :Name_Not_Found:2001/08/01(水) 11:02
パート4は立てないの?

943 :Name_Not_Found:2001/08/01(水) 11:36
cssで頑張るのもいいけどcss切ったときのことも考えよう。
# inlineしか含めないのにblockを含んでたとか

944 :Name_Not_Found:2001/08/01(水) 11:52
css切ってある人に対する対策はどのように?>特にレイアウト、表組あたり

945 :Name_Not_Found:2001/08/01(水) 13:05
CSS を切った状態がデフォルトで、CSS はあくまで飾りだから問題ない。

やけに凝った飾りだが(w

946 :Name_Not_Found:2001/08/01(水) 13:26
>>945
それがCSSのあるべき形なんだろうね。

今後StrictなHTMLとCSSでデザインするようなGUIエディタが主流になる
(というかDreamweaverやGoLiveがそういうソフトに転身する)
時が来たとして、それはそれで結局CSSを解釈できるブラウザでなければ
まともみ見れたもんじゃないページが世に溢れるようにならないか心配だ。

947 :Name_Not_Found:2001/08/01(水) 13:34
>>944

つきなみだけど、hrをdisplay:noneするとか。

948 :ちょこら:2001/08/01(水) 14:16
>>943>>944
それは考え方がすでに本末転倒な気がする。。
>>943の状態とかすでにhtmlとしておかしいでしょ。

cssなんてあくまでちゃんとマークアップしてあってこそのものだから
切った状態の対策も何もない。
そこがJavascriptやFlashとは違うところだと思うけど。

>>945が正論だと思う。

949 :ちょこら:2001/08/01(水) 14:17
といいつつ自分もやらかしてそうだが…。
スマソ。

950 :Name_Not_Found:2001/08/02(木) 11:14
初歩的な質問だったら申し訳ありません。
このサイト、画像の上にテキスト文字が乗っているのですが、
これはどうやって指定するのでしょうか?

http://www.orbis.co.jp/

背景に画像をリピートなしで置いて、その上にテキストかと思いましたが、
ネットスケープ4.7でもエクスプローラー5.0でも同じように
表示するにはこの方法ではまずいんですよね?
すみません、教えて下さい。

951 :Name_Not_Found:2001/08/02(木) 12:25
>>950
?何言ってるの??
こりゃ背景でしょうが。テーブルん中に背景。

つかこのサイト、font-sizeにpxとptが指定してあるな。

952 :Name_Not_Found:2001/08/02(木) 14:09
>>951
背景にしないで画像に文字を重ねる方法を聞いてるんだろ。

953 :Name_Not_Found:2001/08/02(木) 14:11
http://isweb29.infoseek.co.jp/travel/twoweb/222.htm
例えば↑はテーブルを使っています。
この場合html的にテーブルは使ってはいけないんですよね。
正しくマークアップして、かつ見栄えを同じにするには
どうやって書けばいいですか?

954 :Name_Not_Found:2001/08/02(木) 14:15
>>953

表なんだから問題はない。

関係ないが、広告の部分
<DIV ALIGN=CENTER style="display:block">
display:none対策されてるんだね。

955 :ちょこら:2001/08/02(木) 14:34
>>953
その場合なら定義型リストを使うというマークアップもあり。
で、compactにするか、対応してないUAを気にするなら
<dt>をフローとさせるのもアリ。

でも>>954のようにテーブルでも問題ないと思うけど。

956 :Name_Not_Found:2001/08/02(木) 15:20
>>954-955
レスありがとうございます。
では、よくレイアウトにテーブル使うな使うなと言われますが、
なんだかスタイルシート勉強しているうちに
いつテーブルを使ってはいけないのか
よくわからなくなってきてしまいました。
簡単な例でこんな時テーブルは使わずにこういう書き方にしろ、
っていうのはありますか?

957 :Name_Not_Found:2001/08/02(木) 15:43
>>956
表だったら table 使え。
それ以外では使うな。

表って何かまで説明要る?

958 :Name_Not_Found:2001/08/02(木) 16:01
い草が張ってある方。

959 :Name_Not_Found:2001/08/02(木) 16:27
>>957
表じゃないのに、画像をテーブルで切って
一枚の画像に見せかけてるFWはどうなんですか?

960 :Name_Not_Found:2001/08/02(木) 16:29
>>959
単にFWが間違っているだけ。

961 :Name_Not_Found:2001/08/02(木) 18:14
li {list-style-type:circle}
li:hover{list-style-type:disc}

IE5.5やNN6.1でも、これが出来ないのは、
ブラウザの仕様の問題なのか、それともCSSの元々の仕様書が、
こういうのを許容してないのかどっちなの?

962 :Name_Not_Found:2001/08/02(木) 18:46
>>961
http://www.fan.gr.jp/~kaz/rec-css2/selector.html#dynamic-pseudo-classes
疑似クラスの変化に伴って、ユーザエージェントが現在表示している文書全体を再び流し込む必要はない。 たとえば、アクティブなリンクの'font-size'プロパティを通常のリンクより大きく指定しても、この指定はユーザがリンクを選択した時に文字列の位置を変える結果を招くので、ユーザエージェントは対応するスタイル規則を無視してよい。

だから、;hoverでpaddingとかを変えるのは無視されるかも知れない。
list-styleの場合、無視するべきかどうかはボーダーだと思うけど、
list-style-positionがinsideになっていた時の事も考えると、
仕様書としては「実装してもいいけど無視してもいいよ」ってところだろう。

963 :961:2001/08/02(木) 19:41
>>962
なるほど、再描画させられるマシンへの負担を考えると
確かにそれが現実的対応と言えますね。
勉強になりました。

964 :CSS:2001/08/02(木) 19:48
TABLEじゃなくて レイヤーで画像レイアウトしちゃだめ?

965 :Name_Not_Found:2001/08/02(木) 20:08
>>959
Fireworksが間違ったHTMLの使い方をしているだけ。
けど現時点においてはその方法が最も多くのブラウザで
正常にレイアウトされるから採用しているんだろう。
(おそらくIE2やNN2でも制作者の思い通りにレイアウトされる)

だが本来は>>964の言うようにボックスのポジショニングを活用すべきだろう。

966 :Name_Not_Found:2001/08/02(木) 22:03
というか画像を分割するなよって感じ。

967 :Name_Not_Found:2001/08/02(木) 22:22
とりあえず、あげ

968 :Name_Not_Found:2001/08/02(木) 22:51
分割しなきゃいけないほどでかい画像を使うなって感じ。

そろそろ次スレ?

969 :Name_Not_Found:2001/08/03(金) 01:53
予告無しに1200*980とかいう画像出すなよって感じ。
やりすぎです奥さん。

初心者スレと統合しても良いんじゃないか?
そろそろネタ切れだろ。
殆どFAQだし。

970 :Name_Not_Found:2001/08/03(金) 01:57
遅レスだが
>>952
>>950の文章をよく読んで考えてみな。
「そのサイトのように」って感じの文章だろうが。

971 :Name_Not_Found:2001/08/03(金) 08:15
新スレのテンプレ考えようあげ

972 :Name_Not_Found:2001/08/03(金) 08:58
質問。

<div id="i1" class="c1">
<div class="c2">
内容
</div>
</div>

って、<div>を2つネストさせても文法的にアリですか?
どっちかを<p>とかにした方が良いのですか。

あと、CSS専用のスレがあるってのはたいへん心強いので、
一応初心者スレと分けてもらってた方が嬉しいな。

973 :Name_Not_Found:2001/08/03(金) 09:22
質問用スレッド、っていう名前になってるんだから、
F&Qのこの流れでいいんじゃないのか?

974 :Name_Not_Found:2001/08/03(金) 09:34
>>972
文法的には何ら問題ないだろ。
pにすべきかどうかは内容次第じゃないだろうか。
ちなみに外側はpにはできないぞ。(p要素は内部にブロック要素を含められない)

さて、970越えちゃってヤバイのでいいかげん引っ越ししないとね。
新スレの1はこんな感じでどうかね?

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

Cascading Style Sheets の事で尋ねたいことがあったらこちらへどうぞ。

【過去ログ】
 http://mentai.2ch.net/hp/kako/974/974934062.html
 http://natto.2ch.net/hp/kako/984/984113434.html
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=992992981

【CSSと特に関係ない初心者質問はこっちで】
・☆ Webサイト 初心者用スレッドver9 ☆
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=995867650

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454
・/*CSSでイケてるデザインサイト!*/
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270
・* CSS { イケてるスタイルを:"作れ";}
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104
・CSSコミュニティの功罪を評価するスレ
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=993743434
・代替スタイルシートに萌え〜
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=991400015

【関連サイト】
・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
・ZSPCのCSS2対応状況ガイド(日本語)
 http://www.zspc.com/documents/css2/
・とほほのスタイルシート入門(日本語)
 http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス(日本語)
 http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・三日坊主++の部屋(日本語)
 http://east.portland.ne.jp/~sigekazu/
・CSS1テストスイート(日本語)
 http://www.doraneko.org/css1test/

こんな感じでどうよ?
関連スレ多すぎかな? バグ辞典スレッドだけで十分かな?

975 :Name_Not_Found:2001/08/03(金) 10:17
http://www.kanzaki.com/docs/htminfo.html
神崎さんところも入れといた方がよくないでしか?

976 :Name_Not_Found:2001/08/03(金) 11:04
んじゃこんな感じ?

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

■1

Cascading Style Sheets の事で尋ねたいことがあったらこちらへどうぞ。
各種リンクは>>2にあるぞゴルァ

【過去ログ】
 http://mentai.2ch.net/hp/kako/974/974934062.html
 http://natto.2ch.net/hp/kako/984/984113434.html
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=992992981

【CSSと特に関係ない初心者質問はこっちで】
・☆ Webサイト 初心者用スレッドver9 ☆
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=995867650

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454

■2

【仕様書】
・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

【その他リンク】
・ごく簡単なHTMLの説明
 http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
 http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
 http://www.zspc.com/documents/css2/
・CSS1テストスイート
 http://www.doraneko.org/css1test/
・とほほのスタイルシート入門
 http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
 http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・三日坊主++の部屋
 http://east.portland.ne.jp/~sigekazu/

977 :Name_Not_Found:2001/08/03(金) 11:38
個人的には第一案の関連スレあってもいいと思う.ただし 2 に.
あと,仕様書の「英語」はいらないと思う.どうせ質問する人は読まない
(読むような人は日本語からたどってでも読む)と思うから.
あ,あと「W3C CSS 検証サービス」 http://jigsaw.w3.org/css-validator/
ってのもあるけど…いらないか.

978 :972:2001/08/03(金) 12:45
>>974
ありがとう。

あと、次のスレの1から省略されそうなカンジスね。
メチャ長い。
カッコいいなぁ。

979 :第3候補:2001/08/03(金) 12:58
CSS、スタイルシート質問スレッド【4】

■1

Cascading Style Sheets の事で尋ねたいことがあったらこちらへどうぞ。
各種リンクは>>2にあるぞゴルァ

【過去ログ】
 http://mentai.2ch.net/hp/kako/974/974934062.html
 http://natto.2ch.net/hp/kako/984/984113434.html
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=992992981

【CSSと特に関係ない初心者質問はこっちで】
・☆ Webサイト 初心者用スレッドver9 ☆
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=995867650

■2

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454
・/*CSSでイケてるデザインサイト!*/
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270
・* CSS { イケてるスタイルを:"作れ";}
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104
・CSSコミュニティの功罪を評価するスレ
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=993743434
・代替スタイルシートに萌え〜
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=991400015

【仕様書】
・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

【その他リンク】
・W3C CSS 検証サービス
 http://jigsaw.w3.org/css-validator/
・ごく簡単なHTMLの説明
 http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
 http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
 http://www.zspc.com/documents/css2/
・CSS1テストスイート
 http://www.doraneko.org/css1test/
・とほほのスタイルシート入門
 http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
 http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・三日坊主++の部屋
 http://east.portland.ne.jp/~sigekazu/

ちとリンクが多すぎるか…?

980 :Name_Not_Found:2001/08/03(金) 15:31
>>979
ごくろうさまです。
かちゅ〜しゃを使ってない人で、「最新レス50」を選んでも
「1」だけは表示されるワケだから、あんまり長いとウザいかも。

だから「1」は質問スレの1〜3、CSS原文とその翻訳
くらいで良いんじゃないかな。
あとのは「2」に書いておいたら…。

981 :Name_Not_Found:2001/08/03(金) 17:26
>>980
■2 より後は「2」に書かれるんだよ.わかってるんならごめん.

これでいいと思います.新スレッド立ててくれる方,ありがとうございます.
あとは本当は FAQ(リンク下線とかテーブルセンタリングとか)をどっかに
まとめてあるといいんだけど,まだないよね.過去ログ読んでまとめる…気力がない.

982 :Name_Not_Found:2001/08/03(金) 17:47
というわけで新スレ立てました。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=996828258
コピペ失敗して1の内容が一部欠けてしまった…スマソ…逝ってくる…

983 :Name_Not_Found:2001/08/04(土) 18:17
http://isweb29.infoseek.co.jp/travel/twoweb/aiueo.htm
今↑にひとつのテーブルがあります。
1と2の高さの幅の割合が半々になっているんですが、
1の方(上側)に詰めて、2の幅をいっぱいに取りたいのですが、
どのように書いたらいいのでしょうか。
<td height="100%">2</td> とか書いても全く反応しないんですが。。

984 :夏厨:2001/08/04(土) 18:21
コピペ荒らしかよ。うざい。

985 :Name_Not_Found:2001/08/04(土) 22:18
123

986 :Name_Not_Found:2001/08/05(日) 15:18
age

987 :Name_Not_Found:2001/08/05(日) 17:00
こらこら,vol.4 が >>982 にあるのにあげるな.

282 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)