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

1 名前：Name_Not_Found ：03/02/13 17:25 ID:???: CSSに関する質問はこちらへどうぞ。　※　ﾏﾀｰﾘ進行推奨　※

■■■■■　質問のやり方　■■■■■
・まず解説サイト（かなりわかりやすい）で基礎を勉強してください。
・質問の前にはまず【FAQ】を参照してください。
・【FAQ】でもわからなかった場合は、過去ログを検索しましょう。
　WinIEの場合は、[Ctrl+F]で検索できます。
・IE などではまだ対応できていない要素などやバグが多数存在しますので、
　【関連スレ】の「バグ辞典」に目を通しておきましょう。

初心者の疑問は大抵ここまでで解決します。

「環境を書け」とか「ソースは？」と求められたときは
応じるようにしましょう。回答が早く返るようにするためです。
OSやブラウザのヴァージョンについても必ず明記してください。
特にNetscapeは、4までと6以降でまったく別物です。

過去スレや関連リンクは>>2-10
2 名前：Name_Not_Found ：03/02/13 17:25 ID:???: 【過去ログ】
　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/hp/kako/996/996828258.html
　http://pc.2ch.net/hp/kako/1005/10050/1005047493.html
　http://pc.2ch.net/hp/kako/1011/10113/1011358982.html
　http://pc.2ch.net/hp/kako/1015/10154/1015474859.html
　http://pc.2ch.net/hp/kako/1019/10198/1019881572.html
　http://pc3.2ch.net/test/read.cgi/hp/1025346520/
　http://pc3.2ch.net/test/read.cgi/hp/1028646616/
　http://pc3.2ch.net/test/read.cgi/hp/1031773943/
　http://pc3.2ch.net/test/read.cgi/hp/1034922586/
　http://pc3.2ch.net/test/read.cgi/hp/1038437758/

【前スレ】
　http://pc2.2ch.net/test/read.cgi/hp/1041641395/

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://pc3.2ch.net/test/read.cgi/hp/991666454/
・/* CSSでイケてるデザインサイト 4 */
　http://pc3.2ch.net/test/read.cgi/hp/1028184718/
・* CSS { イケてるスタイルを："作れ";}
　http://pc3.2ch.net/test/read.cgi/hp/991906104/
・代替スタイルシートに萌え～
　http://pc3.2ch.net/test/read.cgi/hp/991400015/
・CSSコミュニティの功罪を評価するスレ 7th Sign
　http://pc3.2ch.net/test/read.cgi/hp/1031763757/
3 名前：Name_Not_Found ：03/02/13 17:25 ID:???: 【仕様書】
・CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1/
・CSS2の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS2/
・CSS1の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/css1/toc.htm
・CSS2の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/tr_css2/toc.html
　http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

【CSS検証】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/
4 名前：Name_Not_Found ：03/02/13 17:26 ID:???: 【解説など】
・ごく簡単な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
・CSS Laboratory対応表・一覧
　http://is.vis.ne.jp/charts/index.xhtml
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.tripod.co.jp/index.html
・Web標準普及プロジェクト（特に「HTML/CSSのよくある誤解・ミス」）
　http://www.mozilla.gr.jp/standards/index.html
・（　´∀｀）＜ CSS でイケてるデザインサイトリンク集
　http://webcafe.zive.net/~css/
・* CSS { イケてるスタイルを："作れ";} 発表所
　http://strict.jp/~sappari/2ch/css.php
・ブラウザによる振り分け
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
5 名前：Name_Not_Found ：03/02/13 17:26 ID:???: 【FAQ】

Q: IEで見ると大丈夫なのに、Netscape6（or7）で見ると、横スクロールバーが出てしまうのですが……

A: WinIEのボックス・モデルが間違ってるからです。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#width
widthプロパティは、要素の内容領域の幅を指定するプロパティですが、
Windows版 Internet Explorer は、ボーダー領域 + パディング領域 + 内容領域の幅で
計算されてしまいます。
Macintosh版 Internet Explorer 5 や Netscape 6 では正しく計算されます。
Windows版 Inernet Explorer 6 の標準準拠モードでは、正しく計算されるようになりました。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html

Q: Netscape6(or7)では、text-alignにcenterを指定してやっても、table（や、その他のブロック要素）をセンタリングできません。IEではセンタリングされるのに……

A: IEの実装が間違っています。くわしくは下記のページをごらんください。

http://anslasax.net/css-make/t-a/index.html
http://tancro.stp-1.com/stylesheet/n6_center.html
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
http://www.mozilla.gr.jp/standards/webtips0004.html

Q: CSSで擬似フレームってどうやるの？
A: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/overflow.html
　http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html
6 名前：Name_Not_Found ：03/02/13 17:26 ID:???: Q: CSSで段組するには？
A: 下記などを参照して下さい。

CSSを用いた段組の作成のコツ
　http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
　http://www.skipup.com/~l-_-l/web/
スタイルシートでマルチカラム・デザインを実現する方法
　http://www.motchie.com/article/multicolumn.html
tableを使はない段組:CSSによるマルチカラムデザインについての考察
　http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
　http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
段組れいあうとてすと
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと（ネスケ４でも崩れない段組みの実例）
　http://village.infoweb.ne.jp/~fores/

Q: なんかMacIEやOperaでフロートの表示が崩れるみたいなんですけど？
A: floatさせる要素にはwidth指定が必須（img要素以外）。
　　これ、CSSの仕様書の決まりなんです。WinIEが勝手に補ってるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
7 名前：1 ：03/02/13 17:27 ID:???: こんなもんかな
スレたて苦手
8 名前：Name_Not_Found ：03/02/13 17:33 ID:???: >>1
乙彼～
9 名前：Name_Not_Found ：03/02/13 17:38 ID:Yt0D8V11: |　 |
|　 |∧_∧
|＿|´･ω･`) そ～～・・・　
|鬱|ｏ乙ｏ　　　　　　
|￣|―ｕ'
""""""""""
|　 |
|　 |∧∧
|＿|･ω･`)
|鬱|ｏ乙ｏ.　　　　
|￣|―ｕ'　
""""""""""
|　 |
|　 |　∧∧
|＿|(´･ω･`)
|鬱|ｏ　　ヾ　
|￣|―ｕ' 　乙　<ｺﾄｯ
""""""""""""""""
|　 |
|＿|　　ﾋﾟｬｯ!
|鬱| ミ
|￣|　　　　　乙　　
""""""""""""""""
10 名前：Name_Not_Found ：03/02/13 17:51 ID:???: もうこっちに質問してもいいんでしょうか。

メニューをちゃんと<ul>と<li>で作ったのはいいんですが、
<li>がインデントされてしまいます。

こんなスタイルを適用しています
ul{
　padding: 0;
}
li{
　margin: 0;
　padding: 0;
　list-style-type: 0;
}

これだけでは左にピッチリくっついてくれないのでしょうか？
11 名前：Name_Not_Found ：03/02/13 17:57 ID:???: >>10
ul {
margin-left: 0;
padding-left: 0;
}

>>1
乙
12 名前：Name_Not_Found ：03/02/13 18:49 ID:???: >>10
list-style-type: none;
じゃなかったっけ？
13 名前：Name_Not_Found ：03/02/13 19:57 ID:???: >>1
使ってくれよ、と思った
http://pc2.2ch.net/test/read.cgi/hp/1041641395/940n
14 名前：Name_Not_Found ：03/02/13 22:07 ID:va2dGhTz: 【FAQ】
http://fake_lint.tripod.co.jp/css.html#faq
【過去ログ】
http://fake_lint.tripod.co.jp/css.html#log
【関連リンク】
http://fake_lint.tripod.co.jp/css.html#related
15 名前：Name_Not_Found ：03/02/13 22:25 ID:WVfOO7M/: 早速すいません。
web初心者スレッドから誘導されてきました。

クラス指定したの中のタグにのみスタイルを適応させたいのですが、
どうやったらいいでしょうか？

例えば、<body class="index">とつけた中のddは背景を黒に
<body class="top">とつけた中のddは背景を赤にしたいのです。

.index dd {background-color:black;}
.top dd {background-color:red;}

ってやってもダメだったんですが、やり方教えてください
16 名前：Name_Not_Found ：03/02/13 22:39 ID:???: >>15
先ずは >>1 を読め。
>OSやブラウザのヴァージョンについても必ず明記してください。
>特にNetscapeは、4までと6以降でまったく別物です。
17 名前：Name_Not_Found ：03/02/13 22:39 ID:???: >>15
それでいいと思うんだけど。
WinXP IE6 と Netscape7 では反映されるよ。
あなたはどのブラウザで確認してるの？

.index dl dd { background-color:#000000; }
dl はさんでも意味ないかな。
18 名前：15 ：03/02/13 22:55 ID:???: >16-17
すいませんでした。　IEの6.0です。

なんかうまいこといかないのです。
やり方が間違っていないのなら、もういっかい見直してみます
19 名前：15 ：03/02/13 23:02 ID:???: >16-17

ごめんなさい、私がアホでした。　　　　できました。

スタイルシートの順番間違えて、
.index dlって指定したあとで、dlの設定書いちゃってました。
ほんとごめんなさい。
20 名前：Name_Not_Found ：03/02/13 23:38 ID:???: 死ね
21 名前：Name_Not_Found ：03/02/13 23:40 ID:???: IE6SP1くらいのやつでbodyのボーダースタイルにdottedとdouble,dashedを指定したら見た目がsolidと変わらないんですがこんなもんですか?
22 名前：Name_Not_Found ：03/02/13 23:46 ID:???: >>21
IEじゃdoubleは太さを3px以上にしないとsolidと見た目が変わらん。
ついでに1pxに指定したdottedとdashedは見た目が一緒。
23 名前：Name_Not_Found ：03/02/13 23:58 ID:???: >>22
body {
color : #383838;
background-color : #e8e8e8;
margin : 0;
border : 10mm dotted #ffffff;
padding : 0;
}

こんな感じでいいですか?
24 名前：Name_Not_Found ：03/02/14 00:00 ID:???: >>23
mm指定はやめなさい。ただちにやめなさい。
25 名前：Name_Not_Found ：03/02/14 00:04 ID:???: ボーダーならpxかemがいいよね
26 名前：Name_Not_Found ：03/02/14 00:05 ID:???: >>23
mmよりはpxかemのほうがいいんでない？
27 名前：Name_Not_Found ：03/02/14 00:05 ID:???: >25

>26

入籍おめでと。
28 名前：26 ：03/02/14 00:10 ID:???: シアワセニシテネ
29 名前：32 ：03/02/14 00:11 ID:???: 仲人を務めさせていただきます

emで指定すると同じタグの文字によって大きさが決まってもControl+ホイールぐりぐりでは長さが変わらないんですね。
30 名前：Name_Not_Found ：03/02/14 00:12 ID:???: まちがえた32→23
未来の人になっちゃった。
31 名前：Name_Not_Found ：03/02/14 00:13 ID:???: >>29
だから、mmなのか…
32 名前：Name_Not_Found ：03/02/14 00:22 ID:???: >>29
borderだったらpxでもいいだろ
ちっさいとこなんだし
33 名前：Name_Not_Found ：03/02/14 02:54 ID:???: 何も分かってない
34 名前：Name_Not_Found ：03/02/14 02:56 ID:???: （´-`）.｡oO（駄レス書くなら、説明してあげればいいのに。
35 名前：Name_Not_Found ：03/02/14 03:13 ID:???: >>33
それは俺がいつも思うことだ。
確かにそうだよな。ちゃちゃいれるぐらいならだまってりゃいいんだ。
みんなキモに命じて桶よ。
俺はいま精液がキーボードにかかっていらいらしている。
コンビニサークルＫサンクス来期４５０店舗を閉鎖だってよ。
ＵＳＪなんてもういかねーよ。
殺人かな？２４歳ＯＬ首吊り状態で発見された。
今俺は何をしてるの？
36 名前：Name_Not_Found ：03/02/14 03:14 ID:???: >>35
ｷﾓｲ。
37 名前：Name_Not_Found ：03/02/14 03:16 ID:???: >>36
豚の耳は黙れ

おこめけんでおめこをなめるのは外務省
ちんぽるぷー
38 名前：Name_Not_Found ：03/02/14 03:17 ID:???: 俺はお前がよく理解できるよ
39 名前：37 ：03/02/14 03:18 ID:???: >>38
基地がいはどっかいけ
40 名前：Name_Not_Found ：03/02/14 03:20 ID:???: >>39
照れるな馬鹿
41 名前：Name_Not_Found ：03/02/14 03:22 ID:???: お前の首を鑿で刺すぞ。

アジアの☆になりたいか？

亀い静かは来た
42 名前：Name_Not_Found ：03/02/14 03:29 ID:???: その調子で向こう埋め立てとけよ
こっちには出てくんな
43 名前：Name_Not_Found ：03/02/14 03:30 ID:???: その向こう↓
http://pc2.2ch.net/test/read.cgi/hp/1041641395/
44 名前：Name_Not_Found ：03/02/14 03:33 ID:???: 言われなくても書き込んである。

これだから公務員は５時に帰るん駄ｙ
45 名前：Name_Not_Found ：03/02/14 03:37 ID:???: ＣＳＳで質問がるのですが、
フロートというのは、どういうものなんですか？
いや、説明とかは読みました。
どうやら段組とかに使うらしいですが、フロートってなんか浮いてるんですか
46 名前：Name_Not_Found ：03/02/14 03:39 ID:???: 最近のネタって全然笑えないよな。ほんと。
47 名前：Name_Not_Found ：03/02/14 03:41 ID:???: ねたじゃねんだよたこ
まじでフロートつかったことねんだよ。
フロートっていうと浮いてる感じすんだろ？
48 名前：Name_Not_Found ：03/02/14 03:44 ID:???: あー、浮いてる浮いてる。浮きまくってるよ、おまえもボックス領域も。
49 名前：Name_Not_Found ：03/02/14 03:44 ID:5FWw3DZw: >>48
なんとなくわかった。
50 名前：Name_Not_Found ：03/02/14 03:45 ID:???: 裸でもみあうか？
51 名前：Name_Not_Found ：03/02/14 03:47 ID:???: ↓この後衝撃の質問が！！！！！！！
52 名前：Name_Not_Found ：03/02/14 03:48 ID:???: ↓Skip
53 名前：Name_Not_Found ：03/02/14 03:51 ID:???: →↑Reverse
54 名前：Name_Not_Found ：03/02/14 03:55 ID:R9N9o+KC: div要素に設定したクラスに、background-colorをいつも厳密に記述してますか？
かなりのページにわたって利用したクラスをlintにかけたら、back...が
指定されてないと出た。ページの背景色が違う。。。めんどくさくないですか？
55 名前：Name_Not_Found ：03/02/14 04:01 ID:???: >>54
color と background-colorはペアですたい。
56 名前：Name_Not_Found ：03/02/14 04:15 ID:???: >>54
指定したくなかったら、
background-color:transparent;
にするべし。んで、辞書にでも食わせとけ。
57 名前：54 ：03/02/14 04:17 ID:???: CSS勉強始めなんですが、こんな事多くっていやになる。
ペアだとは学んでいましたが、背景がイラストの時とか、出したくないじゃないですか。
できる方々は、どう考えるのだろう。
58 名前：Name_Not_Found ：03/02/14 04:19 ID:???: 嫌ならやめれば良いよ。
仕事ならそうはいかないだろうけど、
趣味でなら無理して嫌な思いする必要ないし。
59 名前：Name_Not_Found ：03/02/14 04:23 ID:???: >>57
>>56
60 名前：Name_Not_Found ：03/02/14 04:23 ID:???: >>57
嫌でもやめちゃ、いけない。
良い癖をつければ、後でためになる。仕事・趣味関係無しに。
そういう物事の考え方をしてても進歩なし。仕事・趣味関係無しに。
61 名前：54 ：03/02/14 04:26 ID:???: >>56
有難う。規定値透明の値があったんだね。確認せずに57書いた。
THX!
62 名前：Name_Not_Found ：03/02/14 04:27 ID:???: 確認せずに質問して、「いやになる」とか言っちゃって・・・
凄く失礼なことのような・・・
63 名前：Name_Not_Found ：03/02/14 04:30 ID:???: * {color: ..., background: transparent none;}
64 名前：Name_Not_Found ：03/02/14 04:31 ID:???: , -> ;
失礼
65 名前：Name_Not_Found ：03/02/14 04:33 ID:???: http://www.fromdfj.net/html/index.shtml
上のサイトで幅固定なわけですけども、こういうのもだめなんでしょうか？

あと何故かhttp://tohoho.wakusei.ne.jp/wwwcss.htmで
各項目にいくと必ずブラウザＩＥが落ちるんですが、みなさんはなんともないですか？
66 名前：57 ：03/02/14 04:55 ID:???: >60HTML初学で同時にCSSも勉強してて、初日にささっとページ作れたけど、
本当の基礎は難しい（論理/物理構造からの理解）と感じてる。
趣味だけど、辛くてもやめないよ。てきとー…なページなら作れるけど、ヤだし。
レス有難う。
67 名前：Name_Not_Found ：03/02/14 05:06 ID:???: >>66
がんばれよ。一生
68 名前：Name_Not_Found ：03/02/14 05:12 ID:???: >>66
がんばって！p(^-^)q
69 名前：Name_Not_Found ：03/02/14 05:20 ID:???: 　p(^-^) q
└（　）┘
　　｜｜
　⊂　　つ
70 名前：Name_Not_Found ：03/02/14 05:23 ID:???: 下の写真を見て答えなさい
http://lounge.dip.jp/upboard/img-box/img20030209215834.jpg

この写真が撮影された理由
71 名前：Name_Not_Found ：03/02/14 06:00 ID:???: >>70
ぐろ、と言って見る
72 名前：Name_Not_Found ：03/02/14 06:40 ID:???: <li>にheightを設定した時、
中にいれるテキストを垂直方向に
真ん中に持ってくることってできますか？
73 名前：Name_Not_Found ：03/02/14 12:38 ID:???: ↑
え？
74 名前：Name_Not_Found ：03/02/14 12:42 ID:zA1llYuO: 一括指定について教えてください。
背景画像の固定、フォント（face、color、size)、英文のフォント指定、スクロールバーの色指定など
全部ひとつの<style>～</style>の中に入れるにはどう書けばいいんですか？
それと、日本文と英文のそれぞれのフォント指定はどう書けばいいんでしょうか？
75 名前：Name_Not_Found ：03/02/14 12:46 ID:???: >>74
>>3-4
76 名前：Name_Not_Found ：03/02/14 13:04 ID:???: 高校受験終わったからかなぁ……
77 名前：Name_Not_Found ：03/02/14 13:27 ID:???: >>74
検索すりゃあ分かるようなことをいちいちここで聞かないよーにね。
78 名前：74 ：03/02/14 14:05 ID:OHUgGA2j: すいません、リンク先調べてみました。
あと、日本語と英字の指定の仕方だけがわかりません。
79 名前：Name_Not_Found ：03/02/14 15:17 ID:???: >>78
お前の検索の仕方が悪いだけだよ。

「CSS　フォント指定　英語　日本語」あたりで。
80 名前：Name_Not_Found ：03/02/14 18:17 ID:???: 余計なレスすると長引くんだからとっとと教えてかえってもらえよ
かすばっかだな。
お前なんか別に来なくていいからさ。
81 名前：Name_Not_Found ：03/02/14 18:29 ID:???: どうやら>>80がズバリ教えてくれるみたいだぞ
82 名前：Name_Not_Found ：03/02/14 18:32 ID:???: ばかはしね
わからないから聞いてるんだよ
83 名前：Name_Not_Found ：03/02/14 19:25 ID:???: まず、HTMLの英語の部分に、lang="en"と明記し、CSSに、

[lang="en"] { font-family : "Times New Roman",serif; }

なとと指定します。

<p>まんこのことを英語では<span lang="en">cunt</span>と言います。</p>

この場合、cuntという部分にだけ、指定が適用されます。
ただし、IEは未対応です。
84 名前：Name_Not_Found ：03/02/14 19:29 ID:???: >>83
<p><dfn lang="en">cunt</dfn>は日本語でまんこの意味です。</p>
の方が言いと思うYP。
いや、どうでもいいんだけど。
85 名前：Name_Not_Found ：03/02/14 19:50 ID:???: 今日見てて思ったけど、
sageてない香具師多すぎ。余計なことはsageてよ。

-------------------------解決-------------------------
86 名前：Name_Not_Found ：03/02/14 20:27 ID:???: わかったよ
87 名前：Name_Not_Found ：03/02/14 20:50 ID:???: 次の質問どぞー
88 名前：Name_Not_Found ：03/02/14 21:48 ID:???: <dl>
<dt>キャラ名</dt>　　っていうのを
<dd>読み方</dd>　　　　[キャラ名][読み方][持ち物][行動]
<dd>持ち物</dd>　　　　[キャラ名][読み方][持ち物][行動]
<dd>行動</dd>　　　　　と横に並べたいのですがどうしたらいいでしょう？

<dt>キャラ名</dt>　　　ddにclass="1"～class="3"までつけて
<dd>読み方</dd>　　　CSSで
<dd>持ち物</dd>　　　　dt {float:left; width:20%;}
<dd>行動</dd>　　　　　dd .1 {float:left; width:30%;}　　dd .2{float:left; width:15%;}
</dl>　　　　　　　　　　　dd .3 {clear:left; width:40%:}

とやってもできませんでした。やり方教えてもらえませんでしょうか？
89 名前：Name_Not_Found ：03/02/14 21:56 ID:???: >>88
class名の先頭には数字は使えないけどそのせいじゃないかね？
90 名前：Name_Not_Found ：03/02/14 22:03 ID:???: >>88
li.name {clear:left;float:left; width:20%;}
li.reading {float:left; width:30%;}
li.item {float:left; width:10%;}
li.action {float:left; width:40%;}

<ul>
<li class="name">キャラ名</li>
<li class="reading">読み方</li>
<li class="item">持ち物</li>
<li class="action">行動</li>

<li class="name">キャラ名</li>
<li class="reading">読み方</li>
<li class="item">持ち物</li>
<li class="action">行動</li>
</ul>

widthの%は100%超えてるわ、クラス名は数字からはじめるわ。
<dd>やたらでてくるわ。
91 名前：88 ：03/02/14 22:03 ID:???: >89

あぁ、すいません。
でもa,b,cにしてもできませんでした
92 名前：90 ：03/02/14 22:05 ID:???: とえらそうなこと書いておきながらふと思った。

li.name {clear:left;float:left; width:20%;}

clear:left;float:left;
これってありよね？

これから自分で調べてきますが、博識のかたダメならダメだししてください
93 名前：88 ：03/02/14 22:12 ID:???: >90
すいません（汗。

そのまま書いてみたらできました。
ところで、リストの最初（キャラ名）がなぜか左端によらないのですが、
なんでなんでしょう？（2-3文字分くらい左に隙間ができるのですが）
IE6.0　XP　800*600

clear:leftはnameの所につかうのですね！　ずっと最後（action)に
使ってました・・・
94 名前：Name_Not_Found ：03/02/14 22:16 ID:???: この場合 width が100%になるから clear:leftする必要もないのかなぁ
もう一度出直してきます。スレ汚しｽﾏｿ

>>93 ごめんこれ追加
ul {margin-left:0;padding-left:0}
li { list-style-type:none;}
95 名前：88 ：03/02/14 22:18 ID:???: >94
おおぉ！できました

すいません、もう一つ。
これって画面のサイズをちっちゃくすると段落がたがたになって
しまいますよね？

なんとか回避する方法ってありますでしょうか？（table使わずに）
96 名前：Name_Not_Found ：03/02/14 22:57 ID:???: つかこの<dl>の使い方自体は問題ないのでは？
で90のにするならdisplay: inlineのほうが簡単では？
97 名前：88 ：03/02/14 23:21 ID:???: >96

え～と、display:inlineを使えっていうのは、dlをインライン要素にしろ！
ってことでしょうか？

すいません、それと横に並べることがいまいち頭の中で繋がらないです（TT

言い訳：各キャラクターの解説の箇条書きなので、dlを使ってみました。
98 名前：Name_Not_Found ：03/02/14 23:28 ID:???: table使った方が早くないか？
99 名前：Name_Not_Found ：03/02/14 23:36 ID:???: >>95
こういう場合は、表で正しいから、表使ってもいいんだけどな。
100 名前：Name_Not_Found ：03/02/14 23:40 ID:???: >>97
いや<ul>使うなら<li>にdisplay:inlineしたほうがめんどくさくなくてよいかと。
そしてこの場合表なんだからtableでいいじゃんって意見に禿同。
101 名前：Name_Not_Found ：03/02/14 23:46 ID:???: <table>使えよ
本末転倒になってきてるぞ
102 名前：88 ：03/02/14 23:46 ID:???: >98-100
tableですか。
なんかtableを使ってイイ場面というのがいまいちよくわからなくて。
解説の箇条書きならdlかなぁとか思ってたので・・・。

ありがとうございました。
>95　自己レス。毎回　</ul>とか</dl>で閉じればできました。すいません
103 名前：Name_Not_Found ：03/02/14 23:51 ID:???: >>102
いやわかるよその気持ち。
ちょっと複雑なリストになってくるとこれ表にしたほういいよなみたいな。
でもリストでズラズラ－っと並べられるより表にしたほうが見やすいって時は
迷わずtable使うべし。
104 名前：103 ：03/02/14 23:51 ID:???: ってスレ違いだった。すいません。
105 名前：Name_Not_Found ：03/02/15 00:21 ID:???: >>104
ｽﾚ違いｳｻﾞｲ。したり顔で、わかるよ。とか言ってんなよ。
106 名前：Name_Not_Found ：03/02/15 00:31 ID:???: >>105
まあまあ。
107 名前：Name_Not_Found ：03/02/15 00:53 ID:???: >105
したり顔でしたり顔の奴にうざいっていうお前が一番うざい。
108 名前：Name_Not_Found ：03/02/15 00:56 ID:???: >>107
まあまあ。
109 名前：Name_Not_Found ：03/02/15 01:09 ID:???: 105と107は今日ﾁｮｺもらえなかった香具師
110 名前：Name_Not_Found ：03/02/15 03:34 ID:???: いやわかるよその気持ち。
111 名前：Name_Not_Found ：03/02/15 03:49 ID:???: >>110
185を思い出しますた。
わたし185さんのゆーことよっくわかります、だっけか。
112 名前：Name_Not_Found ：03/02/15 07:52 ID:Y7XNBJDm: すみませんが、質問させて下さい。
なるべくCSSでレイアウトしようと思っているのですが、やっていいことなのかわかりません。
解像度に依存されること無く、画面の真ん中に画像と画像に回り込んだテキストを置きたいのですが、
横方向では上手くいくのですが、やっぱり縦方向では上にへばりついたままです。
margin : autoも効果ナシでした。
それで、
BODY{background-image : url(hoge.jpg);background-repeat : no-repeat;background-position:10% 50%;}
として、重ならないような位置にDIV（中にテキスト）の位置指定をしています。
しかし、CSSオフにすると間抜けなページになってしまいます（涙）。
あきらめてTABLEレイアウトした方がいいですか？
アフォな質問ですが、よろしくおながいします。
113 名前：Name_Not_Found ：03/02/15 08:28 ID:???: ど真ん中にこだわらないで適当に上マージン取れば？ %で
Web媒体の特性を把握してからレイアウト考えよう
114 名前：Name_Not_Found ：03/02/15 09:09 ID:???: >>1へ。
　>>2の【関連スレ】がみなpc3.2ch.netのままで、つながらんぞよ。
　次回スレッド立てる人は注意しよう。
115 名前：Name_Not_Found ：03/02/15 09:26 ID:???: まあ>>14もあるしな。↓
　「CSS、スタイルシート質問スレッド」テンプレ
　http://fake_lint.tripod.co.jp/css.html
116 名前：Name_Not_Found ：03/02/15 09:28 ID:???: >>112
hoge.jpgが120*120と仮定。
.hoge {
  margin-top:-60px;
  margin-left:-60px;
  position:absolute;
  top:50%;
  left:50%;
}

<img src="hoge.jpg" alt="hogehoge" width="120" height="120" class="hoge">

回り込みは適当に（w
117 名前：Name_Not_Found ：03/02/15 16:05 ID:???: 質問する際にHTMLファイルとCSSファイルを当たり障り無く加工して、
うｐロダにでも上げると適切な答えが返って来やすくなります。
118 名前：Name_Not_Found ：03/02/15 16:32 ID:???: W3C信者にサイトを正しい記述に直して貰うスレ
っぽくなってまいりました。
119 名前：Name_Not_Found ：03/02/15 16:32 ID:7OIm6Fru: 煽りじゃなくて、
現状でサポートされてない部分が多いＣＳＳでレイアウトするのと
テーブルレイアウト
どちらがユーザビリティに優れているのでしょうか？
120 名前：Name_Not_Found ：03/02/15 16:34 ID:???: >>119
　サポートされていない部分が多いCSSでレイアウト
　テーブルタグでレイアウト
　→別のレイアウトにする
121 名前：Name_Not_Found ：03/02/15 17:07 ID:???: http://minatsu.pos.to/
↑の様にリストを横に並べつつマーカーを表示させるにはどうしたらよいのですか？
122 名前：Name_Not_Found ：03/02/15 17:13 ID:???: >>121
そこのCSSソースは見たの？　見てもわからなかったらまた訊いて。
123 名前：Name_Not_Found ：03/02/15 17:56 ID:???: >>122
個人的にはMozillaのDOM Inspectorで見ることをおすすめしたい。
フリーだし。
124 名前：121 ：03/02/15 18:02 ID:???: >>122
見ても分からなかったです・・・
125 名前：Name_Not_Found ：03/02/15 18:12 ID:???: >>124
質問の下手な人ですね。
わからなかった箇所を示してくれなくちゃ。
あと、list-style-imageって知ってるのかな？
　http://msugai.fc2web.com/web/CSS/list.html#img
126 名前：Name_Not_Found ：03/02/15 18:24 ID:???: >>125
list-style-image は diplay プロパティの値が list-item でないと有効でない。
したがって、津波荘のように inline などで横に並べると無効になる。
（少なくとも仕様上はそのような挙動が正しい。）

>>121
津波荘は各 li 要素のbackground に画像を指定することで、
横に並べつつ“疑似マーカー”を表示している（ように思える）。
127 名前：126 ：03/02/15 18:25 ID:???: >>126 誤字 diplay → display ゴメン

>>121
追記：import されているのをたどっていけ
128 名前：Name_Not_Found ：03/02/15 18:26 ID:???: >>121
のサイト importしてるｃｓｓファイルはアクセス制限かけてるね。

>>124
恐らく、liにクラスとid振って

display : inline;とdisplay:list-item; と　list-style-imageとmargin, padding
を駆使すればできるよ。

そうやってるみたいだし。
129 名前：Name_Not_Found ：03/02/15 18:28 ID:???: でも、津波莊のCSSはlist-style-imageを指定してますよ。
WinIEでもNN7でもマーカー画像が見えるし。
130 名前：128 ：03/02/15 18:29 ID:???: >>128
アクセス制限なんてかけてません。ディレクトり見誤っただけです。ｽﾏｿ
131 名前：Name_Not_Found ：03/02/15 18:32 ID:???: >>129は>>126の前半へのレスね。
132 名前：Name_Not_Found ：03/02/15 18:37 ID:???: すみませんが、質問させて下さい。
なるべくCSSでレイアウトしようと思っているのですが、やっていいことなのかわかりません。
解像度に依存されること無く、画面の真ん中に画像と画像に回り込んだテキストを置きたいのですが、
横方向では上手くいくのですが、やっぱり縦方向では上にへばりついたままです。
margin : autoも効果ナシでした。
それで、
BODY{background-image : url(hoge.jpg);background-repeat : no-repeat;background-position:10% 50%;}
として、重ならないような位置にDIV（中にテキスト）の位置指定をしています。
しかし、CSSオフにすると間抜けなページになってしまいます（涙）。
あきらめてTABLEレイアウトした方がいいですか？
アフォな質問ですが、よろしくおながいします。
133 名前：Name_Not_Found ：03/02/15 18:37 ID:???: >>125
list-style-imageはdisplay:list-itemの要素にしか効果が出ないのが正しいので
それを使って>>121のようなことをするのは特定ブラウザの実装依存になり宜しくない
という話が確か以前にも出ていた気がする。
134 名前：Name_Not_Found ：03/02/15 18:39 ID:???: >>132
img { display: none; }
とでも書いてCSSオン時は背景・CSSオフ時はimgで見せるようにしては？
135 名前：Name_Not_Found ：03/02/15 18:39 ID:???: 　　　　　　　　∧　 ∧
　　　　　　　　|1/　|1/
　　　　　　／￣￣￣｀ヽ、
　　　　　 /　　　,,　　　　ヽ
　　　　 /　丿　＼　　　 |
　　　　　|　（●）（●）　　 |
　　　　/　　　　　　　　　　| 　さすがのムーミンも
　　　/　　　　　　　 ^　　　|
　　　{　　　　　　　 /|　　　| 　このスレには
　　　ヽ、.　　　　／丿ノ　 |
　　　　｀`ー――‐''"　　　| 　呆れ果てているようです
　　　 ./　　　　　　　　.　| |
　(⌒―|　　　　　　　　 |　ﾞ―^⌒)
　.￣￣|　　　　　　　　　￣￣|￣
136 名前：112 ：03/02/15 18:41 ID:???: >>113
>>116
説明不足にも関わらず、親切なアドバイスありがとうございました。
お陰様で出来ました～（嬉）。
>>118
妙な流れ作ってしまってスマソです（汗）。
回線切って逝てきまつ。
137 名前：112 ：03/02/15 18:48 ID:???: ちなみに132は私ではないです。
138 名前：Name_Not_Found ：03/02/15 19:30 ID:???: 質問させてください
body{
color: #fff;
background: #000 url("../bg.gif") repeat-y 0% 0%;
border-left: solid #999 1em;
}

という設定をしています。
IEで見ると問題ないのですが
Mozilla,Operaで見るとbg.gifがボーダーの下に隠れてしまいます。
ボーダーのぴったり隣り合わせにbg.gifを置きたいのですがどうすればできますか？
139 名前：Name_Not_Found ：03/02/15 19:47 ID:???: >>138　>>6をごらん。
【FAQ】
A: WinIEのボックス・モデルが間違ってるからです。
140 名前：Name_Not_Found ：03/02/15 19:52 ID:???: >>138
background: #000 url("../bg.gif") repeat-y 0% 1em;
で、どうです？
141 名前：Name_Not_Found ：03/02/15 19:59 ID:???: border-left: solid #999 1em;
を含めた背景画像を用意すればいいと思った。
142 名前：Name_Not_Found ：03/02/15 20:09 ID:???: >>139
ありがとうございます
対策を教えていただけませんでしょうか

>>140
ありがとうございます
しかしIEで崩れてしまいます。
申し訳ありません。

>>141
ありがとうございます。
しかし画像のサイズが大きくなってしまうので
その方法は最終手段ということにしようと思っています。
申し訳ありません
143 名前：Name_Not_Found ：03/02/15 20:31 ID:???: >>142
とりあえずマイクロソフトに『ふざけんな(ﾟДﾟ)ｺﾞﾙｧ!』とメールを送ることをお勧めします。
144 名前：Name_Not_Found ：03/02/15 20:42 ID:???: >>142
IEのバージョンは？
6.0でDOCTYPEスイッチが標準準拠モードになってれば大丈夫でないかい？
>>118
正しいhtmlのほうがcssを適用しやすいから多少はしょうがないような。
145 名前：Name_Not_Found ：03/02/15 20:44 ID:???: >>144
6.0です。
Doctype宣言は
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
です。
146 名前：Name_Not_Found ：03/02/15 20:52 ID:???: >>145
そのDOCTYPE宣言の前に
<?xml version="1.0"?>
ってつけてみたら大丈夫だと思う。
147 名前：Name_Not_Found ：03/02/15 20:53 ID:???: >>145
<?xml version="1.0" encoding="Shift_JIS"?>
はつけていますがどうにも効果が無いです。

ウザくて申し訳ないです
148 名前：Name_Not_Found ：03/02/15 20:53 ID:???: 訂正
すいません >>146でした
149 名前：Name_Not_Found ：03/02/15 20:55 ID:???: あ、嘘書いてしまった。
>>146は無視してください。
150 名前：149 ：03/02/15 20:56 ID:???: >>147
それを削れば標準準拠モードになります。
lintには怒られちゃうけどxhtmlで標準準拠モードにするには
そのxml宣言を削るしかないです。
151 名前：138 ：03/02/15 21:01 ID:???: どうもありがとうございますた
152 名前：Name_Not_Found ：03/02/15 21:05 ID:???: XHTMLのことをよくわかってないIE6は、XML宣言を「余計な文字列」とみなし、
XHTML文書を互換モードで表示してしまう。
IE6の標準モードで表示される文書を書きたかったら、HTML4.01 strict
にするしかない。

まあ、IE5.5以前のユーザが依然として多い現状では、標準モードでも
互換モードでも意図通りとなるCSSを書くのが無難だと思う。
153 名前：Name_Not_Found ：03/02/15 21:30 ID:???: Opera7にもDOCスイッチってあるの？
box-sizing: border-boxは効かないみたいだし。
154 名前：Name_Not_Found ：03/02/15 21:37 ID:???: >>152

.htacsessいじってhttpレスポンスヘッダで文字コードを明示
するようにすればxml宣言はいらないはずです。

つまり標準準拠モードでxhtmlも使えるわけです。
155 名前：Name_Not_Found ：03/02/15 21:40 ID:???: >>153
http://www.opera.com/docs/specs/doctype/

>box-sizing: border-boxは効かないみたいだし。
嘘つくな。効きます。
156 名前：Name_Not_Found ：03/02/15 21:50 ID:???: >>155
サンクス。効くんだ。書き方間違ってたんだな。
157 名前：Name_Not_Found ：03/02/15 21:53 ID:t8dRIuPm: こんにちは。
Hタグを使うと次行に絶対に改行が入りますが、それを強引に解除させる方法は
ないものでしょうか?
158 名前：Name_Not_Found ：03/02/15 22:05 ID:???: >>157
こんにちは。
hn { display: inline }
159 名前：Name_Not_Found ：03/02/15 22:14 ID:???: つーか、変なマークアップしてそう。
160 名前：Name_Not_Found ：03/02/15 22:27 ID:???: 157です。
>158
早いレスどうもありがとう!早速試してみます。
161 名前：Name_Not_Found ：03/02/15 22:29 ID:???: minatsuさん自身が答えてくれたので、
>>121は解決ということで。
162 名前：Name_Not_Found ：03/02/15 22:46 ID:???: >>161
background-imageだったんだ。
163 名前：Name_Not_Found ：03/02/15 22:47 ID:???: >>161
つーか一応報告しておけよ
どうやっていたんだよ
164 名前：Name_Not_Found ：03/02/15 23:28 ID:???: 後に他の人が同じところでつまずくことを考えて
解決した方法を残していくのが常識。

報告汁。
165 名前：Name_Not_Found ：03/02/15 23:29 ID:???: >>121の津波荘は
background : url(～) no-repeat 0px 50%;
ってやっているね。
166 名前：Name_Not_Found ：03/02/15 23:31 ID:???: つまり>>126が正しかったってこと？
list-style-image 指定してるとか主張していた奴は何だったの？
167 名前：Name_Not_Found ：03/02/15 23:45 ID:???: >>166
うん（≫121の場合は）。
display: inline; じゃマーカーは出ない（仕様）だっての
168 名前：Name_Not_Found ：03/02/16 00:20 ID:???: 俺も以前、background-imageで同じことやってたけど、IE5.0以前は、
inlineに対するpaddingが効かないので、background-imageが文字と
重なって見づらくなることに気づいてやめた。
津波荘さんはどうやって回避してるんだろう。
それとも、IE5.0以前は放置なのかな。
169 名前：Name_Not_Found ：03/02/16 00:45 ID:Buy6Uknk: リストを横並びにするにはどうすればいいでしょうか？
170 名前：Name_Not_Found ：03/02/16 00:51 ID:???: >>169
display:inline
>1をよめ。そして実行しろ。この糞野郎。
171 名前：Name_Not_Found ：03/02/16 00:56 ID:Buy6Uknk: >>170
なんだとこの童貞インポテンツが。
display:inlineなんて糞要素使ってられっか、早く別のやり方教えろ。
172 名前：Name_Not_Found ：03/02/16 01:02 ID:???: 糞要素　糞要素
糞　要　素
173 名前：Name_Not_Found ：03/02/16 01:06 ID:???: >>168
>津波荘さんはどうやって回避してるんだろう。
特に回避とかはしていないようだ。

>それとも、IE5.0以前は放置なのかな。
真面に実装していない WinIE5.0以前が悪い。
WinIE5.0以前とか Mozilla Classic とかは無視するに限る。
174 名前：Name_Not_Found ：03/02/16 01:07 ID:???: >>171
float: leftでもしとけや糞が！
175 名前：Name_Not_Found ：03/02/16 01:10 ID:Buy6Uknk: >>174
なんだよフロートって！糞じゃん！！
ポジションでやりてーんだよ。なんとかしろや。
176 名前：Name_Not_Found ：03/02/16 01:11 ID:???: >>168
IE5.0以前なんて今じゃほぼいないに等しいから安心しる！

…うち一人だけIE5.0の常連がいる。どうしましょう？
177 名前：Name_Not_Found ：03/02/16 01:12 ID:Buy6Uknk: >>176
アクセス禁止しちまえばいいんじゃないか！？なんつってな！がはは！！（ｗ
178 名前：Name_Not_Found ：03/02/16 01:13 ID:???: >>175
マジレスするとpositionでも可能。
んなめんどくせーことやってられっかボケナスが！！！
179 名前：Name_Not_Found ：03/02/16 01:14 ID:Buy6Uknk: もういいよ！！ふざけんなよ！！やってられっかよ！
180 名前：Name_Not_Found ：03/02/16 01:16 ID:Buy6Uknk: 　すいません、おしえてください。
181 名前：168 ：03/02/16 01:22 ID:???: >>173
レスありがとう。
でも、IE5.0って、使ってる人結構多いからいまいち踏み切れないのよね。

>>176
ひとりだけなら、メールして
「お願いですからアップデートしてください」
と頼んでみるとか。
182 名前：Name_Not_Found ：03/02/16 01:27 ID:???: >>180

li { display : inline; margin : 0 1em 0 0; }

これで、リストの中身が横並びになる。
183 名前：Name_Not_Found ：03/02/16 02:36 ID:???: ボックスを中央に配置したいのですが、上手い方法はないものでしょうか。
positionを使うとIEかNNどちらかの配置がおかしくなってしまうのですが。
184 名前：Name_Not_Found ：03/02/16 03:10 ID:???: >>183
margin-left: auto; margin-right: auto;
縦方向に中央というならちょっとわからん。
185 名前：Name_Not_Found ：03/02/16 03:18 ID:???: >>183
そう云う、レイアウトは自滅するから止めとけ。
ボックスの高さは内容量に依存するかな。
それと top と bottom のパーセント値は、コンテナブロックの高さが
明示されていないと「auto」として扱われるから注意しろよ。
垂直方向に中央ってのは、HTML+CSS の仕様の範疇じゃまず無理だな。

互換モード+テーブルレイアウトとかで可能だが、
初心者が良くやりたがる、カステクだから止めとけ。
186 名前：Name_Not_Found ：03/02/16 03:34 ID:3gEDGp6V: IEで、右のスクロールバーを
左に移すことは可能ですか？
187 名前：183 ：03/02/16 03:45 ID:???: >>184
水平方向はこんな便利な技があったんですね。助かりました。
こんな夜中にどうもありがとうございます。

>>185
垂直の方は無理ですか。
>top と bottom のパーセント値は、コンテナブロックの高さが
明示されていないと「auto」として扱われるから注意しろよ。
あ、全然知らなかったです。これは親切にどうも。
188 名前：Name_Not_Found ：03/02/16 03:46 ID:???: >>186
無理かも。
189 名前：Name_Not_Found ：03/02/16 03:48 ID:???: >>186
filterでページ全体を反転させることはできるけど、
内容全部、反転されるから意味がない。

つーか、そんな操作性０の作り方はやめたほうがいいよ。
190 名前：Name_Not_Found ：03/02/16 04:05 ID:???: >186
body {direction: rtl;}
body * {direction: ltr;}
191 名前：Name_Not_Found ：03/02/16 04:27 ID:???: >>190
変なことを教えるな大馬鹿者。
direction は、双方向書字を再現する為のものだ。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visuren.html#direction
192 名前：Name_Not_Found ：03/02/16 04:30 ID:???: >>190
（ﾟ∀ﾟ）ｻﾝｸｽｺ

>>191
そういうことはあまり気にしないので大丈夫です
193 名前：Name_Not_Found ：03/02/16 04:38 ID:???: >>192
てめぇが気にするかしないかなんて関係ねぇんだよ。
ユーザーが迷惑するからヤメロってんだよ。
一昨日来やがれ、アフォが。
194 名前：Name_Not_Found ：03/02/16 04:38 ID:???: body * {direction: ltr;} がうまく効かなかったので
body {direction: rtl; text-align : left;} で代用してみました。
なんとなく大丈夫そうなのでこれでいってみようと思います。
195 名前：Name_Not_Found ：03/02/16 04:40 ID:???: >>190
それじゃ不思議マークアップと変わらんだろ。
196 名前：Name_Not_Found ：03/02/16 04:45 ID:???: ブラクラがまた一つネット上に誕生しました。
197 名前：Name_Not_Found ：03/02/16 04:46 ID:???: strictにがちがちにやれ、とは言わないけど不思議マークアップのお手伝いはここではやらないでほしいよな。
198 名前：Name_Not_Found ：03/02/16 04:46 ID:???: >>193
あなたはユーザなのですか？
199 名前：Name_Not_Found ：03/02/16 04:49 ID:???: >>194
氏ね。ウェブから消えろ。
リアルワールドからも消えろ。
200 名前：Name_Not_Found ：03/02/16 04:50 ID:???: >>198
ユーザビリティの対象がユーザなら、閲覧者＝ユーザなわけで、
>>193がどうかとかは無関係なわけで。
とにかく、不思議なお手伝いは不思議を生む要因になるので、やめてほしいですね。
201 名前：Name_Not_Found ：03/02/16 04:51 ID:???: >>197
でもそうゆうのってどこで聞けばいいのですか？
当方2chﾌﾞﾗｳｻﾞのスキンを少し作ってるんですけど
どうしても今後必要な技術だったんで聞いてみました。
別にホムーページとして公開するわけじゃないんで
まぁ大目に見てほしいとか思った次第ですが。
202 名前：Name_Not_Found ：03/02/16 04:54 ID:???: >>201
2chブラウザのスキンで、左にバーが必要？どんな状態だよ？意味不明。
203 名前：Name_Not_Found ：03/02/16 04:57 ID:???: >>201
>どうしても今後必要な技術だったんで聞いてみました。
どうして必要なのか論理的に述べてみよ。

>別にホムーページとして公開するわけじゃないんで
ホムーページとは初耳だ。新手のｶﾙﾄ宗教団体かなんかのページか。
204 名前：Name_Not_Found ：03/02/16 04:57 ID:???: >>203
ホムーペジならわかるんだけどな。
205 名前：Name_Not_Found ：03/02/16 05:01 ID:???: 本当は左右にスクロールバーが欲しいんだけど
とりあえず片方ずつやってみようと思って
206 名前：Name_Not_Found ：03/02/16 05:05 ID:???: >左右にスクロールバーが欲しいんだけど
そんなインタフェイス見た事ねぇぞ、ゴラァ！
207 名前：Name_Not_Found ：03/02/16 05:06 ID:???: 便乗質問いいですか？
アップダウンコントロールの代わりにスクロールバーを使いたいんだけど
スクロールバーだけを表示させるのって出来ますか？
208 名前：Name_Not_Found ：03/02/16 05:07 ID:???: >>207
質問いいですか？
アップダウンコントロールってなんですか？
209 名前：207 ：03/02/16 05:08 ID:???: >>208
http://www.bcap.co.jp/hanafusa/VBHLP/updown.htm
こういうのです
210 名前：Name_Not_Found ：03/02/16 05:13 ID:???: 以後194と207には反応禁止の方向で良いでしょうか？
211 名前：Name_Not_Found ：03/02/16 05:15 ID:???: >>210
いいですよ。
212 名前：207 ：03/02/16 05:17 ID:???: >>210
その前に質問いいですか？
スクロールバーだけを表示させるのは
・出来るけど推奨されない
・出来ない
どちらですか？
213 名前：Name_Not_Found ：03/02/16 05:27 ID:???: >>212
一回だけ答えるね。
VBはVBスレで。
214 名前：207 ：03/02/16 05:27 ID:???: すみません
このままではまっとうなみなさんにご迷惑おかけするので
推奨から離れた使用方法を追求する専用スレを立てます
215 名前：207 ：03/02/16 05:28 ID:???: >>213
VBではありません。そのリンクはVBのページですが
それと同様の画面をHTMLで表現したいのです
216 名前：Name_Not_Found ：03/02/16 05:34 ID:???: >>215
VBじゃないのに、アップダウンコントロール？
プルダウンメニューのことか？
217 名前：Name_Not_Found ：03/02/16 05:36 ID:???: 何か面白い奴がいるな。
このままヲチさせてもらうよ。
218 名前：207 ：03/02/16 05:42 ID:???: >>216
プルダウンではないです。
VBでいうところのアップダウンコントロールと同等の機能を
Web上でスクロールバーを使って簡易的に実現しようと思っています。
また、スクロールバーを単体で表示させることができるなら
それを応用してボリュームバーも作りたいと考えています。
(スクロール量/係数＝ボリュームとして使用を検討中）
219 名前：Name_Not_Found ：03/02/16 07:03 ID:???: とりあえず次の質問どうぞ
220 名前：Name_Not_Found ：03/02/16 09:10 ID:???: >>218
http://report.s22.xrea.com/
ここを参考にして、divのスクロールバーの幅を変えればできると思う。
221 名前：Name_Not_Found ：03/02/16 11:19 ID:???: >>218
一般にはスピンボタンと呼ぶ模様
222 名前：Name_Not_Found ：03/02/16 13:00 ID:???: おい、VB使ってるならPG=技術者な訳だろ、
とりあえず自分で考えろや(ﾟДﾟ)ｺﾞﾙｧ!
223 名前：Name_Not_Found ：03/02/16 13:28 ID:???: （　ﾟдﾟ）ﾎﾟｶｰﾝ
224 名前：Name_Not_Found ：03/02/16 13:29 ID:???: (　ﾟдﾟ）ﾎﾟｶｰﾝ
225 名前：Name_Not_Found ：03/02/16 13:30 ID:???: (　ﾟдﾟ)ﾎﾟｶｰﾝ
226 名前：Name_Not_Found ：03/02/16 13:45 ID:???: （´-`）.｡oO（便乗ﾎﾟｶｰﾝはわかってない香具師も混ざってそう。
227 名前：Name_Not_Found ：03/02/16 13:57 ID:???: ( ﾟдﾟ)ﾎﾟｶｰﾝ
228 名前：Name_Not_Found ：03/02/16 14:07 ID:???: >>222
VBﾌﾟﾛｸﾞﾗﾏなんざ糞ばかり（　´,_ゝ`）
229 名前：Name_Not_Found ：03/02/16 14:24 ID:???: >>223-225 >>227
全部微妙に違うな
230 名前：222 ：03/02/16 17:38 ID:???: >>228
正直、「VBプログラマは糞だから教えてもどうせ理解しねーよ」とどっち書こうか迷った。
231 名前：Name_Not_Found ：03/02/16 17:53 ID:???: 次の質問どぞー
232 名前：Name_Not_Found ：03/02/16 17:59 ID:???: 皆さんにとってCSSとはどういう存在ですか
233 名前：Name_Not_Found ：03/02/16 18:08 ID:???: >>232
んー、やっぱスタイルシートって感じかな。
234 名前：Name_Not_Found ：03/02/16 18:30 ID:???: >>232
心の支えです。
235 名前：Name_Not_Found ：03/02/16 18:35 ID:???: >>232
一緒にいると煩わしいけど、
いなきゃいないで淋しいかな
236 名前：Name_Not_Found ：03/02/16 18:47 ID:???: >>232
カレーには必ず入れるよ
237 名前：Name_Not_Found ：03/02/16 19:20 ID:???: imgを中央寄せにしたいのですが
img {text-align:center;}ってやってもよってくれないのですが、
どうしたらいいでしょう？

現在は、<p class="center"><img～></p>ってやって
.center {text-align:center;}とごまかしてるのですが・・・
238 名前：Name_Not_Found ：03/02/16 19:22 ID:???: >>237
img {
display: block;
margin-left: auto;
margin-right: auto;
}

つーかbody直下にimg置けたっけ？
239 名前：Name_Not_Found ：03/02/16 19:41 ID:???: >>232
パワポ使ってるときに，CSSとJavascriptでレイアウトとかしてプレゼン出来るソフトが（　ﾟдﾟ)ﾎｽｨ…と思った，って感じ．
240 名前：Name_Not_Found ：03/02/16 20:22 ID:???: >237
ごまかすも何もそれで正しいと思いますが
241 名前：237 ：03/02/16 20:35 ID:???: >238
即レスどもです。
display要素を使うのですね。ありがとうございます。
使ったことない要素なので、色々やってみます！

>240
毎回、クラスを指定するのが鬱陶しくて・・・
242 名前：Name_Not_Found ：03/02/16 21:09 ID:???: >>237
クラス名「center」はいただけない。
（それじゃ<center>を使うのと何も変わらない）

あと、body直下にimgを置くのはよろしくないです

<p class="image"><img ... /></p>
でファイナルアンサーじゃないかな…
243 名前：Name_Not_Found ：03/02/16 21:11 ID:???: >>239
Mozilla(Netscape 7)やOperaならそういう使い方ができると思われ。
そもそもOperaの全画面モードは media="projection" なスタイルシートしか読まないのでそういう用途を想定していると考えられる。
244 名前：Name_Not_Found ：03/02/16 21:14 ID:???: ID名やclass名には
大文字小文字使えるんですよね？
245 名前：237 ：03/02/16 21:15 ID:???: >242
なるたけわかりやすいクラス名がいいかなとおもって安直に
つけてしまいましたが、クラス名につかっちゃいけない文字とかは
ないですよね？今度気をつけます。（imgはちゃんとpで囲ってます）

すいません、もう一つ聞いてもイイですか？
h1に枠線をつけたいんですが、可能でしょうか？
h1 {border-width:0 0 1 10; border-color:red;}
ってやって付箋紙みたいにしたいのですが。。。
246 名前：Name_Not_Found ：03/02/16 21:17 ID:???: >>245
まずやってみるベシ．ベシ！
247 名前：237 ：03/02/16 21:20 ID:???: >246
うぅ。できんかったとですたい
248 名前：Name_Not_Found ：03/02/16 21:21 ID:???: >245
0以外の数値には単位をつけてくださいませ
249 名前：207 ：03/02/16 21:24 ID:???: >>220
ありがとう！
250 名前：Name_Not_Found ：03/02/16 21:25 ID:???: solid　も入れて
251 名前：Name_Not_Found ：03/02/16 21:25 ID:???: >>244
何が聞きたいのかわからん…。
大文字も小文字も使えなかったら何使うんだって話。

とりあえず、大文字小文字を混ぜていいのか？
という意味ならYes。

大文字、小文字の区別があるの？を聞きたいのなら
標準モードなら区別する。互換モードはしない。

質問の意味が違ってたら、わかりやすい日本語でお願いします。
252 名前：237 ：03/02/16 21:29 ID:???: >246
あぁ、すいません！！

>250
できました。 border-style:solid忘れてました。ありがとうございます
253 名前：Name_Not_Found ：03/02/16 21:31 ID:???: >>251
私の聞きたいことは全て答えて下さいました
ありがとうございました！
254 名前：Name_Not_Found ：03/02/16 22:43 ID:???: 日記などでインデントを使う場合 blockquote は引用だからやめた方が良いようなんですが、
その場合は何を使うのが一番適切なんでしょうか。
255 名前：Name_Not_Found ：03/02/16 22:43 ID:???: >>242
<center>使うのとは全然違うだろ。
256 名前：Name_Not_Found ：03/02/16 22:47 ID:???: >>254
<p class="diary"></p>の
p.diary {padding-left:2em;}
日記の文の中で段落分けあって<p>をそこで使うなら当然
<div class="diary">ね。
257 名前：Name_Not_Found ：03/02/16 22:49 ID:???: >>254
インデントってtext-indentの方ではなく？
知らなかったら検索すれ
258 名前：Name_Not_Found ：03/02/16 23:16 ID:???: >>254
全体の余白を取りたいならmarginもしくはpadding
文章の頭だけの余白ならtext-indent
259 名前：Name_Not_Found ：03/02/17 00:09 ID:???: >>256-258
Thx
<p>でpaddingを使うのがいいのね。
260 名前：Name_Not_Found ：03/02/17 00:14 ID:???: >>1-259
氏ね。ウェブから消えろ。
リアルワールドからも消えろ。
261 名前：Name_Not_Found ：03/02/17 00:19 ID:???: もう春房の季節ですか？
262 名前：Name_Not_Found ：03/02/17 00:27 ID:???: もう春房の季節ですか？
263 名前：Name_Not_Found ：03/02/17 00:28 ID:???: 何でも房つけちゃって。（ぷ
264 名前：Name_Not_Found ：03/02/17 00:49 ID:???: ポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョム
265 名前：Name_Not_Found ：03/02/17 02:27 ID:???: >>263
房じゃなくて厨だもんね。
春夏秋冬厨ならだいぶ前からあるし。
266 名前：Name_Not_Found ：03/02/17 02:30 ID:???: そういうことじゃなく
267 名前：Name_Not_Found ：03/02/17 02:36 ID:???: 季節厨
268 名前：Name_Not_Found ：03/02/17 02:59 ID:???: http://tmp.2ch.net/test/read.cgi/cat/1045418127/
269 名前：Name_Not_Found ：03/02/17 03:05 ID:???: ぎるもねどす、へぶらけめ。
ぴぶりねりこ！>>268
270 名前：Name_Not_Found ：03/02/17 03:24 ID:AEK2wnSL: おながいします

<STYLE TYPE="text/css">

</STYLE>

これを<head></head>のところに貼り付ければ
スクロールバーを平面的に出来る、と聞いて
あるサイトから↑のソースを貼り付けみたのですが
なんどやっても平面的になりません。
どなたか教えて頂けないでしょうか、既出だったらすいません
ちなみにIE6です
271 名前：Name_Not_Found ：03/02/17 03:36 ID:???: >>270
バカチン､>1を読んで出直しな
272 名前：Name_Not_Found ：03/02/17 03:36 ID:???: BODY を html に変えて試してみて
273 名前：270 ：03/02/17 03:54 ID:???: >271　出直してきます(´･ω･`)。気に障ってたらすいません
>772　平面的なスクロールバーになりました。ありがとうございました
274 名前：Name_Not_Found ：03/02/17 10:37 ID:???: リストに画像を使いたいのですが
{style-type-image:url('CSSファイルから見た画像パス');}
この指定をdlやdtにやっても一向に画像が表示されません。
ulでやったらできました。
dlの場合にはなんか他に各必要があるのでしょうか？

それともう一つ、リストに任意の言葉や画像の連続使用は可能でしょうか？
例えば、リストの先頭に「リスト」って言葉をつけたり
画像1画像2画像3と並べたいのですが。。。
275 名前：Name_Not_Found ：03/02/17 11:20 ID:???: >>274
list-style-***はdisplay:list-itemが指定された要素にだけ反映される。
dtにも表示させたいのならdt { display: list-item }を書き加えれ。

あとlist-style-***は継承されるので記述の簡略化のためにulやdlなどの
コンテナに指定される「ことが多い」が、それをして「ulやdlなどのコンテナにのみ
指定するためのもの」と勘違いして憶えるのは良くない。
276 名前：Name_Not_Found ：03/02/17 11:23 ID:???: 追記。
リストのマーカーに何が使えるのかは、仕様書（邦訳でよい）のプロパティ索引からlist-style-***プロパティの説明に飛べばわかる。
文字を表示させたい場合はcontentプロパティの説明を見れ。
仕様に書いてある事はこのように自力で調べるくせを付けると良い。
277 名前：Name_Not_Found ：03/02/17 12:32 ID:???: img border="0"と同じ役割をするCSSはなんですか？
ついでに
<noscript>の中にimgをいれるとりんとに怒られるのですが回避方法は？
278 名前：Name_Not_Found ：03/02/17 12:55 ID:???: >>277
img { border:none; }

<noscript><p><img src"***" width="***" height="***" alt="***"></a></p></noscript>
279 名前：278 ：03/02/17 12:56 ID:???: 間違えた。</a>は無視してくれ。
280 名前：Name_Not_Found ：03/02/17 12:57 ID:???: >>277
img { border-style: none; }

srictDTDでは<noscript>直下に<img>は置けないので
<noscript><p><img></p></noscript>
とか。
こっちの質問はスレ違いですよ。
281 名前：278 ：03/02/17 12:57 ID:???: × src"***"
〇 src="***"

逝ってきます
282 名前：280 ：03/02/17 12:59 ID:???: かぶったスマソ。
しかもsrictDTDって。正しくはstrictDTD。
283 名前：274 ：03/02/17 12:59 ID:???: >275-276
ども。読みにいってきます！
284 名前：Name_Not_Found ：03/02/17 13:00 ID:???: 同一時間帯におっちょこちょいが二人いる奇跡。
285 名前：278 ：03/02/17 13:01 ID:???: マジごめん
286 名前：Name_Not_Found ：03/02/17 13:10 ID:???: ｹｺｰﾝしる
微笑ましい夫婦になれそうだ
287 名前：274 ：03/02/17 15:31 ID:???: >275-276
こことか　http://www.w3.org/TR/REC-CSS1#list-style
こことか　http://members.tripod.co.jp/yamashita_t/REC-CSS1J.htm#list-item-elements
読んでみたのですけど、liに画像・画像2・画像3などと
画像を続けて表示とかが書いてませんでした。

ご存じの方いたら教え頂けませんでしょうか？
288 名前：Name_Not_Found ：03/02/17 15:35 ID:???: >>287
仕様書にはできることしか書かれてないの。
書いてないことは「できないこと」なの。
「仕様」の意味わかってる？(´Д｀；)

仕様に書かれてないことをしようと思ったら、仕様に書かれてることや他の技術を組み合わせてやるしかないでしょう。
画像を連結しておくとかbackground-imageを使うとかいくらでも手はある。
url(img.cgi)とか指定して画像を動的に生成する手もある。
289 名前：Name_Not_Found ：03/02/17 15:50 ID:???: contentで代用すれば？
290 名前：Name_Not_Found ：03/02/17 23:20 ID:TM8mkwNQ: ポジションで段組を行なっているのですが、
深い階層にあるリンクにbackground-colorが適用されません。
hoverとactiveに設定しているのですが…。

浅い階層にあるリンクには適用されます。
なにか解決策はありませんでしょうか？
291 名前：Name_Not_Found ：03/02/17 23:24 ID:???: >>290
実際にどういう構造でどういうスタイルシートを用いているのか提示してください。
292 名前：Name_Not_Found ：03/02/17 23:25 ID:???: WinXP+IE6に激しく依存した話で申し訳ないんだけど、

IEの独自拡張のスクロールバーの色を変更されると
（たとえ一部分でも）XPのスクロールバーが
それ以前のスクロールバー風 < A > になってしまうのが気に食わないので
ユーザースタイルシートに!important指定をしてみましたが、
前述のように、どれかひとつでも変更されると
< A > になってしまうので、うまくいかないようです。

何とか、スクロールバーを弄られないようにする方法は無いのですか？
レジストリ弄るとか、リソースハッカーとかそういうワザしか使えないのかな。

#長くなってｽﾏｿ
293 名前：Name_Not_Found ：03/02/17 23:28 ID:TM8mkwNQ: >>291
<div class="outline">
<div class="inline">

<h2 id="top">■ ほにゃらら</h2>
<p>ほにゃらら</p>
<hr />
<h2 class="sec1">■ ほにゃらら</h2>
<ul>
<li><a href="ほにゃらら">ほにゃらら</a></li>←これが適用されないリンク
<li>ほにゃらら</li>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
</ul>
<hr />
<h2 class="sec1">■ ほにゃらら</h2>
<p>ほにゃらら</p>
<div class="lefts">
<noedit><script language="JavaScript" src="http://www.ほにゃらら"></script></noedit>
</div>
</div>
</div>

こんな感じです。
294 名前：Name_Not_Found ：03/02/17 23:29 ID:vK+36gKq: >>293
cssも書けよ
295 名前：Name_Not_Found ：03/02/17 23:35 ID:TM8mkwNQ: .outline { position:relative; width:99%; background-color: #F0FFF0; border-color:
#669966; border-width: 2px; border-style: solid; margin-top:3em; }
.inline { position:relative; width:99%; background-color: #99cc99; border-color: #669966;
border-width: 2px; border-style: solid; margin:1em 0.5em 1em 1em; }
h2 { margin: 0;border: solid; border-color: #669966; width: 50%;
padding: 0.2em 0em 0.1em 0em; font-size: 100%; background-color: #F0FFF0; }
#top { position:relative; top:-0.15em; left:-0.15em; border-width: 0px 2px 2px 0px;}
.sec1 { position:relative; left:-0.15em; border-width: 2px 2px 2px 0px; }
p { text-indent: 1em; padding: 0em 2em 0em 2em; }
.lefts { position:relative; top:-0.5em; left:0.5em; }
a:link { color:#00509f; }
a:visited{ color:#dfd; }
a:hover { background-color:#696;color:#dfd; }
a:active { color: #FF8000; text-decoration: underline;
background-color: #FFFFF0; }

こんな感じです。
296 名前：Name_Not_Found ：03/02/17 23:39 ID:???: アプロダ使えや
297 名前：Name_Not_Found ：03/02/17 23:39 ID:???: >>290 >>293 >>295
ちゃんと適用されてるように思えますが？
WinXP IE6 Netscape7
298 名前：Name_Not_Found ：03/02/17 23:47 ID:TM8mkwNQ: IE5.01で動作確認しているのですが、UAの方の問題でしょうか…。
299 名前：Name_Not_Found ：03/02/17 23:56 ID:???: 128 名前：Name_Not_Found 投稿日：03/02/02 17:27 ???
おまいら参考にしる
http://www.annie.ne.jp/~sheepers/komain.html
http://3110.sunnyday.jp/
http://cheser25.hp.infoseek.co.jp/
http://phoenity.com/
http://www.users.yun.co.jp/~souichi/
http://d-o-b.ciao.jp/^o^/
http://www.windfarm.co.jp/
http://www.deadbydesign.com/
http://www006.upp.so-net.ne.jp/Initialz/index.html
http://raku-gaki.com/
http://akiko.kuhndesign.com/
http://apc.dip.jp/takaya/index.htm
http://www1.odn.ne.jp/~cce60200/
http://www2.ocn.ne.jp/~u.kenji/
300 名前：Name_Not_Found ：03/02/18 00:10 ID:???: >>298
そう。俺も同じことあった。
301 名前：Name_Not_Found ：03/02/18 00:38 ID:???: >>295
原因はよく分からないけど、
li a:hover { background-color:#696;color:#dfd; }
li a:active { color: #FF8000; text-decoration: underline; background-color: #FFFFF0; }
って付け加えておくとか。
302 名前：Name_Not_Found ：03/02/18 05:02 ID:69LTcOYo: CSS level2の仕様書訳の子孫セレクタと子供セレクタの違いについて教えてください。

子供セレクタのとこの説明で
DIV OL>LI Pは　DIV OL LI P
と違うのですか？

DIV OL>LI Pは
このセレクタはLIの子孫であるP要素にマッチするが、そのLI要素はOL要素の子供でなければならず、
更にそのOL要素はDIVの子孫でなければならない。閉じ不等号結合子の両側にある空白類文字は
無視されるということに注意する。

DIV OL LI Pも同じような気がするんですけど・・・。よろしく、お願いします。
303 名前：Name_Not_Found ：03/02/18 05:05 ID:???: >>302
こっちの探す手間が省けるからそのURIも示しましょう。
304 名前：Name_Not_Found ：03/02/18 05:08 ID:???: >>302

DIV OL LI P だと

<div>
　<ol>
　　<li><p>ここにマッチ</p>
　　　<ol>
　　　　<li><p>ここにもマッチ</p>
　　　</ol>
　　</li>
　</ol>
</div>

DIV OL>LI P だと

<div>
　<ol>
　　<li><p>ここにマッチ</p>
　　　<ol>
　　　　<li><p>ここにはマッチしない</p>
　　　</ol>
　　</li>
　</ol>
</div>
305 名前：Name_Not_Found ：03/02/18 05:09 ID:???: ごめん早とちりした。
この例だとどっちでもマッチするね。
仕様書のしょうもないミスのひとつということでしょう。
306 名前：Name_Not_Found ：03/02/18 05:19 ID:UhPa2ECI: >>303
すいません、PCが固まっちゃって、再起動してました。
ここです。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/selector.html#child-selectors
307 名前：Name_Not_Found ：03/02/18 05:22 ID:???: 段組するのに、フロート以外でやるとしたら何を使いますか？
308 名前：Name_Not_Found ：03/02/18 05:23 ID:???: HTMLの場合、olとulの子供はliしかあり得ないので、
ol>liとol liは等しいです。
子セレクタの例としては不適当。
309 名前：Name_Not_Found ：03/02/18 05:26 ID:???: まあ，ol直下はliしかダメだしね
310 名前：Name_Not_Found ：03/02/18 05:27 ID:???: 同じ所の原典。typoも多いぞ（ｗ
http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors
311 名前：302 ：03/02/18 05:28 ID:???: 例では、
BODY>Pはbody要素内のp要素にスタイル適用
でも、
BODY Pでもbody要素内のp要素にスタイル適用されますよね？

じゃあ、
BODY>P STRONG　だと、bodyの子供セレクタのp要素内のstrongにスタイル適用される。
でも、
BODY P STRONG　でも、bodyの子孫セレクタのp要素内のstrongに適用される。

結果的に同じじゃないですか？子供セレクタの使用方法がいまいち理解できません。
初め、子孫セレクタと併用して条件分岐的な使用方法かと思いましたが、
結果的に子孫セレクタのみでできる方法しか思いつきません。

分かる方、よろしくお願いします。
312 名前：Name_Not_Found ：03/02/18 05:30 ID:???: >>311
body>pは
<body>
　<div>
　　<p>text</p>
　</div>
</body>
のpにはマッチしない．
313 名前：302 ：03/02/18 05:36 ID:???: >>312
あっ・・・！？　なるほど！！

と思って、確認しましたが現状で対応しているブラウザってないんですね・・・。
Netscape7.01とOpera7.02でも動作してません。。。

ってことは、例題が悪いということか。あきらめます。

返答くださった方、ありがとうございました。
314 名前：Name_Not_Found ：03/02/18 05:41 ID:???: >>307さんの質問が流れてしまったので、誰か答えてやってください。スンマソン
315 名前：302 ：03/02/18 05:52 ID:???: >>312
嘘書いちゃいました。Netscape7.01、Opera6.05、Opera7.02では動作するようです。
使い方は、いまいちわかりませんが。。。

スレ汚し、ｽﾏｿ
316 名前：Name_Not_Found ：03/02/18 06:34 ID:???: >>307
position
317 名前：Name_Not_Found ：03/02/18 06:37 ID:???: >>311

じゃあ、
>BODY>P STRONG　だと、bodyの子供セレクタのp要素内のstrongにスタイル適用される。
>でも、
>BODY P STRONG　でも、bodyの子孫セレクタのp要素内のstrongに適用される。

この例ならすぐに差が分かるな。

<body>
　<p><strong>～</strong></p>
　<div class="menu">
　　<p><strong>～</strong></p>
　</div>
</body>

BODY>P STRONGだと、最初の方の<strong></strong>にだけ適用される。
318 名前：307 ：03/02/18 07:52 ID:???: >>314
親切な方ですね。

>>316
ありがとうございあｍした。
319 名前：Name_Not_Found ：03/02/18 07:53 ID:???: >>308
>ol>liとol liは等しいです。
>子セレクタの例としては不適当。

嘘をつくな馬鹿が。

ul li { list-style-image: url(foo.png) } なんて指定してみろ、
ulの子孫の序列リストまでマーカー画像が適用されるだろうが。

ul li ol li { list-style-type: decimal } と指定してみろ、
今度は ul li ol li ul li に番号が振られてしまうだろうが。

従って、
ul > li { list-style-type: url(foo.png) }
ol > li { list-style-type: decimal }
と指定する必要性が出て来るだろうが。
320 名前：319 ：03/02/18 07:56 ID:???: ul > li { list-style-type: url(foo.png) } は、
ul > li { list-style-image: url(foo.png) } に訂正。
321 名前：Name_Not_Found ：03/02/18 12:13 ID:???: 正しいことを教えてくださるのはとても嬉しいのですが
馬鹿呼ばわりは（たとえ真に馬鹿だとしても）やめていただきたく存じます
>1にも「ﾏﾀｰﾘ進行推奨」とあることですし
322 名前：Name_Not_Found ：03/02/18 12:20 ID:???: >>321
無理に答えなければ解決。
323 名前：Name_Not_Found ：03/02/18 12:46 ID:???: >>321
たしかに、ちょっと勘違いしただけで人を馬鹿呼ばわりする方も悪いと
思うけど、それでいちいち反論してるとスレの無駄遣いになるので、
心の中で小学生チックに、
「ばかっていったら、じぶんがばーか！」
と罵ることをおすすめします。
324 名前：Name_Not_Found ：03/02/18 12:58 ID:???: （´-`）.｡oO（馬鹿と言われる方が「馬鹿と言われる要素がある」ので馬鹿
325 名前：Name_Not_Found ：03/02/18 13:38 ID:???: つまり馬鹿は馬鹿
326 名前：Name_Not_Found ：03/02/18 14:52 ID:???: （・３・）　エェー　この板の住人はみんなＢＡＫＡなんだＹＯ！
327 名前：Name_Not_Found ：03/02/18 15:39 ID:???: 今のところ、自分のサイトでは、デザインが共通のページの場合は外部CSSに、
共通部分が少ない場合はページ内のhead部にいれてるんですが、
後者のような場合、外部CSSにした方がいいとかいくないとかどっちでもいいとかってありますか?
328 名前：Name_Not_Found ：03/02/18 15:43 ID:???: >>327
それでいいと思う。
329 名前：327 ：03/02/18 15:49 ID:???: >>328
そのまんまでいいってことですね。ありがとう。
330 名前：Name_Not_Found ：03/02/18 16:03 ID:???: >>327
W3Cは内部スタイルシートはｲｸﾅｲとしてるぽ。
XHTMLからは内を完全無視することが許されるようになるから、
内部スタイルシートが無視されるか、無視されない代わりに非対応のUAで丸見えになるかを選択する事になる。
将来の話だけどね。参考までに。
331 名前：Name_Not_Found ：03/02/18 16:05 ID:???: >>330
> W3Cは内部スタイルシートはｲｸﾅｲとしてるぽ。
　マジですか。それを示してるところを教えてくれない？
332 名前：Name_Not_Found ：03/02/18 16:06 ID:???: >>331
あと10分ぐらい探してから聞こう
333 名前：Name_Not_Found ：03/02/18 16:13 ID:???: >>332
じゃあいいや。英語読めないし。
334 名前：Name_Not_Found ：03/02/18 16:14 ID:???: ｵｹｰ次↓
335 名前：Name_Not_Found ：03/02/18 16:33 ID:???: ここは爽やかなインターネットですね。
336 名前：Name_Not_Found ：03/02/18 16:50 ID:???: 邦訳読めよ馬鹿と突っ込む気にもならん馬鹿だ
337 名前：Name_Not_Found ：03/02/18 16:57 ID:???: >>327
共通部のスタイルを変更する場合、それに合わせて非共通部分のスタイルを
変更するのに手間がかかる、というのもあるけど、要は本人の問題だから、
自分が納得してるなら構わないと思う。

あとは、なんらかの不具合で外部CSSを読み損なった場合、内部CSSだけ解釈
されると読みづらくなる可能性がある、ぐらいかな。
338 名前：Name_Not_Found ：03/02/18 17:16 ID:???: >>336
どれか示すのがそんなに苦痛なの？
それくらいの手間惜しまないでよね。減るもんじゃないし。
339 名前：Name_Not_Found ：03/02/18 17:20 ID:???: >>338
ちょっと検索するのがそんなに苦痛なの？
それくらいの手間惜しまないでよね。減るもんじゃないし。
340 名前：Name_Not_Found ：03/02/18 17:25 ID:???: いいからバカと罵られたくなかったらこんなとこで質問しなければいいし、
バカと罵る奴もえらそうに質問者見下したりすんなよってことでどうですか？
ここは２ちゃんですよ？

・・・でここなんのスレだったっけ？
341 名前：Name_Not_Found ：03/02/18 17:31 ID:???: >>339
苦痛、そして面倒。さらに睡眠時間が減る。
342 名前：Name_Not_Modified ：03/02/18 18:04 ID:Zc7tySBB: ここは、

/* CSS・スタイルシート質問スレッド【15】 */
http://pc2.2ch.net/test/read.cgi/hp/1045124732/

でぇす(^-^)
343 名前：Name_Not_Found ：03/02/18 19:12 ID:xx78DGE5: リストを入れ子にした状態で
リスト1の先頭には画像1を、リスト2の先頭には画像２を表示させるには

<body class="list">
<dl>
<dt>リスト１</dt>
<dd>
　<dl>
　<dt>リスト２</dt>
　<dd>ここが孫？子？</dd>
　</dl>
</dd>
</dl>
</body>

スタイルシートで
.list dt {display:list-item; list-style-image:url('./gazou1.gif');}
.list dd dt {display:list-item; list-style-image:url('./gazou2.gif');}
じゃだめでした。なんかいい手ないでしょうか？
344 名前：Name_Not_Found ：03/02/18 19:17 ID:/j06/Kl/: テーブルで、上と左の線だけ表示させたいのですが・・・

Γ　　←こんな感じで

border-width を使っても、線の太さしか変わらず、
どうしても四辺とも表示されてしまいます。
教えてください。
345 名前：Name_Not_Found ：03/02/18 19:19 ID:???: border-width: 1px 0px 0px 1px;
346 名前：Name_Not_Found ：03/02/18 19:26 ID:???: >>345
0は単位省略可
347 名前：344 ：03/02/18 19:28 ID:/j06/Kl/: さっそくの返答ありがとうございます。
ですが、どうしても四辺に線が出てしまいます。
上と右だけが太い状態です。
う～ん・・・
348 名前：Name_Not_Found ：03/02/18 19:29 ID:???: >>347
おまいの書いたソースを晒さないとダメだよ
349 名前：Name_Not_Found ：03/02/18 19:31 ID:???: >>343
適用されたけど？（Win2000＋IE6、Opera7で確認）
350 名前：344 ：03/02/18 19:34 ID:/j06/Kl/: <STYLE type="text/css">
TD {border-width:1px 0 0 1px;}
</STYLE>

<TABLE border="1" cellspacing="0">
<TR><TD>

以下略
351 名前：Name_Not_Found ：03/02/18 19:36 ID:???: >>350
border-colorとborder-styleもしていしる
352 名前：Name_Not_Found ：03/02/18 19:37 ID:???: >349
まじすか！

だめです。やってみても
リスト２に画像は表示されますが、リスト１に画像がでないのです（TT
353 名前：Name_Not_Found ：03/02/18 19:40 ID:???: >>352
つーかなんで素直に ul li 使わないの？
354 名前：344 ：03/02/18 19:44 ID:???: できました^^
>>352　どうもでした。
355 名前：343 ：03/02/18 19:46 ID:???: >352=>343です。すいません

>353
実際は、名前とその説明なので、dlが適当かと思いまして。
たまたま、その中の入れ子も名前、説明なのでulよりdlかなと。

>354
いえ、私は何もやってません＾＾
356 名前：Name_Not_Found ：03/02/18 20:03 ID:???: >>355
単にリストマーカーが表示される領域が隠れてる(って表現でいいのかな？)だけ
じゃないの？.list に padding-left とかなんか適当なもの指定してみては
.list { padding-left:30px; }
357 名前：343 ：03/02/18 20:37 ID:???: >356
おぉぉ！！！
出てきました。そんなことあるんですね。
ひとつ賢くなりました。ありがとうございます！！

すいません、ついでにもう一ついいでしょうか？

テーブルの行と行の間の隙間を設定するやり方ってありますか？
paddingだと、中の文字と枠の間が広がるだけなので、
margin使って tr {margin-top:1em;}とかってやってみてもうまく
広がってくれなくて（TT
358 名前：319 ：03/02/18 21:05 ID:???: >>357
>margin使って tr {margin-top:1em;}とかってやってみても

表内部要素には、マージン領域はありません。

>テーブルの行と行の間の隙間を設定するやり方ってありますか？

border-spacing を利用すればできそう。
Internet Explorer では不可。
Netscape 6以降, Opera 6以降では可。

table {
border-collapse: separate;
border-spacing: 0 1em;
}
359 名前：Name_Not_Found ：03/02/18 21:24 ID:???: >>358
>'margin'
>Applies to: all elements
360 名前：343 ：03/02/18 21:27 ID:???: >358
＞表内部要素には、マージン領域はありません
ごめんなさい。勉強不足でした。

＞border-spacing を利用すればできそう
できました！
ついでに↓にも書いてありました。検索不足でした。
http://www.htmq.com/style/border-spacing.shtml
361 名前：319 ：03/02/18 21:43 ID:???: >>359
>17.5 Visual layout of table contents
>Like other elements of the document language, internal table elements generate rectangular boxes with content, padding, and borders. They do not have margins, however.
362 名前：Name_Not_Found ：03/02/18 21:50 ID:???: 質問するものもばかならば答える方もばかばっかりだなおい
363 名前：Name_Not_Found ：03/02/18 21:52 ID:???: あのー釣りですか？
364 名前：Name_Not_Found ：03/02/18 21:53 ID:???: >>362
うん、馬鹿だよ。なんか文句ある？
365 名前：Name_Not_Found ：03/02/18 21:57 ID:???: >>362
ばかだと思うならてめーが回答しろよ
366 名前：Name_Not_Found ：03/02/18 22:08 ID:???: >http://www.htmq.com/style/border-spacing.shtml

おお、こういう独自仕様まで、まとめて一覧できる資料が欲しかったんだ。
英語ならあるけど読めねーんだよな。
367 名前：319 ：03/02/18 22:15 ID:???: >>366
そういう資料なら、こっちの方が良い。
ttp://is.vis.ne.jp/notes/index.xhtml
368 名前：Name_Not_Found ：03/02/18 22:20 ID:???: http://www.htmq.com/style/border-spacing.shtml
>値を2つ指定した場合：記述した順に[上下][左右]の間隔が指定された値になります。
どうでもいいけど間違ってるな。
369 名前：Name_Not_Found ：03/02/18 23:26 ID:HiFXbF7L: 質問です。
IEでユーザーCSSを使ってmarqueeを無効にしようと考え、
色々調べてMozilla系では-moz-binding: noneで無効にできるとこまではわかったのですが
IEでの方法はわからずじまいでした。
誰かご存知の方がいらっしゃったら教えてください。
370 名前：Name_Not_Found ：03/02/18 23:34 ID:???: .textBorder{
border-style: dashed;
border-width: 2px;
border-color: #996666;
letter-spacing: 0.1em;
padding: 10px;
margin: 5% 15% 5% 15%;
}

と、設定しています。
MacIE5.1.6で表示すると、ところどころ枠から文字がはみ出てしまいます。
この状態を直すのには、どのようにしたら良いのでしょうか。
どなたかご回答お願いいたします。
371 名前：Name_Not_Found ：03/02/18 23:56 ID:???: >>370
どうでもいいがpaddingには個人的に～emを推奨
372 名前：Name_Not_Found ：03/02/19 00:02 ID:???: >>368
えっ？2つ指定した場合は、上下・左右の値を指定することになるんじゃないの？
373 名前：Name_Not_Found ：03/02/19 00:29 ID:???: >>372
[上下][左右]じゃなくて[左右][上下]
374 名前：Name_Not_Found ：03/02/19 00:37 ID:???: [上下][左右]であってるよ。
これだからIDでないとこはいやだ。
375 名前：Name_Not_Found ：03/02/19 00:38 ID:???: びっくりした
376 名前：Name_Not_Found ：03/02/19 00:42 ID:???: >>373
値を1つだけ指定した場合、その値は上下左右の全ボーダーに適用される。
2つの値を指定した場合、1つ目の値が上下のボーダー、2つ目の値が左右のボーダーに適用される。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
3つの値を指定した場合、1つ目の値が上のボーダー、2つ目の値が左右のボーダー、3つ目の値が
下のボーダーに適用される。 4つの値を指定した場合、1つ目の値から順に上、右、下、左のボーダーに適用される。
377 名前：Name_Not_Found ：03/02/19 00:49 ID:???: こと border-spacing に関しては［左右][上下]であってます
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/tables.html#propdef-border-spacing

td {border: solid 1px #00f;}
.spacing {border-spacing: 1em 5em;}

<table>
<tbody>
<tr>
<td>cell</td><td>cell</td>
</tr>
<tr>
<td>cell</td><td>cell</td>
</tr>
</tbody>
</table>

<table class="spacing">
<tbody>
<tr>
<td>cell</td><td>cell</td>
</tr>
<tr>
<td>cell</td><td>cell</td>
</tr>
</tbody>
</table>
378 名前：Name_Not_Found ：03/02/19 00:53 ID:???: （続き）
NN7.01，Moz1.2.1（ともにWin)で見た場合，
2つ目のtableのセルは明らかに上下のほう
（border-spacingで後に指定したほう）が間隔が開いています．

どこかで仕様が変更になっていたり，その仕様変更にブラウザが
対応してないなら，その旨教えてください．よろしくお願いします．
379 名前：369 ：03/02/19 01:56 ID:???: やはりユーザーCSSでマーキー無効にするのは無理なんでしょうか？
マーキー使ってるようなサイト見る私が悪いのでしょうか？
380 名前：368 ：03/02/19 02:10 ID:???: >>374-376

本当に無知な香具師ばかりだな。
お前等、本当に仕様書読んだのか。

>'border-spacing'
>the first gives the horizontal spacing and the second the vertical spacing.
381 名前：375 ：03/02/19 02:18 ID:???: border-spacing
すら知りませんでした。
382 名前：Name_Not_Found ：03/02/19 02:32 ID:???: >379
display: none; でも visibility: hidden; でも消えるけど，
多分中のテキストは見たいとかそういう要求だよね？
Proxomitron使ってmarqueeをpに置き換えるとかくらいしかないんじゃないかなあ
383 名前：369 ：03/02/19 02:47 ID:???: >>382
レスありがとうございます。
どうにも文字が動いたりすると目がチカチカしてしまうもので。
消してしまえば楽なのでしょうがmarqueeで更新情報マークアップしてる
サイトもあるのでそうもいかなくて。
ユーザーCSSではない方法を探ります。ありがとうございました。
384 名前：Name_Not_Found ：03/02/19 02:56 ID:???: 質問です。
外部（別サーバ）に置いているcssファイルを読み込んでいるのですが、
その場合 background-image の背景画像(image.gif)も
cssファイルと同じ別サーバに置いていますが、
background-image:url(image.gif)と記述しても表示されません。
cssファイルからの相対パスで指定しているのでokかと思ったのですが…

背景画像を表示させるには、やはりhtmlと同じサーバに
cssファイル+背景画像ファイルを置く以外に手立てはないのでしょうか？
385 名前：Name_Not_Found ：03/02/19 03:08 ID:???: >>384
とりあえず使ってるブラウザの情報を。
ネスケ４だと背景画像の基準がCSSファイルでなくてHTMLファイルだったりする。

でも予想されるのはCSSファイルで外部サーバじゃないほうの相対パスで
画像呼び出してるからでないかな？
hoge.pngと相対パスで記述してるAサーバのCSSファイルをBサーバで呼び出すと
Bサーバのhoge.pngを呼び出すとか。
386 名前：Name_Not_Found ：03/02/19 03:11 ID:???: >>370
letter-spacingをやめる。
387 名前：Name_Not_Found ：03/02/19 03:12 ID:???: >>855
自己解決しました。
どうもキャッシュで古いcssファイルを読み込んでいたようで、うまくいきました。
388 名前：387 ：03/02/19 03:13 ID:???: ○385
×855
389 名前：Name_Not_Found ：03/02/19 04:33 ID:???: %
で指定しても支障はない。ＥＭなんかくそくらえだ。
390 名前：Name_Not_Found ：03/02/19 05:43 ID:???: 文字の左右に、ページ幅に合わせて伸縮するボーダーを入れたいのですが、どうすれば良いでしょうか。

―――――タイトル―――――　←こんな感じ

現在はテーブルで区切って

┌――┬――――┬――┐
│　hr │　タイトル │　hr │
└――┴――――┴――┘

こんな風にして対応しています。
391 名前：Name_Not_Found ：03/02/19 06:43 ID:???: >>390
CSSでできないこともないけどあんまりお勧めはしない．まあ，tableよりはましかな．

<h1><span class="text">タイトル</span></h1>

h1{
background-image:url("..."); /* 幅数十pxのボー