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

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

/* CSS、スタイルシート質問スレッド【6】 */

1 :Name_Not_Found:02/01/18 22:03 ID:Y0mC9zbV
Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。
【過去ログ】
 http://mentai.2ch.net/hp/kako/974/974934062.html
 http://natto.2ch.net/hp/kako/984/984113434.html
 http://natto.2ch.net/hp/kako/992/992992981.html
 http://pc.2ch.net/test/read.cgi/hp/996828258/
 http://pc.2ch.net/test/read.cgi/hp/1005047493/

【CSSと特に関係ない初心者質問はこっちで】
 ☆ Webサイト制作初心者用スレッドver15 ☆
 http://pc.2ch.net/test/read.cgi/hp/1010524882/

2 :Name_Not_Found:02/01/18 22:07 ID:Y0mC9zbV
【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
 http://pc.2ch.net/test/read.cgi/hp/991666454/
・/* CSSでイケてるデザインサイト { number: 3; } */
 http://pc.2ch.net/test/read.cgi/hp/1010800617/
・* CSS { イケてるスタイルを:"作れ";}
 http://pc.2ch.net/test/read.cgi/hp/991906104/
・代替スタイルシートに萌え〜
 http://pc.2ch.net/test/read.cgi/hp/991400015/
・CSSコミュニティの功罪を評価するスレ 3rd style
 http://pc.2ch.net/test/read.cgi/hp/1010065020/

3 :Name_Not_Found:02/01/18 22:07 ID:Y0mC9zbV
【仕様書】
・CSS1の仕様書の原文(英語)
 http://www.w3.org/TR/REC-CSS1-961217.html
・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

4 :Name_Not_Found:02/01/18 22:07 ID:Y0mC9zbV
【その他資料など】
・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
・K@tsukun's PAGE! > CSS Reference
 http://hp.vector.co.jp/authors/VA022006/css/index.html
・三日坊主++の部屋
 http://east.portland.ne.jp/~sigekazu/
・CSS Laboratory対応表・一覧
 http://www.inter-cool.net/~phantasm/wdzone/note/index.html

5 :Name_Not_Found:02/01/18 22:08 ID:Y0mC9zbV
移行完了age

6 :Name_Not_Found:02/01/18 22:08 ID:xU12HbsP
フォントサイズってどこからどこまでのサイズなのか教えてくださいまし


7 : :02/01/18 22:29 ID:XxCwpG0a
>1
お疲れー,ありがと.FAQ は次回以降への課題ということで.

8 :Name_Not_Found:02/01/18 23:31 ID:PDUyz48X
>>7
一応、FAQへの誘導を。

センタリングするには?
http://pc.2ch.net/test/read.cgi/hp/1005047493/976-978
段組するには?
http://pc.2ch.net/test/read.cgi/hp/1005047493/979
疑似フレームの例
http://pc.2ch.net/test/read.cgi/hp/1005047493/984
他に?

9 :Name_Not_Found:02/01/18 23:34 ID:ixuuGFk/
ユーザースタイルシートを使って
javascriptの 雪を降らせる みたいなの(画像が落ちてくるやつ)
とマウスストーカー(マウスカーソルの後ろになんかついてくるやつ)
をやめさせたいのですがどう指定すればよいでしょうか?

10 :Name_Not_Found:02/01/18 23:42 ID:04EZr0wl
FAQ?

Q
IE6だと、スクロールバーの色が変わらなくなりました。5.5ではできてたのにー。

A
IE6ではDOCTYPEの書式によってCSS対応が変わります。
http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp

11 :Name_Not_Found:02/01/18 23:48 ID:UNa5ih5s
>1
スレ立てさんくすこ。

>9
script { diaplay: none; }
これってダメなんかな?未テスト

12 :Name_Not_Found:02/01/18 23:48 ID:UNa5ih5s
displayの間違い。鬱氏。

13 :Name_Not_Found:02/01/18 23:52 ID:PDUyz48X
>>6
意味不明。
どこからって何のどこ?
まあここでも読んで。
http://hp.vector.co.jp/authors/VA022006/css/fonts.html#font-size

14 :Name_Not_Found:02/01/18 23:55 ID:ixuuGFk/
ありがとう!!!

関係ないと思うけどgifアニメが止まっちゃったんだけどこれのせい?

15 :Name_Not_Found:02/01/18 23:55 ID:GxTW/4UX
ブラウザのJavaScriptをOFFにするのが一番手っ取り早い。

16 :Name_Not_Found:02/01/18 23:56 ID:ixuuGFk/
display にしたら動きました。
すみません(汗

17 :11・12:02/01/19 00:18 ID:ZXpTBWBB
>16
オイラも間違えてスマソ。

ま、15さんのが一番だけど。

18 :6:02/01/19 00:45 ID:gXWauxnw
いやフォントサイズってのはどの部分のサイズを言っているでしょうかってことで。
ダイアクリティカルからデセンドラインまでとか
ilne-height:1のときのベースラインからベースラインまでの距離とか
色々聞くので。・・・。

19 :Name_Not_Found:02/01/19 01:04 ID:+JEBDfgD
>>18
「行間を詰めてみた時のベースライン間距離としてフォントサイズを指定する」と仕様書にある。
http://web.archive.org/web/20011101165433/www.fan.gr.jp/~kaz/rec-css2/fonts.html
原文は――
 This property describes the size of the font when set solid.
 この特性は,実線を設定する場合のフォントのサイズを記述する。

20 :Name_Not_Found:02/01/19 02:07 ID:vz2MZwZ0
正直フォントサイズは%指定だろ。
利用者が不便になってもいいなら絶対指定したらいいのかな。

21 :Name_Not_Found:02/01/19 03:33 ID:d/ODFTaL
>>19
「実線を設定する場合 when set solid」ってなんだか意味不明だな。
もしかしてborder-style:solid;を指定した場合ってこと? よくワカラン……。

22 :21:02/01/19 03:46 ID:d/ODFTaL
solidで英和辞典引いてみたら、印刷用語として
「字間を空けない、行の切れてない、ベタ組の、」って意味があるんだね。
それにしても悪訳だよな、日本規格協会版↓は。
http://www.y-adagio.com/public/standards/tr_css2/fonts.html#font-size-props
岡橋一輝氏の邦訳(http://www.fan.gr.jp/~kaz/)が無くなったのは惜しい……。

23 :Name_Not_Found:02/01/19 05:56 ID:gXWauxnw
某ページで見たのですが
div{line-height:1; font-size:1in;}としたなら
<div>
xxxxxxxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxxxxxx</div>
1行目のxの下を通る線(ベースライン)と2行目のxの下端をかすめる
ラインの距離は1インチっていう理解でいい訳でしょうか?
行間をつめた場合のベースライン間をフォントサイズとするということは・・

24 :Name_Not_Found:02/01/19 07:12 ID:/qccmIqP
>>11
なるほどと思ったけど、それでscript由来の画像を殺せるのって挙動してはおかしいよね?
そもそも script, style, title {display:none;} ってのはブラウザのデフォルトスタイルのはずだと思うんだけど。

25 :24:02/01/19 07:13 ID:/qccmIqP
×挙動しては
○挙動としては

ウトゥ。

26 :Name_Not_Found:02/01/19 11:26 ID:4wa4Hk9Z
>>23
理論上はその理解でいい筈です。あとはご自分で実験してみればハッキリするでせう。
あと、「某ページ」とはいづこなりや。

27 :Name_Not_Found:02/01/19 14:38 ID:zH+N3tY8
初心者で申し訳ないのですが
アンカー指定で visited より hover active を優先するようにするように
するのは不可能でしょうか?

28 :Name_Not_Found:02/01/19 14:49 ID:eb4fUFl9
>>27
シート内での記述の順序を変更すれば可能なはず。お試しあれ。
または“!important”を使用すれば確実に可能。
cf.http://hp.vector.co.jp/authors/VA022006/css/cascade.html

29 :Name_Not_Found:02/01/19 15:27 ID:zH+N3tY8
>>28-27

どちらとも試したんですがだめなんです・・・
いろいろ試したんですが・・・

30 :Name_Not_Found:02/01/19 15:49 ID:x8VnDEGY
>>29
ソース書いてみれ。

31 :Name_Not_Found:02/01/19 16:35 ID:S+PeKIBX
>>27
http://www.sugai.f2s.com/web/CSS/selector2.html#link-pseudo
「a:hover が :link, :active よりも前に記述されていると、
a:hover のスタイルは :link, :active のスタイルに上書き
されてしまいます。」――ではなくて?


32 :Name_Not_Found:02/01/19 16:45 ID:Ly31s40c
掲示板で使用するCSSについて質問です。

textarea,input{
.input {border-color: #FFFFFF;
border-top: 1 solid #FFFFFF;
border-left: 1 solid #FFFFFF;
border-bottom: 1 solid #FFFFFF;
border-right: 1 solid #FFFFFF;
background-color: #000000;
color: #333333;}

上の記述だと、名前や書き込み欄などの投稿部分以外に、チェックボックスにも反映されてしまいます。
チェックボックスには別の設定をしたいのですが、可能でしょうか?

33 :Name_Not_Found:02/01/19 16:57 ID:S+PeKIBX
>>32
一応、input[type="checkbox"]{〜:〜;}で可能なことになってます。
但し現状では属性セレクタはMozilla/NN6とOpera以外未対応なので、
適当にclassを振って、input.CheckBox{〜:〜;}とでもするしかない。
http://hp.vector.co.jp/authors/VA022006/css/selector.html#attribute-selectors

34 :Name_Not_Found:02/01/19 17:09 ID:Eq8B3GJl
昨日も教えていただいたのですがもう少し教えてもらいたいことがあるので質問させてください。
ユーザースタイルーシートで以下のことを禁止したいのですがどう記述すればよいでしょうか?

マウスカーソルの形状を変更する
ステータスバー関連
フェードイン・フェードアウト(っていうのかな?入るときや出るときのうざいやつ)

よろしくおねがいします。

35 :Name_Not_Found:02/01/19 17:19 ID:S+PeKIBX
>>34
スタイルシートと関係あるのはカーソル形状の指定だけです。
http://hp.vector.co.jp/authors/VA022006/css/ui.html#cursor
スクロール・バーならIE5.5以降の独自拡張で色を変更できますが
ステータス・バーはJavaScriptの領分です。
ページ・トランジションもCSSに関係ありません。
なんでもかんでもユーザー・スタイルシートにさせようってのは無茶です。
ユーザー・ジャバスクリプトでも検討してみて下さい。
http://members.jcom.home.ne.jp/jintrick/Personal/usr_javascript.html

36 :Name_Not_Found:02/01/19 17:27 ID:Eq8B3GJl
ユーザー・ジャバスクリプト ユーザー・スタイルシート
共にどう記述すればよいのでしょうか?

Proxomitronは普段から使用しているので分かります。

37 :Name_Not_Found :02/01/19 17:28 ID:9ZXdfkyy
>>34
というわけだからブラウザのほうでJavaScript切っちゃいなさい。

38 :Name_Not_Found:02/01/19 17:29 ID:G9EOdq+z
わざわざリンク貼ってくれてんだから自分で調べて来いよ・・・

39 :35:02/01/19 17:31 ID:S+PeKIBX
>>36
ともかく>>35のリンク先は読んでいただけましたか。
具体的な記述はそこのソースから学べるかと存じます。
(ところで番号でいいから名前を記入して下さい。IDだけで同定するのは面倒です。)

40 :34:02/01/19 17:34 ID:Eq8B3GJl
>>34です。
スタイルーシート、ジャバスクリプトは、ほぼ無知なので・・・
でもがんばってみます!!ありがとうございました。

41 :32:02/01/19 18:29 ID:Ly31s40c
>>33
なるほど。。。やってみます。ありがとう!!

42 :Name_Not_Found:02/01/19 20:33 ID:oVlck3wk
>>40
「スタイルーシート」で禿しくワロタ

43 :Name_Not_Found:02/01/19 22:07 ID:CTUGrpIO
すいません
画像配置はどう指定するんでしょうか?

<p align="top"><IMG SRC="img/1.gif" BORDER="0"
onMouseOver="this.src='img/2.gif'"
onMouseOut="this.src='img/1.gif'"><p>

今はこんな感じだ!

44 :禿しくさげ:02/01/19 22:10 ID:aakFZ+WG
>>43
borderは非推奨要素です。乱用はやめましょう。。。としか漏れには言えない

45 :Name_Not_Found:02/01/19 22:41 ID:CTUGrpIO
BORDER="0"
を抜かせばいいんでしょうか?

46 :Name_Not_Found:02/01/19 22:50 ID:XZ5WsQwx
>>43
>画像配置はどう指定するんでしょうか?
何の画像をどう配置したいの?

>今はこんな感じだ!
どんな感じ? その上のソースが何なの?

質問の意図が全く不明。CSSが何かは知ってる?
……て、初心者スレとマルチだし。

47 :Name_Not_Found:02/01/19 22:51 ID:aRwH9mWz
>>43
質問の仕方からして全く調べていないように思えるんだが。
「今はこんな感じだ!」って言われても、何をしたいのかよく分からない。

CSSの position,top,left 等を使って画像の置く位置を調節したいのか?

後ろの方の<p>は閉じてな。タグの大文字小文字も統一して欲しい。

48 :Name_Not_Found:02/01/19 22:52 ID:psXS74On
全体のbackground-colorが指定できません
Netscape 6.2のマカーです。

<meta http-equiv="Content-Style-Type" content="text/css">
<html>
<haed>
<title>逝ってよし</title>
<style type="text/css">
body {background-color: "#999999";}
</style>
<body>
逝ってよし
</body>
</html>

これじゃダメですか。

49 :Name_Not_Found:02/01/19 22:52 ID:aRwH9mWz
ガ━━━━(゚Д゚;)━━━━ン
被った。殆ど同じ内容だし。鬱氏

50 :Name_Not_Found:02/01/19 22:53 ID:aRwH9mWz
>>48
body {background-color: "#999999";}

body {background-color:#999999;}

51 :Name_Not_Found:02/01/19 23:06 ID:psXS74On
50さま
ソッコー解決しました。ありがとうございます。

52 :Name_Not_Found:02/01/19 23:07 ID:FX0LNZd8
正直、スタイルシートむずすぎ
HTMLチェックしたら、−256点「がんばりましょう」だった
がんばろうっと
だから、>>50もがんばってくれ


53 :Name_Not_Found:02/01/19 23:17 ID:Os1sFN+l
とりあえずこの辺見とけよ・・



 >>4

54 :Name_Not_Found:02/01/19 23:35 ID:6yjrTJ7q
table内のtd要素の幅を固定長(絶対指定)にするにはどのようにしたら良いでしょうか。
<td width="100">
でもいいんですが、なんとなくスタイルシートのほうがいいような気がします。
http://www.y-adagio.com/public/standards/tr_css2/box.html#box-dimensions
のマニュアルを見ても「内容幅の指定方法」といった項目は無いようなのですが・・・
表示上の問題でできれば上下左右の幅を絶対指定で完全に固めてしまいたいのです。
ちなみに公開用のページではないのでIE5あたりで見えればそれでいいです。

55 :Name_Not_Found:02/01/19 23:42 ID:6x8bm0PV
>>54


table内に列の数に見合ったcol要素を入れて、そいつにCSSでwidthを指定してはどうですか?

56 :Name_Not_Found:02/01/19 23:50 ID:jBcl6QZs
>>54
各セルに幅100pxのスペーサーを入れては?

57 :Name_Not_Found:02/01/19 23:54 ID:6yjrTJ7q
>>55
.col1 { width=100pt }

<table>
 <colgroup>
  <col class=col1>
  <col class=col1>
  </colgroup>
</table>;
ということでしょうか?
早速やってみます。
colというのは初耳でした。
ありがとうございます。

58 :Name_Not_Found:02/01/19 23:57 ID:6yjrTJ7q
>>56
スペーサーGIFってやつですか?
なるほど、そーゆーやり方もあるんですね。
参考になります。

59 :Name_Not_Found:02/01/20 00:04 ID:gK7o4ktR
>>57
CSSの記述法がおかしい。書き間違いだと思うけど。
誤 .col1 { width=100pt }
正 .col1 { width: 100pt; }

あと、属性値もクォートで囲ったほうが良い。
class=col1 → class="col1"

それと、width="100"の100は100ptではないよ。100px。

60 :54:02/01/20 00:06 ID:3E2s9wwq
>>59
あ、ごめんなさい。
cssは単純に記述ミスです。
まだこの書き方に慣れない・・・
属性値はクォート入れるんですか。
参考にしたところが入れてなかったんでこれでいいのかと思ってました。

61 :Name_Not_Found:02/01/20 00:14 ID:qpTpMpy3
>>60
激しく >>4 あたりのリンクを回るといいぞ。

62 :54:02/01/20 00:37 ID:3E2s9wwq
>>61
逝ってきます。

63 :Name_Not_Found:02/01/20 05:11 ID:15z0mxQf
>>54
td{width:100pt;}ではダメなのか? <col>は未対応のブラウザも多い。
特定のtdだけに幅を指定したいならtd.foo{width:100pt;}

64 ::02/01/20 11:44 ID:9Mglqrsa
スレ違いかもしれませんが、皆さんのお知恵拝借させてください。


IEでWebページを印刷するときに、右端のテキストが折り返されずに
はみ出て、印刷できないことがありますよね?
あれはどうやったら解決できるのですか?

65 :Name_Not_Found:02/01/20 11:55 ID:zoMDuoBi
>>64
CSSで解決するのなら、具体的なHTMLソースも出してくれなくては。
でも、CSSに頼らずとも、印刷プレビューを見ながら
ファイル→ページ設定で印刷する用紙のサイズと向きを変更したり
表示→文字のサイズを小さくしたりするとかで、大抵解決する気がするけど。

66 :Name_Not_Found:02/01/20 13:40 ID:ZhqVLHPc
>>64
印刷専用のスタイルシートを用意して
bodyの幅をwidth:で固定するとか……
A4に固定するくらいなら、あまり文句も来ない(?)
デフォルトで、テキストを折り返すようにするのがベストなんだけどね。

67 ::02/01/20 13:51 ID:9Mglqrsa
皆さん、親切に回答ありがとうございます。

>>66

>印刷専用のスタイルシートを用意して
>bodyの幅をwidth:で固定するとか……
>A4に固定するくらいなら、あまり文句も来ない(?)
>デフォルトで、テキストを折り返すようにするのがベストなんだけどね。


具体的にはどうやったら出来るのですか?
超初心者でスミマセン。

68 :Name_Not_Found:02/01/20 13:59 ID:ZhqVLHPc
>>67

印刷専用のスタイルシート print.css をインポートしておく
@import "print.css" print;
 この方法は一例

中身
body {
 width: ここの値指定は試行錯誤で決める;
}

bodyが無理なら文書全体をdivで囲んでね。

69 :Name_Not_Found:02/01/20 14:10 ID:dJKgxJxY
>>68
>@import "print.css" print;
それだとWinIE5/6で無視されます。
 cf.http://east.portland.ne.jp/~sigekazu/css/boxm.htm
印刷用の指定なら@mediaで括って、
@media print {
BODY { 〜:〜; }
}
がよいかと存じます。但しMacIEでは無視されますが。


70 :68:02/01/20 14:45 ID:ZhqVLHPc
ごめん。
検索しろよ〜と検索結果のURL出すつもりで検索したら
ちょうどいい書式があったのでコピペしてしまいました。
よく考えたら自分も使わない書式だった

71 :Name_Not_Found:02/01/20 14:54 ID:hb5jbT+8
>>68-70
一番ややこしくないのは
<link rel="stylesheet" type="text/css" href="print.css" media="print">
ではないかと。

72 :26:02/01/20 16:05 ID:hb5jbT+8
>>23
フォントサイズに就てのお尋ねでしたが、
理論上はベースライン間の距離がfont-sizeに当るにしても、
実際に計測するとフォントは「多かれ少なかれfont-sizeよりも小さくなるように作られています」とのこと。
cf.http://dfj.cool.ne.jp/html/fontcss.html

73 ::02/01/21 01:39 ID:RPfM3E+S
>>68-71

お答えありがとうございました。
助かりました。

74 :Name_Not_Found:02/01/21 08:41 ID:YkP/fPKJ
初心者用スレッドに投稿したんですが、
こちらに移るように言われたので改めて投稿します。

--

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc.2ch.net/test/read.cgi/hp/991666454/

>>302で、OperaでCSSが効かないようにするために、
”外部CSSを設定するlink要素のmedia属性に、複数のメディアを指定”する方法が
挙げられてますが、これってNN4でも同じ目的に使えますよね?
手軽なので、新しいサイトにこの方法を採用したいんですが、
僕の見たところ、@importでCSSバグ対策してる方が多いように思います。
これには何か理由があるんでしょうか?

75 :Name_Not_Found:02/01/21 08:50 ID:idGol9rg
>>74
私は、よくある@importによるNN4除けは、@importだけしか記述されてない
空ファイルを作りがちなので、あまり真っ当な気がしません。
<link 〜 media="all">の方がまともなやり方だと思ってます。
しかし、screen(webページ)以外の媒体を試したこともないのに
media="all"だのmedia="print,screen"だのと指定することを
躊躇する人もいらっしゃるみたいです。
その辺は好きずきかもしれません。みなさんはいかがですか。

76 :Name_Not_Found :02/01/21 09:40 ID:Ri/OU8B0
NN4用の記述を残してあるから気にならない。
というか、こういうケースでの真っ当さにはあまりこだわらない。
もともと実装が真っ当じゃないことが原因なんだから。

77 :Name_Not_Found:02/01/21 09:55 ID:o9WHZG1l
>>76
>NN4用の記述を残してあるから
それでも、ネスケ4ときたら何がバグるかわからない乱れぶりですから、
残して置いても無事な記述を見分けるのも大変ではありませんか。
それに@importはシートの先頭に書くから、importしたIE・NN6用記述は
その後につづくNN4向け記述に上書きされてしまって難儀することも。
それ位ならネスケ4向けには全く別のシートを書いた方が楽な気が。
で、そのネスケ4用シートはJavaScriptでブラウザ判別して適用させる。
どうせネスケ4はJavaScriptオフだとスタイルシートも無効になるのだし。

78 :Name_Not_Found:02/01/21 12:10 ID:ofiJ9dC7
>>74
別にNN4.xよけだけのために@importを使ってるわけじゃないと思うが。
むしろCSS使い始めのころ、使い回ししやすいようにファイルを分割したら
NN4.xでスタイルが無効になってぶち切れた経験もある。

79 :Name_Not_Found:02/01/21 12:39 ID:oibyZ9Hf
MacのDW3でCSS作成したんですが、IE5ではきちんと見れるのに、NS6.2ではなんか余計なものが表示されてしまいます。

| ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄|
|            |  
|____________|
|←ここが何故かはみ出てしまいます。


<style type="text/css">
<!--
.unnamed1 { border: 1px #CCCCCC solid; border-color: #CCCCCC #CCCCCC}
-->
</style>
</head>

<body bgcolor="#FFFFFF">

<br>
<table width="78%" border="0" height="203" cellpadding="0" cellspacing="0" class="unnamed1">
<tr>
<td>
<p> </p>
</td>
</tr>
</table>
<span class="unnamed1"></span>

何かおかしいところはありますでしょうか?

80 :Name_Not_Found:02/01/21 14:06 ID:cxhwb8bD
確認しないで書くけど、<span>がいけないんじゃねーの?
<span>に中身を入れてもそうなるのでしか?

81 :Name_Not_Found:02/01/21 14:07 ID:6K/x1IDg
>>79
はみ出している部分は<span>のborder。
Netscape6の解釈は間違ってはいない。とおもう。
空<span>の解釈次第ではないかと。

82 :Name_Not_Found:02/01/21 16:50 ID:Ozwn2KKN
1行テキスト入力フォームで入力内容を右詰にすることはできないのでしょうか?

<INPUT style="{text-align:right}" type="text" name="F1">
これだとWin+IE5.5では期待通りの表示になるが、Mac+IE5.0ではうまくいきません。

どなたか助けてください。



83 :Name_Not_Found:02/01/21 16:52 ID:yfs3P/04
ブランケットを外せばいいのでは。

<INPUT style="{text-align:right}" type="text" name="F1">

<INPUT style="text-align: right" type="text" name="F1">

84 :82:02/01/21 16:57 ID:Ozwn2KKN
回答ありがとうございます。
ブランケットをはずしましたが、だめでした。


85 : :02/01/21 17:08 ID:bbbEZzFr
本題とまったく関係ないけど
blanket は「毛布」ね
() parenthesis
{} brace
[] bracket

86 :Name_Not_Found:02/01/21 18:11 ID:WQbDU1MQ
本文とまったく関係ないけど>>85のID何か凄いね

87 :Name_Not_Found:02/01/21 18:12 ID:skKUvolD
すみません。
ばけらさんのとことかで調べたのですがわからなかったので
質問させて下さい。

liにクラス指定してdisplay : inline としているのですが、
liの数が多くなって1行に入りきらなくなると折り返して表示されます。
その、折り返されるときにウィンドウ幅によっては一つのliの途中で折り返されてしまい
読みにくくなってしまいます。

liの途中で折り返ししないように指定するにはどうしたらいいでしょうか。

現状:
あいうえお   かきくけこ   さし
すせそ

理想:
あいうえお   かきくけこ
さしすせそ

88 :Name_Not_Found:02/01/21 18:22 ID:YkOyi2ME
>>87

li{
display : inline;
white-space : nowrap;
}

IE6、Geckoではいけました。
古いIEだとダメだったと思う。

89 :Name_Not_Found:02/01/21 18:22 ID:BE6rYyu+
>>87
li要素に含まれる最大文字数でwidthをem固定したれ。

90 :89:02/01/21 18:24 ID:BE6rYyu+
>>88
君のスタイルの方が綺麗だな。

91 :Name_Not_Found:02/01/21 18:32 ID:MNhtDxyd
ナンパかよ

92 :87:02/01/21 18:40 ID:skKUvolD
>>88-89
素早いレスありがとうございます。

ところが今試したところ、当方のMozillaではどちらの方法でも
やはり途中で折り返されてしまいます。
IE5.5はオッケーなんですが・・・
う〜ん、どうしよう。

93 :Name_Not_Found:02/01/21 19:11 ID:cayBhEtz
width: 50%;
とか書いてみたら?

94 :Name_Not_Found:02/01/21 20:41 ID:cthLBUY8
NN4.x対策、@importとmedia複数指定ならば、どちらの表示が速いでしょうか?

全てのブラウザに読み込ませるcommon.css(4kb)と、
NNに読み込ませたくない部分だけを取り出したno-nn.css(1kb)を作って、
「all.css」の冒頭に@importを書いてno-nn.cssを呼び出すと、
IEでの表示がかなり遅くなりました。
そこで>>74のように、「no-nn.css」にmediaを複数指定してみました。
IEで観ても、前者よりは軽いような気がしました。

みなさんの経験上ではどちらが軽いと感じますでしょうか?
なんとかJavaScriptナシでNN4.x対策したいと願うJS音痴でした。
ガイシュツでしたらごめんなさいです。検索できなかったスレがあるです。

95 :87:02/01/21 21:23 ID:ir6H5qxK
回答して下さった方、ありがとうございました。
とりあえずblockのままfloatにすることで回避することにします。

96 :Name_Not_Found:02/01/21 21:52 ID:ir6H5qxK
IE3は外部CSSが複数指定されている場合最後しか読み込まない
というのを利用してIEを除外するようにしているのですが、
外部CSSとhtmlに直に書いたCSSが両方存在する場合はどのようになるか
ご存知の方いらっしゃいますか?


97 :79:02/01/21 21:55 ID:oibyZ9Hf
>>80,81

ありがとうございます。確かにspanが原因でした。作り直したら上手くいきました。

98 :79:02/01/21 22:34 ID:oibyZ9Hf
CSSで背景画像を指定するとどうも上手くブラウザで表示できません。
CSS>タグの再定義>bodyタグ>背景固定 リピートなし、上・左固定

でMacのIE5で背景画像が反映されません。
NS6.2はOKです。DWは3.0.2のMac版です。

<style type="text/css">
<!--
body { background-attachment: fixed; background-color: #000000; background-image:
url(file:///2nd%20movement/Sites/www/ファイル名); background-repeat: no-repeat; background-position: left top}
-->
</style>

とDWがCSSを作成するんですが、このままだとNS6.2だけしか表示できず、file:///のスラッシュを一つにすると両方で表示されます。
普通に画像ファイルを挿入するときは、///で大丈夫なのに、何故でしょう?

DWが作成するCSSに問題があるのでしょうか?

99 :Name_Not_Found:02/01/21 22:36 ID:cayBhEtz
IE3を使ってるヤツは見た事ないが、
基本的にHTMLに書いたほうが優先される。
style="〜"はstyle要素より優先
!important使ってなければね。

100 :Name_Not_Found:02/01/21 22:38 ID:cayBhEtz
>98
・・・。
そのままうpしたらアンタ以外は誰も見れない

101 :Name_Not_Found:02/01/21 23:14 ID:ARVqZyLB
>>98
説明するのも面倒だが、とりあえずurlを相対パスにしれ。

102 :94=102:02/01/21 23:15 ID:hNtA6p1W
>>94
 「all.css」の冒頭に→「common.css」の冒頭に
スレ汚しすみませぬ。

103 :ひよこ名無し:02/01/21 23:43 ID:YVO2/vjM
テーブルのボディとセルと行にline-height指定して
全体囲いたいんですが環境によっては崩れませんか?

104 :96:02/01/21 23:48 ID:ir6H5qxK
>>99
ありがとうございます。

確かにイマドキIE3使っている人はいなさそうですね。
デザインと手間の都合上、外部CSSとhtmlに書くのを併用したいので
今のまま逝っちゃいます。

自分で確認できれば一番いいんですが。
複数バージョン併用できるようにしてくれよ・・・>M$

105 :Name_Not_Found:02/01/22 11:11 ID:yqFutROm
<span style="text-decoration : underline">
で下線の色を変えるにはどうしたら良いですか。

106 :Name_Not_Found:02/01/22 11:15 ID:QrKpQnOj
>>105
下線はテキストと同色になる定めです。
border-bottom:1px solid red;にしませう。(redの所はお好みの色値を指定)
但しWinIEは5.5以降でないとインライン要素へのボックス指定が効きません。

107 :Name_Not_Found:02/01/22 12:22 ID:yqFutROm
>>106
理解しました。

108 :Name_Not_Found:02/01/22 20:22 ID:at4el/fW
<table arign="*">をCSSで記述すればどうなりますか。あえてcenterにする場合は?

position: hoge; または float: fuga; の用に記述するような気がする
のですが、どうでしょう?

109 :Name_Not_Found:02/01/22 20:28 ID:RonyvK67
>>108
違う。
>>8を読んでくれ。

110 :Name_Not_Found:02/01/22 20:34 ID:NtWiV2ZM
>>108
arignなんてモノは無い。alignだ。

111 :Name_Not_Found:02/01/22 20:35 ID:1Rb/oiDV
あり〜ん

112 :名無しさん@お腹いっぱい。:02/01/22 21:38 ID:ucN5t7Tx

.section {
position: relative;
margin: 3em;
}

.navi {
position: absolute;
top: 0px;
right: 0px;
}

<div class="section">
<h1>hello</h1>
<p>no more money</p>
<p class="navi">back</p>
</div>

みたいにしてたんですけど、.navi が div ではなく window の右端にいってしまいます。
.section に width を設定すると良いって言われたんですけど、
margin: 3em を生かした width 設定ってどうしたらいいんでしょう。
width: 100% - 3em * 2 的な設定がしたいわけなんですが...


113 :Name_Not_Found:02/01/22 21:41 ID:koIC5fow
スタイルシートの一部を無視したいんですけど。

背景をスタイルシートでサイト全体一括指定してるとき
一枚のページだけほかの背景にしたいときとか。スタイルシート読み込んじゃったらあとで
<body bgcolor="#000000">てやってもスタイルシート優先らしくて。でもフォント指定とかあるからスタイルシート呼ばないわけにはいかないし。
おしえてください。
あとこの板にもものすごい勢いスレあるといいなあ。

114 :Name_Not_Found:02/01/22 21:43 ID:ENdKnVhe
>>112
.navi {
position: absolute;
top: 0px;
left: 0px;
}

115 :Name_Not_Found:02/01/22 21:44 ID:ENdKnVhe
スマソ、誤爆。逝って来る(;´Д`)

116 :Name_Not_Found:02/01/22 21:45 ID:1olSFsF1
>113
HTMLに直接スタイルを書くと優先される。

117 :Name_Not_Found:02/01/22 21:47 ID:1olSFsF1
>112
bodyにpadding: 3em;を設定しておくのはダメ?

118 :名無しさん@お腹いっぱい。:02/01/22 21:47 ID:ucN5t7Tx
全体用の generic.css と、たとえばサイトの入口用の cover.css とか用意して、

generic.css:
body {
background-image: url(mono.png);
}
...
(その他一般的設定)
...

cover.css:
body {
background-image: url(cover.png);
}
...
(入口特有の設定)
...

で、入口の html で両方読み込ませればいいんじゃ?
ようするに、無視 or 変更したい部分は上書きすればよろし。


119 :Name_Not_Found:02/01/22 21:49 ID:ENdKnVhe
>>113
classかid指定すれば良いっしょ。

120 :113:02/01/22 21:48 ID:koIC5fow
>>116
あ、なーるほど。
ありがと!

121 :名無しさん@お腹いっぱい。:02/01/22 21:51 ID:ucN5t7Tx
>>117
うーん、
<div class="section">..</div> が一番外側にくるとは限らないんで、
margin が確実に 3em になるとは限らないんです。
container 相対になってないと使いまわしが効かない...

まったく。IE のおばかーーーー!!
width: auto で許せやあああ

position: absolute なときって、width 指定しないと駄目ってのは
仕様でしたっけ。


122 :113:02/01/22 21:51 ID:koIC5fow
>>119
あ、そういう手もあるねさんきゅ!

だれか
すごい勢いスレ立ててよぅ

123 : :02/01/22 21:56 ID:bcRy7bcj
>121
根本的解決にならないけど .navi{text-align: right;} じゃだめなんだっけ?
試してないからとんでもないこと言ってるかもしれない.

124 :Name_Not_Found:02/01/22 21:56 ID:xkz3bzX2
>>122
この板は分業が進んでるからなぁ。
全部のスレが正常に機能すれば「すごい勢い」スレは不必要かも。
それがあると初心者スレの存在意義が。。。

とマジメに考えてみる実験。

125 :Name_Not_Found:02/01/22 22:07 ID:1olSFsF1
>121
単にright: 10%;とかじゃダメ?

IE5.5以下、IE6互換モードならwidth: 100%で桶。
NN6にも適用させたいなら
HTML * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
を書く。ボックスのサイズをボーダーのサイズまでにさせてくれる。

オイラ的には前者がお薦め。

126 :Name_Not_Found:02/01/22 22:13 ID:ucN5t7Tx
>>123
ありがとうです。

.navi {
text-align: right;
top: 0px;
left: 0px;
width: 100%;
}
ってかんじですか。
結構いいかんじ。

しかし、.navi 要素を div の 20% ぐらいに収めたいときに破綻してしまいます。

h1 {
margin: 0px;
padding: 1em 20% 1em 1em;
}

.navi {
position: absolute;
top: 0px;
right: 0px;
width: 20%;
}

って感じにして、h1 と .navi が被らないようにしたいんですよ。


127 :Name_Not_Found:02/01/22 22:14 ID:ucN5t7Tx
>>125
今手元で IE を試せる環境にないのですが、
width 指定無し = width: 100% って認識でいいんでしょうか?
だとしたらブラボーです。感謝!

128 :Name_Not_Found:02/01/22 22:21 ID:ucN5t7Tx
>>127
げふん。もじらで試したら、きっちり 100% の大きさにひきのばして
くれました。
-moz-box-sizing はもちろん指定してます。

margin 分引いてくれるわけじゃないんだから、それもそうかっていえばそれまでですが...
width 指定無しで正しく動かない IE が悪いっていいたいんですけど、
この動作が正式仕様なんでしょうかねぇ..
サイズの簡単な足し算とか引き算、サポートされないかなぁ...


129 :Name_Not_Found:02/01/22 22:27 ID:ucN5t7Tx
>>128
IE5 on Solaris で実験したら、こっちは width: 100% で動きましたが...
-moz-box-sizing だけじゃ同じ動作にならんのかなぁ。

もじらは width: 100% にしてから margin つけてて、
IE は margin つけてから 100% にしてるってかんじ。

130 :Name_Not_Found:02/01/22 23:03 ID:Gy3sjF6y
java scriptでブラウザの振り分けをしてそれぞれの外部cssを読み込ませる方法で、
classの指定をしたものはちゃんと表示されるんですが、
BODYやTD、TABLEに指定するやつ、
BODY,TABLE,TD{font-size:10px;}のようなやつが
うまく効いてくれないのですが、
どうしてでしょうか?

131 :Name_Not_Found:02/01/23 00:49 ID:IhK/Htmy
table を使わないで、まったく同じレイアウトを css で指定ってできるの?
つうか xhtml1.1 では table って使っていいの? table が叩かれている気がするんだけど・・・。

132 :Name_Not_Found:02/01/23 01:00 ID:Rsz5N0nV
>>131
http://pc.2ch.net/test/read.cgi/hp/1008380243/l50
こっちで聞いてみれば?

レイアウトにテーブルを使うのが×なだけで、
表はテーブル使って良いような気がするけど。

133 :Name_Not_Found:02/01/23 01:08 ID:UW0jutAf
>>131
display:table;

134 :Name_Not_Found:02/01/23 01:10 ID:efXSzAP2
テーブルがレイアウトの基本、って発想から脱却するこった。

135 :Name_Not_Found:02/01/23 01:17 ID:LvWp85ME
>>134
しかし、テーブル的なレイアウト方法自体は間違ってないことに注意。
table 要素をレイアウトに使う事が問題なだけね。

むしろ、float とか駆使して擬似 multi column とかやってる現状は
間違ってると思うんだが。しかも完全じゃないし。

>>131
現在の実装状況じゃあ無理です。
しばらくは、table というよりグリッド配置的なレイアウトは
控えるのがよろしいかと。

136 :Name_Not_Found:02/01/23 01:18 ID:P5954It3
ガイシュツだと思うんですけど、全部のスレが見られない(ない、とか
言われた!)ので質問します。

ブラウザのスクロールバーの色を変えるCSSですが、IE5.0では使えない
のでしょうか。つけてみたら全然反映されないのです。普通のバーのまま。

body {
scrollbar-base-color: #996600;
scrollbar-track-color: #996600;
scrollbar-face-color: #996600;
scrollbar-shadow-color: #996600;
scrollbar-darkshadow-color: #996600;
scrollbar-highlight-color: #996600;
scrollbar-3dlight-color: #996600;
scrollbar-arrow-color: #996600;
}
こんなのなんですが。何がいけないのでしょうか。


137 :Name_Not_Found:02/01/23 01:26 ID:AA/nliQo
>>136
IEが対応してないだけ。バージョンアップしろ。

138 :136:02/01/23 01:41 ID:lzymvaGt
うあ、IE5.5以上でないと駄目だったのか(汗)
駄目だ汎用性がない(何)。

IEはバグりすぎてバージョンアップするのが怖いっす・・・。
アップするごとにひどくなるから。

>>137
教えてくださってサンクス(TT)

139 :131:02/01/23 01:59 ID:IhK/Htmy
>>132-135 thx!

140 :Name_Not_Found:02/01/23 04:39 ID:Lq5Lx5Ky
当方、IE6.0を使っているんですが
均等割付

text-align:justify;
text-justify:distribute-all-lines;

が効きません。これってIE6の仕様ですか?
ちなみに、クラス指定してDIVとSPANで試してみました。
両方ともダメなんですが…何か良い方法、ありましたら
ご教授お願いいたします。

141 :Name_Not_Found:02/01/23 05:43 ID:Fo7ZlTmC
ありとあらゆる文字をフォントも大きさも同じにしたいんですが、どうすればいいのでしょうか?
スタイル(太字とか)はそのまま表示したいです。

142 :Name_Not_Found:02/01/23 05:48 ID:LvWp85ME
>>141

* {
font-size: 100%;
}

とか。


143 :Name_Not_Found:02/01/23 09:55 ID:KeIHY6H9
>>140
うちのIE6ではちゃんと効きますが。
divにwidthも指定して試験してみたら?

144 :Name_Not_Found:02/01/23 09:57 ID:C1wXw5pc
>>131
その議論はこちらで。
「(´-`).。oO人はTABLEにもどってくるんだよ。」
http://pc.2ch.net/test/read.cgi/hp/1011140326/

145 :Name_Not_Found:02/01/23 17:21 ID:G2d7xYrL
tableの悪用を助長するスレですか。
それとも時代を逆行するスレですか。

146 :131:02/01/23 17:53 ID:IhK/Htmy
>>144
ごめんなさい。お断りします。

147 :Name_Not_Found:02/01/23 18:34 ID:dxSXQ/tg
>>145
そして最後に display: table に導く野心に満ちたスレだと思いたい。

148 :Name_Not_Found:02/01/23 19:45 ID:c1ntYgvG
first-letterはIE6では効かないのですか?試したけど無理でした


149 : :02/01/23 19:49 ID:29orLYJW
>148
ttp://www.zspc.com/documents/css2/selector/firstletter.html
には有効のように書いてあるよ.自分じゃ試してないけど.

150 : :02/01/23 19:52 ID:29orLYJW
>130
誰も答えてくれないんじゃなくて情報が少なすぎるだけだと思うよ.
その css を普通に(スクリプト)使わずに読み込めば適用されるんだよね?
だとしたら JavaScript の問題だろうからそっちのスレでソースと一緒に聞いてみれば?
配布されてるんなら配布元に聞くとか.

151 :Name_Not_Found:02/01/23 20:03 ID:c1ntYgvG
>>149
どうやっても反映されません....
CSSの方はh1のclassにtitleという名前をつけて

body{
background-image:url(gray-wev.jpg);
background-color:#FFFFFF;
color:#000000;
}

h1.title{
font-family:"Lucida Console";
font-size:250%;
font-weight:normal;
background-color:transparent;
color:#555555;
}
h1:first-letter{
background-color:transparent;
color:#FF3300;
}

としてるんですが....

152 :Name_Not_Found:02/01/23 20:14 ID:ek/ez1en
h1.title:first-letterとしてみては?

153 :Name_Not_Found:02/01/23 20:16 ID:p7+syPlh
>>151
h1:first-letterの優先度がh1.titleに負けてるからじゃない。
152の言う通り、h1.title:first-letterとでもしてみ。

154 :Name_Not_Found:02/01/23 20:18 ID:c1ntYgvG
>>152

ダメでした....仕様なんですかね
spanで囲もうかな

155 :Name_Not_Found:02/01/23 20:26 ID:A0dt9UyJ
h1:first-letter {

スペース入れたら?


156 :141:02/01/23 20:33 ID:Fo7ZlTmC
* { font-family:MS Pゴシック; font-size: 14.pt; }

このようにしてもすべての文字には反映されませんでした。
もっと設定が必要なんですか?

157 : 149:02/01/23 20:34 ID:29orLYJW
>155
148 じゃないけど,それだとうまくいくね.バグか?
Moz097, NN621, Opera6 はスペースなしでも大丈夫.

158 :Name_Not_Found:02/01/23 20:40 ID:OThnQzE/
>>156
font-family:"MS Pゴシック";にしたら?
フォント名にスペースを含む場合は""で括る、“MS P”は全角にする。


159 :148:02/01/23 20:44 ID:c1ntYgvG
>>155

アレ?スペース入れたら効きました....もしやスペースは
必ず入れるんですか?とにかくありがとうございます!


160 :Name_Not_Found:02/01/23 20:45 ID:1ZKb/DOb
>>156
* { font-size: 14.pt; }
* { font-family:MS Pゴシック; }
こうしれ。逆だったかもしれんけど。

161 :Name_Not_Found:02/01/23 20:46 ID:u6yYMqen
>>156
MS P
のSとPの間のスペースは半角だったりする。
ややこしい名前つけるなM$

162 :Name_Not_Found:02/01/23 20:47 ID:OThnQzE/
>>156
しかし絶対指定での本文文字サイズ固定はその大小に関らず歓迎されませんぞ。
どうしても指定したいのならせめて相対指定にした方がよい。

「なんで字が小さいんだ?」
http://pc.2ch.net/test/read.cgi/hp/1004167821/
フォントサイズ指定の落とし穴
http://dfj.cool.ne.jp/html/fontsize.html

163 :Name_Not_Found:02/01/23 20:49 ID:A0dt9UyJ
14.ptって、この「.」は何?

164 :Name_Not_Found:02/01/23 20:53 ID:OThnQzE/
>>156
総じて、質問する前に、記述ミスをチェックすべきかと。>>158,>161,>>163を見ること。
>>160
?……分けて書いても一緒だと思ふ。いや、一緒でなければならぬ筈。


165 :160:02/01/23 20:58 ID:1ZKb/DOb
>>164
スマソ、ネスケ対策

166 :Name_Not_Found:02/01/23 21:01 ID:OThnQzE/
>>160=>>165
ネスケ対策???……ネスケ4なら全称セレクタ「*」は未対応ですが。

167 :Name_Not_Found:02/01/23 21:04 ID:1ZKb/DOb
ガ━━━━(゚Д゚;)━━━━ン
鬱出汁脳・・・

168 :Name_Not_Found:02/01/23 21:36 ID:ek/ez1en
ワイルドカード使えないのね、知らんかったYO!

169 :Name_Not_Found:02/01/23 22:23 ID:1oTEhhFI
結局のところex=1/2emでOK?


170 :Name_Not_Found:02/01/23 22:32 ID:EklFC1wv
>>169
フォントによって異なります。
ちなみに仮名や漢字にexの概念はありません。

171 :141:02/01/23 23:05 ID:Fo7ZlTmC
みなさんご指摘ありがとうございます。
やっているうちに混乱してきたので画像を持ってきました。分かりやすく態と目立つフォントにしました。
http://sakots.pekori.jp/imgboard/imgs/img20020123230045.png
* { font-family:"MS P明朝"; font-size:14pt; }
で、設定したのですが<font size=-1>に設定されている文が明朝にはなりますが大きく(14ptに)なりません。
なぜでしょうか?
何も書いていませんでしたが、自分のHP用ではなくIE6のユーザースタイルシートを作っています。
最終的には文字の大きさを三段階の大14pt 中12pt 小10ptに固定したいとと思っているのですが、もっと問題が出てきそうですかね?
このサイズとこのサイズに設定されている場合は14ptにこっちで固定、といったことを考えているのですが。

172 :Name_Not_Found:02/01/23 23:10 ID:ek/ez1en
14ptを元に-1になってるだけ

173 :Name_Not_Found:02/01/24 00:00 ID:ex55jhrM
>171
!importantを使えばいい。

174 :Name_Not_Found:02/01/24 02:36 ID:lmEOH7dp
>>170
169ではないが
p{font:18pt "Times New Roman",Times,serif; }
な場合、あるパソではTimes New Roman、ほかのパソでは
Times、そこでexが変わってしまうとして、したら環境毎に
exがかわるのですか?


175 :Name_Not_Found:02/01/24 02:44 ID:OhDL8zZG
h1〜h6ってNNじゃwidth指定できないの?

176 :Name_Not_Found :02/01/24 02:48 ID:as7Jkwtg
>>175
borderを指定すればできる。NN4だよね?

177 :Name_Not_Found:02/01/24 04:31 ID:1PNDC1La
>>174
そのとおり。
font-size-adjustを解釈するUAはまだ出ていないはず

178 :174:02/01/24 04:39 ID:bDPAtZVs
>>177
しかし変わらなかった・・。
HG正解書体-proでもTimesでも同じだった。
どっかのページで検証してたなー
どこだったかな・ちょっと調べてみる。

179 :Name_Not_Found:02/01/24 11:50 ID:/m4H1m1x
<input type="text" maxlength="10">
全角だったら10文字まで、半角だったら20文字まで(=20byte)って
cssで設定できますか?

180 :Name_Not_Found:02/01/24 12:03 ID:AsJ9xouc
cssは見栄えを制御するもんだっつーの!

181 :Name_Not_Found:02/01/24 12:17 ID:/m4H1m1x
>>180
じゃどうして日本語入力モードとか弄れるんだよ。あ?言ってみろ。

182 :Name_Not_Found:02/01/24 12:24 ID:7HjSkKah
少なくとも全角か半角かを判別するのはCSSの仕事じゃないと思われ。

183 :180ではないが:02/01/24 12:29 ID:9zvkqN/d
>>181
ime-mode:のことなら、あれはIE独自拡張です。
 http://east.portland.ne.jp/~sigekazu/css/ie55.htm
まあcursor:なんかと一緒でユーザー・インターフェースの制禦だと
見做すこともできなくはありませんが、それにしても>>179みたいな
要求は少し無茶ですね。

184 :代走名無し:02/01/24 16:47 ID:AjoNjs8M
<li>によるリストを書いたとき自然にできる左側の余白を
狭くしたいのですが、
絶対位置指定だと左上に全ての行が固まってしまい、
相対位置指定やマージンだと効かないみたいなのですが、
どうしたらいいですか?

185 :Name_Not_Found:02/01/24 16:58 ID:ZTjAkQ3P
>>184
ULとLIのmarginとpaddingを全部0にしたら詰まると思うぞ。
ちなみにIEとNNでそれらの初期値が違うようなので注意

186 :Name_Not_Found:02/01/24 16:58 ID:U7gU/xpN
>>184
状況がよく把握できないが、「マージンだと効かない」ブラウザは何?
もしNN6ならそれも当然。padding-leftを狭くして下さい。
因みにブラウザのデフォルトのスタイルシートは以下の通り。
IE5.5
ol, ul {margin-left: 40px; padding-left: 0;}
NN6
ol, ul {margin-left: 0; padding-left: 40px;}
cf.http://www.inter-cool.net/~phantasm/wdzone/lab/defaults.html

187 :141:02/01/24 19:11 ID:9zf8cjqS
たびたびすみません。
基本的に文字は14ptで表示するとして(これは出来ました)、「font size=-1」と設定されている部分だけは12ptにしたい場合はどうすればいいのでしょうか?

188 :Name_Not_Found:02/01/24 19:21 ID:lFwUJi7m
1から作りなおしてclassでも指定しれ

189 :Name_Not_Found:02/01/24 19:22 ID:yFUZlQzU
>>187
font[fontsize="-1"]{font-size:12pt;}
やめておいた方がいいと思うけどね。>>162をきちんと読んだ方が。

190 :Name_Not_Found:02/01/24 19:28 ID:U7gU/xpN
>>188-189
いや、>>141>>171
「自分のHP用ではなくIE6のユーザースタイルシートを作っています」
と言ってるぞ。

191 :Name_Not_Found:02/01/24 21:20 ID:PPqqKUnt
>189
× font[fontsize="-1"]
○ font[size="-1"]

192 :Name_Not_Found:02/01/25 00:01 ID:nyhB5pOx
>>181
M$の独自拡張だから本旨と関係ない

193 :189:02/01/25 00:17 ID:c/n3x9yV
>>190
あ、ほんとだ、ごめそ。

>>191
Σ( ̄△ ̄;)ウカーリ
ところでIE6って属性セレクタ効くの?

194 :Name_Not_Found:02/01/25 00:20 ID:4n6MgvIM
>>193
効きません、全く。
未だにCSS1レベル……いい加減対応してくれよ(泣)。

195 :141:02/01/25 03:17 ID:vSXYiuqj
あら、もしかして>187はIE6では出来ないという結論が出てしまいました?
必死になっていろいろ試してました。
みなさんいろいろ有り難うございました。
では寝よっと。

196 :Name_Not_Found:02/01/25 06:30 ID:E6FFdATS
marginで余白の幅を固定することはできますが、
表示される幅を固定することはできないのでしょうか。

197 :Name_Not_Found:02/01/25 06:35 ID:95j98WT7
<textarea>で、書き込みができなくするように設定したいんですが、どうすればいいでしょうか?
ime-modeは見つけたんですが。

198 :Name_Not_Found:02/01/25 06:52 ID:GEYvdfGU
>>196
何ですと? もしかしてwidthのこと?

>>197
それはHTMLで。readonly属性を書き加える。

<textarea readonly>〜</textarea>

(XHTMLの場合は <textarea readonly="readonly"> )

199 : :02/01/25 07:03 ID:5zCrAqUm
>195
Proximitron でできないかな,と思った.

200 :Name_Not_Found:02/01/25 07:46 ID:95j98WT7
>>198
thx!

201 :Name_Not_Found:02/01/25 10:17 ID:jVqujuLX
>>199

やってます。
読みにくい要因をおみとろんであぼーんして、
さらに仕上げにユーザースタイル。これ最強。

202 :代走名無し:02/01/25 16:54 ID:7zYxiZNq
184です。

text-indent :
で値をマイナスにすることで自己解決してしまいました。

自分のあまりのへタレさにsage。

203 :Name_Not_Found:02/01/25 17:36 ID:SDtEkSVh
>>202
無茶するな。
liでなくてul,olをセレクタにすべし。

204 :Name_Not_Found:02/01/25 18:03 ID:Y+pXLNOc
CSSを使って、同じ行の左端と右端に文を配置することはできますでしょうか。
実はかちゅskinをいじっているのですが、どうしても、改行されてしまいます。
例えばこの板だったら

Name_Not_Found sage
                         02/01/25 17:36 ID:///
という感じ。
Name... と 02/01/... の行をそろえたいのです。
http://members.tripod.co.jp/katjuskin/skin/shi_light_keiryou_ver1.1_pastel.txt
よろしくお願いします。

205 :Name_Not_Found:02/01/25 18:09 ID:ndTz7XVF
>>204
dt {clear:both;float:left; width:49%;}
dd {float:left; width:49%; text-align:right;}

206 :Name_Not_Found:02/01/25 18:23 ID:Y+pXLNOc
>>205
ありがとうございます。しかし、うまくいかないです。
同じ部分を書き換えてみましたが禿しくバグったような表示になってしまうです。


207 :Name_Not_Found:02/01/25 18:30 ID:Y+pXLNOc
こんな感じです。

<div><dl>
<a href="zonu://res/?no=<PLAINNUMBER>" class="face"><div class="o">∧ ∧<br>(*゚ー゚)</div><PLAINNUMBER></a>
『 <NAME> 』</b> <MAIL><dt>DATE:<DATE><dd><MESSAGE></dl></div>


208 :Name_Not_Found:02/01/25 18:34 ID:ndTz7XVF
訂正
dd {float:right; 以下同}

あと、204のソースはHTML Lintにかけてごらん。
<dl>直下は<dt><dd>しか許されないし、<dt>の次に<dd>が来るのが順番。

209 :Name_Not_Found:02/01/25 18:51 ID:ndTz7XVF
>>207
<a></a>の中に<div>ってのも無茶苦茶。これ基礎です。
インライン要素とブロック要素について学んで下さい。↓
 http://www.kanzaki.com/docs/html/element-level.html
正しくマークアップされたHTMLに対してでないと、CSSは正しく効果しません。

210 :Name_Not_Found:02/01/25 18:53 ID:3dmwWVll
>>207
そのソースが良くわかんないんだけど、

div{ position: relative; }
dd { position: absolute; top: *px; right: *px; }

これじゃ駄目かな。pxんところは適当な数値を入れて。
ところでそのスキンは個人使用?

211 :Name_Not_Found:02/01/25 18:53 ID:Y+pXLNOc
dt {clear:both;float:left; width:49%;}
dd {float:right; width:49%; text-align:right;}
で、>>207

でよろしいんでしょうか。。ぅぅ。うまくいかんです。
素人考えですが、<dt>だけ変えればよいかと思ったのですが。

> <dl>直下は<dt><dd>しか許されないし、<dt>の次に<dd>が来るのが順番。
そのようですね。先ほど調べてたら、そう書いてありました。


212 :Name_Not_Found:02/01/25 18:57 ID:Y+pXLNOc
>>210
204は他の方が作られたのですが、それを改造して使うつもりです。

>>209
逝ってきます。。

213 :Name_Not_Found:02/01/25 19:18 ID:Y+pXLNOc
>>210
207はレスの部分でして、画像は
http://members.tripod.co.jp/katjuskin/img/shi_light_keiryou_ver1.1_pastel.png
こんな感じです。
それと、positionで、日付IDの部分はうまく移動できたのですが、
それに伴い「しぃ」の顔の部分がおかしくなりました。少し考えてみます。。。

同じ行の左端と右端に文を配置しているサンプルコードや、Webページがあれば
教えていただきたいです。

214 :Name_Not_Found:02/01/25 19:25 ID:ndTz7XVF
>>213
HTMLソースが無茶苦茶だとCSSもうまく指定できないって。
ソース書き直したの出してごらん。そしたらfloatによる配置を編み出してやるからさ。

215 :Name_Not_Found:02/01/25 19:58 ID:uL6Jx5bO
┌──────────────────────┐
│┌──┐名前 sage             日付 ID  │
││ しぃ│ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ │
│└──┘本文                        │
│                                │
└──────────────────────┘

こうしたいのか? ソースから書き直したほうがいい。

<dl>
<dt>NO(しぃ)</dt>
<dt>名前</dt>
<dt>日付・ID</dt>
 <dd>本文</dd>
</dl>

ちょっと乱暴だけど、例えばこうすればどうにでもなる。Class振って。

216 :215 HTML:02/01/25 21:12 ID:DkOq+7ED
風呂上りにちょっと書いてみた。

<!-- NewRes.htm -->
<dl>
<dt class="number"><a href="aaa">∧ ∧<br>(,,・д・)<br>1</a></dt>
<dt class="name">名前 sage</dt>
<dt class="date">日付 ID</dt>
 <dd>本文</dd>
</dl>

<!-- Res.htm -->
<dl>
<dt class="number"><a href="bbb">∧ ∧<br>(*゚ー゚)<br>2</a></dt>
<dt class="name">名前 sage</dt>
<dt class="date">日付 ID</dt>
 <dd>本文</dd>
</dl>

217 :215 CSS:02/01/25 21:13 ID:DkOq+7ED
dl{
padding:5px; border:1px solid black; clear:left;
}

dt.number{
width:50px; float:left; border:1px solid black;
}

dt.name{
width:50%; float:left; padding-left:10px;
}

dt.date{
text-align:right;
}

dd{
border-top:1px solid black; margin-left:60px; padding:10px;
}

218 :204:02/01/25 21:39 ID:Y+pXLNOc
>>214
aの中のdivをspanに書き換えてみたのですが、あんまりうまくいきませんでした。

>>215
少しいじってみましたが、配置的には問題なさそうです。
後は、元の装飾に戻すだけ。。。

219 :Name_Not_Found:02/01/25 21:45 ID:Cud6+pF/
>>218
アンカーの中にdivを入れたのか?(w

220 :204:02/01/25 21:50 ID:Y+pXLNOc
いや、他の人が作ったskinの元々が<a><div>のようになっていたので、
214さんの指摘の通り、なおしてみたのです。

221 :Name_Not_Found:02/01/25 21:55 ID:Cud6+pF/
spanの中にdivでも同じ事だと思うぞ。

222 :204:02/01/25 21:56 ID:Y+pXLNOc
うう。<a><span></span></a>のようにしたのですが。。

223 :Name_Not_Found:02/01/25 22:01 ID:Cud6+pF/
スマソ、漏れ読察力ないな。

んでも、それならアンカーにclass指定した方が良いと思うんだが。

224 :Name_Not_Found:02/01/25 22:55 ID:P15PTsF2
質問です。
見出し要素などに二重にCSSを指定したい場合、DIVを使いますよね。
このとき、
<h1><div>〜</div></h1>
<div><h1>〜</h1></div>
のどちらが"正しい"のでしょうか?それとも変わりはないのでしょうか?

225 :Name_Not_Found:02/01/25 22:57 ID:ddTo/Nd2
HEADとTITLEだと
<HEAD><TITLE></TITLE></HEAD>
ってのは決まってるけど、
それはどっちでも良いんじゃないのか?

226 :Name_Not_Found:02/01/25 23:00 ID:Anr0pxmg
>>224
h1-h6 の中にブロック要素は入らないだろ。
<h1><div>〜</div></h1> はどう考えても ×。

227 :Name_Not_Found:02/01/25 23:08 ID:+//ixaSA
<BASE target="_top">と指定しているのですが、

IDやクラスの中の<A>タグに関してだけ違うtarget指定をしたいのです。
用途はリンクページです。
_topを使う部分が多いのですが、
部分的にスタイルシートで違う指定をして↑のようにしたいのです。

スタイルシートで可能でしょうか、
分かる方がいましたら教えてください。

228 :215:02/01/25 23:10 ID:4N11oU2C
>204
気に入んなかった?
1から書き起こしたから取っ付きにくいかと思うけど、
参考までに色々いじってみてくんなまし。

>>224
自分はここ参考にしてた。
http://openlab.ring.gr.jp/k16/htmllint/tagslist.cgi?HTMLVersion=HTML401-Strict
Contentsが子要素にできる要素
Parentsが親要素になりうる要素

>>227
CSSじゃムリ

229 :Name_Not_Found:02/01/25 23:11 ID:ddTo/Nd2
CSSなんかいらないよ。
<A HREF="http://www.***.com" TARGET="_top">
でOK

230 :229:02/01/25 23:14 ID:ddTo/Nd2
ちなみに
>>227


231 :227:02/01/25 23:44 ID:+//ixaSA
>>228 , >>229-230
ありがとうございます。

もしかしたらできるんじゃないか?
とか、できたらいいなぁとは思っていたんですが、無理ですか…
CSSでリンクに関してという話は聞かないですからね。

黙って普通に<A 〜 target="">使います (〜゜ー゜)〜

232 :227:02/01/25 23:47 ID:+//ixaSA
すみません。
A A:link A:hover A:active A:visitedを忘れてました。
targetに関しての話です。

233 :229:02/01/25 23:56 ID:ddTo/Nd2
>>232
多分その説明じゃ誰も理解できないと思いますよ。
もう少し詳しく丁寧にどうぞ。

234 :224:02/01/26 00:02 ID:7we8b0Y+
>>226,>>228
ありがとうございます。
今までブロック要素の中にはいつもブロック要素を入れて良いものだと
勘違いしてました…

235 :227:02/01/26 00:22 ID:xlNEBvOu
リンクのバナーがたくさん貼ってあるページで、
ほとんどが<〜 target="_top">になるので、
<BASE target="_top">を<HEAD>内に書いていたんです。

だけどページ内に何箇所か<〜 target="_blank">にしたいところがあって、
部分的にCSSでその辺を変えられないかな、と。
具体的には6箇所なんですが。
もしCSSでできるのであれば、6箇所全部に_blankと書く必要がなくなるのでは?
と思い質問してます。
その6箇所は同じところにかたまっているので、
<DIV id(class)="">その6箇所</DIV>
ってやれそうな気がするのですが…

説明が下手ですみません。

236 :Name_Not_Found:02/01/26 00:28 ID:yOXEFimA
>>235
CSSってのは飽くまで見た目を制御するもの。
上でも言ったとおり、無理です。
ひとつひとつにtarget="_blank"書いてくださいな。

237 : :02/01/26 00:28 ID:0jboh3+n
>235
とにかく CSS で target の指定はできません.
どちらかとういうと ID を振って JavaScript のお話になるのかな.

238 :Name_Not_Found:02/01/26 00:30 ID:SQzxks6F
>>235
結局6カ所にID振ることになる。

239 :Name_Not_Found:02/01/26 17:29 ID:7G2vM+df
Winユーザーです。パソコンショップのMacIEで自サイトを見たら、表示が崩れてました。
いま、ソースを抽出すると下記の通り。
.center {text-align:center;}/*IE向け*/
.center, {text-align:-moz-center; margin-right:auto;margin-left:auto;}/*N6向け*/

<ul class="center">
<li><p>…………</p>
<ul><li>…………</li></ul>
</li>
</ul>

これでWindowsではIE6・NN6.2・Opera6とも問題なく、センタリングします。
しかしMacIEでは文字列だけは中央寄せにはなるものの、なぜかリストマーカーが
文字列左端から離れて画面左端に表示されます。
これをMacIEでも文字列の左隣にリストマーカーを表示させ、且つ
li要素全体は中央寄せとするにはどう指定すればいいのですか。

240 :Name_Not_Found:02/01/26 20:48 ID:Kj95GnhG

position: absolute;
left: 0em;

ってやったら、親要素を飛びこしてブラウザの左まで飛んでっちゃいました。
これって仕様なんですか?
親要素には position: relative を設定してます。

241 :Name_Not_Found:02/01/26 21:40 ID:+pJJr3dK
>240
親要素にもtop: 0; left: 0;とか書いてみては?
子要素にもtop: 0;とか。

242 :Name_Not_Found:02/01/26 21:46 ID:Kj95GnhG
>>241
だめでした。top は認識するのに何故!?


243 :Name_Not_Found:02/01/26 22:07 ID:Kj95GnhG
fieldset 要素みたいな表示を CSS で実現するにはどうしたらいいんでしょう?

244 :Name_Not_Found:02/01/26 23:14 ID:QiFFzouz
>>243
それそのものを再現するプロパティはなかった筈。

<div>
<h2>かdjふぁkldfjjj</hn>
</div>

div{ position: relative; }
h2{ position: absolute; top: -*px; left: *px; background: #***; }

とかやればできるかな?

245 :244:02/01/26 23:16 ID:QiFFzouz
divにborder指定し忘れた。

246 :244:02/01/26 23:19 ID:QiFFzouz
しかもh2の閉じタグがhnになってる。

247 :Name_Not_Found:02/01/26 23:25 ID:Kj95GnhG
>>244
left プロパティがいかれぽんちなので
absolute は使えないかと....


248 :244:02/01/27 00:08 ID:Wd3vrbN1
>>247
基本的にはイカレチムポってことはないよ。>left
大体の場合記述がおかしい。

>>240はそれだけじゃ原因が判らない。普通は効く筈。
良かったら周辺のソースをスタイルと一緒に晒してみて。
あとブラウザのバージョン。


249 :Name_Not_Found:02/01/27 00:20 ID:R73bzZLe
>>248

>>112 あたりので。
IE 5.0 です。
5.5 でも同じだったかも。

width: 100% を .section に足すと
Mozilla 0.9.7 で表示がいかれます。
width: auto は効果無し。

.navi に width: 20% とか書いても同じです。

まだイカレポンチ呼ばわりするにははやすぎた?


250 :244:02/01/27 00:42 ID:Wd3vrbN1
>>249
>>112はrightだからまた別の話になっちゃうんだよね。
rightをleftに置き換えると正常に効くし。
自分はrightで困ったことはあってもleftで困ったことってないんだけどな…。

親要素にwidthを指定するなら、
width: expression('100%'); /*WinIEの独自拡張*/
とすれば一応解決はする。
ただし、IE6の標準モードだとおかしくなるので、
DOCTYPE宣言は互換モードになるものである必要がある。
その点で現実的ではないかも。

251 :239:02/01/27 00:42 ID:/D8caGhg
>>239でした質問はどうもご回答が得られないみたいですので、
せめてMacIEのCSSバグについて、まとめたページがあったらご示教下さいませんか。
検索したけど見つけられません……。

252 :Name_Not_Found:02/01/27 00:47 ID:R73bzZLe
>>250
了解。
訂正します。right はイカレポンチ!
なんか非常にがっかりです。
はーあ。

253 :244:02/01/27 00:53 ID:Wd3vrbN1
>>251=239
マーカーが離れてしまうということは、
ul要素にマージンが効かず、
li要素の内容だけがセンタリングされてるんだと思う。

MacIE5.0では、
・blockquote、ul、ol要素にmargin: auto; が効かない
・text-align: centerでブロック要素のセンタリングはできない
からそうなるんだと。

ulをdivで囲ってみては?

254 :Name_Not_Found:02/01/27 00:58 ID:1b2tTwJm
>>251
http://pc.2ch.net/test/read.cgi/hp/991666454/l50
くらいでどうでしょうか…。
漏れもマカーですがこのバグの回避方法は知りません。ごめそ。
上のスレにあったかな…。

あと、MacIE5のバグの話題は下記の日記によく載ってます。
ttp://www.remus.dti.ne.jp/~a-satomi/nikki/

255 :Name_Not_Found:02/01/27 03:43 ID:/lPEWY9m
すみません。初歩的な質問なのですが…

htmlのテーブル内に配置したテキストを
CSSで指定したサイズにしたいのですが
MacのNetscape Communicator 4.7 ではまったく機能していません。
これって、ブラウザ側の問題ですか?

256 :Name_Not_Found:02/01/27 05:13 ID:7NMldKr9
>>255
Yes
強引にやるなら、テーブル内のテキストにspanタグとかで直接スタイル指定
するといい。文法違反だけどね。

257 :256:02/01/27 05:16 ID:7NMldKr9
補足スマソ
NN4.7ではスタイル指定して閉じても時々影響が残ることがある。
この時は閉じるタグをいくつか書くとしっかり閉じることができるかも。

ってか、6.2を薦める(w

258 :Name_Not_Found:02/01/27 05:27 ID:Do79vI7v
いまだNN4.Xを使ってる人が結構いるが頭に来る。あんなクサレブラウザを使うな

259 :Name_Not_Found:02/01/27 05:55 ID:R73bzZLe
>>258
気持ちは理解るが、スレ違いだ。

260 :Name_Not_Found:02/01/27 06:30 ID:R73bzZLe
>>250

>>112 なんですけど、手元の IE 5.0 だと right を left に置き換えて実験してみたら
ちゃんと動きませんでしたが....
あいかわらず、.section からとびでます。

5.5 だと違うんだろか...

left または right が正しく動いてる事例ってどこか無いでしょうか?


261 :239=251:02/01/27 09:01 ID:CFpNFhYM
>>253
>ulをdivで囲ってみては?
ご教示有り難うございます。結果報告致しますと――
先の>>239のソースで出したulをdivで括り、<div class="center">としました。
ちなみにスタイル指定は
.center{text-align:center;}
.center{text-align:-moz-center; margin-right:auto;margin-left:auto;}
Macは持ってないのですぐ確認できませんが、WinIE6とOperaでは以前通りうまくゆきます。
しかし今度はNN6.2が、MacIEで<ul class="center">としたのと同じ症状を呈します。
即ち、liの文字列は中央寄せしてくれても、リストマーカーは画面左端に置き去り。
但しMacと若干異なり、liを入れ子にした場合、ネストしたli要素のマーカーは
ちゃんとセンタリングされたそのli要素のすぐ左隣に配置されてます。
これはBugzilla.jpにでも提出した方がいいんですかね?
ともあれ、あちら(MacIE)を立てればこちら(NN6.2)が立たずで、困りました。
どちらかのユーザーに目をつぶっていただくほか解決案はないものですか。

262 :Name_Not_Found:02/01/27 09:11 ID:CFpNFhYM
>>260
↓ここでは正しく動作してます。少なくともWinIE5.5〜6では。
http://www.ne.jp/asahi/anarchy/saluton/hisen_j.htm
http://www.ne.jp/asahi/anarchy/saluton/stylesheet/layout.css
layout.cssにて見やすくするため各ボックスにボーダーを指定して
#mainBody .head{left:3px}を0pxにしたりright:0pxにしたりしてみましたが
全くズレませんでした。

263 :Name_Not_Found:02/01/27 09:32 ID:WBRJJTTu
>>262
#mainBody で width: 100% を指定してるので IE では上手く表示されるんですが...

<style> #mainBody { margin: 3em; } </style>

で、Mozilla でおかしくなります。
横スクロールバーが出てしまう。
width を計算してから、margin を付けてるのかな?
どっちが仕様的には正しいんでしょ。

Mozilla だけ width 指定が無視されるようにでもするしかないのかな。

余談だけど、layout.css みてて、
かなーり悲観的な気持になりました。
こんなにこまごまと UA 対策しなきゃいけないのか...


264 :Name_Not_Found:02/01/27 09:47 ID:CFpNFhYM
>>263
うちではNN6.2(≒Mozilla)でも横スクロールは発生しませんが。
>width を計算してから、margin を付けてるのかな?
それについては>>125参照。そのサイトでは下記の指定がされてる。
http://www.ne.jp/asahi/anarchy/saluton/stylesheets/default.css
html * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
cf.http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-box-sizing

265 :Name_Not_Found:02/01/27 11:39 ID:71BfOtGJ
classとidの違いって何なんでしょうか?
いろいろ検索してみたのですが、分かりにくくて……。

こういう質問はやはりHTMLのほうなのでしょうか?

266 :Name_Not_Found:02/01/27 12:52 ID:wS5MZr2p
>263
オレのサイトでは親要素に
position: relative; top: 0; left: 0;
子要素に
position: absolute: bottom: 1px; right: 10px;
という指定でしっかり効いてるけど。

>265
classは大雑把な分類。
人間で言うと男か女か。
idは個別的なもの。
人間で言うと山田花子、山下達郎とか。
ちなみにidは同ページに同じidは1つまで。

267 :261:02/01/27 13:23 ID:7I8tj6PC
たびたびすみません。
>>261で書いたNN6.2での不具合は、
<li><p>……</p><p>……</p></li>だったのを、<li>……<br>……</li>にすると
生じなくなりました。
NN6では<li></li>内にブロック要素を入れると、否応なくwidth:100%になるんですね。
それはそれで尤もな気もしますが、融通が効かないので釈然としない気も……。
li要素内にブロック要素を包含しつつ、猶且つマーカーごとセンタリングさせる手があれば
いいのですけど――無理なのかなあ。

268 :Name_Not_Found:02/01/27 15:45 ID:zFU9Su1e
>>239 亀レス失礼
CSS関連のバグならzspcにある。
>>4
http://www.zspc.com/documents/css2/index.html

269 :Name_Not_Found:02/01/27 23:09 ID:STnnfo9q
テーブルセルの中の背景にCSSで画像を置きたいのですが
<head>内にbackground-imageでクラスを作っておいて
問題のセルに<td class="hoge">で指定しても問題ないのでしょうか?

270 :Name_Not_Found:02/01/27 23:46 ID:oBlxoVEy
>>269
問題無い。なんで心配なのさ?

271 :Name_Not_Found:02/01/28 00:12 ID:WJ8rWO4M
>>267
ボックスモデルを考えると、どちらかといえば
マーカーごとセンタリングされてしまうことの方が
仕様的にはバグっぽいように思えます。
現状の CSS では内容に合わせてボックスの幅を伸縮するような指定が
出来ないので、適当なサイズで width 指定して
margin:auto; とするしかないんじゃないかと思います。

272 :Name_Not_Found:02/01/28 00:59 ID:Tr6nrIAN
>>271
まあMozilla/NN6の方が規格には厳密なんだろね。
list-style-position:insideにして<li><p>〜〜〜</p></li>と書くと
マーカーの次で改行されてliの内容と一行ズレるのも、ボックスモデルに忠実な故かと。
でも、不便ですな。リストマーカーに関しては、IE6やOperaの仕様の方がよいと感じる。
逆に、NN6と違って融通の効く表示をしてくれるIEやOperaは、
ボックスモデルでなければ一体どんなデフォルト・スタイルを設定してるのか。
もしそれがCSSで指定できるスタイルならば、NN6にも適用させたいところだ。

273 :Name_Not_Found:02/01/28 19:47 ID:QoO3q1yA
>>270
なんか他のPCで見たら表示されなくて・・・
ブラウザは大丈夫ですよ

274 :Name_Not_Found:02/01/28 21:10 ID:4V/RbK4G
-moz-opacity
-moz-box-sizing
以外にもMozilla独自の拡張があったら教えてYO!

275 :Name_Not_Found:02/01/28 21:17 ID:fmAc9MMD
>>274
英語だけど
http://www.xulplanet.com/tutorials/xultu/elemref/ref_StyleProperties.html

あとpiro氏んとこでダウソできるtipsにも載ってる

276 :Name_Not_Found:02/01/28 21:17 ID:fmAc9MMD
埋もれage

277 :Name_Not_Found:02/01/28 21:18 ID:fmAc9MMD
埋もれてなかったsage

278 :Name_Not_Found:02/01/28 21:20 ID:fwzX3tMv
>>274
Mozillaの独自拡張CSS
http://www.inter-cool.net/~phantasm/wdzone/lab/exmoz.html
Mozilla 独自プロパティ
http://www.alib.jp/mozilla/chrome/extra_properties.html

279 :Name_Not_Found:02/01/28 21:52 ID:WJ8rWO4M
>>274
効き目は全く解らんが参考 URL:
http://lxr.mozilla.org/seamonkey/source/content/shared/public/nsCSSAtomList.h
http://lxr.mozilla.org/seamonkey/source/content/shared/public/nsCSSKeywordList.h
http://lxr.mozilla.org/seamonkey/source/content/shared/public/nsCSSPropList.h


280 :Name_Not_Found:02/01/28 22:59 ID:v0Ap056o
<style type="text/css">
<!--
a:link { color: #0000ff; text-decoration: underline}
a:visited { color: #0000ff; text-decoration: underline}
a:active { background-color: #ffffcc; color: #ff0000 ; text-decoration: none}
a:hover { background-color: #ffffcc; color: #ff0000 ; text-decoration: none}
-->
</style>

と、リンクの色を指定するパターンを、同じhtmlページ内で2種類使えるんでしょうか?

具体的には、上記のパターンと、
a:link { color: #ffffff; text-decoration: underline}
a:visited { color: #ffffff; text-decoration: underline}
a:active { color: #ffffff ; text-decoration: none}
a:hover { color: #ffffff ; text-decoration: none}
というパターンを使いたいのですが。



281 : :02/01/28 23:06 ID:QQNiwM+3
>280
class で分ければ万事問題なし.

282 : 281:02/01/28 23:07 ID:QQNiwM+3
>281 補足
同じページ内でリンクパターンが複数あると見るほうが混乱するかも
しれないのであまりお勧めはしない.

283 :Name_Not_Found:02/01/28 23:12 ID:XHclFiUW
>>280
セレクタを使い分ければ何種類でも使える。
例えばulの中のリンクだけ別のスタイルを適用したい場合、

ul a:link{ 〜 }
(以下略)
とする。

あとは>>281の言うようにclassを使っても良い

>>282
まあ背景色との兼ね合いもあるだろうから。

284 :Name_Not_Found:02/01/28 23:13 ID:lY9q6snN
まぁ、メニュー部と地の文とで分けるくらいなら問題ないんじゃないの。

285 : 281:02/01/28 23:16 ID:QQNiwM+3
うむ,僕の考えが浅かった.ごめん.

286 :280:02/01/28 23:21 ID:v0Ap056o
>>281
classの使い方を散々調べて、単純なことはできるようになったんですが、
自分が一番したい>>280のことができないんです。

.test { color:#ffffff; text-decoration : none }
として、<a href="xxx.html" class="test">としても思ってるのと違うし。

>>282
バックの色が違うところにリンクを置きたいのです。
わかり辛いでしょうかねぇ。

287 :Name_Not_Found:02/01/28 23:29 ID:x2ZtcH0p
a:link.test { color: #ffffff; text-decoration: underline}


288 :Name_Not_Found:02/01/28 23:35 ID:/xG46J9R
a:hover { color: red; }
a.hogehoge:hover { color: green; }

こうすればいいということ。

a:hover { color: red; }
ul a:hover { color: green; }

こういうこともできる。


289 :(・∀・):02/01/28 23:36 ID:LSoe37kL
a:hover.test2 { color: #ffffff; background:#000000; font-size:xx-large;underline overline line-through; text-decoration: none;}

290 :274:02/01/28 23:36 ID:mOnJ4TGl
参考になりました。

291 :280:02/01/28 23:42 ID:v0Ap056o
>>287 >>288
できました!めっちゃ嬉しい。
ありがとうございます!

292 :Name_Not_Found:02/01/29 16:16 ID:FpLj8eXj
あんま関係ないけどTopStyleってやつ
C:\Program Files\Bradbury\TopStyle2.5\user\elements.dat
をいじれば要素増やせるんだ。初めて知った

293 :Name_Not_Found:02/01/29 16:22 ID:3g2oAG+J
TopStyleって窓使いの憂鬱と相性悪い? いっしょに使うと落ちまくるんで消したわ。

294 :280:02/01/29 16:40 ID:KR4sA2/L
>>280から、>>287 >>288 >>289 と教えていただき、
>>291と解決したかに思えたのですが、
ネスケでこの技は効かないんでしょうか?

a:link { color: #0000ff }
a:link.test { color: #ffffff }
と一番シンプルな形で試したところ、IEでは期待どおりなのですが
NN(4.5)では最初に指定した色で表示されてしまうんです。

あきらめるしかないんでしょうか。

295 :Name_Not_Found:02/01/29 16:59 ID:3CjkbdDr
>>294 a.test:link もだめだった?

296 : :02/01/29 17:14 ID:uSMZ7m8D
>295
WinNN4.7 ならそれでうまくいくね.

ところで >294 さんが本当にやりたいのは
<div class="another">
<p><a ...>foo</a></p>
<p><a ...>bar</a></p>
</div>
で .another a{color: black;} とかそういう方向じゃないのかなあと思った.

297 :294:02/01/29 17:33 ID:KR4sA2/L
>>295
見事にできました! ありがとうございます。
ってことは・・・
NN4.7だったのか、使ってるの。

>>296
勉強不足で違いがわかりません。ごめんなさい。
でも、ここで教えてもらった方法で期待通りの表示はできるようになりました。

バックが白のページで、基本的なリンク表示パターンを一つ、
同ページ内でバックの色が違う場所では別のパターンを、としたかったのです。

たぶん僕の使ってる単語がおかしかったりして、混乱させてしまってましたら
ごめんなさい。

298 :Name_Not_Found :02/01/29 18:02 ID:6lIem5xs
>>297
296じゃないけど、
その違う背景色を設定したブロック要素の中のAタグの話だから
文脈セレクタが使えるな、という指摘でしょ。

299 :294:02/01/29 19:00 ID:KR4sA2/L
>>298
わかりやすい説明ありがとうございます。
おかげさまで理解することができました。

CSSは勉強し始めたところなので、
今のところは>>295でいってみます。

300 :Name_Not_Found:02/01/29 23:10 ID:3nQvp5ou
.htaccess を使って UA 毎のスタイルシート切り変えをしてる人っていないのかな。

301 :Name_Not_Found:02/01/30 00:50 ID:X+fmQZZD
floatで画像の右側にテキストを書くと、
その文の長さによって下のマージンがおかしい。
たまに上のボックスと下のボックスがくっついたりする。
これどう?

302 :Name_Not_Found:02/01/30 00:59 ID:e2PoMswu
もう少し状況を具体的に。>>301

303 :Name_Not_Found:02/01/30 01:33 ID:BFtTYxYs
はいはーい質問!

<img src="a.gif" style="float:left;">
<div>aa</div>

ってありですか?
floatの後にボックス要素もってくると、NN6とかちゃんとしない気がします。



304 :Name_Not_Found:02/01/30 01:35 ID:BFtTYxYs
あ、ちなみに>>301ではないです

305 :Name_Not_Found:02/01/30 01:42 ID:pVbBOP+3
>>301
これのことかな?
http://pc.2ch.net/test/read.cgi/hp/997305601/367-368
http://pc.2ch.net/test/read.cgi/hp/997305601/378

仕様どおりだけど何か釈然としないよな、という話です。

>>303
OK。

306 :301:02/01/30 02:03 ID:X+fmQZZD
>>305
過去ログ見逃してたようですんません。
でも、ありがとございました。

floatってマジ信用できん…。

307 :Name_Not_Found:02/01/30 02:12 ID:pVbBOP+3
>>306
いや、そのスレ「Netscape6.1の評価」だから。埋もれてるし。

308 :Name_Not_Found:02/01/30 03:07 ID:CvW0rF8T
疲れた…ブラウザ自体が違うならまだしも,ブラウザの
マイナーバージョンが違うだけでCSSの動作が変わってくる…

テーブルごちゃで全ページのデザイン固めるのはアレだし.
(デザインとデータを分離させたいので論外)

CGIでデータだけ読み込ませてテーブルに突っ込むのも,
サーバ負荷を考えると非現実的.

はぁ…オラ,もう疲れたよ.

309 :Name_Not_Found:02/01/30 04:02 ID:VHzX0pWb
>>308
君だけじゃない。みんなそう思ってる。

何も知らずに font 要素とか使ってた厨のころは幸せだったなぁ。
でももう知ってしまったから後戻りは出来ないね。


310 :Name_Not_Found:02/01/30 09:23 ID:k4wa4W5J
a:visited{ color : blue; }
a:hover{ color : red; }

ってやると、リンクの上にマウスやってもredにならないです。

311 :Name_Not_Found:02/01/30 11:53 ID:5NGyl/Pr
body要素にmargin:0を指定してもN4.xだときかないので

body{
margin:0;top:0px;left:0px;position:absolute}

にしたら効くようになったのですが、これってまずいやりかたですか?

312 :Name_Not_Found:02/01/30 13:23 ID:k4wa4W5J
age

313 :Name_Not_Found:02/01/30 13:40 ID:asNsIu5s
>>311
今手元に N4 が無いのでちょっと自信無いですが
margin だけでなく padding: 0 も指定してみては?

314 :Name_Not_Found:02/01/30 13:46 ID:en1S8p7T
>>310
なりますけど? ブラウザ名とバージョンは? 何か他に変な指定入れてない?

315 :Name_Not_Found:02/01/30 14:34 ID:g8HAFXaH
前に fj かどこかで見たような気もするんですが、
css が有効な時だけ画像を表示するってのはどうやったらいいんでしょう?
css が無効な時にはテキストを表示させたいのですが...
できれば、無駄な要素(空 span とか)は入れたくないです。

316 :Name_Not_Found:02/01/30 14:41 ID:5NGyl/Pr
>>313
margin:0;padding:0だけでは駄目だったんです。で、positionとtop,leftを
追加したらN4でも寄せることが出来たんだけれど、なんだか気持ち悪くて、
こんなスタイル定義は仕様書的にOKなのかと思いまして。

317 :Name_Not_Found:02/01/30 14:42 ID:en1S8p7T
>>315
background-imageとvisibility:hiddenの組合せでなんとかならないか。


318 :Name_Not_Found:02/01/30 14:45 ID:en1S8p7T
>>316
別に間違ったスタイル指定ではない。
但し絶対位置指定(position:absolute;)には弊害もあるのでご用心。

319 :Name_Not_Found:02/01/30 18:59 ID:uA6+AeNb
>>317
なるほど。ありがとうございました。

320 :Name_Not_Found:02/01/30 19:16 ID:CvW0rF8T
絶対位置指定の弊害って?
気になる...

321 :Name_Not_Found:02/01/30 19:20 ID:uA6+AeNb
スクロールが重くなったりとか。
あとは、バグの温床だってあたり?
詳しくないので..

322 :Name_Not_Found:02/01/30 22:39 ID:X+fmQZZD
>>320
環境によって位置が微妙に異なる、とかかな?

ついでに質問。
addressにmarginを指定しても無視される時ない?
paddingだと大丈夫なんだけど。
誰か教えてくだせぇ。

323 :Name_Not_Found:02/01/30 23:01 ID:gu1htgJK
ポジション指定のright bottomはオペラじゃ厳しい。
つか全然ダメだった。

>322
普通に効くけど?
marginは確か他の要素に指定したのと被るんじゃなかったっけ?

324 :Name_Not_Found:02/01/31 08:54 ID:GLZiOsXn
>>322
垂直方向の margin は一定の条件で相殺される。
http://www.y-adagio.com/public/standards/tr_css2/box.html#collapsing-margins

325 :322:02/01/31 12:24 ID:rU0zq/xI
>>324
サンクス!

326 :Name_Not_Found:02/01/31 13:03 ID:ZHkg1PqR
>>323
Opera6だが、positioningのrightやbottomも一応有効ですよ。
「全然ダメ」ってことはない。

327 :Name_Not_Found:02/01/31 14:39 ID:QWlmlzMc
つまんない質問ですいません。
cssでイケてるスレッドで紹介されたサイトを順番に見ていたんですが、
どうしてみんなオタクのかほりがするんですか?
・サイト持ち→多かれ少なかれオタク
・2ちゃねら→多かれ少なかれオタク
・css使い→多かれ少なかれオタク
正解はどれですか?まじれすお願いします。
というか
・cssを使用する→オタクだとばれる
・cssを使用する→2ちゃねらだとばれる
はありえますか?我ながら馬鹿っぽい質問で恐縮ですがまじれすお願いします。

328 :Name_Not_Found :02/01/31 14:50 ID:Y+ybkjcx
どうやったらそんなに視野が狭くなるのか。
2ちゃんねるばっかり見てるせいだぞ。

329 :Name_Not_Found:02/01/31 14:59 ID:QWlmlzMc
スイマセン。

330 :Name_Not_Found:02/01/31 15:24 ID:V7wHe22B
確かに、ライトユーザで CSS ばりばり、HTML は Strict なんて人は少ないね。
それに、コンピュータおたくは通常2、3種類の他ジャンルのおたくを兼ねてるものです。

331 :Name_Not_Found:02/01/31 15:39 ID:lQTRtQrg
class名がomaemonaとかitteyosiとかだと2ちゃんねらーだとバレるが,
そりゃCSSの問題っーより,使ってる人間がアレなだけだ.

個人的に,お洒落なページ作るためにCSS使うというのより,
データとスタイルの完全なる分離を目論み,CSSを使ってるという
ページのほうがCoolだと思う.

そういうページのHTMLって綺麗なんだわ,タグ少なくてデータが詰まってる.

332 :Name_Not_Found:02/01/31 16:28 ID:V7wHe22B
>>331
これこそはってサイト、紹介してくれると嬉しい。
CSS の為に HTML を書く、的なとこばっかり見てしまったので
このままでは間違った方向に進んでしまいそうです。


333 :Name_Not_Found:02/01/31 16:32 ID:3qIn20XG
>>332
のざきタンのとこはどうよ?
至る所でガイシュツなのでURLは略。

334 :323:02/01/31 19:16 ID:8/GSyzbz
>326
ホント?
じゃぁ、ある条件下でのバグかなぁ?
親要素に position: relative; top: 0; left: 0; を指定して、
子要素に position: absolute: bottom: 5px; right: 10px; を指定。
子要素にはボーダーも指定したんだが、
そのボーダーが何故かウインドウ縦幅100%と解釈されてた感じ。

>331
オイラはindex以外、全ページに同じスタイルを
指定してるからリニューアルとか簡単っていう理由が大きいかも。

# リニューアルよりサイト更新しろってのは置いといて

335 :Name_Not_Found:02/01/31 19:31 ID:V7wHe22B
>>334
リニューアルって、
サイトの内容を見なおして、構成を変えてみるとか obsolete な情報を隔離するとか
そういうのも含まない?

>>333
言葉 seek でしたっけ?


336 :Name_Not_Found:02/01/31 22:41 ID:up+A9UQw
質問です。
border: solid 1px #000;
border-bottom: solid 2px #000;
っていう指定は別に問題ないですよね?

337 :Name_Not_Found:02/01/31 23:06 ID:2e9WMfC0
>>336
無いと言えば無いしあると言えばある。

border-top:solid 1px #000;
border-right:solid 1px #000;
border-bottom:solid 1px #000;
border-left:solid 1px #000;
border-bottom: solid 2px #000;

という記述と同じなので、W3Cのバリデータでは
「border-bottomが重複指定されている」という警告が出る。

もっとも、単に注意程度の意味の警告なので、
放って置いても問題はないといえばない。

338 :Name_Not_Found:02/01/31 23:22 ID:up+A9UQw
>>337
なるほど。ありがとうございます。
やはり、重複は警告モノなんですね。

339 :Name_Not_Found :02/01/31 23:35 ID:M/OyxG7j
>>336
かぶった分はより詳細な指定が優先と決まってるからそれで正しいぞ。

340 :Name_Not_Found:02/01/31 23:43 ID:V7wHe22B
>>338
まあ、気が付かないうちに重複しちゃってることがないよう
注意してくれてるだけなんでしょう。きっと。

341 :Name_Not_Found:02/02/01 02:12 ID:T8pMeCCd
ttp://www.ah.wakwak.com/~osyare/sozai/kabe/kabe2/ky-grade-vw.htm
というようなグラデーションの背景にしたいんですけど
スタイルシートで表示させるにはどう記述したらいいのでしょうか。

342 :Name_Not_Found:02/02/01 02:14 ID:pGmB0/8v
>>341
body {background-image:URL(ここに指定)}

343 :341:02/02/01 02:17 ID:T8pMeCCd
>>342
画像を使わないでスタイルシートでグラデーションを
だすにはどうしたらよいのでしょうか。

言葉が足りなくてすみませんでした。

344 :341:02/02/01 02:21 ID:T8pMeCCd
341に書いたURLのグラデーションは全画面表示にしないと
両脇に色がついてるのが見えません。
ウィンドウの大きさが変わっても、
両脇にちゃんとグラデーションが表示されるようにすることは
スタールシートを用いれば可能なのでしょうか。



345 :Name_Not_Found:02/02/01 02:23 ID:qf4LqTjn
>341
http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm?
ここで色々試してみれ。
ただしIEだけだぞ。

346 :Name_Not_Found:02/02/01 02:59 ID:pGmB0/8v
>>341
ttp://www.geocities.co.jp/Milano-Killer/8583/gokuwaza/div2blue.html
ここに近い事は書いてあるかな?

347 :Name_Not_Found:02/02/01 12:33 ID:pGSjpm5D
IEのフィルタは
指定できるのは2色だけだし、
フォーカス位置も指定できないし、
なんか物足りない。
透明度が付くのは面白いかな。

348 :Name_Not_Found:02/02/01 13:49 ID:hUQit9Td
ul li{list-style-image: url(off.gif);}
ul li:hover{list-style-image: url(on.gif);}
ってやって、
カーソルが乗ってるリスト項目のマークを変えるのは有効なんでしょうか。

過去ログ探したら
http://mentai.2ch.net/hp/kako/974/974934062.html
の387に
>CSS2では:hover, :active, :focusは汎用疑似クラス
とあるし、仕様上は問題ないみたいですが、
IE5.5 や NN6 では意図したようにマークが変わってくれません。
UAの問題なのかな。

349 :Name_Not_Found:02/02/01 15:36 ID:6enpe3L2
>>348
>UAの問題なのかな。
その通り。


350 :Name_Not_Found:02/02/01 16:29 ID:Bau/dj5A
>>348
NN6ならば、th:hoverでbackgroubd-colorを変化させる位はできたけどね。
実装はまだまだ。当分はJavaScript頼りです。

351 :Name_Not_Found:02/02/01 19:51 ID:Y/LHpIbu
IEが実装する

そのバージョンが普及する

最低限こうならないと最新の技術は使えんからね。
気が遠くなる。
何でM$は以下略

352 :Name_Not_Found:02/02/01 22:00 ID:CCMtWePs
cssつかったら,普段ウィンドウの幅に合わせて改行されていた文字が
だらーっと右のほうへ流れていってしまいます.
どうしたら改行してくれますか.

353 :Name_Not_Found:02/02/01 22:07 ID:/g/XcVm7
>>352
まずはそのタグ晒せや。それだけじゃ内容つかめん。

354 :Name_Not_Found:02/02/01 22:07 ID:12E1JA1k
>>352
どんな CSS を書いたのか提示すべし。

355 :Name_Not_Found:02/02/01 22:16 ID:uVIjermc
box-sizing系か?何か多いよね。
width: 100%とかではみ出してるとこ。

356 :Name_Not_Found:02/02/01 22:19 ID:12E1JA1k
>>352
あと、そのだらっと流れるブラウザの名前とバージョンも忘れず書けや。

357 :Name_Not_Found:02/02/01 23:11 ID:jsKUTwGW
態度悪くて優しい>>353-356に萌え

358 :Name_Not_Found:02/02/01 23:15 ID:f7b6P7Ef
>332
逝けてるサイトスレなどの、「企業系」参照。
厨なデザイナーばかりでもないことがわかる。

>339
あとから指定されたものが上書きするのは仕様、というのもあり。

>352
Operaでの頻出事項。。。


359 :Name_Not_Found:02/02/01 23:34 ID:YxveWPJ2
>>351
いえてる。
NN4 とか使ってる人が未だにいることを考えると
今判明したバグっとはこれからしばらくの間付き合っていかなきゃいけないってのもある。
はぁ..

360 :Name_Not_Found:02/02/02 00:39 ID:nr1fxsuE
CSS(おまけにxhtml),始めました.
楽しいですね.当方ヲタクなもんで(w

361 :Name_Not_Found:02/02/02 01:08 ID:eRLtVKZm
CSSで<tt></tt>の効果を生み出すにはどうしたら良いのでしょうか?

362 :Name_Not_Found:02/02/02 01:15 ID:0n3iev1f
>>361
適用したい要素をセレクタとして以下の指定をする。
font-family:"MS ゴシック","Osaka−等幅",monospace;
http://www.sugai.f2s.com/web/CSS/font.html#font-family

363 :Name_Not_Found:02/02/02 01:17 ID:JJJLuUui
>360
オイラも今日からxhtmlをやってみた。
どんどんヲタ臭くなるオイラ(;´Д`)

>361
SPAN要素にfont-familyで等角フォントファミリー名を指定してみては?

364 :Name_Not_Found:02/02/02 01:17 ID:JJJLuUui
ごめ。被った。

365 :Name_Not_Found:02/02/02 01:30 ID:CtvovU4d
見ていると時々自分のブラウザでスタイルシートが反映されないサイトが
あるんですが、なぜでしょうか?馬鹿な質問だったらすみません。
MacでIE5です。

366 :Name_Not_Found:02/02/02 01:35 ID:0n3iev1f
>>365
↓ここで述べられたのと同じ現象ではないかしらん。
http://www.remus.dti.ne.jp/~a-satomi/nikki/2002/01a.html#d03n02

367 :361:02/02/02 01:48 ID:eRLtVKZm
>>362さん
>>363さん
ありがとうございました。
さっそくやってみますm(_ _)m

368 :360:02/02/02 02:19 ID:nr1fxsuE
まじで面白いっす〜
特に,NN4とIEとOperaとMozillaで基本的に同じように表示された時(w
MacIE5も試したいんだけど,うちのお客さん,マカー1%未満なんだよね…

>>365
>自分のブラウザでスタイルシートが反映されないサイト
は常にあります.…ヘタレUAとヘタレWeb製作者ある限り.
私のとこみたいに,MacIE5の動作確認ができないところも
あるだろうしね〜.ヘタレでスマソ.
でも,MacIE5非対応の要素は使ってないつもりです.
MacIE5ってCSS対応は(比較的)しっかりしてるみたいだしね.

369 :Name_Not_Found:02/02/02 02:20 ID:iluXJ6ZN
>98
相対パスを使うといいかと。

質問ですが、
スタイルシートを使ってリンク画像の線を消すのはどうすればいいんでしょう?
<a href=""><img src=""></a> ←こんな時

370 :IDスゴッ>>363:02/02/02 02:21 ID:ifHCS9iB
 

371 :Name_Not_Found:02/02/02 02:33 ID:CVnJF91K
img { border-width: 0px; }

372 :Name_Not_Found:02/02/02 03:14 ID:M8sJQjH7
IMG {border: none}
これではあかんかな?

373 :Name_Not_Found:02/02/02 03:20 ID:r5ko7HNK
オレはこうやってる。

A IMG { border-style: none; }

374 :Name_Not_Found:02/02/02 03:32 ID:4J7cHPEm
A IMG{border:0px none; color:#ffffff;}
/*NN4はborder:0px none;だけだとアンカー内畫像の線が消せない*/
/*colorは背景色と同色にする*/

375 :Name_Not_Found:02/02/02 03:33 ID:S1PrHxXY
>>371-373
このスレで言っても仕方ないことだが
CSSではNN4.xでborderが消えないんじゃなかったかな?(;´Д`)

376 :Name_Not_Found:02/02/02 03:54 ID:INTEbK4A
ものすごくおそるおそるおたずねします。

div二つ入れ子にして、それぞれborderを
(外側のdiv)「右と下だけ」、(内側のdiv)「左と下だけ」
という風に指定したのですが、内側のdivをたくさん入れると
中身のテキストが段々左に広がっていってしまうのです。
こういう変なborderの指定の仕方はだめなのでしょうか?

div.hoge { border: (右と下だけ指定); }
div.hage { border: (左と下だけ指定); }

<div class="hoge">
<div class="hage">テキスト</div>
<div class="hage">テキスト</div>


</div>

という感じなんです(あの、borderは
もちろんもっと詳しく指定してますが、
全部書くと「長い」と怒られそうなので、
こんな書き方をしてしまいました)。

ブラウザは、IE5.5SP2です。ネットスケープ6.1で見ると
まったく問題ないのですが。

377 :Name_Not_Found:02/02/02 04:02 ID:4J7cHPEm
>>376
たぶんIEのバグ。以下参照。

「CSS、DHTMLバグ辞典スレッド 」の23
http://mentai.2ch.net/hp/kako/987/987003410.html
「CSS/DHTMLバグ辞典スレッド ver2.0」の176
http://pc.2ch.net/test/read.cgi/hp/991666454/176

378 :377:02/02/02 04:06 ID:4J7cHPEm
あと、ここも。
Internet Explorer 5.5(Win32版)>正式版のバグ
http://members.jcom.home.ne.jp/pctips/ua/IE55.html

379 :376:02/02/02 04:13 ID:INTEbK4A
(一回へたれ回線切れてID変わってますが376です)
あ、ありがとうございますっ。
こんな時間なのに、8分しか待たなかった・・・(涙)

バグなのかな?とも考えたのですが、ネスケでオケーなのに
IEでだめなんて???と打ち消していたんです。
(cssのバグはネスケがひどいと勝手に思い込んでいました。
ネスケ6以上のバージョンはかなりよいのですね)

これですっきりしました。それでは、バグスレに逝ってきます。

380 :Name_Not_Found:02/02/02 05:07 ID:M8sJQjH7
クラスという概念が理解できない…
変数?

381 :Name_Not_Found:02/02/02 05:23 ID:4J7cHPEm
>>380
変数って、JavaScriptぢゃないんだから……
指定したスタイルの適用対象を特定する、絞り込みのための属性ですよ。
http://www.kanzaki.com/docs/html/htminfo17.html#S32

382 :Name_Not_Found :02/02/02 05:26 ID:vyKNV7LL
>>380
畳の上で水練をするタイプかい。

383 :Name_Not_Found:02/02/02 06:39 ID:M8sJQjH7
>>381
クラスとIDって何が違うんだろう?
そのページ見たけど,一緒の意味に見える…俺って文目?

384 :Name_Not_Found:02/02/02 06:58 ID:zCWnWGlb
class がバナナだとすると、
id は俺の名前がマジックで書いてあるバナナ。


385 :Name_Not_Found:02/02/02 07:05 ID:o8fTDX8V
classは「文学部」「理学部」みたいなカテゴライズ。
同じclassを複数の要素に指定できる。
idは「学生番号」みたいなもの。一つの文書でidが重複してはいけない。

<p class="本文" id="一つ目の段落">ほげほげ</p>
<p class="本文" id="二つ目の段落">ほげほげ</p>
<p class="註釈" id="三つ目の段落">ほげほげ</p>

# class/idは普通英数字ね。

386 :Name_Not_Found :02/02/02 07:07 ID:vyKNV7LL
>>383
同一ページ内に同じ id が二つ以上あってはいけない。

387 :383:02/02/02 07:19 ID:M8sJQjH7
つまり,クラス名を与えると,そのクラスに対して纏めて指示を送れる.
学校のクラスと一緒で,さながらページの作者は先生になったようなもんか.

IDは,そのまんま,囚人番号ようなもので,同じIDがあってはいけない.

なるへそ.んじゃ,>>385さんの例のようにIDとclassを
両方当てた物は,どっちが優先されるんでしょうか.


388 :Name_Not_Found :02/02/02 07:30 ID:vyKNV7LL
id。迷うようなケースではセレクタの詳細度が高くなっているはず。
CSS勧告の翻訳でも探して読んだら。

389 :Name_Not_Found:02/02/02 07:37 ID:GWuKZKEi
<dl>で擬似テーブルできたー!
ソースが3割減ったよ。

390 :365:02/02/02 14:58 ID:D5qRiSD9
366-366様
ありがとうございました!

391 :Name_Not_Found:02/02/02 15:00 ID:D5qRiSD9
366-368様でした。逝ってきます…

392 :Name_Not_Found:02/02/02 15:35 ID:1dskkyJa
>>389
それやりたいんですが出来ないんです。
</TR>をどう「変換」すればいいのでしょうか?
(次の行に移るにはどうすればいいかってことです)

393 :Name_Not_Found:02/02/02 18:43 ID:4hunf7qt
>>392
floatでやるならこんな感じ。
dt{
clear:both;/*前にdtが出現してる場合、そのfloatを解除。*/
float:left; width:5em;/*floatはwidth必須*/
}
dd {
margin:0 0 0 5.5em;/*dtの幅+α分だけ左マージンを取る*/
padding:0;
}

394 :Name_Not_Found:02/02/02 18:45 ID:4hunf7qt
【FAQ】
段組のやり方の参考サイトを挙げておく。
テーブル・レイアウトから卒業するには必須だし。
要はfloatとpositionの利用法ですが。
http://dfj.cool.ne.jp/html/column.html
http://www.skipup.com/~l-_-l/web/
http://homepage.mac.com/csstyler/css-multicol.html
http://www32.tok2.com/home/eyeeye/css001.html
http://www.motchie.com/article/multicolumn.html
http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html

395 :権兵衛:02/02/02 19:24 ID:xejigtTN
>>394

うげげ!
こんなにあるの?
自分のサイトで段組テンプレート作成しようと思って、
オペラやネットスケープ4でいちいち確認しながら、作っていた私って一体。

396 :Name_Not_Found:02/02/02 19:45 ID:Wkc9kSsm
↓ここはネスケ4でも立派にCSSで段組レイアウトができてます。
「なかよしぱれっと」
http://village.infoweb.ne.jp/~fores/

397 :Name_Not_Found:02/02/02 19:49 ID:1dskkyJa
>>393,>>394
一応floatの基本は分かってるんですが、最近どこかで、
<dd>だか<li>を9個並べて、3×3の「テーブル」作っているとこを見たんですよ。
4個目と7個目にclass指定している気配もなかったんで、どうやって折り返してんだろう?
と思いまして。

でもIEの履歴探ってみたけど見あたらない…勘違いかもしれませんsage

398 :Name_Not_Found:02/02/02 19:55 ID:Wkc9kSsm
>>397
dlにwidthを指定して、ddの幅をその3分の1(-α)とすればいいのでは?

399 :Name_Not_Found:02/02/02 20:01 ID:Wkc9kSsm
>>397 こんな感じですか?
↓floatによるグリッド風配置の例。
http://www.toybox.jpn.org/test/floats.html
http://www.toybox.jpn.org/test/floats2.html

400 :Name_Not_Found:02/02/02 21:25 ID:1dskkyJa
>>398
見事に出来ました。ありがとうございます。
でも、IE5と6のwidthの違い?もありますし、ちょっとしたことでずれそうなのが少しコワイです…

401 :Name_Not_Found:02/02/02 21:59 ID:JJJLuUui
>400
NN6で見てズレてなかったらIE6でも桶なんじゃない?

402 :Name_Not_Found:02/02/02 22:16 ID:CUDM2Mya
>>400
>IE5と6のwidthの違い
対策1:DOCTYPEスイッチで互換モードにする。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp#cssenhancements_topic9
対策2:Transitionalがイヤでstrict志向なら、いっそxhtmlにする。
 cf.http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/09b.html#day20num01

403 :Name_Not_Found:02/02/03 04:39 ID:siMy/mwv
<select>タグにborderとか背景画像ってCSSで設定できないんでしょうか?
<input type=text...タグでは、できたのですが・・・。

よろしくお願い致します。


404 :Name_Not_Found:02/02/03 04:43 ID:VPSYt159
>>403
NC4を排除したいのですね…<selectに背景画像

405 :Name_Not_Found:02/02/03 04:50 ID:GaNCIi+e
>>403
selectそのものよりはoptionに指定した方がいいんじゃないかな。
セレクトボックスの中身についてはそれで表示を変えられるよ。
ボタンの方は現段階では無理。


406 :Name_Not_Found:02/02/03 07:48 ID:zCNEL3X8
#menu{
width:200px;
height:200px;
text-align:left;
}
この中のテキスト(これ自体じゃない)を、ど真ん中に入れたいのですが
テキストの左寄せはできても垂直方向の調整ができません。

要は<TD valign="middle" align="left">のようなテキスト配置に
したいのですが…どうすればいいのでしょう

407 :Name_Not_Found:02/02/03 07:59 ID:zLpPqKwh
>>406
高さ指定して垂直位置を真ん中に、
っていうのはテーブルのセルでないと無理です。
なので、以下のスタイルを加えます。

display: table-cell;
vertical-align: middle;

もちろんIEでは無理です。MozとOperaではOK。

408 :407:02/02/03 08:05 ID:zLpPqKwh
じゃなくて、質問しにきたんでした。

ZSPCのtext-alignのページ
http://www.zspc.com/documents/css2/text/textalign.html
に、『「justify」は英語では問題ないが〜』とありますが、
これ本当に効くんですか?
IEはtext-justifyを指定しないと駄目ですし。

409 :406:02/02/03 08:07 ID:zCNEL3X8
やはりテーブル使わないとムリなのですか。
早速やってみます。ありがとうございます
でもIEでムリなら、この見栄えにするためには他の方法を考えたほうがいいんだろうな…

410 :Name_Not_Found:02/02/03 09:50 ID:ppPuLEKk
>>408
何を聞きたいの?
書いてある以上の事は誰にも言えないよ。
>これ本当に効くんですか?
って、ZSPCに書いてある通りだよ。

411 :Name_Not_Found:02/02/03 09:50 ID:jLtU/VrU
>>406
可能。ヒントは#menuの中にブロック要素を作り、margin-?を??%とかに指定。
#menu自体の位置を配置したいのならpositionを使うべし。中央よせはどこに
指定すればいいのかは考えてみて。

412 :Name_Not_Found:02/02/03 10:43 ID:J58gaWch
>>409
IEなら、CSS関数構文(expression)で窓の高さを算出してやればできるのでは?
cf.http://www.microsoft.com/japan/developer/workshop/author/dhtml/dude061198.asp


413 :Name_Not_Found:02/02/03 10:46 ID:CBuaNCIm
>>408
text-align:justify;があると、MacIE5.xでえらいことになるので、
>>366のバグを逆用して

@media all {
p {text-align:justify;}
}

などとして頂けると助かります。はい。

414 :408=407:02/02/03 11:22 ID:oQM71vPa
>>410
試してみて効かなかったので伺ったんですが…。
Mozillaに限った場合、↓で均等割付されますか?

h1{
text-align: justify;
}

>>413
どうも。でもjustifyを使うつもりはないんです。

415 :Name_Not_Found:02/02/03 11:52 ID:J58gaWch
>>414
「使うつもりはない」のなら、ナゼ尋ねるの?
でもMozilla/NN6に限っても、text-align: justify;は英文なら有効ですよ。
h1みたいな短いものでなくて、数行にわたる文章(p)で試してごらん。
H1でも、よく見るとword-spacingが増やされるのがわかる。

416 :Name_Not_Found:02/02/03 12:08 ID:jAA55JM9
>>414
Mozillaは
日本語でも半角スペースとかが混じってると
無理やり両端揃えにされて
とんでもないことになるぞ。

417 :Name_Not_Found:02/02/03 13:38 ID:i/MpMWuo
>>416
うちのサイトでは、日本語の文章に学術用語の原語を入れるので
英字・半角スペースも屡々混じるけど、別に「とんでもないこと」には
ならないが……。
どんな場合にどんな不具合がtext-align: justify;によって生じるのか、
後学のため、ご教示下さいませんか。

418 :Name_Not_Found:02/02/03 14:14 ID:qRvytr2Z
一行に半角スペースが一つだけあったりすると、
スペースの左側は左揃えに、右側は右揃えになって、
長い英単語とかの影響で、その行の文字数が少ない場合に
そのスペースが大きく広がってしまうとか、そういうこと?

それなら経験あるけど、別にとんでもないというほどの
ものでもないような。

419 :Name_Not_Found:02/02/03 19:29 ID:zy2YmQsZ
tableを作るときにひとつのセルでtr,tdとも最低50ptは欲しい、
ただし、内容がはみだしそうになったらtrの設定を優先したいというときには
どのようにすれば良いでしょうか?


420 :Name_Not_Found:02/02/03 19:45 ID:ppPuLEKk
>>419
trへのwidth指定? は確か仕様上は無効のはず。
tr、tdとも50ptってのはよく解らんが、
min-width、max-widthってプロパティはあるよ。
N6/Mozillaしか対応してないけど。

IEでもやろうと思うと、やっぱりスペーサーGIFみたいな要素を
用意しなきゃいけないかな。

421 :419:02/02/03 21:54 ID:kl7V/1DD
>>420
ごめんなさい、書き方が悪かったです。
今は
<tr style="height:50pt">
 <td style="width:50pt">
  いろいろ
 </td>
</tr>
という指定をしています。
この中で、セルの内容がはみだす場合にはheghtを優先という設定をしたいのですが。
できれば、IE5.5or6で対応しているほうが望ましいです。

422 :Name_Not_Found:02/02/03 22:04 ID:EbZ+TJG4
はみ出す内容の表示方法はoverflowプロパティーで指定できるのでは。
 http://hp.vector.co.jp/authors/VA022006/css/visualren.html#overflow

423 :419:02/02/03 22:40 ID:kl7V/1DD
>>422
overflowプロパティはあえて使うならvisibleなのですが、
「制限を無視して」の中の「無視する制限」の内容を
明示的に指定したいのです。
具体的には
┌──┬──┬──┐
│●●│  │● │
│● │  │  │
├──┼──┼──┤
│●●│●●│  │
│  │●●│  │
└──┴──┴──┘
という表で●が5つ以上になったら
┌──┬───┬──┐
│●●│   │● │
│● │   │  │
├──┼───┼──┤
│●●│●●●│  │
│  │●● │  │
└──┴───┴──┘
のように、縦ではなく、横幅を広げろということを
明示的に示す方法はないのかということです。
そのまま印刷もできるようにしなくてはいけないので、
スクロールバーを使うことはできません。

424 :419:02/02/03 22:41 ID:kl7V/1DD
うわ、ずれた(--;

425 :Name_Not_Found:02/02/03 23:03 ID:ngJO285y
>>423
>縦ではなく、横幅を広げろということを
IE独自拡張のoverflow-xプロパティを使用すればできない?
出なきゃ、いっそエクセルでやるとか。

426 :Name_Not_Found:02/02/04 00:02 ID:2Af18DMw
@importの前に@charsetを記述しても良いのでせうか?

@charset "コード指定"
@import "hogehoge.css"

某リファレンス本で@importは、全ての規則の一番最初に書かなければ
いけないとかって呼んだのだけれど。
iCabの現行バージョンだと@importの前に@charset規則が書かれている
と@importのスタイルを読み込まないらしいのですが、構文的に間違って
いればやめた方がよいかな?と思いまして。

427 :Name_Not_Found:02/02/04 00:10 ID:h2CrTnv/
@charsetはあらゆる文字の前に(つまりファイル先頭に)書かなければなりません。

@importは、あらゆる規則集合(セレクタと宣言ブロックの対)の前に書かなければなりません。


428 :Name_Not_Found:02/02/04 00:13 ID:XcYTQrSH
>>426
CSS2仕様書邦訳↓
http://www.y-adagio.com/public/standards/tr_css2/syndata.html#x66
「character規則は,文書の真に最初に現われなければならず,
いかなる文字も先行してはならない。」
@charsetに対してはコメントと雖も先行を許されなかった筈。
だから@importは@charsetの次です。

429 :Name_Not_Found:02/02/04 01:00 ID:VvJFDbjv
body {
(略)
font-family: ほにゃらら;
(略)
}
については可ですか?不可ですか?
当方NN4〜Mozzila、IE5〜6対応キボンヌ。
試行の結果、ネスケ系・Opera6不可、IE問題なし。
プロパティはfontにしたほうがよいんですかね〜?

430 :Name_Not_Found:02/02/04 01:19 ID:VvJFDbjv
sageてしまいました・・・
当方のミスが判明、NN6以降、Opera6ならおけーでした

禿しくスレ違いですが、ついでに。
NN4.78で、設定以外のFontを表示させたい場合はどうしたらいいんでしょうか?
「ドキュメント指定のを使用」にチェックしてるんですが、悉く無視されます。
鬱です。。。

431 :Name_Not_Found:02/02/04 01:41 ID:UCPXevZp
NN4.Xはフォント指定出来ませんよ。悪しからず。

432 :Name_Not_Found:02/02/04 09:22 ID:QGOVWVY6
>>431
その通り。但し――
ネスケ4と雖も「和文フォントで、名前に日本語の含まれていないフォントなら大丈夫」です。
cf.http://east.portland.ne.jp/~sigekazu/css/font_family.htm
つまり"MS UI Gothic"とか。

433 :Name_Not_Found:02/02/04 11:46 ID:4FtAaPUP
"Osaka"は効くんだよな。でも"Osaka-等幅"は効かないと。

434 :Name_Not_Found:02/02/04 11:51 ID:D82b7J+o
なるべくMS (P)ゴシック→Osakaの順で指定してほしい。
Win用Osakaを入れてるんだが、
これは7ptと9pt以外きれいに表示できない。
pxで言うと10pxと12pxかな?

435 :Name_Not_Found:02/02/04 12:09 ID:fqHL/cku
>>434
全く同感。Macユーザーには多いね、それ。
あと、font-familyプロパティーを使用するならsans-serifのみの指定は避けた方がいい。
環境によっては、やはりガタガタした字が表示されてきれいでない。
参考:「CSS/DHTMLバグ辞典スレッド ver2.0 」
http://pc.2ch.net/test/read.cgi/hp/991666454/84-110

436 :Name_Not_Found:02/02/04 12:36 ID:D82b7J+o
>>435
例えば毎日新聞やHotWiredJapanはOsaka優先になってるみたい。
まぁWin用Osakaがあって、しかもそういう不具合があるって知ってる人は少ないだろうから仕方ないんだけど、これ読んで心当たりのある人は、直してもらえると助かる。
「お、気が利いてるね」と思う。

ちなみに、確かMSはMac用のMSゴシックを公式に配ってるはずなので、(それがまともにコンバートされてるとすれば、)逆のパターン(MacでMSゴシック優先させると汚くなる)はないと思う。

スレ違いでごめんなさい。

437 :Name_Not_Found:02/02/04 13:30 ID:4FtAaPUP
ただ、マカー的にはMSゴシックよりOsakaの方が好きなわけで。

わがままを言わせて貰えば、ブラウザではOsakaを使わないという人は
フォントの名前を変えてしまえば良いと思うのだが。(Winでもできますよね?)
でも、他のアプリとの連繋が悪くなるかな。

そうやって閲覧者側が対処してくれていることに期待してはいけないのだろうか…。
むー。葛藤。

438 :Name_Not_Found:02/02/04 13:52 ID:D82b7J+o
Mac買ったらMSゴシックついてくるの?

439 :Name_Not_Found:02/02/04 14:40 ID:+goe0A2j
>>438
Officeか何かに付いてる。

440 :Name_Not_Found:02/02/04 15:11 ID:eQZk+XyJ
>>439
じゃあWinにOsaka入れてる人よりMacにMSゴシック入ってる人の方が多いわけか・・・。
だったら迷わずOsaka優先にすべきだな。素直にフォント名変えるか。ファイル名変えるだけでいいのかな?(マカーじゃないけどOsaka好きですよ。>>437
あとフォント名指定もOsaka, MSゴシックの順に書き換えます。Osakaを先に指定してるデザイナーは実は気が利いてたんだなあ。

それにしても既にOsakaが入ってるMacにわざわざMSゴシックみたいなみっともないものを忍ばせるなんて、ウィルスみたいだ。

とても勉強になりました。みなさんありがとう。

441 :419:02/02/04 15:24 ID:jji+/YcB
>>419です。
>>425を読んで
<tr style="height:50pt">
 <td style="width:50pt; overflow-x:visible">
  いろいろ
 </td>
</tr>
としてみたのですが、やはりwidthの設定が優先されてしまいます。
overflow-yをhiddenにして隠れてしまうのは都合が悪く、印刷も前提としているので
スクロールにすることもできません。
また、PHPと連携させて内容を出力しているのでExcelデータにするのも不可能です。
注文が多くてすみませんが、誰かわかる方、どのように設定すればいいかお願いします。
理想の設定内容は
・widthは「50pt以上」でheightは「50pt固定」
・IE5以上で動作
です。
公開は前提としていないのでWin-IE以外のブラウザは対象外でかまいません。

442 : :02/02/04 16:16 ID:ZM6VXdmg
>441
そこまで面倒なら php 側で処理するほうがずっと楽だと思った.

443 :Name_Not_Found:02/02/04 18:05 ID:fDbMIeMD
>>441
高さが固定ならtdに直接50pt指定でいいだろ。
「CSSで」やろうと思えばmin-widthしかない。

どうしてもクライアントサイドで処理出来ないのなら
あとはJavaScriptから幅を算出して連係させるぐらいだな。

444 :443:02/02/04 19:33 ID:fDbMIeMD
>処理出来ない
→処理したい

445 :Name_Not_Found:02/02/05 01:52 ID:Ix5CYk0q
Q要素を使用すると、前後を " " で括るブラウザがありますよね。
あれがイヤなので、スタイルシートで引用符を自動生成しない風に制禦したいのです。
q {quotes:none;}
q:before {content:no-open-quote;}
q:after {content:no-close-quote;}
q:before,q:after{content:"";}
上記の指定によってNN6やOpera(いづれもWin)では無事消せましたが、
MacIE5では未対応らしく、依然、" " が<q>〜</q>の前後に附いてきます。
これを何とか止めさせたいのですが、方法はありますか。
CSSで無理だったらJavaScriptでも結構です。
消せないのならせめて和文らしく 「 」 にするか 、
ヒゲの向きがちゃんとした“ ” にしたいのですが……。

一応、下記の過去ログは読みました。
「Q要素:インライン引用文のマークアップについて」
http://pc.2ch.net/hp/kako/1002/10027/1002750163.html

446 :Name_Not_Found:02/02/05 02:11 ID:RgWr9uW+
しつもーん。
うちのノートパソコン(バイオ君)with、IE5.0だと、
filter指定すると何にも見えなくなっちゃいます。
CSS解説サイトなどのfilterのサンプルもまったく見られません。
ちょうど、visibility:hidden;を指定された感じです。
なんで?

447 :Name_Not_Found:02/02/05 09:53 ID:EFB8ESnu
質問です。

<DIV>とかのボックスを、emでwidth指定しました。
んで、そのボックスに文字が入ってるんだけど、
ブラウザで文字の大きさを大きくすると、
IE5.5ではその文字の大きさに合わせてボックスも大きくなるんだけど、
N6ではボックスの大きさはそのままです。

こちらとしてはボックスも大きくなってほしい
(そのためのem指定)んだけど、
何とかする方法ないでしょうか。

また、仕様としては、どっちのが正しいんでしょう?
てか、なんか勘違いとかしてるのかな。
情報下さい〜。

448 :Name_Not_Found:02/02/05 11:15 ID:vgYzoQht
>>445
どうしてもこだわるなら、Qを使わず、
<span class="quote">などとするしかないかも。

>>446
以前にもそんな人がいたけど、原因は判らずじまいだったと思う。
IEバージョンアップしてみたらどうか。

>>447
その辺はブラウザ任せで、仕様書では言及されてない(と思う)。
強いて言えばIEの方が正しいと思うけど。
min-widthなんかを上手く使ってどうにかならないかと思ったけど、
自分のとこではどうにもならなかった。

449 :Name_Not_Found:02/02/05 11:22 ID:NJlwfs5x
>>447
>こちらとしてはボックスも大きくなってほしい(そのためのem指定)
全く同感。これは、IEの方が正しい(はず)。
ただNN6でも「表示→テキストサイズ」ではご指摘通りダメだけど
「編集→設定→表示→フォント→サイズ」で文字の大きさを変更するなら反映される。
まあBugzillaでも行って投票するしかないのかなあ。

450 :447:02/02/05 11:35 ID:EFB8ESnu
>>448>>449

お答えありがとうございますです。
んー、どうしようもない、のかぁ。
>>449さんの方法は、閲覧者にはお願いできないしなぁ。

でも、自分とこだけおかしいんじゃないようなので、
ヘンな安心感。

しばらく裏技ないか考えてみます。
(ムリそうだけど)


451 :Name_Not_Found:02/02/05 11:44 ID:bLZ5dvuu
>>447
今修正中みたい。
http://bugzilla.mozilla.org/show_bug.cgi?id=41847

452 :445:02/02/05 11:45 ID:Cqj5xvBx
>>448
>どうしてもこだわるなら、Qを使わず、
><span class="quote">などとするしかないかも。

それしかないのですか。
引用符をつけるのならJavaScriptでも可能なのに、消すのはできないなんて……。
打つ手が無いのでしたら止むを得ん、q要素は使用しないことにします。
(くそう、MacIEの馬鹿チンめ!)

453 :449:02/02/05 11:56 ID:VO4MaGmF
>>451
そこにありましたか。一票出して(Vote for this bug)きました。
改善してくれるといいナ。

454 :Name_Not_Found:02/02/05 13:54 ID:CaOCRMCY
>>452
変にこだわるよりMacIEを黙殺した方がHTML的にも建設的だと思うが。

455 :Name_Not_Found:02/02/05 14:21 ID:gPz3vE6T
Mozilla 0.9.8 あげ

456 :Name_Not_Found:02/02/05 14:34 ID:89zxuFs0
>>455
スレ違いだが速報感謝sage

457 :Name_Not_Found:02/02/05 15:12 ID:kvDsCVRf
>>452
個人的には引用符つけてくれるだけ
MacIE のが WinIE よか万倍マシだと思うのですが。
ちゃんと引用文だということが判るので黙殺しても問題ないと思います。



458 :456:02/02/05 15:26 ID:89zxuFs0
Mozilla0.9.8レポート。
インライン要素へのbackground-positionが効かなくなったみたい。

a要素に使ってるので直さないと。

459 :Name_Not_Found:02/02/05 15:36 ID:YpbjChVU
>>457
禿同

460 : ◆mISTWFek :02/02/05 16:26 ID:Zaqo12Nh
恐らくガイシュツだと思うんですが、
ポインタをリンクの上に乗せた時にテキストを帰ると言うのは可能でしょうか?


461 : ◆mISTWFek :02/02/05 16:35 ID:Zaqo12Nh
>>461
帰る、では無く変える…ですね。


462 :Name_Not_Found:02/02/05 16:37 ID:bLZ5dvuu
>>460
そういうのは CSS じゃなく JavaScript で。

463 : ◆mISTWFek :02/02/05 16:44 ID:Zaqo12Nh
>>462
あ、そうなんですか…有り難う御座います。

464 :Name_Not_Found:02/02/05 16:49 ID:CaOCRMCY
>>460
<a href="#ahya"><span class="base">(・∀・)</span><span class="pop">あひゃ</span></a>

span.pop { display:none }
a:hover span.base { display:none }
a:hover span.pop { display:inline }

ってテクニックはあるけど、こう言う疑似クラスに
レイアウト変更を強要する様な指定は
仕様書的には無視されても文句が言えないのと
ブラウザにはちょっと負担がかかる。

ターゲットだと思う環境でちゃんと動くならそれでもいいよ。

465 :Name_Not_Found:02/02/05 17:26 ID:dvD0jIc+
BODYとかにfont-familyとか指定するのって意味あるんですか?
自分はいつもBODY以下の要素ごとに指定するから....

466 :452:02/02/05 17:28 ID:2+CNtaTa
>>457
引用符をつけるならつけるでいいのですが、それなら後方互換性も考慮して、
それを消すこともできる形式で提供してくれないと不満ですね。
それに和文の引用符には" "ではなくやはり「 」が相応しい。

>>458
>インライン要素へのbackground-positionが効かなく
それって仕様書には忠実なの?
いったん実装しておきながら取り止めってのは釈然としないなあ。
Mozillaは以前にも:hover擬似クラスをアンカー以外の要素でも対応してたのに
止めた前歴がありますね。なんか理由でもあるんですかね?

467 :Name_Not_Found:02/02/05 17:29 ID:JJhfmVt+
font-familyは継承するので、主立った要素に共通のフォントを指定する場合は
bodyに指定するだけで済む。従って楽。

468 :Name_Not_Found:02/02/05 17:39 ID:dvD0jIc+
>>467

あ、そういうことですか。
body要素にArialなんかのよく使われてるfont名を指定して
見出しなんかは別なfontを指定して、p(には指定しない)
なんかの本文の部分はbodyに指定したfontが影響する....ってことですか

469 :Name_Not_Found:02/02/05 18:27 ID:okRu+vom
>>466
インライン要素へのbackground-positionについては
仕様どおり。
インライン要素の背景画像は、
どこを基点に画像を配置するかも実装依存。

仕様がいいかげんだから混乱するんだ。

470 :Name_Not_Found:02/02/05 18:32 ID:bLZ5dvuu
>>466
:hover は現状(0.9.7)でもタイプセレクタなら A 要素以外で通るよ。
クラスセレクタ/IDセレクタがこける。
バグってほら、再発するものじゃん。

471 :Name_Not_Found:02/02/05 18:36 ID:2+CNtaTa
>>470
するとMozillaでは、a:hober{color:red;}とか指定すると、
href属性の無い<a name="id">〜</a>にも反応してしまったりするんですか?

472 :Name_Not_Found:02/02/05 18:45 ID:QUW1SQNu
>>471
試してないが、そうなるんじゃないか? ってか、それがCSS2の仕様では。
href属性付きのa要素だけに適用したいんだったら、そういう時は

a[href]:hover { color: red }

a:link:hover { color: red }
かな。

473 :Name_Not_Found:02/02/05 18:52 ID:JJhfmVt+
>>471
するよ。仕様的にもそうだし。(でも何か反応する範囲が変だな…)
なのでa[href]:hoverの方が本来は好ましいと思う。
でも漏れはaに必ずhref書いてるので妥協してる。

余り関係ないけど、XML+CSSの文書をMozで表示させるといろいろ発見があって面白い。

474 :Name_Not_Found:02/02/05 18:52 ID:bLZ5dvuu
>>471
試してみた。反応する。ただ別な問題があって
マウスがテキストや内部の他の要素の上に入ると
:hover でなくなるみたいだ。
# ので A に padding 設定して試した。

http://bugzilla.mozilla.org/show_bug.cgi?id=5693
たぶんこれじゃないかなぁ。

475 :471:02/02/05 18:53 ID:zwY54FV+
>>472
>試してないが、そうなるんじゃないか?
NN6.0ではなりましたが、NN6.1(6.01だったかな?)からはなりません。
わざわざ仕様通りの実装を取り止めたわけです。
で、最新のMozillaではまた戻したのかn、と。

476 :472:02/02/05 18:56 ID:QUW1SQNu
>>475
なるほど。Thanks.

477 :Name_Not_Found:02/02/05 19:11 ID:bLZ5dvuu
>>475
仕様がいいかげん第2弾なんじゃないかこれ。
はっきりとこんなことが書いてある。
http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes
> CSS doesn't define which elements may be in the above states, or how the states are entered and left.


478 :Name_Not_Found:02/02/05 19:33 ID:zwY54FV+
>>477
その部分の邦訳
日本規格協会のサイトでは――
「CSSは,どの要素が上位の状態にあるか,又は状態がどのように入力され,
放置されるかを定義しない。」
http://www.y-adagio.com/public/standards/tr_css2/selector.html#dynamic-pseudo-classes

なんだかワケワカラン。日本語になってない。

岡橋一輝訳では――
「以上に述べた様な各種の状態(:hoverや :active)に、どの要素がなっているのか、
ある状態になっているかどうかをどの様に判定するのか、CSS2ではこれらの
事項は定めない。スクリプトの効果でユーザの働きかけに対する要素の反応
が変化することもあるし、異なるデバイスやユーザエージェントでは、各々
要素を指し示したりアクティブ状態にする方法が違ってくるだろう。 」
http://web.archive.org/web/20011101163106/http://www.fan.gr.jp/~kaz/rec-css2/selector.html#dynamic-pseudo-classes

意訳だがよくわかる。別に「いいかげん」ではなくもっともだと感じます。

479 :Name_Not_Found:02/02/05 19:47 ID:CaOCRMCY
ちょっと違うんだけど、iモードはリンクにフォーカスを移したときに
bodyのalinkを使うんだよね。
この場合、CSSに置き換えるとa:activeもa:focusもあんまり違いが無い。

だから仕様書がはっきり記述しないのは最もだと思うけど、
少なくとも@media screenに限って言えばやっぱり実装が混乱している。
制作者側としては、やっぱりはっきりさせて欲しい訳で。
もっと詳細に規定されているCSS3 Screenみたいのは検討されているのかな?

480 :Name_Not_Found:02/02/05 20:34 ID:bLZ5dvuu
>>478
でも
・ボックスが入れ子になっている場合、重なり合っている場合
・ボックスの内容がはみ出している場合
みたいなケースについて何も記述が無い。
"当該要素が生成したボックス" てのも内容辺だかパディング辺だか解らない。

これを「定めない」と言われたら、
「ウチの実装ではこれを :hover として判定しません」でもいいわけじゃん。
忠実に実装するには困った仕様だと思うよ。

481 :Name_Not_Found:02/02/06 06:59 ID:FFZg94+x
>>458
>Mozilla0.9.8レポート。
>インライン要素へのbackground-positionが効かなくなったみたい。
これってデマ?

自分は現在確認のためダウンロード中。


482 :Name_Not_Found:02/02/06 07:53 ID:kBMwzF41
>>481
何故デマと思う…

483 :458:02/02/06 08:01 ID:3b/7yDoB
>>481
え、デマじゃないですよ。自サイトで確認したので。
より仕様に忠実になったってことでしょう。

ただ、background-positionが無効になるだけならいいんですが、
a要素に背景画像を指定した場合、画像自体が表示されなくなります。
マウスでテキスト周辺に色々と干渉してみると表示されたり。
これはバグじゃないかと…。

484 :481(p):02/02/06 11:00 ID:QKQXe4Y7
自分で試してみました。
バージョンは Mozilla 0.9.8 (Build ID:2002020406)。

結果。aへの background-position: bottom; は有効でした。
(NUSSのスタイルで確認)


485 :Name_Not_Found:02/02/06 11:39 ID:cwZWrF4D
>>483
とても単純な例で試しても表示されませんか?

>>484
複数の行ボックスに分断される可能性があるインライン要素への
background-position: bottom;
のレンダリングって、どんなのが「有効」と言えるんですかね。
# それこそ未定義なんだが一般的な反応として Mozilla のは OK なんだろうか?

486 :Name_Not_Found:02/02/06 13:18 ID:l2Kk1jNH
centerは有効みたいだが。

487 :458:02/02/06 13:38 ID:wpzGHhob
>>484-485
そんな筈ぁない、と思って色々試してみたっす。
その結果、全く原因不明なのですが、
自分が -position: bottom 用に使っていた画像のみ、
うまくポジショニングされないという事実が判明しました。
幅10、高さ13のPNG画像です(Fireworks製)。
これを使うと>>483のような現象が起きます。

その他の画像では有効でした。
もうちょっと調べてみます。誤報発射してホントスマソ。

488 :481:02/02/06 14:22 ID:Tw7q96LV
>>485
改行なしのインラインボックスを想定して
その状態に合わせて背景を配置し、
その後、改行部分でボックスをぶった切って折り返す
というような形が理想と言えば理想。


489 :Name_Not_Found:02/02/06 17:13 ID:YrEi3qYX
max-widthとかmin-widthの
使い道がわからんのですが、
(・∀・)イイ!使い方はありませか


490 :Name_Not_Found:02/02/06 17:58 ID:psCZ/iRL
>>489 例えば

<style type="text/css"><!--
p.max {width: 50%;max-width: 200px;border: 1px solid black;}
p.non {width: 50%;border: 1px solid black;}
p.min {width: 50%;min-width: 600px;border: 1px solid black;}
--></style>
<body>
<p class="max">い</p>
<p class="non">ろ</p>
<p class="min">は</p>
</body>

ブラウザのウィンドウ幅を変えてみるとボックス幅の
上限と下限が決められていることがわかるかと。
これが「イイ!」のかどうかはわからないけど。
※ボーダーをつけているのは見た目をわかりやすくするため。

491 :Name_Not_Found:02/02/06 18:17 ID:YrEi3qYX
>>490
なるほどwidthと組み合わせると
実用性がでてくるんですね。thanx。

492 :419:02/02/06 18:22 ID:KjoDE+wk
激しく遅レスで申し訳ありませんが、419です。
結局可能な全ての要素にwidth,height指定+overflow-x指定で処理しました。
たまにうまくいきます。
答えてくださった皆さん、どうもです。

>>489
俺はIEに対応してなかったので使わなかったけど、
PHPとかCGIと組み合わせて使うにはとても便利だと思う。
要は、要素の中身が可変の場合。
>>490みたいな使い方もできるのかと、感心。

493 :Name_Not_Found:02/02/06 18:50 ID:gOAKk8au
floatさせたい要素の幅をmin/max-widthで指定するのは可なの?
仕様書は一応読んだけどよく分からん……widthで固定(?)しなきゃダメ?

494 :Name_Not_Found:02/02/06 21:46 ID:aSgI6ZXX
absoluteやfixedはポジショニングされた最も近い親要素を基準にしますよね?
これはどうしようもないですか?

親要素をポジショニングしつつ、
ある子要素は爺要素に対して絶対配置したいんですが。

495 :Name_Not_Found:02/02/06 21:49 ID:8WHB4jAN
UL要素やDL要素使ってて思ったんですがあのデフォルトでついてる
marginなんかもきちんとCSSで指定した方が良いですか?あとpとか..

496 :Name_Not_Found:02/02/06 22:08 ID:cwZWrF4D
>>495
あまり神経質になっても徒労に帰すると思うけど
より多くの人に同じスタイルを使ってもらいたいなら、その方がいいだろうね。

497 :Name_Not_Found:02/02/06 22:10 ID:wYtGAfAo
>>493
それ、私もやってます。邪道ですが、widthで指定しなくても済む所の気休めに。

>>495
私はブラウザのデフォルト・スタイルが気に入らないので指定してますが、
別に不都合が無いならわざわざ指定するに及ばないのでは。

498 :Name_Not_Found:02/02/06 22:27 ID:FKOkdjaE
>>497
でもIEとmozillaでデフォルトスタイルが違うので
しっかり指定するに越した事はないと思われ

499 :Name_Not_Found:02/02/06 22:27 ID:cwZWrF4D
>>497 float に min(max)-width って、邪道なの? 問題ないように思えるんだけど。

500 :Name_Not_Found:02/02/06 23:03 ID:m1Hb8Tsr
「爺要素」って言うんだ…知らなかった

501 :Name_Not_Found:02/02/06 23:43 ID:VdQ5nRv5
え?造語じゃないの?? 

502 :Name_Not_Found:02/02/07 01:05 ID:ZI69+/fb
婆要素じゃ駄目?

503 :Name_Not_Found:02/02/07 01:25 ID:pbrneY00
なら兄弟要素や従兄(いとこ)要素や叔父要素もアリですな。
(HTMLの世界は単性生殖ってことで)

504 :Name_Not_Found:02/02/07 01:41 ID:ZI69+/fb
兄弟とか子孫って言葉は仕様書にも出てくる。

505 :Name_Not_Found:02/02/07 02:08 ID:UTOZutvK
普通は爺じゃなくて祖先って言うわな。
一番上だけ根っていうけど。

506 :Name_Not_Found:02/02/07 02:19 ID:ZI69+/fb
>>505
爺婆要素は親要素の親要素(二コ上)ってことでしょ。

507 :Name_Not_Found:02/02/07 07:31 ID:UTOZutvK
>>506
だろうとは思うけど。

494 が言ってるのはそもそもコンテナブロックの話だから
その時点で既に「親要素」 じゃ無いんだよね。

>>494
て優香、 position:fixed の基準(コンテナブロック)は閲覧領域だぞ。

508 :Name_Not_Found:02/02/07 09:23 ID:5c0EpT9R
たしかにどの要素に対して相対とか指定出来た方が嬉しいかも。
なんか今の CSS ってやっぱり中途半端だぁ。


509 :494:02/02/07 11:56 ID:gyVhbUpe
>>507
ああああああああ
そうでした。absoluteだけでした。
やっぱりムリですよね。もう少し融通利くと助かるんですけど。。。
回線切ってホウ酸団子喰って死にます。

510 :495:02/02/07 14:40 ID:twvd0njW
>>496
>>497
>>498

やっぱするに越したことは無いですよね。
混乱しない限りにやってみます。ありがとうございます

511 :Name_Not_Found:02/02/07 17:59 ID:TDDFZyFB
ul.center, .center li {
margin-left:auto;margin-right:auto;
text-align:center
}
これだとMacIEでは、li要素の中身だけはセンタリングされるものの、
リストマークが中央にゆかず、画面左端に居坐ったままです。
WinIEやNetscape 6やOpera 6ではli要素の内容幅に合せてリストマーカーも
センタリングされたテキストのすぐ左隣に配置されるのですが。
MacIEに対してはどんな指定をしてやればいいのですか。

512 :Name_Not_Found:02/02/07 18:25 ID:UTOZutvK
>>511
http://pc.2ch.net/test/read.cgi/hp/1011358982/239
この辺からログを追ってみたまえ。

513 :Name_Not_Found:02/02/07 18:52 ID:y1LsosB6
あああ         かかか

「あああ」を左端に、「かかか」を右端にしたいんですがIE5とN6で同じようになりません。
text-alignで位置を指定して、width:49%ってやってます。
教えて下さい。

514 : :02/02/07 19:15 ID:eYRrN+bK
>513
float

515 :Name_Not_Found:02/02/07 19:31 ID:y1LsosB6
背景色指定してるとfloatで消えちゃうんです。
http://203.174.72.113/sou_kura/
こんな感じで作ってるんですがおかしいところ教えて下さい。
(バナーは気にしないで下さい)

516 :Name_Not_Found:02/02/07 21:29 ID:EnfE+R8r
>513
IE6とN6.21で確認済。

<style type="text/css"><!--
div.box{
border:1px #666666 solid;
background-color:#3366cc;
margin:0 5px;
padding:0;
}
div.left{text-align:left;
float:left;
width: 50%;
color:#ffffff;
}
div.right{
text-align:right;
color:#ffffff;
}
--></style>
<body>
<div class="box"><div class="left">あああ</div>
<div class="right">かかか</div></div>
</body>



517 :513=515:02/02/07 22:05 ID:RLjYDzve
>>516
すごい、イメージ通りです!
ありがとうございました。

518 :513=515:02/02/07 22:05 ID:RLjYDzve
sage忘れ宇津氏

519 :511:02/02/07 22:47 ID:DA1gBSbV
>>512
そのログ、検討済みです。
しかしMacIEへの対処法としては、ulをdivで括れって手しか出てません。
既に試したのですが、やはりMacIEだけはリストマークが中央寄せにならないので
お訊ねする次第です。


520 :マカー:02/02/07 22:51 ID:m9Lt2BiC
>>511
悪いが、解決策は無い。
もともとlist-style-positionの位置は厳密には定められてないから。
insideにしても、インライン要素の様に扱われるか、
それともfloatの様に扱われるかはわからない。

521 :511:02/02/07 23:00 ID:DA1gBSbV
>>520
ああ、list-style-positionでinsideにするって手があったんだ。
まあ「厳密には定められてない」にしても、ひとまづ、MacIEでは
どう表示されるのか、できましたらご示教いただけませんか。
(Macはたまに他人のを借りてみるだけなので)
Winの方は自分でチェックします。


522 :Name_Not_Found:02/02/07 23:27 ID:3v6guWrv
>>516
今回はそれでいいけど、そのやり方だと、うまくゆかない場合もありますよ。
「背景色指定してるとfloatで消えちゃう」のを防ぐには、
div.box内でdiv.leftの後に出現する要素にclearを指定するとよい。
下記(特に後者)をIEとN6で見比べてみてください。IEは仕様書通りではありません。
http://www.toybox.jpn.org/test/floats.html
http://www.toybox.jpn.org/test/floats2.html
但しN6もclearを指定する要素がインライン要素だと効きません。
 cf.http://bugzilla.mozilla.gr.jp/show_bug.cgi?id=1796

523 :520:02/02/07 23:29 ID:m9Lt2BiC
>>521
widthは指定しているの?

MacIEは、普通のブロックでもfloatでも
widthがautoの時はmarginを0にして
結果的には画面幅目一杯になる。

524 :522:02/02/07 23:29 ID:3v6guWrv
訂正:
div.leftの後に出現する要素に → div.rightの後に出現する要素に

525 :511=521:02/02/07 23:36 ID:K2di9LNJ
>>523
それはli要素でも同様のレンダリングをするってことですね?
list-style-position:insideと指定しても、なのですか。

width指定はしてません。指定したら、その幅に満たないテキストが内容の場合、
やはりリストマーカーはテキストから離れた位置に表示されるわけですし。

ううん、仕様書には違反してないのかもしれないけど、
MacIEだけが任意幅でリストマーカーも含めたセンタリングができないのは
困りました……。

526 :マカー:02/02/07 23:42 ID:m9Lt2BiC
>>525
いやね、MacIEはリストマーカーを含めなくても
普通のブロック/リストアイテム要素には「内容幅」って概念が無いの。
あるのは置換要素(imgとか)とtableだけ。

CSSの仕様はそもそもブラウザの負担を減らす為に
いちいち文字列の幅を計算しなくてもいい様にって
思想もあるからね。

527 :513=515:02/02/08 01:06 ID:523it3aU
>>522
ありがとう、メモっておきます。

528 :Name_Not_Found:02/02/08 01:13 ID:L56lrOV+
cssは使ったことがないのでどう書いたらいいのかわからないのですが、
tableのtdの中に英語の文章を入れたときに、単語の途中で改行してほしくないのです。
ただ単語の定義がIEと微妙に違っていて、例えば「-ABC」は一つの単語として
扱ってほしいのです。なにも指定しないときには「-」と「ABC」の間で
改行されてしまいます。

そこで、
<style type="text/css">
.nobr { white-space: nowrap }
</style>

<table><tr>
<td>mona</td>
<td><span class = "nobr">I</span> <span class = "nobr">am</span>
<span class = "nobr">mona.</span></td>
</tr></table>
のように書いたのですが、これだとたしかに、spanでかこったところは
改行されないのですが、なぜかブラウザの幅によっては単語が
消えてしまうことがあるのです。
ブラウザの幅をちょっと広げたり、縮めたりすると表示されるようになるのですが、
全ての単語を正しく表示する方法はあるのでしょうか?
<td><nobr>I<wbr>am<wbr>mona.</nobr></td>
とした場合にも同様の現象がおこります。

ブラウザはIE5.5と6.0で現象がおこります。

自分でも書きかたがスマートでないと思うのですが、
こういう場合はどういうふうに書くのがいいのでしょうか?

529 :Name_Not_Found:02/02/08 01:16 ID:L56lrOV+
書き忘れてました。
消える単語は、ブラウザの一番右、もしくは改行されて次行の先頭に
くるべき単語が消えてしまいます。
全ての改行直前の単語が消えるわけではなく、
微妙に単語の長さがブラウザの幅とマッチしたものが消えるようです。

530 :Name_Not_Found:02/02/08 09:35 ID:LvL2k4uF
>>528-529
ちなみに半角スペースを実体参照で&nbsp;と書けば、そこも改行されなくなるよ。

531 :Name_Not_Found:02/02/08 10:28 ID:moPhF9lC
word-break:keep-all;
で、だめ?

532 :Name_Not_Found:02/02/09 00:51 ID:o4RdPZQZ
>>530
スペースで改行して欲しいのですが……

>>531
だめでした、普通の英単語と同じで「-」で改行されてしまいました。


533 :Name_Not_Found:02/02/09 02:42 ID:qWV/4/Qc
「-」は英単語の結びとして解釈されるからじゃないかな?
本とかでも行末から次の行へ単語が途切れてる場合、
「-」を間に挟むでしょ?

残念だが諦めた方がいいと思うよ。

534 :Name_Not_Found:02/02/09 08:04 ID:o4RdPZQZ
>>533
その理屈はわかってるんですが、
やっぱり改行禁止を利用すると単語が消えてしまうIEが痛すぎるのか……

535 :Name_Not_Found:02/02/09 12:32 ID:oXBWjfCr
>>528-534
できればその「消える」現象について、もう少し具体的条件なり
再現性のあるソースなりを書いて下記へご登録いただけませんか。

「CSS/DHTMLバグ辞典スレッド ver2.0」
http://pc.2ch.net/test/read.cgi/hp/991666454/l50

536 :Name_Not_Found:02/02/09 16:01 ID:ktsaP3nH
どなたかご存知でしたらお願いします。。
既出でしたらスイマセン。
NN4.xx で、div の中に背景画像を表示させる方法が分かりません。
#c2 {
position:absolute; top:300px; left:250px;
width:200px; height:100x;
clip:rect(0,200px,100px,0);
background: url(xxx.gif);
layer-background: url(xxx.gif);
}
を試したのですが駄目でした。。。
id 指定したdiv の中に何か書き込めば、
background: url(../../../img/bk_test02.gif);の指定が有効になり背景画像が表示されるのですが、何も書かない状態では表示されません。
layer-background:url(xx.gif);と言うのは駄目なのでしょうか?
何か方法が有りましたらよろしくお願いします。

537 :Name_Not_Found:02/02/09 16:10 ID:uP45Bfl+
>>536
layer-backgroundなんてプロパティは存在しませんが。
background-imageに限らず、NN4はCSS対応はひどいバグだらけなのは有名で、
あんな腐れブラウザをまともに相手にするだけ骨折り損な気もします。
NN4に対してCSSを適用させるなら、効いたら儲けものい位に見ておけばいかがかと。
でなきゃ、いっそNN4独自のJavaScript Style Sheetでスタイル指定するか。
 http://www.zspc.com/stylesheets/index.html

538 :Name_Not_Found:02/02/09 16:18 ID:uP45Bfl+
>>536
NN4でブロック要素に対するbackgroundプロパティが効かないときは、
その要素にborderも同時に指定するとうまくゆくことがあります。
枠線を出したくないときはborder:1px none;と指定するよい。

539 :536:02/02/09 16:42 ID:ktsaP3nH
>>537
layer-background-image:url(xx.gif);
で表示で来ました。。。逝って来ます。。
参考のWebありがとうございます。
これからJavaScriptと挌闘します。。。(鬱。

>>538
layer-background-image:url(xx.gif);で背景画像を表示させた場合は、
border:1px none; を記述すると逆に背景画像が消えてしまいました。

分け分からん。。。
魔界に沈みそうだ。。。(鬱。

540 :Name_Not_Found:02/02/09 17:00 ID:uP45Bfl+
clip:rect(0, width, height, 0)もlayer-background-colorも
layer-background-imageも、NN4だけの独自拡張プロパティですね。
滅びゆくブラウザ相手に独自拡張で対処してやっても消耗するだけではないかなあ。

541 :Name_Not_Found:02/02/09 23:29 ID:Xh6J/Fnw
>540

clipは正式に加わってるんでは?

542 :Name_Not_Found:02/02/10 21:33 ID:ha8cn2TK
下がりすぎです。

543 :Name_Not_Found:02/02/10 21:34 ID:jg3Xxl5Q
>>542
もう少しで8chだったね

544 :Name_Not_Found:02/02/11 06:07 ID:uTZKHlgA
<div>にheight:100%を指定しているのですが、
この値を@importで呼び出しているN6/Opera用のシートで
無効にすることはできませんか?
ご存知の方いらっしゃいましたら、回答お願いします。

545 :Name_Not_Found:02/02/11 06:56 ID:uTZKHlgA
↑質問なのにsageてしまった。。。

546 : :02/02/11 10:37 ID:f2dG/8yc
>544
div{height:auto !important;} じゃだめ?

547 :Name_Not_Found:02/02/11 10:38 ID:sP7Lr7T0
ul { list-style-type :decimal-leading-zero;}
で、
<ul>
  <li>○○○</li>
  <li>△△△</li>
  <li>□□□</li>
</ul>

と書いて、私の予想では
01.○○○
02.△△△
03.□□□
と出ると思っていたのに実際は

1.○○○
2.△△△
3.□□□
と出てしまうのです。

どうやらCSSが適用されていないみたいなんです。

何故なのでしょうか。
ちなみに確認はWin+IE6で行いました。

548 : :02/02/11 10:43 ID:f2dG/8yc
>547
対応してないから.
ttp://www.zspc.com/documents/css2/list/styletype.html

549 :547:02/02/11 10:48 ID:sP7Lr7T0
>>548
質問する前に確認するべきでしたね・・・
どうもありがとうございました

550 :Name_Not_Found:02/02/11 15:04 ID:BgGtvFW6
h1:after { content: attr(title); }

で h1 要素の title 属性値を文字列として精製して、
なおかつ

position: absolute;
top: 50px;
left: 100px;

みたいなカンジで絶対位置指定をしてやると
Opera(6.01)では効くのですが
Mozilla(0.9.8)ではシカトされてしまいます。
どっちの解釈が正しいのでしょうか。


551 :Name_Not_Found:02/02/11 16:38 ID:QaNFIZNB
CSS用のエディタでおすすめのものはありませんか?
Topstyle Lite 使ってみたけど、ホイールが利かなかったり
フォーカスがどっかいっちゃったりで使いづらいっす…。

552 : ◆csohISSc :02/02/11 16:47 ID:/jC1TSjm
>>550
Mozがおかしいと思うね。
marginの負の値で代用できる気もします。

553 :Name_Not_Found:02/02/11 20:28 ID:RXypSJXM
>>550
自動生成要素はポジショニング不可。
Mozillaのが正しい。

554 :Name_Not_Found:02/02/11 20:29 ID:x5IXr42S
>>550
自動生成要素はポジショニング不可。
Mozillaのが正しい。

555 :553=554:02/02/11 20:29 ID:x5IXr42S
すまん。やっちまった。

556 : ◆csohISSc :02/02/11 21:34 ID:5LKwovGI
>>553
アラ、そう。
失礼した。

557 :Name_Not_Found:02/02/11 22:27 ID:ibA3sIpc
td{ width:80%; }
がIE6で反映されないんですがなぜですか?
マックではオケーだったんだけど…。

558 :Name_Not_Found:02/02/11 22:41 ID:bAHv8E/p
>>557
反映されますが?
もっと詳しい状況(適用させるソース、その他のスタイル指定)を出して
くれなきゃ返答できませんよ。

559 :Name_Not_Found :02/02/11 22:46 ID:CEqeaAX2
CSSを使って<div></div>をセンタリングしたいのですが、
検索してみても方法が分かりません。
もしあれば教えていただければ嬉しいです。
よろしくお願いします。

560 :557:02/02/11 23:01 ID:ibA3sIpc
以下にソースを記します。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="test.css" type="text/css">
<title></title>
</head>
<body>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td class="aaa">
</td>
</tr>
</table>
test.cssでは
.aaa{
text-align: left;
width: 80%;
}
と設定しております。
ながながとソース書いてしまって申し訳ないですが
なにかおかしな部分があればご教授お願いしマッス!


561 :Name_Not_Found:02/02/11 23:04 ID:bAHv8E/p
>>559
それFAQ。過去ログに出てます。

>>560
tdの中身は何もナシ、なのですか? それではwidth指定が効かないのも無理ないかも。

562 :557:02/02/11 23:10 ID:ibA3sIpc
あ、いえ当然中身ありです。
すみません、省略してました。
文章を書いてます。
divにするとオッケーなんですが、構成上tableの中に文章を
持ってきたいのです。
ちょっと自分でもいろいろ試してみます。が、お気付きの点があれば
ご教授しる。

563 :Name_Not_Found:02/02/11 23:13 ID:+EhvxyQ8
>560

んな無茶な。tableごとmarginでセンタリングするならともかく。tdかよ!

564 :Name_Not_Found:02/02/11 23:16 ID:bAHv8E/p
>>562
何に対して80%の幅にしたいのですか。
もしtd一つだけのtableをウィンドウ幅の80%にしたいのなら、
tdではなくtableにwidth:80%;を適用さすべきです。
td{width:80%}は親要素、即ちtable全体に対する80%ですから、
他にtd要素があるのか、その内容幅(文字の量)などで変動します。

565 :557:02/02/11 23:17 ID:ibA3sIpc
>563
はら、やはしダメですか?
tdの中に文章を入れるのは邪道?
ていうか、間違ってる?

566 :Name_Not_Found:02/02/11 23:17 ID:Dsi85hJ4
>>560
kanari suteki da...

567 :Name_Not_Found:02/02/11 23:21 ID:JjoOuz6V
>>565
tdに文字入れないのが邪道。

568 :557:02/02/11 23:24 ID:ibA3sIpc
>564さん、ありがとうございます。
ふむ。なるほどですね。
ウィンドウ幅に対してのwidthならtableに指定するのが正しいと。
でもtdで指定する幅がtable全体に対するものだとすると
もしやtable width="100%"にすれば、今のソースのままでイメージどおりに
表示されるのでは…!(間違ってるかどうかは別として。)
とおもってやってみたけどダメでした。残念。


569 :Name_Not_Found:02/02/11 23:29 ID:bAHv8E/p
>>568
width="100%"のtable内のtdに対してwidth:80%を指定したならば、
残り20%は他のtd要素が占めるべきことになります。
他のtdが無くてtd.aaaひとつだけのtableを書く位なら、divを使ってはいかが。

570 :557:02/02/11 23:35 ID:ibA3sIpc
>569
あー、そういうことですか。
結構厳しいんですね。
ご進言どおりdivを使います。
いろいろとありがとうございました。
とても詳しい方がいらっしゃって助かりました。
それではまた。

571 :Name_Not_Found:02/02/11 23:38 ID:Vs7rH+cw
>結構厳しいんですね。
初歩的な算術だよ、ワトソン君。

572 :Name_Not_Found:02/02/12 05:08 ID:FiPYpevZ
200pxなら200pxの幅を持たせたブロック要素内で、テキストを
左右両端揃で均等割付にしたいのですが……。

<h1 align="center">メインタイトル</h1>

WinIEでは
h1 {width:200px; text-align:justify; text-justify:distribute-all-lines;}
と指定すればよし。テキストの長さが200pxに満たない場合、幅一杯になるまで字間を拡げてくれる。
これを、NN6でも同様に表示させるにはどうしたらよいのですか。
どうもMozilla/NN6では欧文は単語間を拡げてjustifyするけれど、和文では
text-align:justify;はtext-align:leftにされるみたいなんです(#)。
何かうまく同様の効果をもたらす手段があれば、ご教示下さい。
あと、MacIEではどう見えるのかしらん。

#(CSS2では「適合ユーザエージェントは、'justify'という値を、当該要素の
デフォルトの書字方向に従って'left'あるいは'right'として扱ってもよい。
そのことは不適合を意味しない。」とありますが)


573 :Name_Not_Found:02/02/12 09:07 ID:OtU05hw6
>>572
NN6では無理無理。
MacIEでは日本語だと、ぐっちゃぐちゃ。

574 :Name_Not_Found:02/02/12 14:41 ID:/GjEFjGE
壁紙を
<BODY bgproperties="FIXED">
にした上で、右寄せにすることってできますか?

575 :574:02/02/12 14:50 ID:/GjEFjGE
すみません、解決しました。

576 :Name_Not_Found:02/02/12 16:16 ID:tBdiFohN
はじめまして。
CSSでできるのか分からないのですが
初心者ですが宜しくお願いします。
今回質問させて頂きたいのは
テーブルごとに背景画像を設定できるのかという事です。
背景でなくても絵の上に文章を書けたり
その上にまた絵を置いたり出来ればいいのですが・・・
宜しくお願いします!

577 :Name_Not_Found:02/02/12 16:26 ID:v8OZeE4Y
>>576
background-imageロパティできます。
http://hp.vector.co.jp/authors/VA022006/css/colors.html#background-image
http://dfj.cool.ne.jp/html/background.html#background_image

578 :577:02/02/12 16:27 ID:v8OZeE4Y
脱字失敬。
background-image“プ”ロパティ“で”できます。

579 :576:02/02/12 16:45 ID:tBdiFohN
>577
ありがとうございます!
頑張ってやってみます!
たすかりましたぁ!

580 :Name_Not_Found:02/02/12 18:35 ID:6EqwGOH1
スクロールバーの色を勝手に変えられてうざいので、
ユーザースタイルシートで変えられないようにしようと思うのですが、
スクロールバー関連のプロパティって一括指定できないのでしょうか?
それと、色指定を無効にする場合の値って何になりますか?

581 :Name_Not_Found:02/02/12 19:34 ID:YV7hux42
>>580
あれは確か初期値が無い。
空文字列じゃダメ? 試してないけど。
空文字列でダメなら、システム色を指定するとか。

一括指定は、
scrollbar-base-color
だけど個別指定が優先された記憶がある。
!important で優先できるかもしれない。
これも試してないけど。

582 :Name_Not_Found :02/02/12 20:30 ID:YoIauf1i
背景を左寄せで幅100px高さ100%(リピートせずに)にしたいのですが、
どうすれば良いのでしょうか?


background-attachment: fixed; background-image: url(img/back.jpg);
background-repeat: no-repeat; background-position: left top;
width:100px; height:100%;

にしてみたのですが何か根本的に間違ってるのでしょうか...
577さんが紹介してくれてるサイトに行ってみたのですが載ってなかった...


583 :あ゛:02/02/12 20:37 ID:ybULbiFX
CGIのゲストブックのスクロールバーの色を変えたいのですが
CGIファイルの中にスタイルシートを入れる方法を教えてください。

584 :Name_Not_Found:02/02/12 20:41 ID:Pm/hSzms
>582
背景の高さ・幅は指定出来ないと思うよ。

>583
CGIが吐き出すヘッダ部分に書きなさいな。

585 :582:02/02/12 20:45 ID:YoIauf1i
>>584
そうですか...他の方法考えてみます(汗


586 :Name_Not_Found :02/02/13 00:34 ID:E1ADfFIz
IE5以降とネスケ6.xはOKで、ネスケの4.x以前を、
スタイルシートOFFで閲覧させる方法はありますか?

すみませんが、教えてください。

587 :Name_Not_Found:02/02/13 00:43 ID:J9QBSoQ+
>>586

http://www.remus.dti.ne.jp/~takahisa/flm/OWTXML/NN40x.html
を参照。

588 :Name_Not_Found:02/02/13 00:43 ID:DIAw4KIa
>586
>>4の三日坊主++の部屋を見れ。

589 :586:02/02/13 00:53 ID:E1ADfFIz
>587&588

ありがとうございます。
参考にさせていただきます。

590 :Name_Not_Found:02/02/13 13:45 ID:lUWeps1s
>>581
ありがとうございます。
試しにTransparent(値にはないやつ)を指定したら、勝手に変わらなく
なりました。
一括指定については面倒だけれど一つ一つのプロパティに対して
値Transparentに!importantを付けて設定します。

そういえば、TopStyleのStyle InspectorってIEやmoz専用のプロパティを
設定したりすることもできるんですねぇ。

591 :東京Y嬢:02/02/13 14:59 ID:EI9qgjpe
知っている方、教えてくださいませ。
英語版のサイトを制作する場合、文字コードは何にするのがいいのでしょうか。
特に中国とか韓国からのアクセスが多いので、その辺で
よく使われているコードを使用するのがいいのかしら?
文字化けしない方法があったら教えてくださいませ。

592 :Name_Not_Found:02/02/13 15:35 ID:EC9zuZ+q
>>591
英語版作るんだったら iso-8859-1 か us-ascii でいいじゃん。
アクセス多くても、中国語の文字とか韓国語の文字を使うわけじゃないんでしょ?
CSS の文字コードはこんな風に指定する。

@charset "ISO-8859-1";

CSS の話でなく、 HTML 文書での文字コードの話なら、こちらへどうぞ。
http://pc.2ch.net/test/read.cgi/hp/1012841735/l50

593 :ウッソ ◆mCVsUsSo :02/02/13 16:12 ID:W/39CPPg
CSSの欠点ってなんだろう?
いまいち思いつかない。

594 :東京Y嬢:02/02/13 16:30 ID:EI9qgjpe
早速のご返答ありがとうございます。
文字コードって、そのままHTMLのヘッダー部分に打っても
大丈夫ですよね?
ってここのスレで聞いてはいけないのかもしれませんが...。

595 :Name_Not_Found:02/02/13 16:35 ID:dia1zGhl
>>593
利点は裏返せばそのまま欠点になる。

環境ごとに(NN4.x, IE5.x, etc.)適切な表示にできる←→全ての環境で「同じ表示」にはできない

とかね。

596 :Name_Not_Found:02/02/13 16:36 ID:EC9zuZ+q
>>593
言語仕様的な欠点ではないけれども、
CSS1 と CSS2 の間にも若干の仕様変更があるし
今後も大きな仕様変更がないとは言い切れないのに
CSS レベルを指定する手段がどこにもないこと。

597 :ウッソ ◆mCVsUsSo :02/02/13 17:08 ID:W/39CPPg
>>595 >>596
レスありがとう。
なるほど…
いまいち古いの使ってる蔵のサイトで躊躇してたり。
デザイナーも微妙なカンジ。うーむ。

598 :Name_Not_Found:02/02/13 17:23 ID:E1owB32g
>>595
>環境ごとに(NN4.x, IE5.x, etc.)適切な表示にできる
が利点で、
>全ての環境で「同じ表示」にはできない
が欠点?

違うだろ。それとも漏れの誤読でしょうか?

599 :ウッソ ◆mCVsUsSo :02/02/13 17:30 ID:W/39CPPg
>>598
正確には?ってことかも。
「全く同じ」には出来ないってことかも。

日本語のフォントを2種類使えるのも利点なのかな?
テキストスタイルをまとめて管理するのは楽だし、
HTML以上にオーサリング能力はあるし。
オレは好きだー。

600 :Name_Not_Found:02/02/13 18:03 ID:EC9zuZ+q
>>599
汎用性を重視して未定義にしている部分が意外と多いことも利点かつ欠点。
どっちの挙動が正しいの?というときに、どっちも間違いでないことがある。

601 :Name_Not_Found:02/02/13 18:22 ID:wZHeOUSJ
っていうか、現存する全ての実装がバグ持ちで正しく解釈してくれず、
使ってると時々胃がきりきりと痛んでくるってのが
最大の欠点じゃないかね。


602 :Name_Not_Found:02/02/13 18:42 ID:EC9zuZ+q
>>601
CSS1 勧告からはや5年、CSS2 勧告から4年弱、でこの有様なんだから
頭痛いよなー確かに。

603 :Name_Not_Found:02/02/13 18:44 ID:IVp+zs8z
CSSにはXSLTのような真似はできない。動的な指定を行えるのは :hover :active :focus くらいだし。
まあ、あれはスタイルシートと言うよりスクリプトの仕事のような気もするけど。

604 :ウッソ ◆mCVsUsSo :02/02/13 18:52 ID:W/39CPPg
>>601-603
デザイナーの本音に聞こえるのは何故ですか?
でも、XSLTだと旧ブラウザーが…頭いてぇっすね。

605 :Name_Not_Found:02/02/13 19:05 ID:EC9zuZ+q
>>603
XSLT はさすがに CSS とは用途が違うだろー。
動的な指定は XSLT だって出来ないよ?

606 :Name_Not_Found:02/02/14 15:39 ID:iWbVT2fl
Macintoshユーザーの方にお訊ねします。
outlineプロパティーって、MacIEだけが対応ですよね。
どんな風に見えるものなんですか。その初期値は(特にoutline-color)は?
下手に指定されると癇に障りますか? 
a:focus {outline:none;}としても別に不都合ありませんか?

607 :Name_Not_Found:02/02/14 15:58 ID:S7QIJqte
>a:focus {outline:none;}としても別に不都合ありませんか?
試したら、激しく不都合でした。focusがどこ行ったのか分からなくなる。
aにoutlineを指定するのは止めた方が無難です。全く効果が無いようですし。

outline-color の初期値は border-color と同様、color プロパティの値を継承します。
inputなんかに指定される分には問題ないと思います。

608 :Name_Not_Found:02/02/14 16:15 ID:iWbVT2fl
>>607
>>a:focus {outline:none;}としても別に不都合ありませんか?
>試したら、激しく不都合でした。focusがどこ行ったのか分からなくなる。
ううむ、そんな不都合が。
a:activeでbackground-colorを指定してあっても、分からなくなりますか?
(当然、a:focusの記述の順はその後です。)

なんか以前、パソコンショップのMacIEで黒地のページでリンクにfocus当てると
ヘンな緑色の枠線が出たことがあって、あれがoutlineなのかなと思ってたのですが……。
初期値がborder-colorと同様なら問題ありませんね。

609 :Name_Not_Found:02/02/14 16:45 ID:S7QIJqte
>a:activeでbackground-colorを指定してあっても、分からなくなりますか?
駄目ですね。というか、outlineを指定されている時点でfocusの枠線が出なくなるようです。
で、そもそもaに対するoutlineの指定は効果がありません。
a {outline:solid red thin;} みたいにやっても全く線は現れません。
なので、無理っぽいです。

610 :Name_Not_Found:02/02/14 16:50 ID:YvfQL3FI
フォントサイズを固定したいのですが、何度貼ってもうまくいきません。
ソフトはビルダー2001です。

611 :610:02/02/14 16:59 ID:YvfQL3FI
文章の一部ではなく、ページ全体の文字を10ptにしたいのです。

612 :Name_Not_Found:02/02/14 17:04 ID:S7QIJqte
>>610
フォントサイズの絶対指定は止めといた方がいいよ。FAQなかったっけ?

613 :ウッソ ◆mCVsUsSo :02/02/14 17:10 ID:MlW3oKst
むー、なんかgoliveとは相性悪いって噂が・・・
余計なタグと衝突すんのか?

614 :Name_Not_Found:02/02/14 17:13 ID:S7QIJqte
>>613
何が?

615 :ウッソ ◆mCVsUsSo :02/02/14 17:17 ID:MlW3oKst
英文でなんか書いてあった。
CSSの元サイトに。


616 :Name_Not_Found:02/02/14 17:33 ID:S7QIJqte
>goliveとは相性悪いって噂が・・・

goliveがCSSを正しく解釈できないってこと?
CSSは「仕様」なんで、相性もクソもないと思うけど?

>余計なタグと衝突すんのか?

「余計なタグ」って何?

>CSSの元サイトに。

「CSSの元サイト」って何? CSS勧告のことか?

617 :Name_Not_Found:02/02/14 17:33 ID:jtt7grxK
関係無いけど、ウッソ ◆mCVsUsSoさんに質問してもいい?

618 :Name_Not_Found:02/02/14 17:55 ID:Qzzi0lvh
>>606
outline-colorの初期値はinvertじゃ。
でもoutline関係を何も指定しない場合はシステム標準の枠になる。

619 :Name_Not_Found:02/02/14 18:43 ID:+y4hhzV+
どうも上手くいきません。
なにか間違いがあるでしょうか?

body{background:red}

自分ではページ全体を赤色に指定しているはず。

620 :Name_Not_Found:02/02/14 18:45 ID:S7QIJqte
>>620
問題ないと思うけど。ブラウザのバグじゃないの?

621 :Name_Not_Found:02/02/14 19:04 ID:bWnoqQOV
>619
オイラもそーゆー風にカラネームで指定したらムリな時があった。
#f00としてみては?

622 :608:02/02/14 19:08 ID:DBlDwush
>>609
outlineプロパティーは、:focus擬似クラスでしか効かないってことですね。
でもa:activeでbackground-color(背景色)を指定しておけば、
outlineは枠線だけなのだから、どこにフォーカスが当ってるか(正確にはどこがアクティヴか)は
背景色によってわかるはずと思ったんですが。
outlineを指定するとa:activeの背景色まで継承されなくなるのですか?
MacIEの仕様ってWinIEとはだいぶ異なるんですねえ。

>>618
「システム標準の枠」とは? Macのシステムを知らないのでわかりません……。

623 :Name_Not_Found:02/02/14 19:30 ID:Ne6rno3z
スクロールバーの色を指定する方法は知ってるんですけど、
サイズは指定できないんですか?

624 :Name_Not_Found:02/02/14 19:34 ID:okCarCT3
>>622
>outlineプロパティーは、:focus擬似クラスでしか効かないってことですね。
そんなことはないよ。

でも、macIEではoutlineはブロック要素か置換要素にしか
効かない。
で、a要素にはデフォルトでフォーカス当たったときに
outlineが出るようになってるが、文書作成者がa要素に
outlineを指定することは出来ない。指定するとデフォルトの
outlineが消えるだけ。

backgroundが継承されなくなるってことは無いと思うが?
デフォルトのアウトラインが消えるとわかりにくいってことでは?


625 :Name_Not_Found:02/02/14 20:17 ID:D28Ei1Pq
質問!

<P>タグに、display:list-item;
って指定したら、
N6では普通に<LI>使ったみたいに表示されるんだけど、
IE6だとなぜか、行の少し下にリストアイテムが表示されちゃうんですよ。

  あああああああああ


ちょっと大げさだけど(まるまる一行分、ってほどじゃない)こんな感じ。
さらに文章が2行以上になると、

   あああああああ
   いいいいいいい
   うううううううう


という感じになってしまいます。

これってバグ? 直す方法とかご存知の方いらっしゃったら教えてタモレ。

ちなみに<UL><LI></UL>でやればちゃんと頭のところに行くんだけど、
これから全部直すの大変だよ・・・。

626 :Name_Not_Found:02/02/14 20:51 ID:jrfiMLJR
>>623
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties.asp
IE の場合、ここ探してなかったら、成す術無しと思われ。

627 :626:02/02/14 20:55 ID:jrfiMLJR
>>623
http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_style.asp
スマソ、こっちの方が見やすいわ。

628 :Name_Not_Found:02/02/14 21:02 ID:Ne6rno3z
>>626
ありがとうございます。探してみます。

629 :Name_Not_Found:02/02/14 21:19 ID:hME1YCHD
>>625
p {display:list-item;margin-left:1em;}
<p>IE6で実験してみたがちゃんと表示されたぞ。なんか他にヘンな指定してませんか。</p>
<p>それと、display:list-item;はIE5.5以前では未対応なのは承知の上かい?</p>

630 :625:02/02/14 21:24 ID:D28Ei1Pq
すいません、
ちょっと下にずれてたのは、paddingの指定が原因でした。
ただ、リストアイテムが一番下の行に並んでしまうのは相変わらず・・・。

   あああ
   いいい
○ ううう

今こんな感じ。これはしょうがないのかなぁ。

631 :Name_Not_Found:02/02/14 21:25 ID:44CD172B
CC/PP に期待してるんだけど、駄目かな?


632 :625:02/02/14 21:31 ID:D28Ei1Pq
あ、「ううう」の行だけずれた。打つ。

>>629

検証ありがとうです。
レス見ないで書き込んじゃいました。
ホントだ。他のところでおかしくなってるみたいですね。

見直してみます。ありがとう!

633 :N067060.ppp.dion.ne.jp岡田克彦:02/02/14 21:42 ID:tLRM/Y4w
モテないみなさまへ

お・だ・ま・り!
あーたなんかノンケよりもバイのあたしの方がモテて困りますわ。それにピアノや作曲やってると、女の子が自然に集まってくるのよね。
今から飲みに出かけるのよ。あーたみたいなモテないノンケと一緒にしないでほしいわ。ですから、チョコレートの山で困ってますのよ。

私は逃げも隠れもしません。文句があったらいつでもいらっしゃい。あたしの住所電話番号は下記よ。逃げも隠れもしませんからいらっしゃいな。

〒760-0004 香川県高松市西宝町2-9-10 B-1-102
Tel.Fax. 087(861)4349  携帯電話.090-7570-3124
ホームページURL;http://www.geocities.co.jp/MusicHall/5933/
Eメールアドレス;hikohiko@h2.dion.ne.jp







634 :Name_Not_Found:02/02/14 21:50 ID:ucL/h5cf
妄想君だ〜!>>633楽しい?

635 :Name_Not_Found:02/02/14 21:51 ID:bWnoqQOV
>634
放置の方向でおながいします。

636 :とほほCSS ◆LWdJtsrY :02/02/14 23:57 ID:aDo3luQp
擬似フレームを使かった場合、必ず背景画像は固定表示になるのでしょうか。
スクロールさせたときに背景が固定表示されないように設定したいのですが、
今の所ソースは下記のようになってます。

.header{
position:absolute;
filter:Alpha(opacity=70);}

.main{
position:absolute;
top:0px;
left:0;
width:100%;
height:100%;
overflow:auto;}

よろしくお願いします。

637 :Name_Not_Found:02/02/14 23:59 ID:AILT1STt
>>636
そのシートでは、背景画像、指定しとれへんやんけ。
それにそのシートを適用させるHTMLはどないなっとんねん。
そっちのソースも抄出してくれんか。

638 :とほほCSS ◆LWdJtsrY :02/02/15 00:43 ID:OXAR3gpG
>>637
申し訳ありません、情報不足でした。
下記URLにHTMLファイルをアップロードしましたのでお願いします。

http://x2ch.tripod.co.jp/css.html

639 :Name_Not_Found:02/02/15 00:51 ID:KB+iGhfr
>>636
擬似フレームで、固定されてるのはbodyと.headerなんでしょ?
だったら固定されない方(.main)にbackground-imageを指定すればいいんでないかい。

640 :とほほCSS ◆LWdJtsrY :02/02/15 01:11 ID:OXAR3gpG
>>639さん
まだ微妙に解決してない点もありますが、なんとか出来そうです。
これからいろいろと調べてみます。ご指摘ありがとうございました。

641 :CSS初心者:02/02/15 15:11 ID:YnMPFACu


CSSを使って作ったボックスの中心に複数の画像を配置して、
また、その画像の間が空かないように配置したいのです。
どのようにしたら良いのでしょうか?


教えていただけないでしょうか?




642 :Name_Not_Found:02/02/15 15:48 ID:pNY5OCO5
>>641
一つのボックスに複数の背景画像を指定したいの?
それとも、一つのボックス内に複数の img 要素を配置したいの?
前者だったら、現状の CSS では無理。

643 :CSS初心者:02/02/15 17:27 ID:YnMPFACu
一つのボックス内に複数の img 要素を配置したいののです。


644 :Name_Not_Found:02/02/15 21:43 ID:4Nj8ZmTd
>>641
質問の仕方が悪いよ……。
どんな風にどんな順番で何個配置したいのか、
それを言ってくれなきゃ指示しようがない。なるべく具体的にソースも出して。
まあmarginとかpositionプロパティーについて勉強したら解決するよ、きっと。
自分でやってみてごらん。それでも駄目だったらその結果を出して添削して貰ったらいい。

645 :メジロマックポテト:02/02/16 03:22 ID:EjKyHubF
横に36文字で改行するようにしようとして

p {width:36em;}
としてみたのですが、横幅が短いときに横スクロールバーが出てしまいます。
そこで

p {
if ( 36em>100% ) {
{width:100%;}
else
{width:36em;}
}
こういうのは無理っぽいけど・・・
都合よく条件分けする方法は何かありますか?


646 :Name_Not_Found:02/02/16 03:42 ID:juPdtcyx
>>645
max-width: 100%;
width: 36em;
多分IEは未対応。


647 :Name_Not_Found:02/02/16 03:48 ID:CtSrdggt
そういえば、emとexは実質的にちがうんですか?

648 :Name_Not_Found :02/02/16 03:50 ID:MXZqo0Cn
>>643
まずはただimg並べてみたら。んで、問題が出たら具体的な質問すれば。

649 :Name_Not_Found:02/02/16 04:17 ID:7rxE5nML
>>647
M ←この高さが1em。
x ←この高さが1ex。
全然違うっす。

650 :CSS初心者 :02/02/16 11:48 ID:xEYNl/5z
言い方がわかりにくくて申し訳有りません。

具体的にはスワップするイメージを4つ使っているナビゲーションバーの
イメージの中央揃えをテーブルではなく、CSSを使って行いたいと考えています

よろしくお願いいたします。



651 :Name_Not_Found:02/02/16 11:54 ID:0PrFMCIh
>>650
だからHTMLのソース出してくれないと。
もちろん自分で或る程度はやってみたんでしょ? その途中経過でいいから。
あと、ここでも読んで。
http://tancro.stp-1.com/stylesheet/n6_center.html

652 :Name_Not_Found:02/02/16 11:57 ID:0PrFMCIh
>>645
IEならCSS関数構文(expression)でウインドウ幅を獲得すれば、できないこともない。
http://www.microsoft.com/japan/developer/workshop/author/dhtml/dude061198.asp

653 :Name_Not_Found:02/02/16 15:10 ID:ilB3kLG0
HTML 4.01 Strict だと

<table style="width:100%; height:100%;">
<tr><td style=" text-align:right; vertical-allign:middle;">
<a href="main.htm">
<img src="image/top.gif" width="140" height="80" alt="Enter" style="border:0px;">
</a>
</td></tr>
</table>

で画像が右端には表示されるんですが、上下が真中にならないんですがどこが悪いのかわかりません。
どうしたらいいでしょうか?
Transitionalなら正常に表示されるのですが…。

IE6,Mozilla0.9.6(Milestone)どちらもだめでした。Opera6だけ意図した通り表示可能でした。

654 :Name_Not_Found:02/02/16 17:06 ID:VMVKgcV7
>>653
body,html {height:100%}
を入れてみれ。
あと、tableがbody直下でないならtableの親要素にも
height:100%を。

ただそれでもMacIEでは無理。

655 :Name_Not_Found:02/02/16 17:32 ID:ilB3kLG0
>>654
無事解決です。ありがとございます。

656 :Name_Not_Found:02/02/16 17:54 ID:+KQemnVb
hpビルダーのftpソフトでcssファイルを転送すると
改行のところが豆腐になってしまうの
なおせないっすかねえ?
ftpが悪いんでしょうか?

657 :Name_Not_Found:02/02/16 18:14 ID:y1prFcCK
疲れた…各ブラウザでfloatの実装が違いすぎる…


658 :Name_Not_Found:02/02/16 19:14 ID:EDreyffe
ここで聞け

ttp://communication.skipup.com/cgi-bin/zatsudan/read.cgi/87/

659 :645:02/02/17 00:52 ID:atVyOyvo
>>646
ありがとうございました。
IE未対応なのは痛いですが工夫してみます。


660 :Name_Not_Found:02/02/17 22:38 ID:WzH8CyCt
divでpadding-bottomを0以外にすると、
ページの下に行く程どんどん左にdiv内が寄っていくのですが、
どのように解決できますか?
(IE6 でこうなります)

661 :Name_Not_Found:02/02/17 22:45 ID:2kymBeqJ
>660
マージンとかの設定し忘れとかでなかったら、ここへぜひ登録を。

http://pc.2ch.net/test/read.cgi/hp/991666454/


662 :660:02/02/17 23:00 ID:WzH8CyCt
CSS に精通しているであろう平田氏が使われている物の
div.diary-item {} に padding-bottom: 2em; を追加しても
同様にずれるのですが、
私の認識が間違っていますか?

http://yasu.asuka.net/diary/200202B.html

663 :660:02/02/17 23:04 ID:WzH8CyCt
IE のバージョンは、6.0.2600.0000.xpclient.010817-1148 です。
Mozilla 0.9.8 だと正常に見えます。

664 :Name_Not_Found:02/02/18 00:16 ID:MflzQmkr
>660
たしかborderと一緒に使うとダメだったような…。
自分のとこもそうなって、今はpaddingを消して対処してます。

でも未確認。っていうか、忘れてしまいました。

665 :Name_Not_Found:02/02/18 08:46 ID:dPe9nKey
<div id="navigation">
<ul>
<li><a href="./index.html">index</a></li>
<li><a href="./about.html">about</a></li>
<li><a href="./text.html">text</a></li>
</ul>
</div>
みたいにマークアップしたメニューなんですが、この3つの項目を横一列に並べたいのです。
IE6ですと
div#navigation{ background : #eeeeee; }
li{ float : left; }
これでDIV内にも収まりつつ、良い感じに横に並んでくれるのですが
NN6ですと(mozilla)DIVからはみ出してしまいます。
リストを横に並べる最適なCSSの指定はどうしたら良いのでしょうか?

666 :Name_Not_Found:02/02/18 09:35 ID:CxqFZ0iP
>>660
borderをつける。
線が見えるのがいやなら、背景と同じ色で。
背景が画像の場合は諦める。

667 :Name_Not_Found:02/02/18 09:41 ID:kMD+7/HS
>>665
li{ display:inline; } ではダメ?

668 :Name_Not_Found:02/02/18 09:45 ID:H3r3oiQp
スタイルシートにこだわらずに、テーブルで表示してみたら?

669 :Name_Not_Found:02/02/18 11:06 ID:Guxrfily
<style type="text/css">
<!--
body {
background-image: url("../gpv_r_c1.jpg");
background-repeat: no-repeat;
}
-->
</style>
で背景画像を指定して、JavaScriptでこの背景を変えたいのですが
JavaScriptでbackground-imageをあらわすプロパティを知ってる方
おしえてください。

670 :Name_Not_Found:02/02/18 11:12 ID:t1QHz6Zq
>>669
検索した?

http://www.google.co.jp/search?sourceid=navclient&q=JavaScript+%94w%8Ci%95%CF%8DX

671 :Name_Not_Found:02/02/18 11:15 ID:Peyc3dFZ
>>669

すれ違いでス。

でもそれって、
url(n)
とかにして、JSでnに代入、とかにするんじゃないの?
JSは詳しくないんで見当はずれだったらごめん。


672 :Name_Not_Found:02/02/18 13:44 ID:h1DNeS39
>>666
>NN6ですと(mozilla)DIVからはみ出してしまいます。
それが正しい表示です。IEの解釈が誤りです。
仕様によれば、元来floatは通常フローではありません。
floatはpostion:absolute等と同様に通常フロー要素に対して配置に関する影響を
及ぼさないのです。唯一の例外はclearされると、その部分までを通常フロー扱い
としてそれ以降の通常フロー要素の配置を行うことです。
似た問題は>>515-516既出、対策としては>>522-524をご覧あれ。
具体的には、下記の通りにすればよいかと。

.clear{clear:both;}

<div id="navigation">
<ul>
<li><a href="./index.html">index</a></li>
<li><a href="./about.html">about</a></li>
<li><a href="./text.html">text</a></li>
</ul>
<br class="clear">
</div>

猶、floatさせる要素にはwidth指定が必須です。その点もご修正あれ。

673 :672:02/02/18 13:45 ID:h1DNeS39
誤:>>666
正:>>665

674 :Name_Not_Found:02/02/18 14:14 ID:+YxIiw4R
おお〜。いるじゃん、ちゃんとしたヤツ。

675 :Name_Not_Found:02/02/18 15:18 ID:4tecrdx5
>>672
その br 個人的に好きになれない。
漏れは <hr /> を invisible にして入れるようにしてるよ。
でもまあひとそれぞれか。

676 :Name_Not_Found:02/02/18 15:34 ID:3wEQO1YU
>>675
<hr>でもいいんですが、N6ではQuirkモード(TransitionalでURIナシ)にすると
hr要素に指定したclearプロパティが効かなくなるバグがあるので<br>としました。
 cf.http://bugzilla.mozilla.gr.jp/show_bug.cgi?id=1726

677 :665:02/02/18 19:05 ID:dPe9nKey
みなさん、ありがとうございます。早速試してみます。
やっぱりIEがクソなんですね。(いや、仕様書をきちんと読んでない私がクソか)
もっと勉強しなくちゃ…。

678 :Name_Not_Found:02/02/20 14:54 ID:p1QW3l5R
IE5で以下のようにすると fieldset にも form に指定した margin が適用され
ます。NN6では正常に表示されました。IE5のバグでしょうか?

form { margin: 10em; }

<form>
<fieldset>
<legend>hoge</legend>
<input type="text" value="なんでmarginが20em?" />
</fieldset>
</form>

679 :Name_Not_Found:02/02/20 15:43 ID:yD+QbVlF
>>678
IE6 でも再現できた。とてーもバグに思われる。
おかしいのは fieldset の margin ではなくて input の margin。
input が fieldset 直下にあって、かつ
行ボックス内で input に先行する文字がないときに
なぜか input が form の margin を継承する。
バグ辞典逝きだなーこれ。

680 :678:02/02/21 01:56 ID:rT5Xdwle
検証ありがとう。バグ辞典に書いといたわ。
でも、回避方法が楽なのであまり深刻なバグではないね。

681 :Name_Not_Found:02/02/21 12:46 ID:G1mE7pOl
fieldset 要素と legend 要素の IE/Mozilla におけるレンダリングって
どう考えても CSS2 ボックスモデルで説明つかないような気がするんだけど
どんな風に考えたらいいの?

682 :Name_Not_Found:02/02/21 12:48 ID:iP+R+E8v
>>681
legendにposition:relative;top:かmargin-top:でマイナス値を指定すればいいだけでは。

683 :Name_Not_Found:02/02/21 13:55 ID:yfIqSBVj
では、fieldsetのborderがとぎれてるのは、どう説明するの?

684 :Name_Not_Found:02/02/21 14:07 ID:i9e9UDCH
>>683
legendに背景色とか。

685 :Name_Not_Found:02/02/21 14:39 ID:G1mE7pOl
では、 fieldset の margin-top の計算ってどうするのが正しいの?
先行するボックス下辺とかコンテナブロック上辺と
fieldset の border 上辺の距離のはずだと思うんだけど
IE も Mozilla も legend の上辺との距離になるみたいなんだ。

fieldset に背景色つけてみると
Mozilla だと fieldset の border 辺内部だけ色をつけるんだけど
IE は border 上辺をはみ出して legend の高さまで色がつく。

686 :Name_Not_Found:02/02/21 17:56 ID:ATsz327v
bodyに背景画像使うと
legendの背景には何も無いことがわかるんだけど…

687 :Name_Not_Found:02/02/21 20:05 ID:BU0LJlu1
>>686
以前、たしかWinIE5.5で、指定するスタイルによっては
<legend>に<fieldset>のborderがかぶさって<del>みたいに表示されたことがあった。。
いまちょっとIE6でやったけど再現できない……。

688 :Name_Not_Found:02/02/23 01:52 ID:aV8o4Hyu
divにborderを1pxに設定してるんですが、
operaなんかで見ると枠線が出ないです。

div{border: 1px solid;}
div.main{text-align: center;}
などとやって、htmlには
<div class="main">
本文</div>
などとやっているのですが…。
IEでは普通に表示されます。

689 :Name_Not_Found:02/02/23 02:00 ID:+bedzrX0
>>688
Operaは下記のやり方ではスタイルシートを認識しなくなるバグがあります。
http://members.jcom.home.ne.jp/jintrick/Personal/css_escape_opera6.html

当て嵌まりませんか。

あと、ページ表示倍率が90%だと、表示に難が生じることがあります。

690 :Name_Not_Found:02/02/23 02:15 ID:XtVibL6o
>>688
ちょっとやってみたら表示されたけど。
つか border-color が指定されてない場合ってどーゆー色になるんだっっけ。
とりあえず色も明示的に宣言してみてくださいに一票。

691 :Name_Not_Found:02/02/23 02:19 ID:aV8o4Hyu
>>689-690
IEだとカラー指定しないでも普通に出てた上、class="main"じゃない部分はoperaでも枠線が出ていたので試していませんでした…。
全て指定したらうまく表示できました。
どうも、ありがとうございました。

692 :Name_Not_Found:02/02/23 02:27 ID:+bedzrX0
>>690-691
Operaのバグとして、border を指定する際、
border-color を指定してない場合は、color の値が初期値として
使用されるはずが、初期値がblackになるらしい。
cf.http://sigekazu.vis.ne.jp/cgi/bbs/sylpheed.cgi?c=r&n=239

693 :Name_Not_Found:02/02/23 03:13 ID:uiJY0XLb
スタイルシート、CSSを勉強しはじめたばかりの初心者です。
自分で調べてみたのですが、どうしてもわかりません。
(多分、あまりにも初心者的な質問だからどこにも書いてないのかも・・・。)

教えていただきたいのは、テーブルについてなのですが
今までは、FrontPageでこんな風に作成してました。↓

<div align="center">
<center>
<table border="1" width="62%" height="139">
<tr>
<td width="100%" height="45">
<p align="center"><font face="MS UI Gothic" size="4" color="#FF0000"><b>タイトル</b></font></td>
</tr>
<tr>
<td width="100%" height="94"><font face="MS UI Gothic" size="3" color="#0000FF">本文を</font>
<p><font face="MS UI Gothic" size="3" color="#0000FF">ここに表示します。</font></td>
</tr>
</table>
</center>
</div>

使用するフォントは、テーブル内では常に同じフォントで
場所によってフォントサイズやカラーが違っている、というソースです。

「本文をここに表示します。」部分の文章が長くなると
延々と同じ設定が記述されてしまうので
これをCSSファイルを作成してそこにスタイルとして設定したいのです。

板違いの質問になってしまうかもしれませんが
CSSファイルにどのように記述するのか、またソース内では
テーブルの設定はこのままでいいのか、設定したスタイルは
どのように適用するのか、どれか1つでも構いませんので
どなたか教えてください。


694 :Name_Not_Found:02/02/23 03:21 ID:+bedzrX0
>>693
↓こちらの講座を一通り読むと、自分でやり方がわかるでせう。
http://www.tg.rim.or.jp/~hexane/ach/fscs/
特に「いままでの HTML との対照」を見ながらね。

695 :693:02/02/23 03:24 ID:uiJY0XLb
694様、ありがとうございます。
早速教えていただいたサイトで勉強してきます。
こんな初心者にレスつけてくださいまして、
ホントにありがとうございます。


696 :Name_Not_Found:02/02/23 03:37 ID:+bedzrX0
>>693を書き直したもの。一例ですから、他にもやり方はあります。

.centering {text-align:center}/*IE5.5以前で中央揃*/
.centering table {
text-align:left;
margin-left:auto; margin-right:auto;
border:1px solid #000;
width:62%;
height:139px;
}
th,td {
font-family:"MS UI Gothic",sans-serif;
color:#0000ff;
}
.A {
height:45px;
font-size:120%;
}
.B {
height:94px;
font-size:100%;
}

<div class="centering">
<table>
<tr>
<th class="A">タイトル</th>
</tr>
<tr>
<td class="B">本文を
<p>ここに表示します。</p></td>
</tr>
</table>
</div>


697 :Name_Not_Found:02/02/23 04:14 ID:BxfCARTU
しかしここは
お洒落なスレだな。

698 :Name_Not_Found:02/02/23 08:40 ID:CPupEWgp
色々調べてやってみたのですが、どうしても分からないものがあるので質問させて頂きます。
CSSを使い、同じ行の中に右寄せのモノと左寄せのモノを作ることは可能でしょうか?
ブロック要素をtext-alignをつかってどちらかだけに寄せる方法は分かるのですが、
1行で表示させる方法が分かりません。

今までは、例えば
<table><tr><td bgcolor="#000000">
<table widh="500" border="0" cellspacing="0"><tr>
<td width="30%" align="left" bgcolor="#FFFFFF">左寄せ</td>
<td width="40%" align="center" bgcolor="#FFFFFF">センター</td>
<td width="30%" align="right" bgcolor="#FFFFFF">右寄せ</td></tr></table>
</td></tr></table>
というようにテーブルでやってました。(cellspacingなどは一部省略しました)
テーブルが二重なのはsolidな枠線が欲しかったというだけで、これのCSSでのやり方は分かります。
これと同じ様な表現をテーブルを使わずに表示する方法はあるのでしょうか?
もし枠線をつけなければ出来るというのであれば、それだけでも教えていただけると幸いです。

既出でしたらスミマセン。

699 :698:02/02/23 09:00 ID:CPupEWgp
しまった。
右寄せと左寄せなら過去ログに似たものがありましたね(汗。
そうじゃなくてセンターも含めたものが出来れば知りたいんです。

700 :Name_Not_Found:02/02/23 10:01 ID:42R9tq/W
>>699
基本的にはこんな感じか?
<div style="width:500px;border: 2px solid #000;">
<div style="width:30%; float:left; width:30%">左寄せ</div>
<div style="width:30%; float:right; width:30%">右寄せ</div>
<div style="width:40%; margin:auto;">センター</div>
</div>


701 :Name_Not_Found:02/02/23 14:09 ID:/9iUSil0
>>698
これでどう?
.style1 { border:solid 2px #0000ff; text-align:center;}
.left { float:left;width: 30%; text-alibn:left;}
.right { float:right;width: 30%; text-align:right;}

<div class="style1">
<SPAN class="left">float:left</SPAN>
<SPAN class="right">float:right</SPAN>
center
</div>

702 :Name_Not_Found:02/02/23 16:06 ID:udDL80Mw
>>698 もう一品。
--CSS--
.box {border: 1px solid #000000;width: 500px;}
.left {text-align: left;float: left;width: 30%;}
.center {text-align: center;float: left;width: 40%;}
.right {text-align: right;float: left;width: 30%;}
.clear {clear: left;}

--BODY--
<div class="box">
<div class="left">LEFT</div>
<div class="center">CENTER</div>
<div class="right">RIGHT</div>
<br class="clear"></div>

703 :Name_Not_Found:02/02/23 18:18 ID:ixJClEsP
<div class="yakimeshi">
<p>炒ってよし</p>
</div>

<div>下の<p>に,classやidを与えずスタイルを指示したいのです.

.yakimeshi { <p> { TEXT-INDENT : 1em} } では駄目でした.
.yakimeshi <p> { TEXT-INDENT : 1em} でも駄目でした.

どうすればいいんだー

704 :Name_Not_Found:02/02/23 18:48 ID:WymCeFxK
>>703
「セレクタ」について勉強してね。↓ 基礎です、基礎。
http://www.sugai.f2s.com/web/CSS/selectors.html

.yakimeshi p {text-indent:1em;}

705 :698:02/02/24 01:12 ID:frvYL3A1
>>700-702
ありがとうございました。
floatを2重に使うのは盲点でした。
もともとfloatってなんか画像に使うイメージが強くて。
大変勉強になりました。
ホント良スレです。

706 :Name_Not_Found:02/02/24 15:35 ID:lC9WbcPc
お聞きしたいのですが
タグに直接書き込む形で
リンクの文字のアンダーバーが付かないようにしたいのですが
どなたか教えていただけないでしょうか?
宜しくお願いします。

707 :Name_Not_Found:02/02/24 15:38 ID:Xc1EPu92
>>706
<a href="hoge.html" style="text-decoration:none;">hoge</a>
基本から勉強した方が宜しいかと。
それと、下線のないリンクはウザイです。

708 :Name_Not_Found:02/02/24 15:41 ID:lJHuQA0C
>>706
<a href="http://www.sugai.f2s.com/web/CSS/tut/anchor.html" style="text-decoration:none;">
こちらを参考に。
</a>

あと、「タグに直接書き込む形」の指定(インライン・スタイルシート)は
あまりよくありません。できれば外部スタイルシートに移行しませう。

709 :Name_Not_Found:02/02/24 15:50 ID:5aZ5P0PN
沢山のページがあって
h3は、中央、
h3のid="xxx"は、右
にする場合。
<h3 id="1">
<h3 id="xxx">
としないといけませんか?
<h3>は、中央で、<h3 id="xxx">は、右にできませんか?


710 :Name_Not_Found:02/02/24 15:58 ID:K559MUqi
できますよ

h3{text-align:center}
h3#xxx{text-align:right}

711 :Name_Not_Found:02/02/24 16:00 ID:lJHuQA0C
>>709
これでいいはずですが?
h3 {text-align:center;}
h3#xxx {text-align:right;}

cascadingの規則では、タイプ・セレクタよりidセレクタで指定したルールを優先しますから。
cf.http://hp.vector.co.jp/authors/VA022006/css/cascade.html

712 :Name_Not_Found:02/02/24 16:05 ID:5aZ5P0PN
>>710
>>711
ありがとうございます。できました。
しかし、
---------------------------------
h3 {margin-left:3%;
color:#008000;
background-color:transparent;}
h3#right {text-align:80%;}
---------------------------------
にすることはできませんか?
ならないのです。

713 :Name_Not_Found:02/02/24 16:09 ID:lJHuQA0C
>>712
text-align(文字揃)プロパティは%指定は受けつけません。
http://hp.vector.co.jp/authors/VA022006/css/text.html#text-align
これでどうですか。
h3#right {
text-align:right;
padding-right:20%;
}


714 :706:02/02/24 16:10 ID:lC9WbcPc
>707,>708
ありがとうございました!
勉強し直してきます。
下線のないのはうざいのですかぁ。
ではやめときます。

715 :Name_Not_Found:02/02/24 16:14 ID:5aZ5P0PN
>>713
そうでしたね。
でも、padding-rightは、borderで囲んでるときに使うから、
marginで囲んでなかったら、marginでも良いですよね。
http://www.kanzaki.com/docs/html/htminfo17-2.html#box
h3 {margin-left:3%;
color:#008000;
background-color:transparent;}
h3#right {margin-left:80%;}
こんな感じかな。

716 :Name_Not_Found:02/02/24 16:20 ID:5aZ5P0PN
>>715
ありがとうございました。
トップページのメニューの右寄せができました。


717 :716:02/02/24 16:20 ID:5aZ5P0PN
>>715ではなく、>>713

718 :Name_Not_Found:02/02/24 17:51 ID:cZOC2fuW
idの先頭に数字はつかえないよ

719 :Name_Not_Found:02/02/25 14:33 ID:cYaSCCzZ
外部ファイルをなるべく少なめにして、
class指定等で複数のページで使いまわしするのと、
各ページごとに外部ファイル作成するのって
どっちが効率的なんでしょう。
class指定多くなって偶に訳分からん時があるんですよ(苦
皆さんはどうされてます?

720 :Name_Not_Found:02/02/25 14:39 ID:3p0dTuB5
>>719
固有なclassとおもったら、CSSファイルを新しく作成。
使い回しは、あとで泣きを見る。

721 :Name_Not_Found:02/02/25 14:52 ID:7JEJxaal
うちは切り替え使ってるから1スタイルにつき1ファイル。
確かに混乱する時もあるけど、書き方次第で何とかなる。

分けるのはいいけどやり過ぎは禁物と思う。

722 :720:02/02/25 16:12 ID:3p0dTuB5
分けるほど特殊なclassは、切り替えに反応させるべきかどうか。
きっと、その文書でしか使わないclassなんだ。

少し汎用性あるやつなら、メインにぶち込むかも。コメントつきで。


723 :Name_Not_Found:02/02/25 16:23 ID:RYHlRifB
<address></address>
で囲った中は、IEでは、斜体で表示されますが、
これは、ブラウザによって違うので、私は、
address {font-style:normal;}
して、違うブラウザでは、太字になるかもしれないので、
font-weight:normal;にしようと思います。
ブラウザが勝手にデザインするのを解除できる
方法はありますか?
いちいちfont-weight:normal; font-style:normal;してると大変ですから。
こういうのは、ブラウザごとに表示が違って良いのでしょうか?


724 :Name_Not_Found:02/02/25 18:07 ID:0F0A6snn
>>723
>ブラウザが勝手にデザインするのを解除できる方法はありますか?
一々上書きする以外の方法はありません。そのためのカスケーディングですし。

ブラウザのデフォルトスタイルっていうのは、ユーザスタイルと同様に考えて下さい。
ユーザに見易いように指定されているのがデフォルトなのですから、
その意味では無闇に変更するべきではないでしょう。
もっとも、ユーザが !important を使っていれば変更のしようもないのですが。

でもまあ、それと解るスタイルに変更する分にはいいと思います。
a {cursor:n-resize;} とか a {text-decoration:none;} とかいった
代表的なウザイ変更をしない限りは。

725 :Name_Not_Found :02/02/25 19:24 ID:raC9FLp6
a {text-decoration:none;} なんか流行ってるよねこれ。
取り敢えずヘッダに書いてあることが異様に多い。
あと、フォントサイズは小にしろとか。してられっかっつーの。

726 :Name_Not_Found:02/02/25 19:35 ID:3p0dTuB5
>>723
* { font-style:normal; }
これでいいのかな。

727 :Name_Not_Found:02/02/25 19:36 ID:3p0dTuB5
>>725
激同
あと、ネタバレは.bareを表示させるなとか。面倒だ。

728 :Name_Not_Found:02/02/26 00:36 ID:0pEWC6G0
>> 715

h3#right {margin-left:80%;}

この場合はクラスだろう。
right が一意か?
クラスとIDの区別がついとらん初心者多くない?

729 :Name_Not_Found:02/02/26 00:54 ID:vePmL8z/
クラスでもrightとかイヤだ

730 :Name_Not_Found:02/02/26 01:15 ID:PxwO4WtM
俺のクラス、男ばっかりでイヤだ

731 :Name_Not_Found:02/02/26 02:17 ID:ayqXqkhi
.class730 {
 voice: male;
 /* 案性ブラウザ用のCSSってどんなだか知らない(;´Д`) */
}

732 :731:02/02/26 02:18 ID:ayqXqkhi
/*
s/案性/音声/
鬱だぁ
*/

733 :Name_Not_Found :02/02/26 03:02 ID:jwriPzWm
>>728
709を見ると1ページで何回も使うことを考えてるっぽいし、ここはクラスだね。

734 :エンベーディング?:02/02/26 06:30 ID:228uiM0y
下らない質問ですいません。
Embedding Style SheetのEmbeddingって何て読むんですか?

735 :Name_Not_Found:02/02/26 07:21 ID:XkFSY5mV
ペッティング

736 :Name_Not_Found:02/02/26 07:45 ID:KMs9XJ7H
英語を勉強しる!

737 :Name_Not_Found :02/02/26 08:13 ID:jwriPzWm
>>734
"bed"には動詞として「埋まる」の意がある。emがついて他動詞化。「埋める」。
さらにingがついて動名詞化。「埋めこみ」。"bed"は読めるよな。

738 :Name_Not_Found:02/02/26 09:38 ID:XdeqdHou
リンクの下線消しは、わかりやすくさえしてくれれば構わないけど、
CSS理解してないくせに「下線消しはこれをコピペして」とかいう
自称”ホムペ”講座はうっとおしい。
スレ外れスマソ


739 :Name_Not_Found:02/02/26 09:46 ID:xnmymzSP
デフォルトだとリンクの下線が文字にひっつきすぎってんで、
text-decoration:none;にして代りにborder-bottomを指定してあるサイト、
あるよね(「某方面」とか)。
でもあれ、IE5以前だとインライン要素へのborder指定は効かないから
どこがリンクだか全然わからなくなるはず。
ユーザビリティが考慮されてないんだな。

740 :Name_Not_Found:02/02/26 10:26 ID:pUsB+00U
>>739
某方面的には、
「そんな中途半端な実装にcssを解釈させないで下さい。」
と言うことではないかと思われ。
デフォルトスタイルなら問題無いわけだし。

741 :Name_Not_Found:02/02/26 11:12 ID:g9vIz6Ou
>>739
NN4を見捨てるのと同じぐらい、どうでもいいシェア。

742 :Name_Not_Found:02/02/26 12:18 ID:jgirTvav
質問です。
IE5.5環境とIE6.0環境では、

div#contents {
background-color: #ffffff;
width: 120px;
border-top: 1px solid #008000;
border-right: 1px solid #008000;
border-bottom: 1px solid #008000;
border-left: 20px solid #008000;
}

による見え方が違うんでしょうか?
ボックス自体の幅が変わりますか?



743 :Name_Not_Found:02/02/26 12:51 ID:7rCTdLHy
>>742
適切なDOCTYPE宣言をすると変わる。

(とも言い切れないんだっけ?xml 宣言がどうとかっていうのあったよね?)

とにかく、DOCTYPE宣言を書かないでおけばどちらでも一緒。
書かないことの是非はともかくとして。

744 :Name_Not_Found:02/02/26 15:24 ID:aPUI36DK
「こういう時は絶対にclass名ではなく、id名を付けなければならない」
という明確な基準はあるのでしょうか?

745 : :02/02/26 15:34 ID:qw/DBVW0
>744
リンクのアンカーにしたい時

746 :Name_Not_Found:02/02/26 15:34 ID:isyUx8Hb
>>744
それは、微妙にスレ違い。
http://pc.2ch.net/test/read.cgi/hp/1013818251/
まあ、文書内(サイト内?)に唯一のモノだと断言出来る状況ならば、
idを振るべきなんだろうけど。

>>742
http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp
を参照。
ただし>>743がいう通り、一行目にXML宣言を書いた場合は、
互換モードとして解釈される。
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/Doctype-Switch_situation.html

747 :Name_Not_Found:02/02/26 15:39 ID:aPUI36DK
>>745-746
あ…スレ違いでしたか、申し訳ないです…。
回答どうもありがとうございます。

748 :742:02/02/26 20:36 ID:jgirTvav
亀レスすいません。
回答ありがとうございます。
かなり、参考になりました。

749 :742:02/02/26 21:10 ID:jgirTvav
適切なDOCTYPE宣言していたんで、
ちょっと外してみたんですけど、
IE6.0、IE5.5ともに同じ表示になりうまくいきました。

ただ、DOCTYPE宣言はずしても、
Operaでは意味ないんですね。。。
適切なDOCTYPE宣言していたときのIE6.0と同じような感じでした。

750 :Name_Not_Found:02/02/26 21:33 ID:7rCTdLHy
>>749
そもそも、ボックスの幅に関してだけ言えば、
Opera の方が正しい解釈をしているわけで。

751 :742:02/02/26 21:40 ID:jgirTvav
>>750
そうですよね。
やはり、適切な宣言で組みなおします。

いろいろ、ありがとうございました。

752 :Name_Not_Found:02/02/26 23:49 ID:isyUx8Hb
>>751
でも、IE5.5が無視出来る環境なのか...。
ちょっと羨ましい。

>>747
746は俺なんだけど、向こうは向こうで、
classを振る事自体が間違いとか言われそうかなぁ。

とはいえ、CSS的にはセレクタとして使えりゃ何でも良くて、
ぶっちゃけた話、class="red"も構わない訳だし...。

753 :_:02/02/27 00:03 ID:mg70UJuA
スタイルシートを学ぶにあたってお勧めのページを教えてください。
ちなみに、今はとほほを見ています。

754 :Name_Not_Found:02/02/27 00:30 ID:JLGeecqF
>>753
ここの左下の方にコンテンツがある。
見てないから内容は保証出来ませんが信用出来るサイトだと。
ttp://members.jcom.home.ne.jp/pctips/

ちなみに本買った方がいいと思うよ。

755 :Name_Not_Found :02/02/27 01:03 ID:TYdcPxqZ
>>753
勧告の翻訳とか。

756 :Name_Not_Found:02/02/27 01:09 ID:K5c13GWy
>>753
訊く前に>>2-10は見た?
追加するなら、この辺りかな。
http://www.tg.rim.or.jp/~hexane/ach/fscs/
http://www.sugai.f2s.com/web/index.html
http://hp.vector.co.jp/authors/VA022006/css/index.html
http://dfj.cool.ne.jp/html/index.html


757 :Name_Not_Found:02/02/27 01:35 ID:PbbEGf0z
勧告邦訳がイイと思うけど、岡橋氏訳がなあ…。
ウェイバックマシーンからダウソするしか。
http://web.archive.org/web/20010207183738/http://www.fan.gr.jp/~kaz/rec-css2/cover.html

758 :Name_Not_Found:02/02/27 01:59 ID:K5c13GWy
>>757
岡橋訳は元の場所からなぜか無くなったけど、ここにミラーがある。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html
↓こっちの訳は日本語の態を成さないからね。改訳しろって感じ。
http://www.y-adagio.com/public/standards/tr_css2/toc.html

759 :Name_Not_Found:02/02/27 02:33 ID:pDMDG+UE
>>752
結局、無視できずに試行錯誤(未熟なんで)したけど、
ムリだった。。。
無理やりしようと思えば出来たんだけど、
サイトのバランスが崩れるのがちょっと痛かったんでやめました。

760 :757:02/02/27 03:30 ID:C4k46kHX
>>758
おお、ミラーがあったのか。感謝。

761 :_:02/02/27 11:03 ID:rHlgSRQ1
昨夜質問した「スタイルシートを学ぶにあたってお勧めのページを教えてください。」
というのは、それぞれ個人的にいいなと思っているサイトを教えてという意味です。

逆に、邪道はここだ、とか。

762 :Name_Not_Found:02/02/27 11:30 ID:1ZD3SZl1
>>761はこのスレが荒れるのが見たいらしいな。

763 :Name_Not_Found:02/02/27 11:31 ID:1ZD3SZl1
オレの日本語もかなり荒れてる。
ぞんぶんに見てくれ。

764 :_:02/02/27 11:47 ID:rHlgSRQ1
??意味がわかりません。
個人的に特定のページを勧めるのはいけないことなのでしょうか?

765 :Name_Not_Found :02/02/27 11:53 ID:NS1hRioB
解説サイトの論評するスレッドじゃない。

766 :Name_Not_Found:02/02/27 11:53 ID:jan7ucV+
>>764
じゃ、俺はここをお勧めしておくYO!

/* CSS、スタイルシート質問スレッド【6】 */
http://pc.2ch.net/test/read.cgi/hp/1011358982/


767 :764:02/02/27 12:02 ID:rHlgSRQ1
どこ行っても一緒ってこと?それとも自分で探せってこと?

じゃあここはどういう質問ならOKなの?
「解説サイトの論評するスレッドじゃない」なら>>1にそう書いておくべきだろ。


768 :Name_Not_Found:02/02/27 12:04 ID:plvkc8br
>>764
お前2ch初心者?分かっててやってるっぽいけどな。
スレッドレイプ野郎。

769 :Name_Not_Found:02/02/27 12:11 ID:L22X/gi0
>>767
スレ違い。>>2-4の何処かにお前の求めるスレやサイトがある。

770 :Name_Not_Found:02/02/27 13:16 ID:XBYSw0Qn
一応マジレス。
>764さん、>2-4は読んだのかと小一時間(以下略)
あそこが良い、ここが良いなんて人それぞれだしな。
ちなみに私はこのスレが一押しだがな。
ああネタならマジレスしてカコワルイけど良いや。

771 :764:02/02/27 13:52 ID:rHlgSRQ1
一応断っておくが、スレ荒らしでもネタでもない。

「自分で>>2-4を見て探せ。ここはそこまで親切なスレじゃない」ってこと
なら最初から一言そう言ってくれればこっちも納得する。
それに、ただ一概に「教えてクン」だと思わないでほしい。こっちだってな
るべく効率的に情報を手に入れたい、だから敢えて>>2-4を見る前にここで
質問をした。

違う言い方をすれば、おれは「とほほでも十分な知識を得られるか?」という
ことを聞きたかっただけ。

772 :Name_Not_Found:02/02/27 13:57 ID:HsbvIwKg
効率的に情報を手にいれたければ聞く前にそのくらい調べる。

773 :764:02/02/27 14:04 ID:rHlgSRQ1
そんなもんお前にわかるか。
事情は人によって違うだろうが。

だから、こういう無益なやりとりがスレ荒らしになってんじゃないのかよ!!
ストレートに言えやくそ!!!!ぶっ殺すぞ!!!!

まじでこのスレ荒らすぞこら!!!!!!!

774 :Name_Not_Found:02/02/27 14:19 ID:d1blcvod
>ストレートに言え
帰れ

775 :Name_Not_Found:02/02/27 14:21 ID:HsbvIwKg
春だねぇ。

776 :Name_Not_Found:02/02/27 14:27 ID:XBYSw0Qn
花粉症の季節です。
荒氏の季節です。
どうでも良いが>775sageろや。

777 :Name_Not_Found:02/02/27 15:42 ID:gkqRQ97c
>>773
あ?殺してみろよ?
取りあえず携帯番号を晒せ。

778 :Name_Not_Found:02/02/27 16:48 ID:a1+5dDj/
>>775
春ですねぇ。

779 :Name_Not_Found:02/02/27 16:53 ID:id/UlzdW
>>753>>761>>764>>767>>771>>773

だんだん本性が出てきて面白い (ワラ
IDがあるから騙りじゃないし。
バス襲うなよ (って言っても2ch初心者には分からないか ギャハ)

780 :Name_Not_Found:02/02/27 17:13 ID:3TvG1Qn0
>>773,777
春だねぇ。

あ、間違えた

>>775
春だねぇ

781 :名無しさんの初恋:02/02/27 18:11 ID:pDMDG+UE
春一番かな♪
ワラタよw

782 :Name_Not_Found:02/02/27 18:16 ID:5sIuXFKO
rHlgSRQ1=杉花粉

783 :Name_Not_Found:02/02/27 18:48 ID:+vR9dwIu
春一番が吹いているみたいですけど宜しいでしょうか?

クラスセレクタと普通のセレクタ(?)を
.myclass, h1{background-color: red}
などと指定しても良いのでしょうか?

784 : :02/02/27 18:54 ID:288dZoGj
>783
何の問題もありません.

785 :Name_Not_Found:02/02/27 18:57 ID:+vR9dwIu
>>784
すばやいレスありがとうございます。助かりました。
基本的な事がどうも最近あやふやでして…。
駄質問してしまい申し訳ないです。

786 :Name_Not_Found:02/02/27 19:11 ID:XFtqoWo3
さわやかなやり取りだね。
清々しいよ。
春はこうありたいよな。

sage

787 :764:02/02/27 21:04 ID:3ycIdVxM
自殺する

788 :Name_Not_Found:02/02/27 21:06 ID:ytvS7dQF
ガンバ♪

789 :Name_Not_Found:02/02/27 23:19 ID:5sIuXFKO
>>787
応援する

790 :Name_Not_Found:02/02/28 00:43 ID:KbM2sFsV
CSSでのコメントは /* 〜 */
ですが
// 〜
は使えないのですか?

791 :790:02/02/28 00:45 ID:KbM2sFsV
あ、
使えたらURL書くときとか困りますね…

792 :Name_Not_Found:02/02/28 01:09 ID:d4YjxDRu
そういえば head 要素内で CSS を使う時に、コメントの
終わりを //--> でくくっているのをときどき見かける気が。
たぶん JavaScript との混同なんだろうけど。

793 :質問でし。:02/02/28 01:10 ID:qClACnXg
拡張子がstyleのstyleファイルって簡単に使えるものでしょうか?
win98なのですが。このファイルは英文サイトを日本語化するためのもの
らしいのです。

794 :Name_Not_Found:02/02/28 06:17 ID:0CDEglN0
line-heightを使うのととpaddingを使うのでは
どう違うんですか?

795 :Name_Not_Found:02/02/28 06:20 ID:10cbwZES
>>794
とっても違うんだが・・・
どんなケースで同じように使えるのか今すぐに浮かばない・・(教えろ)

796 :Name_Not_Found:02/02/28 06:29 ID:0CDEglN0
borderの大きさを変えるのにつかってるんですが
違いがわかりません・・・

797 :Name_Not_Found:02/02/28 06:56 ID:10cbwZES
>>796
見出しとか短いテキストなのね。2行にすりゃ一目瞭然だけど
あと、テキスト上下の空きは確かにline-heightでも調整できるかも知んない
けど、左右の空きは調整できないだろう?(センタリングしてそうだな)
まあ、普通にpadding使っとけば。
でも、枠の大きさを変えるっていうなら、当該属性にwidthとheightだよな。
あー朝の文章って素敵。。。

798 :Name_Not_Found:02/02/28 07:01 ID:0CDEglN0
>>797
なんとなく分かりました!ありがとうございます。

799 :Name_Not_Found:02/02/28 11:13 ID:rJSxu6g3
width: 30%-4px
って指定ができたら(・∀・)イイ!と思いませんか?

800 :Name_Not_Found:02/02/28 12:28 ID:gbYsz7hy
>>793
ネタですか?そんなモノないっすよ。(^.^)

801 :Name_Not_Found:02/02/28 14:29 ID:KbM2sFsV
>>799
paddingでナントカするしかないかな?

ところで
        margin
 ┏━━━━━━━━━━━┓
 ┃      padding      ┃
 ┃  ┌───────┐  ┃
 ┃  |              |  ┃
 ┃  |    中身      |  ┃
 ┃  |              |  ┃
 ┃  └───────┘  ┃←border
 ┃                      ┃
 ┗━━━━━━━━━━━┛

"width"ってどこからどこまでの幅ですか?

802 :799:02/02/28 15:41 ID:rJSxu6g3
>>801
仕様ではpadding辺の幅ですよね。
一部実装はborder辺だったりするけど。

で、mozillaは-moz-box-sizeng:border-boxとか言って
独自拡張でborder辺サイズの設定やってたりするけど、
プロパティ増やすより、式での記述ができたほうが(・∀・)スッキリ!

と思ったんですが。


803 :Name_Not_Found:02/02/28 16:56 ID:ZYW8So2f
>仕様ではpadding辺の幅ですよね。

中身の幅だよ。パディングも含まない。

804 :Name_Not_Found:02/02/28 18:21 ID:bl7vZdQp
>> 801
仕様では↓
ttp://www.zspc.com/stylesheets/css/ref/desc3.html
ttp://www.w3.org/TR/REC-CSS1#formatting-model
ttp://www.w3.org/TR/REC-CSS2/visudet.html

実装の方はどうなってるのか知らないけど。


805 :Name_Not_Found:02/02/28 18:55 ID:0z8pLwsk
IE5.5以下とIE6互換モードじゃボーダーまでだけどねん。

806 :Name_Not_Found:02/02/28 19:07 ID:5PSAThSs
content + padding + border

ね……IE、逝ってよし。

807 :Name_Not_Found:02/02/28 20:29 ID:ncKnknQ3
初歩的な質問ですみません。
CSSでフォントサイズをpx指定した場合、
ブラウザでのフォントサイズの変更が
不可になると記憶していたのですが
MacのIE5.0では、ブラウザのフォントサイズ変更が有効になってしまいます。
こういうものなのでしょうか。

ちなみにNN4.7では、フォントは指定通りで固定になっています。



808 :Name_Not_Found:02/02/28 20:44 ID:UuKyHggl
>>807
Netscape6もフォントサイズ変更が有効です。解釈の違いによるものだと思います。

私も質問があるのですが、
テーブルでレイアウトをするのは止めてCSSのポジショニングで代替しよう、
とはよく聞くけど、ポジショニングで"フッタ"を実現するにはどうすればいいかよくわかりません。

たとえばマイクロソフトのサイト(http://www.microsoft.com/)で言うなら
一番下にある「Contact Us 」とか「©2002 Microsoft〜」と書いてある部分です。

ポジショニングでそれを実現しているサイトなんかあれば参考に教えてください。

809 :Name_Not_Found:02/02/28 20:51 ID:sKH/ZJgY
>>799
はい。前々からすごーくそう思ってます。
IE だと独自仕様で値の計算が出来るみたいだけど。
あれ正式採用してくれないかなぁ。


810 :バイク犬:02/02/28 22:03 ID:Ct4MpaYq
.style01 { font-size: 10pt;}
のスタイルを設定してテーブルのTDに適用してるんですが
<td class="style01">
Win NN4.6jaでプリントする際に、そのセルが縦一杯に拡がって
行ごとに改ページしてしまうことになってます。

よくある会社推奨ブラウザがNN4.6jaというクライアントなので
どうにか回避せねばならぬのですが、お知恵お借りしたいです。
NN4.61enしか手に入らなかったのですが、現象は再現できないのです…

811 :Name_Not_Found:02/02/28 22:22 ID:onVzBYhZ
>>808
position: fixed;
を使うと可能だけど、IEでは不可能。

812 :Name_Not_Found:02/02/28 22:49 ID:mrfw8hd1
>>808 >>811
はて? 別にポジションなんて必要ない。
ただのブロック・ボックスで十分では?

813 :808:02/02/28 23:51 ID:UuKyHggl
>>812
それがうまくいかないのよね

>>811
ありがとうございました。

814 :Name_Not_Found:02/02/28 23:55 ID:Ro4R3/Pg
(´-`).。oO(何がうまくいかないんだろう?)

815 :Name_Not_Found:02/02/28 23:59 ID:sNSNCKOi
>814

(´-`).。oO(多分厨なんだよ・・・)

816 :Name_Not_Found:02/03/01 00:11 ID:4Fla5n3D
>>814-815
画面下に貼りつけようと思うと大変じゃないかな。

(´-`).。oO(その考えが厨なんだけどな…)


817 :Name_Not_Found:02/03/01 00:18 ID:Ra6zaiVn
まぁ

<body>
    <p>ほげほげ</p>
    <div id="footer">
        <p>ふがふが</p>
    </div>
</body>

みたいにbody要素の子要素が少なければ
小細工しないと画面下にはフッタが来ないだろうな。

818 :Name_Not_Found:02/03/01 00:27 ID:KMPLPwPh
でも、MSのサイトってTABLEレイアウトだから
結局そうなるんだけどな(>>817

819 :Name_Not_Found:02/03/01 00:37 ID:y5L/UTj1
>>808
フッタになる要素(自分はaddressをそう使ってる)は必ずページの最後に書く、という俺ルールを定めておいて
ポジショニングを使わず通常の整形だけでフッタ的に表示する、というのでは駄目なの?

820 :Name_Not_Found:02/03/01 03:24 ID:b4Wkj/5w
CSSだけでテーブルのふつうに表枠を表示するのはどうやるのかな?
1ドットだけでマスの線を書くという意味

どうもセルがそれぞれの枠をかいてしまうので となり合うセルとは2重になってしまうよね
確かに上下左右個々に有り無しはわかるが これをすべてのセルに使いわけるわけ?
そんなわけないよな 楽のがあるはずだが・・・属性でないと無理?
IE専用でいいす 



821 :Name_Not_Found:02/03/01 03:33 ID:7x8KyNnE
table {border-style:none;}
background-color:#ff0000;


822 :Name_Not_Found:02/03/01 03:40 ID:fCqgVL89
>>820
こんなのがあったYO

<TABLE border=5 cellspacing=0 cellpadding=10 style="border-collapse:collapse;">
<TR><TD>お</TD><TD>ま</TD></TR>
<TR><TD>え</TD><TD>も</TD></TR>
<TR><TD>な</TD><TD>ー</TD></TR>
</TABLE>

IE5
デフォルトはseparate

823 :Name_Not_Found:02/03/01 03:50 ID:o/uor07R
>>822
border-collapse:collapse;
って、手持ちのmozilla0.9.6でダメなのは確認したんだけど、
Operaとかmozillaの0.9.7以降には利く?


824 :820:02/03/01 04:57 ID:b4Wkj/5w
わちきは
CSSは共通スタイルとしてHTMLとは別にリンクファイルにしてるの
クラスで定義して、タグのほうでなるべく属性使わないようにしてるんだけど

といいとして、TABLEはいろいろやってみるんす、面どいが(ワラ
いかんせん InterDev6.0はサポートが古い 肝心なとこは 手書きだ

またQなんだけど
スクロールバーの色つけスタイルの定義するのは
<HTML>と<BODY>どっちが正式?
できれからどっちでもいいか(ワラ


825 :Name_Not_Found:02/03/01 05:50 ID:hNqMrSOc
>823
Mozilla0.9.8は標準・互換どちらのモードでもダメ。
Opera6.01は対応している。

>824
バーの色のスタイルははbody要素に適用される。
ttp://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/scrollbarfacecolor.asp
html要素に定義しても継承されるだろうけど。

826 :Name_Not_Found:02/03/01 06:09 ID:kSIdLggF
ttp://www.inter-cool.net/~phantasm/wdzone/
例えばこのサイトの上部(下の部分もかな)で使われている
ナビゲーションバーはどうすれば実装できるのでしょうか?
サイトによっては左に固定されていたりしてフレームのかわりに
使えそうなので是非導入してみたいのです。

ソースをそのままコピーすれば動いたのですが、
自分で必要だと思う所を書いても動きません・・・。

結局どういう記述をすれば良いのか分かりませんでした。
position: absolute; だけだと違うようで・・・。


827 :Name_Not_Found :02/03/01 07:01 ID:Voiag8Z5
positon:fixed; じゃないかな。
これ流行りそうだねえ。

828 :Name_Not_Found:02/03/01 07:04 ID:+CiESJiT
同じページ内でリンクの色を変えることは可能ですか?

829 :Name_Not_Found:02/03/01 07:09 ID:oKBOyigc
>828
クラス振ったりセレクタ変えなさい

830 :Name_Not_Found:02/03/01 07:37 ID:dP2lh+Tg
>>826
z-index:1;
は?

831 :826:02/03/01 08:06 ID:kSIdLggF
試行錯誤してみたのですが div を二つ重ねると実現されたり
width height top right 等を指定すると動いたり、結局何が重要なのか分かりませんでした。

>>827, 830
レス有難う御座います。

position: fixed; は IE6 で動かないみたいなのです。
そのように書いて動けば一番スッキリしますね。

z-index は盲点でした。色々試してみたいと思います。

position: fixed; を理解しないブラウザはナビゲーションバー使用不可能にしておいて
とりあえず position: fixed; で放置しておいてブラウザの対応待つとします・・・。


832 :Name_Not_Found:02/03/01 09:27 ID:ntTLrbSU
>>823
Mozillaでどーしても再現したいときは
table{
border-spacing:0;
border-left:1px solid;
border-top:1px solid}
td,th{
border-bottom:1px solid;
border-right:1px solid}

とか。

833 :Name_Not_Found:02/03/01 09:58 ID:cNMKSLGE
>>826=>>831
FAQ:position:fixedでなしに擬似フレームをCSSで実現するには?
A:下記参照。
「overflowプロパティは擬似フレームも作成できる」
http://www17.u-page.so-net.ne.jp/qb4/chiharu-/overflow.html
「overflowを用いた擬似フレーム」
http://dfj.cool.ne.jp/html/overflow.html

834 :833:02/03/01 10:00 ID:cNMKSLGE
追加。
「擬似フレーム」
http://www17.u-page.so-net.ne.jp/qb4/chiharu-/files/frame.html

835 :サ骨 ◆/IQ5000w :02/03/01 10:12 ID:N5FCLW7S
>>820
border-width: 1px;
margin: -1px 0px 0px -1px;
とか。
テーブル以外でもできるよ。
http://sakots.pekori.jp/gallery/oekaki/

836 :Name_Not_Found:02/03/01 10:17 ID:zjLSxBX9
>>825

IE6の標準モードではHTML要素に指定する。

>>832

俺それで「疑似border-collapse:collapse;」やってる。


837 :826:02/03/01 10:22 ID:kSIdLggF
>>833
「擬似フレーム」で既出でしたか……。
overflow には気がつかなかったです。ありがとうございました。


838 :Name_Not_Found:02/03/01 11:16 ID:Ra6zaiVn
overflowはOperaで悲惨な目に遭うけどな。
対策とればいいんだけど。

@media screenを無視? - Opera6 と CSS -
ttp://members.jcom.home.ne.jp/jintrick/Personal/opera_css4.html

839 :Name_Not_Found:02/03/01 15:04 ID:kllZ2sWu
MacIEってなんかヘンですね。
自分のサイトをパソコンショップのマックで見たら、
リンク・アンカーを並べた部分にカーソルを乗せると、
テキストがガクガク動き出して、レイアウトのし直しをやり、表示が崩れます。
これを止めさせるにはa:linkやa:hoverにどんなCSS指定をしてやればいいですか。
ソースは下記のごとし。WinIE6、Netscape6.21、Opera6では全然問題ナシ。
.navbar a:link, .navbar a:visited {
font-weight:lighter;
color:#fff; background:#000;
text-decoration:none;
border-bottom:1px solid #fff;
}
.navbar a:hover {color:#fff;/*Opera對策+*/
border:none;/*IEに要る*/
text-decoration:underline overline;
font-weight:bold;
}
<table WIDTH="100%" title="navigation bar" summary="navigation bar">
<tr>
<th NOWRAP>サイト・タイトル</th>
<td><a href="index.html" title="entrance">表紙</a>/<a
href="sitemap.htm" title="sitemap/Table Of Contents">目次</a>/<a
href="preamble.htm" title="はじめに">はじめに</a>▼<a
href="./directory1/index.html">第一章</a>/<a
href="./directory2/index.html">第二章</a>/<a
href="./directory3/index.html">第三章</a>/<a
href="./data/index.html" title="data room">資料室</a>▼<a
href="./notes/index.html" title="Notes">補註</a>▼<a
href="reference/bibliography.htm" title="bibliography">参考文献</a>/<a
href="reference/search.htm" title="search indexes/サイト内檢索">索引</a>/<a
href="history/logbook.htm" title="What's New?/update log">更新履歴</a>/<a
href="link1.htm" title="links">リンク集</a>▼<a
href="profile.htm" title="profile">編者紹介</a>/<a
href="visitors.htm">ゲストブック</a>/<a
href="mailto:〜" title="電子メール">お便り</a>
</td>
</tr>
</table>

840 :Name_Not_Found:02/03/01 15:54 ID:odp+mnSo
>>839
まずはborderの太さをそろえる。marginやpaddingでの調整も必要かも。

あとは、Macだとfont-weightが変わると高さが変わるのかも知れない。



841 :Name_Not_Found:02/03/01 16:50 ID:83yL8Auu
>>840
>まずはborderの太さをそろえる。
「そろえる」と申されましてもa:hoverにはborderが無いのですが……。
border:1px solid #000/*background-colorと同色*/;にしろってことですか?
それでもなぜborderの所為でMacIEだけがあんな挙動不審になるのかわかりません。

>marginやpaddingでの調整も必要かも。
インライン要素であるa要素にmarginやpaddingを適用できるものなのですか。


842 :Name_Not_Found:02/03/01 17:00 ID:ISMHIILC
>>841
>「そろえる」と申されましてもa:hoverにはborderが無いのですが……。

つーか、無いから、ポイントした時にレンダリングしなおす羽目になってるんですが。

>border:1px solid #000/*background-colorと同色*/;にしろってことですか?

そんな感じでいいと思う。

>インライン要素であるa要素にmarginやpaddingを適用できるものなのですか。

何の問題もありません。
ただし、Netscape の 4.x はインライン要素に、
margin だのなんだのを指定すると、ブロック要素とみなしてしまって、
妙な表示になるので注意。


843 :839=841:02/03/01 17:03 ID:83yL8Auu
すみません、marginやpaddingはインライン要素にも適用可能でしたね。
仕様書見たら、適用できないのはwidthでした。
しかし特に指定してないmarginやpaddingの調整がナゼ必要になるのか、
調整するならどんな指定をすべきか、これもわかりません。

font-weightを変化させることでリンク文字列の長さ(幅)も変るのが原因ですかね?
それにしてもWindowsの各ブラウザでは問題ナシなのに、なぜMacIEだけが――と
疑問は残ります。もしかしてMacIEってレンダリング能力低い?

844 :Name_Not_Found:02/03/01 17:32 ID:zjLSxBX9
>>843

WinIE6だけど、ガクガク動いたよ。
ただ、2行目にまでは波及しなかったけど。


845 :843:02/03/01 17:36 ID:h+Fx9o+Q
>>844
MacIEだと、2行が3行になったり、また2行になったりして、
その間、右寄せになったり左寄せになったりもして、
もうホント、動画にして見せたい位にヘンな動きだったんですよ。

846 :Name_Not_Found:02/03/01 20:15 ID:Rrx+Pwo7
>843氏
どうしてもというなら
position: relative;
top: 0;
left: 0;
とか記述してみては?

847 :Name_Not_Found:02/03/01 20:36 ID:5UxyRx1K
>>846
Windowsユーザーの大半はMacに触れる機会が無いよね。
だから、指摘されたみたいな修正を試みたところで、
それで問題が解消したのか確認できないのが辛い所だね。

848 :Name_Not_Found:02/03/01 20:38 ID:qi+UNfUC
> もしかしてMacIEってレンダリング能力低い?

お前みたいな酷いソースを書く人間に言われたくない。
CSS に関して MacIE 5.x は相当正確な対応をする(無論バグもあるけど)。

border-bottom-width が 1px から 0px になったら
ボックスの高さが変化するんだから、ガクガク動くのは当然。

「2行が3行になったり、また2行になったり」というのも、
a 要素の位置が動的に変化したせいで
a:hover になったり a:link になったりを繰り返したからだろ。

849 :Name_Not_Found:02/03/01 20:43 ID:1ca0HWkX
>>848
何を感情的になってるのやら。
この>>839の問題はWinのIEやN6では生じないんだから、
それに較べたらMacIEに難があるのは明らかでしょ。
むろん「a 要素の位置が動的に変化」するのは指定通りにしても、
MacIEみたいにひどいことにはならない。

850 :Name_Not_Found:02/03/01 21:12 ID:nxxsDxd0
>>849

844 :Name_Not_Found :02/03/01 17:32 ID:zjLSxBX9
>>843
WinIE6だけど、ガクガク動いたよ。

851 :Name_Not_Found:02/03/01 21:16 ID:1ca0HWkX
>>850
マッカーに都合のいいとこだけ抜き出すのはいかがなものか。
>>844で続けて書かれた文とそれに対する>>845の応答を見よ。

852 :846:02/03/01 22:11 ID:Rrx+Pwo7
オイラ、文盲だろうか?
煽られてる?

853 :MacIEスレの1:02/03/01 22:19 ID:iIYFkeKp
>>839
> MacIEってなんかヘンですね。
そうですねぇ。なんか不可解なレンダリングをする事があります。
全般的には(・∀・)イイ!と思ってるんですが。

さて、壮観な文字流れ込みバグ(?)は、私もよく見かけるものであります。
回避方法は、font-weightをいじらない事くらいでしょうか…。

もうひとつ考えついたんですけど、
HTMLにまで踏み込むのでベストな策ではないと思います。
------
li { display:inline;}
------
<td>
<ul>
<li><a href="index.html" title="entrance">表紙</a> /</li>
<li><a href="sitemap.htm" title="sitemap/Table Of Contents">目次</a> /</li>
(中略)
</ul>
</td>
------

……と思っていたら、
>>846さんの方法でOKでした。ありがとうございます!

854 :Name_Not_Found:02/03/01 22:20 ID:OasM4zYD
>>852
文盲……って? 何に対して? 意味ワカラン。

855 :853:02/03/01 22:23 ID:iIYFkeKp
すんません、訂正です…。
>>846さんの方法(position: relative;top: 0;left: 0;)では、
状況によっては、流れだしちゃう場合もあるようです。

856 :Name_Not_Found:02/03/01 22:26 ID:OasM4zYD
>>853
「MacIEスレ」ってどこにありますか。参考に覗いてみたいので。

857 :853:02/03/01 22:31 ID:iIYFkeKp
>>856
新・mac板 > 「Microsoft Internet Explorer 」
http://pc.2ch.net/test/read.cgi/mac/999065009/l50
CSS関連の話題はほとんどありませんが…。

858 :846:02/03/02 01:32 ID:s1DQfBEg
>854氏
いや、847氏が
「それじゃ、マクには意味ねーよ。
マクIEのバグも覚えとけ。」って事かと深読みしました。

つか、855氏は現にムリだと言ってるし(ウツ

859 :847:02/03/02 03:05 ID:eUXOzENW
>>858
そんなつもりはさらさらなかった。私もWinnerだし。
深読みしすぎ。

860 :846:02/03/02 03:22 ID:s1DQfBEg
>847氏
ゴメンね。ウイナーってカコイイな。
その呼び方初めて知ったよ。

861 :Name_Not_Found:02/03/02 10:44 ID:+/J5TXPd
「W3C CSS 検証サービス」( http://jigsaw.w3.org/css-validator/ )で
自サイトのスタイルシートをチェックしたら、下記の通り、エラーが警告されました。

「次のプロパティが正しくありません : cursorプロパティ cursor はメディア print, screen には存在しません : help 」

たしかにlink要素で<link 〜 media="screen,print">としてるんですが……。
で、仕様書を見たら、cursorプロパティが対応するメディア・グループはvisualです。
visual(視覚メディア)にはscreen,printどちらも該当するはずです。
なんでエラーになるのか、どこを直せばよいのか、わかりません。
どうかご教示下さい。

862 :839=845:02/03/02 10:57 ID:YYT+++k5
結局、MacIEのアンカー文字列流れ込みのバグ除けのために、
@media all { } でfont-weight指定を括っておきました。
またMacに触れる機会があったら直ったかどうか確認します。
いつの日かMacIEのバグが修正されたら@mediaは外します。
以上、ご報告まで。

863 :Name_Not_Found:02/03/02 13:49 ID:u3d1sAJI
>>861
私も、「W3C CSS 検証サービス」を試してみましたが、

@media screen {
  body {
    cursor: default;
  }
}
は、警告が一つ出ましたが、

@media print {
  body {
    cursor: default;
  }
}
は、エラーでした。

どうやら、printがダメみたいですね。
理由は分かりませんでした。

864 :Name_Not_Found:02/03/02 13:49 ID:SQRDnKFW
>>861
cursor は Media: visual, interactive です。
print は visual だけど interactive ではない(static)から
エラーになります。

screen は問題ありません。print に cursor が使えないから
一纏めにエラーになってるものと思われ。

ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/ui.html#cursor-props
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/media.html#interactive-media-group

865 :Namae_Not_Found:02/03/02 20:01 ID:sciF+8OO
z-indexは正の整数だけしか使えないのでしょうか?
Mozillaで負の値を入れるとその要素が消えてしまいます。

866 :861:02/03/02 20:05 ID:xurOUTXL
>>863-864
どうも有り難う。わざわざcursorだけシートを分けるってのも馬鹿馬鹿しいので、
この際、エラーは気にしないことにして目を瞑ります。

867 :Name_Not_Found:02/03/02 20:17 ID:xurOUTXL
>>865
それはMozillaの仕様です。こちらで既出(対処法も)。
「Netscape6.1の評価」
http://pc.2ch.net/test/read.cgi/hp/997305601/325-330
cf. http://bugzilla.mozilla.org/show_bug.cgi?id=78087


868 :864:02/03/02 21:05 ID:37epYwKA
>>866
いやいや、cursor 指定のある部分だけを

@media screen {
}

で括れば問題ないので、そうした方が良いと思いますよ。
>>863 さんの記述のようにして下さい。

869 :Namae_Not_Found:02/03/02 21:05 ID:sciF+8OO
body{position:relative;top:0;left:0;z-index:0;}
こうすればいいんですね。ありがとうございました。あとでやってみます。
(でもW3C的にはどっちが正しいの?Operaも負の値OKだったのに。)

870 :Name_Not_Found:02/03/02 21:09 ID:1+BLFBX4
>>868
ところが>>861みたいに<link 〜 media="screen,print">でリンクした外部シート内で
@media screen { }で括ると、MacIEはもちろん、Operaでも
括った部分の指定が無視されるって罠があります。


871 :Name_Not_Found:02/03/02 21:19 ID:CI3Q3z6d
>>869
IEやOperaだと、デフォルトでbodyのz-indexは"auto"で
Mozillaでは"0"ってわけでしょ

872 :Name_Not_Found:02/03/02 21:27 ID:37epYwKA
>>870
というか、ぶっちゃけカーソルなんかデフォルトにしておいてくれと。

*[title] {cursor:help;} a[href]:hover {cursor:pointer !important;}

この他はウザイ以外の感想持たないし…。

873 :Name_Not_Found:02/03/02 21:31 ID:lMNM37e4
IE5.01なのですが、body {font-style:normal;}としても、
<address></address>の中は斜体になっています。
address {font-style:normal;}
にすると、斜体が解除されるのですが、
なぜbodyに入れると斜体は解除されないのでしょうか?

874 :Name_Not_Found:02/03/02 21:38 ID:ndHIhk3Y
>>872
dfn {cursor:help;}はどう?
>>873
それはaddressのデフォルト・スタイルがfont-style:italic;だから。
解除したいなら全称セレクタを使って、html * {font-style:normal;}でどう?

875 :Name_Not_Found:02/03/02 22:14 ID:lMNM37e4
>>873
ありがとうございます。html * {font-style:normal;}
でなりました。全称セレクタですか。もう少し調べてみます。
勉強になります。ありがとうございます。

876 :873:02/03/02 22:15 ID:lMNM37e4
>>875
>>873 これは >>874の間違いです。

877 :Name_Not_Found:02/03/02 23:01 ID:37epYwKA
>>874
> dfn {cursor:help;}はどう?
<dfn>hoge</dfn> に help 出されても困るYO!
<dfn title="..">hoge</dfn> は *[title] に含まれるので。念のため。

あ、でもスクリプトやら :hover やら使えば色々できそうか…。それなら可。

878 :Name_Not_Found:02/03/03 00:41 ID:VX5EJD4M
http://www.ne.jp/asahi/anarchy/saluton/index.html
上のページなんですが、floatで左右に配置してる部分が、
MacIEだとうまくゆかないんです。下記の部分です。

<h3 class="leftcol">Links</h3>
<div class="rightcol">
<p class="honbun"><a href="./links.htm">リンク</a>はご自由にどうぞ。</p>
</div>

このソースのh3.leftcolのすぐ右に、水平にdiv.rightcolが来るべきなのに、
一行分下がった位置にdiv.rightcolが配置されて段差ができるのです。
問題となるCSS指定を抽出すると下記の通り。
h3.leftcol {float:left; width:33%;}
.rightcol {float:right; width:63%;}
なにがいけないんですかね? 
WinIE、N6、Opera6ではこれでちゃんと水平に並んで配置されます。
奇妙なことに、h3.rightcolとdiv.rightcolの組を更に<div> </div>で括ると
意図通りに段差無しに横並びになるらしいのです(手元にMac無いので伝聞)。
MacIEのバグですか? それともどこか改良すべき点がありますか?

879 :Name_Not_Found:02/03/03 12:30 ID:kOb8+ZVG
>>878
とりあえずh3に margin-top: 0px; を指定すると段差が消えます。


880 :878:02/03/03 14:06 ID:W5kqhVAm
>>879
有り難う!
http://www.ne.jp/asahi/anarchy/saluton/stylesheets/topstyle.css
h3, h4 {margin:5px 0;}
と指定してあったのでそこを{margin:0;}にしました。
ちなみに、ものは試しと{margin:50px 0;}にした場合、
WinIE、N6、Opera6では、やはり段差は生じずちゃんと水平になるか、
もしくは左側のh3の方が下がります。
右側のdivが下がって表示されるのはどうもMacIEのバグっぽいですね。
再現条件がわかればバグ辞典スレッドに登録したいところですが……。


881 :Name_Not_Found:02/03/03 17:34 ID:q6xi9H1n
>>880
margin: 5px 0px;

882 :Name_Not_Found:02/03/03 17:40 ID:+MlZnj5X
>>881
??? それが何なのですか?
margin:5px 0; と一緒ですよね?

883 :Name_Not_Found:02/03/03 17:57 ID:Jr9EZPS1
>>882
881じゃないが、数値には必ず単位が必要だよ。
症状と関係あるかどうかは試してないから知らないけど。

884 :Name_Not_Found:02/03/03 18:03 ID:+MlZnj5X
>>883
>数値には必ず単位が必要
いえ、しかし「0」は例外的に単位省略可なはず。
0emも0%も0pxも同じことだからです。

885 :Name_Not_Found:02/03/03 18:58 ID:TNnZY4S7
>>882=>>884 が正しい。値が 0 の時には単位は省略可能。

ただ、単位が省略されると正しく認識できないバグのある UA が
存在するっていう可能性は否定できないが。>>881 はその意味?

# MacIE 5.x は問題なかったと思うけどね。それについては。

886 :Name_Not_Found:02/03/03 20:22 ID:inTHDO0K
同一ページで「link,visited,active,hover」
それぞれの色を2種類指定したいんですが、
そんなことって出来ますか??

例えば、
a:link{color:#FFFFFF;}
a:link{color:#000000;}
を一つのページで使い分けたいんですが。


887 :Name_Not_Found:02/03/03 20:28 ID:/KoNwMrf
何度も出た質問だね。
セレクタを工夫すれば出来る。
クラス振るとかね。

888 :Name_Not_Found:02/03/03 20:33 ID:TNnZY4S7
>>886
class 指定する。基礎。例えば

<a href="../hoge.html" class="inner">hoge</a>
<a href="http://hoge.com" class="outer">hogehoge</a>

で、a.inner:link {..} a.outer:link {...} という感じ。

あるいは、ナビゲーションの部分だけ色を変えたいなら

<ul class="navi">
<li><a href="/">hoge</a></li>
<li><a href="./">hogehoge</a></li>
</ul>

で .navi a:link {..} とするとか。

ただし、一つのサイト内ではできるだけリンクの色遣いは
統一した方が良い。バラバラにしてしまうと、閲覧者を混乱させるだけ。

889 :886:02/03/03 20:35 ID:inTHDO0K
クラス振ってみてみたけど駄目だったんで駄目かと思ってました・・・
そっか手段はあるんすね。
調べてもう一度やってみます。


890 :886:02/03/03 20:40 ID:inTHDO0K
>>888
一部テーブルのセル背景色を指定したところにリンクがあるので、
そこだけリンク色の視認性が落ちちゃって困っていたんですよ。

どうもありがとうございました。
さっそくやってみます。


891 :HTML少女:02/03/04 02:38 ID:1uN2m+rK
以前全称セレクタに付いて教えていただいたのですが、
調べてみると、「* 全称セレクタ すべての要素にマッチする 」
ということなのですが、それなら、body {}は、* {}に置き換えた方がいいのでしょうか?

892 :Name_Not_Found:02/03/04 03:20 ID:+jTtR8D5
>>891
本当に全ての要素にマッチさせたいなら換えた方がいいだろね。

893 :Name_Not_Found:02/03/04 04:01 ID:DmWbiBfn
>>891
全称セレクタと継承の違いを理解しておきましょう。


894 :Name_Not_Found:02/03/04 09:37 ID:YDZ9KelZ
>>891
body {background:url(hoge);} と * {background:url(hoge);} を
両方試してみれ。全然違うから。

895 :Name_Not_Found:02/03/04 10:15 ID:3aykLS6J
>>894
> * {background:url(hoge);}
おっかねー(わら


896 :Name_Not_Found:02/03/04 11:32 ID:9m/8w0Cu
body, h1, h2, h3, p, ul, li,
dl, dt, dd,.......address{
font-size: 90%;
}
と、
* {
font-size: 90%;
}
も全然違うので注意。

897 :Name_Not_Found:02/03/04 11:54 ID:2Et3iJ7Y
初心者向けPC雑誌で
「CSS対応が一番なのはIE。
NN6はIEと同じようには表示できないので対応度は低い。」
とかって書いてない?
わかってない奴が記事なんか書いてんじゃねーよ。とか思った。

898 :Name_Not_Found:02/03/04 12:52 ID:cXlpNi3l
>>897
マッタクダ!

899 :Name_Not_Found:02/03/04 13:29 ID:9KJPTcwY
>897
たぶん、filterとかscroll-barの話
してるんでしょうね(w






詩ねや!>その雑誌編集者

900 :Name_Not_Found:02/03/04 13:35 ID:cXlpNi3l
>>899
"width"の話だったらもっと転す。

901 :Name_Not_Found:02/03/04 14:30 ID:0hX3RAk1
N6.0 の話だったら頃すの3秒待ってやる。

902 : :02/03/04 16:54 ID:E6wA1BvG
>897
具体的にどの雑誌?

903 :Name_Not_Found:02/03/04 17:28 ID:y36ImMTJ
CSS使ってる人は、font-sizeから、画像一つ一つのwidth・heightまで全部
CSSで指定してるのでしょうか?
プロが作ったのを見たらそうだったのですが、すごーくめんどくさそうです。
自分のソースは、font-sizeやmarginなんかはCSSですが、画像のwidthなどは
HTMLです。こういうのはダメなんでしょうか?

904 :Name_Not_Found:02/03/04 17:43 ID:X/GZaV7J
>>903

画像のwidth/heightはHTMLレベルで指定すべきだと思う。

もっともISO-HTMLでは画像にwidth/heightは指定できないが。

905 :Name_Not_Found :02/03/04 18:10 ID:AFcmv8S8
>>903
imgのwidth、height属性は特に非推奨とか言うこともなかったはず。

906 :Name_Not_Found:02/03/04 18:17 ID:sZ1h9aQc
>>903
全ての、UAがCSSに対応しているわけではないので、
width, height属性で指定した方が無難でしょう。



907 :Name_Not_Found:02/03/04 18:17 ID:RXT8kg/t
>903-905
Strictスレ住人じゃなけりゃ普通に問題なし

908 :Name_Not_Found:02/03/04 18:24 ID:X/GZaV7J
>>907
Strictとか関係無しに
width/height属性を指定してないサイトは
画像読み込み→再レンダリングを繰り返されるから
読みづらくて困る。

909 :908:02/03/04 18:41 ID:X/GZaV7J
>>907
流れを見ると、俺のレスはおかしい気がする。
ということで無視してください。

910 :Name_Not_Found :02/03/04 18:42 ID:AFcmv8S8
いまだにあるんだよなwidth/height指定してないサイト。とスレ違いな嘆き。

911 :Name_Not_Found:02/03/04 21:53 ID:YCxl9MBt
>>903
http://pc.2ch.net/test/read.cgi/hp/1013818251/262-266n

912 :Name_Not_Found:02/03/04 22:22 ID:mtjwPwfr
俺はサムネイルとかの全部同じ大きさの画像がたくさんある場合は
DIV.img IMG {width:XX; height:XX;}
とかやって、そうじゃないときはHTMLで個別にwidth/height指定しているよ。
やり方として正しいかどうかはよく知らんが。

913 :Name_Not_Found:02/03/04 23:09 ID:ZFvGYPxP
サイズの違う埋め込み画像をベタベタ貼ってる場合だと、
CSSで指定するのは非現実的かね。

もっともCSS使いなら埋め込み画像ベタベタ貼らないだろうけど。
バナーとサムネイルくらい?

914 :Name_Not_Found:02/03/04 23:31 ID:G1t+JELS
>>913
ごめん・・・思いっきりCSS使ってるっていうかStrictスレ住人だけど
画像使いまくってるよ・・・


915 :Name_Not_Found:02/03/04 23:38 ID:3aykLS6J
>>914
しってるかも。

916 :903:02/03/05 01:58 ID:PDt6Hq7I
みなさんどうも。
そうか、別に全部CSSじゃなくてもいいんですね。
さっきいろいろソース見てたら、スタイルシートはリンクだけ指定
というところもけっこうありました。

917 :Name_Not_Found:02/03/05 02:31 ID:TvEDstxY
>>916
paddingを使えるようになると、デザインの幅ひろがるよ。
好きなのだけ取り込むといいっす。

918 :Name_Not_Found :02/03/05 05:57 ID:cBnGDrkM
>>916
> リンクだけ指定
ヘッダの中に decoration:none とか a:hover とかでしょ。
あの人たちは多分コピペなんであんまり参考にはなんないけどね。

919 :Name_Not_Found:02/03/05 09:37 ID:II6C//w/
>>918 同意
スタイルシートだということもわかってないとおもわれ・・・

920 :初心者スレのほうが良かったかな?:02/03/05 10:26 ID:yBPE8gb8
今まで全くスタイルシートを使わないでサイトを作っていたのですが
スタイルシートを使ってサイトを作っているある人のソースを見たら
整然として綺麗なので、いいな〜と思い、
自分もスタイルシートを勉強したくなりました。

ところで、私は、超初心者向けのHTMLレファレンス本を持っているのですが
その本には
<P STYLE="color:#FF0000">オマエモナー</p> などの基本的なことは
載ってるんですが、その本だけ見ると
「別に『<font color="#FF0000">オマエモナー</FONT>』でも
 いいじゃん。」
というような気になってしまって勉強の気がそがれます。
スタイルシートを使う時は、<!-- -->をコメントを書く時に使えないので、
コメントを書くときは/*〜〜〜〜/を使う、というのも2chと派生スレを見て
知りました。(私が持ってる本には載ってなかった)

難しくなくて、でも幅広く深く載っているような
そういうスタイルシートについての記述が詳しいサイトや本で
何かおすすめな所はありますか?

921 :Name_Not_Found:02/03/05 11:02 ID:gHeWIJ+h
>>920
>超初心者向けのHTMLレファレンス本
まずはそれを捨てることから始めましょう。

>スタイルシートについての記述が詳しいサイトや本
はっきり言って難しい。
単にCSSを使ったサイトを作りたいのか
W3C信者と揶揄されても問題ない位にCSSを使いたいのかによって薦める本も違ってくる。

まぁ、上記の話は別にしても
詳解HTML&スタイルシート辞典(著:岡蔵龍一)は
リファレンス系では役に立つと思う。

922 :Name_Not_Found:02/03/05 11:16 ID:PC9D1/l7
>>920
まず、こいつを読んで目から鱗を落とす。
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/CSS_descript_first.html
CSSの何がいいのかなんとなくわかるであろう。

http://www.kanzaki.com/docs/htminfo.html
さらにもう一枚鱗を落とす。

このへんで
『<font color="#FF0000">オマエモナー</FONT>』がなぜドキュソなのかが
ちょっとはわかるであろう。

そして
http://members.tripod.co.jp/monar01/
ここにあがってるようなサイトのソースを見てみる。

んで、ようやく本格的に学習開始っと。
http://kanzaki.com/docs/html/htminfo17.html


あと、いま書店に出てるWebPowerとかいうムックがなかなかいいと思った。

923 :Name_Not_Found:02/03/05 12:59 ID:ypt+RXDd
>>922
初心者を騙すような真似はやめなさいよ

924 : ◆1200N/CA :02/03/05 13:23 ID:pun6c7RL
役に立つ書籍は?
http://pc.2ch.net/test/read.cgi/hp/992793435/l50

925 :920:02/03/05 13:26 ID:quDs3VE6
>923
(゚Д゚)!?

921〜922は親切に教えてくれたんだと思ってお礼の書き込みを
しようと思ったんだけど、騙してるの???

とりあえず、2chで評判の良い「詳解HTML&スタイルシート辞典(著:岡蔵龍一)」
を「アマゾン」で注文しました。

926 :921:02/03/05 13:41 ID:gHeWIJ+h
>>925
騙すというより個人の考え方の違い。
>>920が進む方向によっては正しくもあり間違いでもあり。
俺はいいと思うよ。


927 :Name_Not_Found:02/03/05 13:43 ID:rGC9qJCp
>>923
ハァ?

928 :Name_Not_Found:02/03/05 14:03 ID:xZ0v3kqD
>>925
要は、「正しい書き方」に命を懸けようと思ってるのか、
「見た目が良く、メンテナンスしやすい書き方」をしようと思ってるのか、ってこと。

<font color="#FF0000">がいけない理由としては
前者の場合には
「HTMLの本来の意味から外れているからCSSを使え」
後者の場合には
「後で変更するのが楽だからCSSを使え」となる。

929 :920:02/03/05 14:16 ID:quDs3VE6
レスありがとうございました。

私がこれから作ろうとしているサイトは、
箇条書きの文章中心の、あるテーマに関しての説明サイトで
全ページレイアウトや色がそろってる〜みたいにしようと思ってるので
どっちの理由(文法命、メンテ命)でも当てはまるから、
本も注文したことあだし、勉強をかねてスタイルシートを使って
作ってみようと思います。

ちなみに今まで作ったことあるサイトは、
自分のヘタレ漫画絵や、自分のヘタレ素材や、駄文を、自分で晒すという
「文法・論理構造」など最初から破綻してる自己満足サイトで、
ネスケで見たら「白地に黒い字だけのサイト」になるのもイヤだし
私が「HTMLのソースが綺麗なのってカッコイイ!」みたいな考えになったのは最近だし
自分の持ってる本にはスタイルシートのことは本全体のページ数の7%しか載ってないし
〜〜という理由で、
スタイルシートに心がひかれるようになったのは本当に最近のことでした。

930 :Name_Not_Found:02/03/05 20:58 ID:BQlL5IIc
http://monar.dive.to/

ここのサイトでタイトル部に「filter」っていうプロパティ使ってますよね?
買った本にはそういうのなかったので使ってみたいのですが、
このプロパティの値については全く知らないので解説お願いします。

931 :Name_Not_Found:02/03/05 21:01 ID:+8+20Zwv
>>930
http://tohoho.wakusei.ne.jp/wwwcss2.htm#Filter

932 :Name_Not_Found:02/03/05 21:07 ID:BQlL5IIc
>>931
ありがとうございました。

933 :Name_Not_Found:02/03/06 10:02 ID:MQoyf0Mu
filter: progid:DXImageTransform.Microsoft.Alpha(...)

とかいう長ったらしい書き方してるとこを見つけたんだけど、

filter: alpha(...)

とどう違うの?

934 :Name_Not_Found:02/03/06 11:59 ID:4wa890+V
>>933
簡単にいうと、
> filter: alpha(...)
ってのはIE4.0で定義された効果。
> filter: progid:DXImageTransform.Microsoft.Alpha(...)
ってのはIE5.5で新たに定義された効果。DirectXを使用しているようです。
MotionBlurとかは効果自体も変わっているみたいです。

詳しくは
http://msdn.microsoft.com/workshop/author/filter/filters.asp

935 :933:02/03/06 17:05 ID:SwRDY/v8
>>934
ありがとう。見てみるよ。

936 :920:02/03/06 23:37 ID:lAK1fvfN
スタイルシートをきちんと勉強しようと思ったら
本当に今持ってる初心者向けのHTMLレファレンス本が全然役にたたん〜〜〜

おしゃれ系(?)のサイトで常識になっている
「リンクの下線を消す技(スタイルシート使用)」ですら
持ってる本には載ってなかった…(゚Д゚)

というわけで、921さんの言うとおり、アマゾンで注文中の本が届いたら
超初心者向けHTML本はビッダーズ(ヤフオクから移行中)で売ります。

937 :Name_Not_Found:02/03/07 00:17 ID:YmK3+HoZ
「厨房サイトで常識」と言ってくれ。

938 :Name_Not_Found :02/03/07 04:04 ID:rPKsI1CE
css1完全対応だったとか。

939 :Name_Not_Found:02/03/07 11:46 ID:6qSo57Mx
CSSを使って<hr />を画像に置換することは可能でしょうか?

940 :Name_Not_Found:02/03/07 12:01 ID:F6uSTffY
>>939
hr関係ねーだろが。細い画像作ってそれはめ込んでろ

941 :Name_Not_Found:02/03/07 12:11 ID:nPcNxAVX
>>939
hr {
visibility: hidden;
background-image: url("url");
}

で、どうよ?(未確認)

942 :Name_Not_Found:02/03/07 13:22 ID:6Aovzz73
http://pc.2ch.net/test/read.cgi/hp/1015474859/l50
/* CSS、スタイルシート質問スレッド【7】 */

943 :埋め立て屋:02/03/15 23:45 ID:RcwFe9hE
 

944 :埋め立て屋:02/03/15 23:45 ID:RcwFe9hE
  

945 :埋め立て屋:02/03/15 23:45 ID:RcwFe9hE
    

946 :埋め立て屋:02/03/16 01:19 ID:eL7NDLcg


947 :埋め立て屋:02/03/16 01:19 ID:eL7NDLcg


948 :埋め立て屋:02/03/16 01:30 ID:eL7NDLcg
 

949 :埋め立て屋:02/03/16 01:30 ID:eL7NDLcg
  

950 :埋め立て屋:02/03/16 01:46 ID:eL7NDLcg
 

951 :埋め立て屋:02/03/16 01:46 ID:eL7NDLcg
  

952 :埋め立て屋:02/03/16 02:28 ID:eL7NDLcg


953 :埋め立て屋:02/03/16 02:28 ID:eL7NDLcg


954 :埋め立て屋:02/03/16 02:46 ID:eL7NDLcg


955 :埋め立て屋:02/03/16 02:46 ID:eL7NDLcg


956 :埋め立て屋:02/03/16 03:42 ID:eL7NDLcg


957 :埋め立て屋:02/03/16 03:42 ID:eL7NDLcg


958 :埋め立て屋:02/03/16 04:44 ID:eL7NDLcg
 

959 :埋め立て屋:02/03/16 04:45 ID:eL7NDLcg
  

960 :埋め立て屋:02/03/16 04:59 ID:eL7NDLcg


961 :埋め立て屋:02/03/16 04:59 ID:eL7NDLcg


962 :埋め立て屋:02/03/16 05:59 ID:eL7NDLcg


963 :埋め立て屋:02/03/16 06:00 ID:eL7NDLcg


964 :埋め立て屋:02/03/16 17:33 ID:eL7NDLcg


965 :埋め立て屋:02/03/16 17:33 ID:eL7NDLcg


966 :埋め立て屋:02/03/16 17:49 ID:eL7NDLcg


967 :埋め立て屋:02/03/16 17:49 ID:eL7NDLcg


968 :埋め立て屋:02/03/16 18:14 ID:eL7NDLcg


969 :埋め立て屋:02/03/16 18:14 ID:eL7NDLcg


970 :埋め立て屋:02/03/16 18:14 ID:eL7NDLcg


971 :埋め立て屋:02/03/16 19:06 ID:eL7NDLcg


972 :埋め立て屋:02/03/16 19:06 ID:eL7NDLcg


973 :埋め立て屋:02/03/16 19:22 ID:eL7NDLcg


974 :埋め立て屋:02/03/16 19:22 ID:eL7NDLcg


975 :埋め立て屋:02/03/16 19:33 ID:eL7NDLcg


976 :埋め立て屋:02/03/16 19:34 ID:eL7NDLcg


977 :埋め立て屋:02/03/16 20:00 ID:eL7NDLcg
 

978 :埋め立て屋:02/03/16 20:00 ID:eL7NDLcg
  

979 :埋め立て屋:02/03/16 20:13 ID:UQ7ws31/



980 :埋め立て屋:02/03/16 23:32 ID:eL7NDLcg
 

981 :埋め立て屋:02/03/16 23:32 ID:eL7NDLcg
  

982 :埋め立て屋:02/03/17 00:23 ID:KxerrSLD
 

983 :埋め立て屋:02/03/17 00:23 ID:KxerrSLD
  

984 :埋め立て屋:02/03/17 00:38 ID:KxerrSLD
 

985 :埋め立て屋:02/03/17 00:38 ID:KxerrSLD
  

986 :埋め立て屋:02/03/17 00:59 ID:KxerrSLD
 

987 :埋め立て屋:02/03/17 00:59 ID:KxerrSLD
  

988 :埋め立て屋:02/03/17 01:16 ID:KxerrSLD
 

989 :埋め立て屋:02/03/17 01:16 ID:KxerrSLD
  

990 :埋め立て屋:02/03/17 01:19 ID:OXJvdCNZ


991 :埋め立て屋:02/03/17 01:35 ID:KxerrSLD
 

992 :埋め立て屋:02/03/17 01:35 ID:KxerrSLD
  

993 :埋め立て屋:02/03/17 01:35 ID:KxerrSLD
   

994 :埋め立て屋:02/03/17 01:47 ID:KxerrSLD


995 :埋め立て屋:02/03/17 01:48 ID:KxerrSLD


996 :埋め立て屋:02/03/17 01:56 ID:KxerrSLD


997 :埋め立て屋:02/03/17 01:56 ID:KxerrSLD


998 :埋め立て屋:02/03/17 01:56 ID:KxerrSLD


999 :埋め立て屋:02/03/17 01:57 ID:KxerrSLD
|
|
|
|         トテテテテ・・・
|   ∧∧ 三
|  (゚Д゚ ) 二  ≡
|   ⊂⊂ ヽ 三 =  =
|   `@@ ー 二
|
|  サッ
|)彡
|
|
|
|
|、∧
|Д゚) ジー   999ゲットイイカナ…?
⊂)
| /



1000 :埋め立て屋:02/03/17 01:57 ID:KxerrSLD
  ゲットォォォォ!!
  ̄ ̄ ̄ ̄ ̄∨ ̄ ̄ ̄ 
 i ̄ ̄i
 i1000i
 i   i
 ii ̄ ̄       ∧∧  
 ii  ∧∧  ⊂(+Д+⊂⌒`つ≡≡≡
 ⊂(^Д^⊂⌒`つ≡≡≡≡≡≡
     ∧∧  
   ⊂(+Д+⊂⌒`つ≡≡≡
         ̄ ̄  ズザーーーーーッ


1001 :1001:Over 1000 Thread
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。

276 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)