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

/* CSS、スタイルシート質問スレッド【13】 */ (２ちゃんねる)

FTP、CGI、SSI、telnetが自由に使える超高速レンタルサーバ。

工夫しだいで、楽しさ１００倍。　www.binboserver.com

◆ 月額千円サーバ | ◆ サブドメインコース | ◆ BIGなサーバ

◆ サブドメインコース：CGIやFTPが使いたい・お金を掛けたくない人のために。
*****.syo-ten.com *****.gasuki.com *****.zansu.com
お好きな名前を無料で使えます。早い者勝ち。

◆ 月額千円サーバ：.com .net .org で取得できます。.JPドメイン大歓迎！
超高速・高機能サーバを1000円で！使ってみれば、分かります。

◆ BIGなサーバ：Big なBig なサーバー。充実したサポートをお求めの方へ。
インターネットでご活躍の皆様へ、そしてご活躍予定の皆様へ。
２ちゃんねるは、このサーバを使っているです。

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

1 名前： Name_Not_Found 投稿日： 02/11/28 07:55 ID:???: Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

■■■■■　注意　■■■■■
質問者　（特に「初心者」）　は、
必ず>>4にある解説サイト（かなりわかりやすい）で
　勉　強　してください。

質問の前に、まず >>5 の【FAQ】を参照してください。
【FAQ】でわからなかった場合は、過去ログを検索しましょう。
WinIEの場合は、[Ctrl+F]で検索できます。

また、IE などではまだ対応できていない要素などやバグが多数存在します。
ですので、>>2（関連スレ）の「バグ辞典」に目を通しておきましょう。

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

※　ﾏﾀｰﾘ進行推奨　※

>>2 【前スレ】【過去ログ】【関連スレ】
>>3 【仕様書】【CSS検証】
>>4 【解説など】
>>5 【FAQ】
2 名前： Name_Not_Found 投稿日： 02/11/28 07:56 ID:???: 【前スレ】
　http://pc3.2ch.net/test/read.cgi/hp/1034922586/

【過去ログ】
　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/

【関連スレ】
・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 投稿日： 02/11/28 07:56 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 投稿日： 02/11/28 07:57 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://www32.tok2.com/home/css/clip/joyful.cgi
・ブラウザによる振り分け
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
5 名前： Name_Not_Found 投稿日： 02/11/28 07:58 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 投稿日： 02/11/28 07:59 ID:???: Q: なんかMacIEやOperaでフロートの表示が崩れるみたいなんですけど？
A: floatさせる要素にはwidth指定が必須（img要素以外）。
　　これ、ＣＳＳの仕様書の決まりなんです。WinIEが勝手に補ってるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
7 名前： Name_Not_Found 投稿日： 02/11/28 12:06 ID:???: >>4
>・* CSS { イケてるスタイルを："作れ";} 発表所
>　http://www32.tok2.com/home/css/clip/joyful.cgi

ここはアカウントが削除されました。下記へ移動する模様。

CSS発表所（仮設置）
http://www.deep-black.org/cgi/styx/styx.cgi
8 名前： Name_Not_Found 投稿日： 02/11/28 21:09 ID:???: FAQの漏れもなさそうなので。

　>>1　乙　！
9 名前： Name_Not_Found 投稿日： 02/11/28 21:20 ID:???: なんかIEがまちがってるとか勝手に補ってるとかおおいけど、
IEが一番多くつかわれてるんじゃんあないの？？
よくわかんね。
10 名前： Name_Not_Found 投稿日： 02/11/28 21:39 ID:???: >>9
IEは「多」であるが「全」ではないということ。
11 名前： Name_Not_Found 投稿日： 02/11/28 21:56 ID:???: >>9
一番多く使われてる＝間違ってない
なの？
よくわかんね。
12 名前： Name_Not_Found 投稿日： 02/11/29 08:19 ID:zO780MwT: >>11
間違っていても、使用されてるなら無視するわけにもいかないでしょ、って意味じゃないの？
13 名前： Name_Not_Found 投稿日： 02/11/29 08:42 ID:???: 誰もIEを無視するなんて言ってないヨ。しようたってできない。
しかしNN7やOperaを無視してWinIEが全てだと思ってる人なら沢山存在しますネ。
14 名前： Name_Not_Found 投稿日： 02/11/29 08:45 ID:???: >>13
CSS講義の本質から離れつつあるようにみえるけど、
「どのブラウザでも一応見れるものにする」ってのはCSSに肝心な要素とも思えるよな。
15 名前： Name_Not_Found 投稿日： 02/11/29 09:42 ID:???: マイノリティは切り捨て！
16 名前： Name_Not_Found 投稿日： 02/11/29 10:06 ID:LjNoxUDA: 質問します。

<p id="test01">…</p>
<p id="test02">…</p>
（中略）
<p id="test10">…</p>

のようにしたとして、test01からtest10まで同じスタイルを適用させたい場合は、
p#test01,p#test02,（中略）,p#test10 {color:#000000} とせずに、
簡略化して指定する方法はありますでしょうか？

p {color:#000000} は他のpにも適用されてしまうので、
この他の方法をお教えください。よろしくお願いします。
17 名前： Name_Not_Found 投稿日： 02/11/29 11:56 ID:???: >16
idとclassを併用する．
共通するってことは何らかのclass付けができるってことでしょ？
18 名前： 16 投稿日： 02/11/29 12:16 ID:???: >>17
レスありがとうございました。
ご教示の件を試したところ、うまく実現できました。
19 名前： 16 投稿日： 02/11/29 12:23 ID:???: >>17
喜びのあまり書きそびれてしまいました。

< 共通するってことは何らかのclass付けができるってことでしょ？
おっしゃる通りで、適当なclass名が指定できました。

大変失礼しました。
20 名前： hp 投稿日： 02/11/29 14:27 ID:E1wkz9oR: 先ほど忠告を受けたのでこちらで質問です。
たとえば
<DIV style="margin-left:50px; margin-top:5px">
で、この中にtableを入れてtableの中にテキストを流し込むと
ブラウザで、テキストが切れてしまうんですが
これを防ぐ方法はないのでしょうか？
それともこのやり方は間違ってるんでしょうか？
21 名前： Name_Not_Found 投稿日： 02/11/29 17:52 ID:???: >>20
ごめん、その説明では、
・どのようなソースなのか
　（tableの中にテキストを流し込む、というのがよくわからない）
・問題になっている症状
　（テキストが切れてしまう、ではどんな状態かよくわからない）
・どのブラウザのどのヴァージョンで見た時に、その症状が発生するのか
・結局、どのような見栄えを実現させたいのか
がわからないので、助言しづらい。
文章全体の左に50px、上に5px分の余白をもうけたいだけなら、divやtableは
不要で、bodyにmarginを設定してやればよいと思う。
22 名前： どうか教えてください。 投稿日： 02/11/30 18:57 ID:???: ロボット検索を回避するためＢＢＳの各ページに
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
を入れてるのですが、ページが生成される度に入れるのは大変なのでスタイルシートに
入れたいのですが、どういうタグを入れたら良いのでしょうか。
また、これはＣＧＩファイルに入れるものなのでしょうか？

どうぞよろしくお願い申し上げます。スレ汚しすいません。
23 名前： Name_Not_Found 投稿日： 02/11/30 19:15 ID:???: >>22
cgiのほうに入れてください。
スタイルシートではどうしようもありません。
24 名前： どうか教えてください。 投稿日： 02/11/30 19:29 ID:???: >>23
どうもありがとうございます。ありがたいです。
ずうずうしいのですが、ここのどこに入れれば良いのか教えていただけないでしょうか。
本当にどうもすいません。

<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="diary.css" type="text/css">
<title>琵琶湖の写真</title>
</head>
　
25 名前： Name_Not_Found 投稿日： 02/11/30 19:31 ID:???: なんでCSSスレで聞いてるんだろう・・・？
head内だったら別にどこでもいいよ
26 名前： Name_Not_Found 投稿日： 02/11/30 19:31 ID:???: >>24
<head>～</head>間ならどこでもどうぞ。
27 名前： どうか教えてください。 投稿日： 02/11/30 19:36 ID:???: >>26
これでいいわけですね。本当にどうもありがとうございました。

<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="diary.css" type="text/css">
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
<title>琵琶湖の写真</title>
</head>

>>25
どうもすいません。どこで質問すればいいのかわからなかったものですから。
どうもありがとうございました。
28 名前： Name_Not_Found 投稿日： 02/11/30 20:28 ID:???: >>17
質問者とは別人です。
idとclassを併用するの意味がわかりません。
どう記述すればいいのでしょうか
教えてください！
29 名前： 22どうか教えてください。 投稿日： 02/11/30 20:42 ID:???: 教えていただいたのですが、いまＣＧＩファイルを見てみたら
前に「print」が付いていて、このように変更したのですが、
まったく表示しなくなってしまいました。何度もすいませんが
これはどういうことなのでしょうか。なんだかすいません。

print "<html><head>\n";
　　　 print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\">\n";
print "<style>\n";
print "\n";
print "</style>\n";
print "<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">\n";
print "<title>琵琶湖の写真</title>\n";
30 名前： Name_Not_Found 投稿日： 02/11/30 20:45 ID:???: >>29
悪いことはいわない、CGI スレに行きなさい。
31 名前： Name_Not_Found 投稿日： 02/11/30 21:02 ID:zajM29TK: >>29
どうでもいいけど、
＞print "<style>\n";
で、ＭＩＭＥタイプの指定をすれ。
32 名前： 28 投稿日： 02/11/30 21:06 ID:???: 早く教えてください
今日完成させないといけないので。
33 名前： Name_Not_Found 投稿日： 02/11/30 21:10 ID:???: >>29
ほかのスレにもベタベタと同じ質問を貼られても困るんでとりあえず回答するが、
この質問はCSSとはまったく関係がないので今後その質問に関することは
Webサイト制作初心者用スレッドか、WebProg板の初心者スレッドに行ってください。

誤り
print "<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">\n";

正解
print "<META NAME=\"ROBOTS\" CONTENT=\"NOINDEX,NOFOLLOW\">\n";

print " ～～～　"; の中に NAME="ROBOTS" のように " を書く場合は、この " が
閉じる意味の " ではないですよという意味で前に \ を書いて \" としないといけない。
34 名前： Name_Not_Found 投稿日： 02/11/30 21:10 ID:???: >>32
右斜め下に一発ガツンとやるといいそうな。
がんばってください。
35 名前： Name_Not_Found 投稿日： 02/11/30 21:14 ID:???: >>28
class っていうのは、Java の予約語です。
オブジェクト指向を極めないと使えないし、
資格制度があるので貴方は id を列挙したほうがよろしいかと思われます。
36 名前： 31 投稿日： 02/11/30 21:17 ID:zajM29TK: htmlとcssしか知らないため、これに限ってレスします。
＞<meta http-equiv="content-style-type" content="text/css">
を
＞print "<style>\n";
＞print "\n";
＞print "</style>\n";
の前に入れてください。

また、
＞print "<style>\n";
は、
print "<style type='text/css'>\n";
と直してください。
cgiについては知りませんが、少なくともhtmlの記述はこのようにしてください
37 名前： Name_Not_Found 投稿日： 02/11/30 21:19 ID:???: >>33
これの間違いじゃないか？

<META name=\"robots\" content=\"noindex,nofollow\">\n";
38 名前： 31 投稿日： 02/11/30 21:24 ID:zajM29TK: 訂正
＞<meta http-equiv="content-style-type" content="text/css">

＞print "<meta http-equiv="content-style-type" content="text/css">\n ";
39 名前： Name_Not_Found 投稿日： 02/11/30 21:29 ID:???: >>36
\が付いてないし、cssが別にあれば必要ないでしょ？
40 名前： Name_Not_Found 投稿日： 02/11/30 21:30 ID:???: print <<End_Of_HTML;
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style>
body,tr,td{font-size:10pt}
</style>
<meta name="robots" content="noindex,nofollow">
<title>琵琶湖の写真</title>
End_Of_HTML

のほうが楽じゃない？
print << 'End_Of_HTML'; #でも良いけど。
41 名前： 31 投稿日： 02/11/30 21:32 ID:zajM29TK: >>39
\を付け忘れた。

あと>>36は>>31に対するレスですので必要です
42 名前： 28 投稿日： 02/11/30 21:35 ID:???: >>35
classはjavaの予約語って本当ですか？
スレ違い質問よりこっちの質問を優先してください。
43 名前： 31 投稿日： 02/11/30 21:35 ID:zajM29TK: 訂正

あと>>36は>>31に対するレスですので必要です

あと>>36は>>29に対するレスですので必要です
44 名前： Name_Not_Found 投稿日： 02/11/30 21:36 ID:???: classってC++でも予約語だよな？
45 名前： 28 投稿日： 02/11/30 21:36 ID:???: >>31さん
いくらなんでもうざすぎです
46 名前： Name_Not_Found 投稿日： 02/11/30 21:46 ID:???: >>43
content="text/cssは不必要
47 名前： Name_Not_Found 投稿日： 02/11/30 21:48 ID:???: >>42
嘘です。C# の予約語です。
よって、IE 以外の UA で class が正常に認識されることを期待するのは犯罪です。
48 名前： 31 投稿日： 02/11/30 21:48 ID:???: content="text/cssは必要
49 名前： Name_Not_Found 投稿日： 02/11/30 21:49 ID:???: >>46
必要です。
50 名前： 28 投稿日： 02/11/30 21:51 ID:???: 皆さんスレ違い質問に優しすぎます
僕に優しくしてください
51 名前： Name_Not_Found 投稿日： 02/11/30 21:54 ID:???: いやです
52 名前： Name_Not_Found 投稿日： 02/11/30 21:55 ID:???: 初心者スレみたいだな
53 名前： 28 投稿日： 02/11/30 21:56 ID:???: 土曜日なので皆さん暇なんですね
僕をからかって暇つぶししてるんでしょう
でも僕は忙しいので
さっさと教えて下さい
54 名前： 28 投稿日： 02/11/30 22:00 ID:???: おいとっとと教えろつってんだろ
このメモ帳手打ちど暇人野郎ども
こっちはDreamweaver MXで作業してて超忙しいんだ！！
さっさとしろさっさとーーーー！！
55 名前： 28 投稿日： 02/11/30 22:00 ID:???: しょうがねえから55でもゲットしとくか
56 名前： Name_Not_Found 投稿日： 02/11/30 22:01 ID:???: 放置決定　
57 名前： Name_Not_Found 投稿日： 02/11/30 22:13 ID:???: ｳｹﾙーーーーーーーｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
58 名前： Name_Not_Found 投稿日： 02/11/30 22:36 ID:???: >>36
print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\">\n";

と指定してるのにわざわざ重複する

print "<meta http-equiv=\"content-style-type\" content=\"text/css\">\n ";

を入れる必要あるのかよ？
59 名前： 28 投稿日： 02/11/30 22:46 ID:???: いつまでスレ違い質問に答えてんだよ
学習能力のない野郎どもだなくそが
こっちはDreamweaverで作業してんのよ
グループ機能使って。
あーーーメモ帳使ってるお前らに言っても無駄か（笑
とにかくグループで一つのサイト作り上げてるわけ
これは日本語だから分かるよな
んで俺がCSS担当なわけよ
だからさっさと教えろつってんだろ
じゃねえと他の奴らに示しがつかねーだろ？
さっさと教えろよな
60 名前： Name_Not_Found 投稿日： 02/11/30 22:46 ID:???: >>58
あるんです。
それが定め（仕様）なのぢゃ。
61 名前： Name_Not_Found 投稿日： 02/11/30 22:49 ID:???: 訊く前にちっとは検索してほしいものだ。
>>4のリンク先は見たのかな？
62 名前： Name_Not_Found 投稿日： 02/11/30 22:48 ID:???: >>28
id っていうのは、xhtml でnameアンカーの代わりになるものです。
ページのアウトラインを極めないと使えないし、
同じidは二度と使えないので貴方は class を列挙したほうがよろしいかと思われます。
63 名前： 28 投稿日： 02/11/30 22:53 ID:???: やっと、

釣れた（ｗ
64 名前： 28 投稿日： 02/11/30 23:10 ID:???: さて、糞して寝るか(w
お前らご苦労さん(ﾌﾟﾌﾟﾌﾟ
65 名前： Name_Not_Found 投稿日： 02/11/30 23:13 ID:yOP/Svlu: 必死だな。
66 名前： Name_Not_Found 投稿日： 02/11/30 23:19 ID:???: うん、必死だね。
67 名前： Name_Not_Found 投稿日： 02/11/30 23:19 ID:???: 何と必死であることよ。
68 名前： Name_Not_Found 投稿日： 02/12/01 00:07 ID:???: 「釣れた」
今まで劣勢だった状況を全て覆すと厨房達に信じられている、伝説の台詞。
69 名前： Name_Not_Found 投稿日： 02/12/01 00:40 ID:8Gpke8Q3: >>58
どうでもいいが、重複しとらんぞ。
70 名前： Merry_Go_Round 投稿日： 02/12/01 00:45 ID:???: どうでもいいです。
71 名前： Merry_Go_Round 投稿日： 02/12/01 01:17 ID:???: そんなことないです。
72 名前： Name_Not_Found 投稿日： 02/12/01 02:15 ID:+zv7jvTK: すいません、リンクの色のセットを2つ作るのにはA.externalを使うというのはわかったのですが、
3つのセットを作るにはどうしたらいいのでしょうか？
おねがいします。
73 名前： Name_Not_Found 投稿日： 02/12/01 02:57 ID:pGWXOPcZ: >>72
１から勉強やりなおせ。
externalはクラス名にすぎません。
74 名前： Name_Not_Found 投稿日： 02/12/01 03:13 ID:???: ＞４のリンク先全部見てみたけど自分が初心者過ぎるためかよくわかりません。
以下のようなレイアウトにするためにはどのようなCSSを使えばよいのでしょうか？

<TABLE>
<TR>
<TD></TD> <TD></TD>
</TR>
</TABLE>

ttp://homepage1.nifty.com/~yoshi-s/home/
ここみたいなレイアウトにしたいのにソース覗いてもわかりません…
どなたかよろしくお願いします
75 名前： Name_Not_Found 投稿日： 02/12/01 03:30 ID:???: >>74
そこは文字列選択するときもちわるいことになるな。

"css 段組" で検索すれば丁寧に解説してるサイトがいっぱい見つかるぞ。
76 名前： 74 投稿日： 02/12/01 03:40 ID:???: >75
テーブルという単語にとらわれていたため
うまく検索でたどり着けないでいたようです。
どうもありがとうありがとう。
77 名前： Name_Not_Found 投稿日： 02/12/01 05:50 ID:MZJEuwVB: ユーザースタイルシートを使って、
リンクは必ず別窓で開くようにさせたいのですが、
どのように記述すればできますか？
78 名前： Name_Not_Found 投稿日： 02/12/01 06:03 ID:???: cssっていつできたん？
79 名前： Name_Not_Found 投稿日： 02/12/01 07:46 ID:???: >>77
ウィンドゥの操作はスタイルと関係ないぞ
>>78
W3Cのサイトに版歴が載ってたとおもう
80 名前： Name_Not_Found 投稿日： 02/12/01 08:55 ID:???: >>77
ただ、別窓はウザがられると知っておいた方がよい。
81 名前： 77 投稿日： 02/12/01 13:09 ID:???: 回答どうもです。

>>79
出来ないのか。
調べても判らない筈だよ。

>>80
いえ、ですからIEのユーザー補助で設定するスタイルの方で、
やりたかったのですが。
やぱりシフトキーを押しながら、廻るしかないのか。

上記利用形態を想定してたので
製作するサイトの方では、別窓は基本的に使いません。
82 名前： Name_Not_Found 投稿日： 02/12/01 13:41 ID:???: >>81
なるほどそういう使い方か。
ブラウザでそういう設定できるやつとかないかな？
洩れはそういうのん見たこと無いのでなんとも言えんがありそうじゃない？
ｽﾚ違いになるからこれ以上は書かないけど。
83 名前： Name_Not_Found 投稿日： 02/12/01 15:26 ID:???: >>82
漏れDonutP使ってるが、ナビゲートロックすると全部新しい窓（つーかタブ）で
開く。
ブラウザを変えてみるのもいいかもよ>>81
84 名前： Name_Not_Found 投稿日： 02/12/01 16:14 ID:???: Donutならマウスのホイールクリックで新規で開くようにするって手もある。
85 名前： Merry_Go_Round 投稿日： 02/12/01 19:50 ID:???: たしかに、タブブラウザになってから別窓もそんなにうざくはなくなったな…
間違って記事中の別サイトのリンククリックしたら
別タブで開いて「気が効いてるじゃん」とか思っちゃったよ。
でもまあ、選択権はユーザサイドに欲しいよね…
86 名前： Name_Not_Found 投稿日： 02/12/01 19:58 ID:???: （参考）http://www5e.biglobe.ne.jp/~ass/help/tips.html
やっぱ問題は、一般的なブラウザに「リンクを同じウィンドウで開く」という機能が無いところだと思う。
とは言っても、訪問者全員が「shift+クリック」という操作法を知っているのか・・・と考えると、考え
とは矛盾しつつもついついtarget="_blank"使ってしまうんだよなあ・・・
87 名前： Merry_Go_Round 投稿日： 02/12/01 20:01 ID:???: 見ながら作業するようなヘルプ系のページは
別窓じゃないと逆に不便だしね。
ってスレ違いだな。これ以上はユーザビリティスレで。
88 名前： Name_Not_Found 投稿日： 02/12/01 20:23 ID:???: そう言えばここはCSS質問スレだった（ｗ
89 名前： Name_Not_Found 投稿日： 02/12/01 20:35 ID:???: 「shift+クリック」という操作法は知らなくても、
「右クリック→新しいウィンドウを開く」なら誰でも知っているだろう。

ユーザビリティスレに行くまでもなく別窓が開くのは糞。
90 名前： Name_Not_Found 投稿日： 02/12/01 20:45 ID:p6q93bjb: IE/Win ウェブページのCSSを無効にする方法
http://members.jcom.home.ne.jp/jintrick/Personal/usr_styleoff.html
91 名前： Name_Not_Found 投稿日： 02/12/01 20:50 ID:???: >>90
誤爆？
92 名前： Name_Not_Found 投稿日： 02/12/01 22:45 ID:???: >>89
右クリック禁止にしている糞サイトもある罠
93 名前： Name_Not_Found 投稿日： 02/12/01 22:56 ID:???: >>92
禁止してても関係ないよ。
左ボタン押しっぱで右クリックすれば。
94 名前： Name_Not_Found 投稿日： 02/12/01 22:57 ID:???: って言うかそんな糞サイトに行くなよ
95 名前： Name_Not_Found 投稿日： 02/12/01 23:58 ID:???: >>93
そんなの通用しないし
そもそも問題は禁止する馬鹿の方
96 名前： Name_Not_Found 投稿日： 02/12/02 00:09 ID:???: >>77
オミトロンで出来るよ。きっと。
97 名前： Name_Not_Found 投稿日： 02/12/02 00:10 ID:???: >>95
＞そんなの通用しないし
…バカか？
98 名前： Name_Not_Found 投稿日： 02/12/02 00:47 ID:???: えー質問ありませんか～質問～
99 名前： Name_Not_Found 投稿日： 02/12/02 00:59 ID:???: は～い、質問質mﾄﾞｶﾞｯﾊﾞｷｯ!!ぅわぁっ!!な、何するんだ!？わっや、やめろっ!やめてくれっ!し、死ぬっっっ!!死ぬ～～～!!!ぎやゃぁぁぁぁっぁぁぁぁぁぁぁぁぁぁ!!!!
100 名前： Name_Not_Found 投稿日： 02/12/02 01:12 ID:???: HTML4.01strictでサイトを作ってます。（まだ鯖上げはしてません
これからCSSでレイアウトを整えていこうと思ってるのですが、
閲覧者側から見て、「こういうCSSの使い方は嫌だ」という
ものがあれば是非ご教示ください。

#ちなみに、僕のサイトはテキスト主体で、画像はほとんどありません。
101 名前： Merry_Go_Round 投稿日： 02/12/02 01:25 ID:h3sV8UiN: 普通のサイトでいやだ!って思う点といっしょかと。
色使いとかね。

とりあえず文字ポイント固定はやめといたほうが無難でしょうね。
ユーザビリティの観点もあるけど、それ以上に叩かれる。

あと、div 使いまくりもちょっとかっこわるいかも。
凝ったことしようとすると使わざるをえないけど
そこまでするなら黒い帽子をかぶりなおして table レイアウトってのも
ありかもなーって思う。
まあ、普通のユーザはソース見ないだろうから
どうでもいいっていえばどうでもいいことだけど。
102 名前： Merry_Go_Round 投稿日： 02/12/02 01:46 ID:???: >>101
（#´ﾟдﾟ`) <人の名前勝手にパクってんじゃねぇぞコラ
103 名前： Name_Not_Found 投稿日： 02/12/02 01:47 ID:???: >>100
十時カーソルだけはやめて欲しい。
行間は広く取って欲しい。
104 名前： Merry_Go_Round 投稿日： 02/12/02 01:53 ID:???: >>102
あなた、だあれ？
105 名前： Merry_Go_Round 投稿日： 02/12/02 01:55 ID:???: ここからこのスレの名無しデフォはMerry_Go_Roundになりました
106 名前： Merry_Go_Round 投稿日： 02/12/02 02:03 ID:???: >>105
どっかいって。コテハンうざいっす。
107 名前： Merry_Go_Round 投稿日： 02/12/02 02:07 ID:???: >>106
ｵﾏｴﾓﾅｰ
108 名前： Name_Not_Found 投稿日： 02/12/02 02:11 ID:???: CSSのみでレイアウトをするサイトってどんな印象を受けますか？
ユーザーの事を考慮していない厨房でしょうか？それともなんとも思わないのか。
正直自分が入れているUAに関しては全て正常に閲覧できるのを確認したのですが、
やはりちょっと、不安ではあるのです。

どうなんでしょうか。
109 名前： Merry_Go_Round 投稿日： 02/12/02 02:14 ID:???: >>108
最近珍しくなくなってきたからなんとも思わないかなあと。
css で書いてあることをやたら誇示してるサイトはどうかと思うが。
古代の "Netscape Only" と同じ匂いを感じる。
110 名前： Name_Not_Found 投稿日： 02/12/02 02:14 ID:???: >>108
CSS切ってもまともに閲覧できればOK。
111 名前： Merry_Go_Round 投稿日： 02/12/02 02:14 ID:???: >>104-107
自作自演うざい。
112 名前： Name_Not_Found 投稿日： 02/12/02 02:17 ID:???: >>108
>ユーザーの事を考慮していない厨房でしょうか？それともなんとも思わないのか。

ｱﾌｫか。逆だろ。
「正常に閲覧できる」ってのは「どの環境でも同じように表示される」ではなく、
「どの環境でも内容を読むことができる」ってこと。
そのための「論理構造と見栄えの分離」がHTMLとCSSのそれぞれの仕事。
113 名前： 112 投稿日： 02/12/02 02:18 ID:???: >>110 ｽﾏｿかぶった。
>>109 違う。
114 名前： Name_Not_Found 投稿日： 02/12/02 02:22 ID:???: CSS切るとまともに閲覧できなくなるサイトなんてあるのか？
115 名前： Merry_Go_Round 投稿日： 02/12/02 02:23 ID:h3sV8UiN: いや、CSS で書いてますって鼻息あらいところって
意味無く代替スタイルシート多かったりして
スタイルがコンテンツだったりするじゃない。

そういうのって結局そういうことなんだと思う。
116 名前： Name_Not_Found 投稿日： 02/12/02 02:24 ID:???: >>114
見栄えのためのCSS配置、なら切ってもいけるだろうけど、
見栄えCSSのためのソース、だったらコンテンツの位置がめちゃめちゃだったりする。
117 名前： Name_Not_Found 投稿日： 02/12/02 02:25 ID:???: >>114
デフォの状態をまともに閲覧出来てないって思う人もいるだろうね。
118 名前： Name_Not_Found 投稿日： 02/12/02 02:28 ID:jDH/92ft: 左側にリンクの柱つくってめいっぱい並べてるところとか
CSS非適用時にめいっぱいスクロールしなきゃ
ページのコンテンツにたどり着けなくなる。
あれは勘弁。
119 名前： Name_Not_Found 投稿日： 02/12/02 02:34 ID:???: >>118
あれはテーブルでやって欲しいね… summary="for layout" の免罪符付きで。
もしくは、右の柱を上にやるとかさ。
120 名前： Name_Not_Found 投稿日： 02/12/02 02:36 ID:???: テキストブラウザでも
せめて display: none ぐらいはサポートして欲しいって思ってる奴は
結構いるに違いないと見た。
121 名前： Name_Not_Found 投稿日： 02/12/02 02:36 ID:???: リンクのページ作れよ。
122 名前： Name_Not_Found 投稿日： 02/12/02 02:38 ID:???: >>121
文章中のナビゲーションリンクじゃないの？
123 名前： Name_Not_Found 投稿日： 02/12/02 02:40 ID:???: position: absolute; top: 1; left: 20;

↑のtop、leftにはなにか単位を指定した方がよかろうか。
124 名前： Name_Not_Found 投稿日： 02/12/02 02:41 ID:???: 当然でござる!
125 名前： Name_Not_Found 投稿日： 02/12/02 02:43 ID:???: さようでございますか!
126 名前： Name_Not_Found 投稿日： 02/12/02 03:03 ID:???: Webサイト制作初心者用スレで聞くか、こちらで聞くか
迷ったのですが、line-heightは何%で指定されているのが一番読みやすいですか？
127 名前： Name_Not_Found 投稿日： 02/12/02 03:14 ID:???: >>126
見易さ、ならここでもあっちでもなくユーザビリティ関係じゃないの？
128 名前： Name_Not_Found 投稿日： 02/12/02 03:16 ID:???: >>127
申し訳ない。ユーザビリティｽﾚへ逝ってきます。
129 名前： Name_Not_Found 投稿日： 02/12/02 03:18 ID:???: さようでございますか!!
130 名前： Name_Not_Found 投稿日： 02/12/02 03:33 ID:???: positionにpadding指定するとﾈｽｹの表示がおかしくなります。
大きく幅取りすぎ。氏ねよﾈｽｹ。
131 名前： Name_Not_Found 投稿日： 02/12/02 03:35 ID:???: position: fixed するとIEは指定を無効にしてくれちゃいます。
せめて absolute と同じ動作くらいしろよ。くたばれIE。
132 名前： Name_Not_Found 投稿日： 02/12/02 03:47 ID:???: 130
131
　で、その結果、何使えばいいんですか？
ソース見て脳内イメージ？
133 名前： Name_Not_Found 投稿日： 02/12/02 03:48 ID:???: テーブルを使えばいい。
134 名前： Name_Not_Found 投稿日： 02/12/02 03:50 ID:???: おいおい今日のこのスレやたら気持ち悪いな
135 名前： Name_Not_Found 投稿日： 02/12/02 03:53 ID:???: >>134
なら去れよ。肥溜めの近くに自分から歩み寄って「クッサーーーー！」って
言ってるのと同じだぞ。それがどんなに不毛な事か。
136 名前： Name_Not_Found 投稿日： 02/12/02 03:55 ID:???: >>134 はウンコってことか
137 名前： Name_Not_Found 投稿日： 02/12/02 04:01 ID:???: テーブル歯糞
138 名前： Name_Not_Found 投稿日： 02/12/02 05:17 ID:???: CSS目糞
139 名前： Name_Not_Found 投稿日： 02/12/02 05:17 ID:???: 鼻糞募集中
140 名前： Name_Not_Found 投稿日： 02/12/02 05:20 ID:???: JavaScript鼻糞
141 名前： Name_Not_Found 投稿日： 02/12/02 05:58 ID:???: 目糞鼻くそのカテゴライズ
142 名前： 77 投稿日： 02/12/02 05:58 ID:???: 遅いレスになりましたが、
皆様回答ありがとう御座います。

デフォルトを「別窓で開く」にできる
ブラウザを捜してみます。
143 名前： Name_Not_Found 投稿日： 02/12/02 07:03 ID:???: 冬休みはまだだよな
こんなん序の口？
144 名前： Name_Not_Found 投稿日： 02/12/02 09:37 ID:w67Xiv53: >>130は>>5のＦＡＱを見なさい。
これで解決。
html * { /＊ WinIE5.5以前の計算（borderまでの幅） */
box-sizing: border-box; /* MacIE5用 */
-moz-box-sizing: border-box; /* Mozilla用 */
}
cf. http://hp.vector.co.jp/authors/VA022006/css/visualren.html#width
145 名前： 130 投稿日： 02/12/02 14:08 ID:???: >>144
ﾘﾝｸ先見たが、意味わかんなかった。
要するに糞なのはﾈｽｹじゃなくてIEって事すか？

というかMacIE5用に内容領域の幅指定しても確認できないし、
不安なんですけど。
146 名前： Name_Not_Found 投稿日： 02/12/02 14:20 ID:???: >>145
ちょっと話はそれるが、
IEは「解釈がアバウト」というサイト制作者に甘い側面と、
ボックスモデルについての問題があって、
ユーザビリティとかアクセシビリティを語る上で、
「IEでの見栄え」は無視できないものではあるが、
必ずしもIEの判断が正しいと妄信してはいけない、というのは肝に銘じなければならない。

ちなみに、横幅の問題は、結果論になるが、
大きく幅を示すブラウザで調整するとよいと思われる。

　IE：ぴったり
　NN：はみ出る

よりも、

　NN：ぴったり
　IE：小さい

の方がいい。
147 名前： 130 投稿日： 02/12/02 14:27 ID:???: とりあえず、IEを基準にするよりもﾈｽｹを基準にした方が、
各ブラウザで正常に表示される可能性は高いという事すか？
148 名前： Name_Not_Found 投稿日： 02/12/02 14:41 ID:???: >>147
これは、漏れが収集した情報での結論だから間違ってるかも知れんが、
多分一番厳しいのがNNだと思うので、取り敢えずNNでいければ合格、くらいに構えててもいいと思う。
特に、テキストボックスとか混じったページでのCSSは、送信ボタン消えたりとかﾏﾄﾓに機能しない可能性まで孕んでるからね。

#おかしかったらフォローきぼん
149 名前： Name_Not_Found 投稿日： 02/12/02 14:55 ID:???: 幅が広がりまくって重なって見えないよりも
少し小さな幅でも読めたほうがいいってことじゃなかろうか
150 名前： Name_Not_Found 投稿日： 02/12/02 15:01 ID:???: ブラウザ語るときはバージョンも書かないと。
151 名前： 146=148 投稿日： 02/12/02 15:06 ID:???: >>150
　ｽﾏｿ。当たり前のような気分で記述し忘れてた。

>>147
NNの4.xで見れればOK、って感じで。
152 名前： 130 投稿日： 02/12/02 15:09 ID:???: NNの4.xなんて入れてませんです、はい。
153 名前： Name_Not_Found 投稿日： 02/12/02 16:49 ID:6aHUr9Pc: 入れれば。
154 名前： Name_Not_Found 投稿日： 02/12/02 17:50 ID:???: いや。
155 名前： Name_Not_Found 投稿日： 02/12/02 17:52 ID:???: NN4.xは文法が厳しいのじゃなくて実装が糞なだけ。
156 名前： Name_Not_Found 投稿日： 02/12/02 17:54 ID:???: web制作＆管理者以外はむしろアンインストールすべき。
157 名前： Name_Not_Found 投稿日： 02/12/02 17:54 ID:???: 今の世の中「NNの4.xで見れればOK」って感じ。
158 名前： Name_Not_Found 投稿日： 02/12/02 18:15 ID:???: webを運営しているが、アンインストールしました。
159 名前： Name_Not_Found 投稿日： 02/12/02 18:24 ID:???: >>158
ナイス
160 名前： Name_Not_Found 投稿日： 02/12/02 18:37 ID:???: またNN4の話題か…

もういい加減にしてくれ。
161 名前： Name_Not_Found 投稿日： 02/12/02 18:44 ID:???: >>160
脳内からNN4の話題をアンインストールするんだ！
162 名前： Name_Not_Found 投稿日： 02/12/02 18:47 ID:???: ４１℃がいい加減
163 名前： Name_Not_Found 投稿日： 02/12/02 20:00 ID:???: ふと思ったんだけど、CSSを正しく使っているサイトって文字サイズ最大で見るのが
一番格好良くないかい？普段は中だけど。
164 名前： Name_Not_Found 投稿日： 02/12/02 20:02 ID:yerWwdXx: 質問です。

NN6/7とMozillaはGeckoエンジンを搭載しているということは、
CSSの解釈もほぼ同じものだと考えても良いのでしょうか?
それとも全く別物と考えた方が安全でしょうか?

自分で確認したところ差異は感じなかったものの少し不安です。
165 名前： Name_Not_Found 投稿日： 02/12/02 20:15 ID:???: >>164
バージョンが違うから多少の差異はあるがほぼ同じと考えて良い。
166 名前： 164 投稿日： 02/12/02 20:30 ID:???: >>165
早いレスありがとうございました。
お陰で安心しました。
167 名前： Name_Not_Found 投稿日： 02/12/02 21:39 ID:???: Mozilla で確認してると
before after とか隣接セレクタとか使いたくなってきて
結局 IE で見ると微妙に変になる罠。
168 名前： Name_Not_Found 投稿日： 02/12/02 21:52 ID:???: >>163
画面サイズによる。
169 名前： Name_Not_Found 投稿日： 02/12/02 23:11 ID:???: >>155
　誘導
ttp://pc3.2ch.net/test/read.cgi/hp/1038745441/l50
170 名前： Name_Not_Found 投稿日： 02/12/03 13:42 ID:qR/4wMcu: #Winを使っていて、確認できないので質問させて下さい。

Macはmarginの一括指定にバグがあるから、top,right,left,bottomで
指定するようにと言うのを何処かで見かけたような気がするのですが、
知ってる方はいらっしゃいますか？そしてそれは本当の事でしょうか？
>>2や>>4を見てもそのような事は載っていないので勘違いかも知れない
のですが、本当だったらきちんと対応したいので教えて下さい。
171 名前： Name_Not_Found 投稿日： 02/12/03 13:57 ID:???: >>170
デマだろ。
172 名前： Name_Not_Found 投稿日： 02/12/03 14:58 ID:???: >>170
漏れマクユーザだけど、多分デマではない。
たしか一部の要素（tableとか）に一括指定でauto使うと
IEでセンタリングができなかったように思う。
それ以外普通に数字とかを入れる分には一括指定で全然かまわんよ。
自信ないんで調べてみて。
173 名前： 170 投稿日： 02/12/03 15:25 ID:???: >>4にあるサイトで確認しました。>>172さんの仰る通り、全ての要素で
バグがあるって訳では無いんですね。該当する要素でautoを使う場合は
一括指定しないように気を付けます。どうもありがとう御座いました。
174 名前： Name_Not_Found 投稿日： 02/12/03 20:17 ID:t5vHvBON: border　の一括指定で何か不都合があるってきいた事があるなあ。
NNじゃなくてMozillaやOperaの話だったかもしれないけど。
175 名前： Name_Not_Found 投稿日： 02/12/03 22:59 ID:???: NNでもIEでもなんでもいいからマジで一つ残して全部消えてくれよ。
176 名前： Name_Not_Found 投稿日： 02/12/03 23:00 ID:???: NNは嫌だな、NSならOK。
177 名前： Name_Not_Found 投稿日： 02/12/03 23:04 ID:???: Netscape6以降に入ってるブラウザってNavigatorだよね？
じゃぁNNでいいんじゃん？
NSって何？
178 名前： Name_Not_Found 投稿日： 02/12/03 23:08 ID:???: NCSA Mosaic？
179 名前： Name_Not_Found 投稿日： 02/12/04 00:20 ID:???: NS = NuSkin http://www.nuskin.co.jp/
>>176 はマルチ商法野郎。
180 名前： Name_Not_Found 投稿日： 02/12/04 01:05 ID:???: 日本でNSつっても通じねえよ
このスレでさえこれだもん
181 名前： Name_Not_Found 投稿日： 02/12/04 01:16 ID:???: No Smoking, Name Server, Named Storms (hurricanes), Nanosecond, Narrow Sample
National Seashore (National Park Service), National Security, National Service
National Standard, National Stanine (educational testing), Naval Sheltered (environment)
Naval Station, Navy SEALS, Near Side, Neck Strap, Nederlandse Spoorwegen (Dutch Railways)
Nervous System, Netscape, Network Selector, Network Series, Network Services
Network Supervisor, New Spring (Wheel of Time short novel), Newsstand
Nice Shot, Nice Shot (Quake), Night Stand (TV Show), Nimbostratus (cloud formation)
No Show, No Soliciting, No Stuff (polite form), Node Switches, Non Stop, Non-Smoker
Nonstandard, Non-Status, Norfolk Southern (railroad), Normal Saline, North South
North Star (District in the Heart of America Council, Boy Scouts of America)
Northsouth, Not Specified, Nova Scotia, Novi Sad (Vojvodina Province, Yugoslavia)
Nuclear Ship, Number of Stations, Number of Suspensions, Nut Shot, Suriname
182 名前： Name_Not_Found 投稿日： 02/12/04 02:26 ID:xmGbCp5R: そんなこんなで lynx が生き残ってしまった。
わびしいのう。
せめて w3m。
183 名前： Name_Not_Found 投稿日： 02/12/04 04:39 ID:???: >>180
NetScape?
184 名前： Name_Not_Found 投稿日： 02/12/04 12:19 ID:???: ネイチャー三田だろ
185 名前： Name_Not_Found 投稿日： 02/12/04 14:02 ID:???: では次の話題をどうぞ
186 名前： Name_Not_Found 投稿日： 02/12/04 14:08 ID:???: line-height以外で「単位無し」で値を設定した方が良いものってありますか？
187 名前： Name_Not_Found 投稿日： 02/12/04 15:12 ID:0TfR5U22: 今　中身のテキスト全部に700pxの幅の指定をしたいのですが、
widthではbodyタグでもpタグでも使えません。
すべての文章にｈ要素をつけるのも嫌ですし、マージンでは外側からの指定で
内容の幅が可変になります。
ネットで調べても、本で見ても探し出せません。
なにかヒントがあれば、教えていただけると助かります。
このような質問で失礼ですが、>186さんも質問されているので上げさせていただきます。
188 名前： Name_Not_Found 投稿日： 02/12/04 15:26 ID:???: >widthではbodyタグでもpタグでも使えません。
？BODYにWIDTHはそりゃ無理だがPになんで使えないんだ？
189 名前： 187 投稿日： 02/12/04 15:35 ID:???: >198
pタグでは使えるのですね。
もしかしたら、自分はどこか間違いをしているのかもしれません。
それだけで十分助かります。
どうもありがとうございました。
190 名前： Name_Not_Found 投稿日： 02/12/04 15:41 ID:???: >>187
そもそも、テキストの幅を固定すると、閲覧者の環境によっては見づらく
なるので、あまりおすすめできません。
それでも、どうしてもやりたいということであれば、幅を固定したい要素
に、cssでwidthを指定してやることによって固定できます。
とりあえず、>>4に挙げられている参考サイトをじっくり読んで、一から
勉強してみることをおすすめします。
191 名前： Name_Not_Found 投稿日： 02/12/04 18:06 ID:???: >>187
＞すべての文章にｈ要素をつけるのも嫌ですし

h要素って見出しのhn要素か？
何か勘違いしてるっぽい
192 名前： Name_Not_Found 投稿日： 02/12/04 19:31 ID:???: >>187
なんで700pxの固定をしたいの？
640x480のディスプレイを使ってたら横スクロールバー出るし、
逆に1600x1200のディスプレイを使ってる人だと小さすぎる。
したいなら勝手にすればいいけど、見る側からすれば迷惑、だと思う。
193 名前： Name_Not_Found 投稿日： 02/12/04 19:35 ID:???: なんて言うか、スレ違いだよな
194 名前： Name_Not_Found 投稿日： 02/12/04 20:28 ID:???: 文字に色々な色をつけたいんですけど

em.red{
color: #f99;
}

em.yellow{
color: #ff3;
}

とかでいいんでしたっけ？
どこかで.redとかはカッコ悪いよとかいうレスを見たのですが
195 名前： Name_Not_Found 投稿日： 02/12/04 20:34 ID:???: >>194
カッコ悪いというか、不毛。
196 名前： Name_Not_Found 投稿日： 02/12/04 20:39 ID:???: >>194
そして不便。
197 名前： 194 投稿日： 02/12/04 20:43 ID:???: CSSはページのデザインを担う役割をするという点で
em.red
em.yellow等は正しいと自己判断しました。
ありがとうございました
198 名前： Name_Not_Found 投稿日： 02/12/04 20:56 ID:???: （ﾟдﾟ)ﾎﾟｶｰﾝ
199 名前： Name_Not_Found 投稿日： 02/12/04 20:57 ID:???: >>197
どういたしまして
200 名前： 186 投稿日： 02/12/04 21:10 ID:???: どなたかおながいします
201 名前： Name_Not_Found 投稿日： 02/12/04 21:38 ID:???: >>186
＞line-height以外で「単位無し」で値を設定した方が良いものってありますか？
たぶん、無い。
202 名前： 186 投稿日： 02/12/04 21:54 ID:???: ありがとうございます
203 名前： Name_Not_Found 投稿日： 02/12/04 22:29 ID:???: background-color
background-image
background-repeat

これらを一括で指定する方法はありませんか？
204 名前： Name_Not_Found 投稿日： 02/12/04 22:31 ID:???: はいネタ～
205 名前： Name_Not_Found 投稿日： 02/12/04 22:31 ID:???: >>203

>>4
206 名前： Name_Not_Found 投稿日： 02/12/04 22:47 ID:???: background:url(～) #000;
で背景に画像を適用できますが、
文字に
forwardground:url(～) #fff;
みたいに　画像を　使えませんか。
color:url(hoge) #fff;とかできたら便利なんだけどなぁ
207 名前： 203 投稿日： 02/12/04 22:48 ID:???: はっはっは！やっぱネタってばれたか！
やっぱネタってばれたか！そうだよネタだよ！
へい！寿司食いねぇーーー！！（笑
208 名前： Name_Not_Found 投稿日： 02/12/04 22:54 ID:???: メル欄で既にばれてる罠。
209 名前： Name_Not_Found 投稿日： 02/12/04 22:55 ID:???: つか、（略）だよ、なぁ。
210 名前： Name_Not_Found 投稿日： 02/12/04 23:01 ID:???: >>206
意味が解らん
211 名前： Name_Not_Found 投稿日： 02/12/04 23:03 ID:???: 文字を単色ではなくて模様みたいので塗り潰ししたいのではないかな？
212 名前： Name_Not_Found 投稿日： 02/12/04 23:15 ID:???: すればイイジャン？
213 名前： Name_Not_Found 投稿日： 02/12/04 23:19 ID:???: Σ（ﾟдﾟlll）できるんでつか!？
214 名前： Name_Not_Found 投稿日： 02/12/04 23:20 ID:iwVhm74g: h1{
font-size: 25px;
}
#main{
position: absolute;
top: 100px;
}

<h1>page title</h1>
<div id="main">
<p>今日も良い天気だった</p>
</div>

としてるんですが
ブラウザーの幅を極端に狭めた時に
h1の文字が#mainの中に入り込んでしまいます
これを回避するにはどうすればいいでしょうか？
215 名前： Name_Not_Found 投稿日： 02/12/04 23:20 ID:???: ハァ？背景を画像にしたいんだろ？しろよ。
216 名前： Name_Not_Found 投稿日： 02/12/04 23:23 ID:???: いえ、文字の中を画像にしたいんでつ。
217 名前： Name_Not_Found 投稿日： 02/12/04 23:27 ID:???: だから意味がわからねぇよ
218 名前： 214 投稿日： 02/12/04 23:33 ID:iwVhm74g: >>206さん
「便利なんだけどなぁ」
じゃないっすよ。ここは理想を語るスレじゃありません。
とっとと消え失せて下さい。

僕の質問にご回答よろしくお願いします！
219 名前： Name_Not_Found 投稿日： 02/12/04 23:35 ID:???: （´-`）.｡oO（もうネタしかないのか
220 名前： Name_Not_Found 投稿日： 02/12/04 23:36 ID:???: >>217
(ﾟДﾟ)ﾊｧ?意味が分からんのはおまいがDQNだからだろ？
市ねよ。
221 名前： Name_Not_Found 投稿日： 02/12/04 23:38 ID:???: >>220
なんだそりゃ
222 名前： 214 投稿日： 02/12/04 23:38 ID:iwVhm74g: ぼ　く　の　し　つ　も　ん　に　こ　た　え　て　く　だ　さ　い　！　！
223 名前： Name_Not_Found 投稿日： 02/12/04 23:41 ID:???: だーかーらー。グラデーションの画像用意しといて、
それを文字に適用すると、文字がグラデーションになるの？
分かるっしょ？
224 名前： 214 投稿日： 02/12/04 23:44 ID:iwVhm74g: >>223
おいキチガイしつけーぞ
ならねーよ
質問する前に自分でやってみろや
クソが
てめえのせいで俺の質問シカトされっぱなしじゃねえか
マジでお前のこと知り合いだったら
どつき回してる

こんなキチガイほっといて
僕の質問にご回答よろしくお願いします！！
225 名前： Name_Not_Found 投稿日： 02/12/04 23:45 ID:???: >>214
回避する方法はね、id="main"の記述を削除するんだよ。
226 名前： Name_Not_Found 投稿日： 02/12/04 23:48 ID:???: >>224
(ﾟДﾟ)ﾊｧ?(ﾟДﾟ)ﾊｧ?(ﾟДﾟ)ﾊｧ?
おまいこそ自分でやってみりゃいーだろーが。
この脳みそうんこDQNが!
ｸﾘｽﾏｽﾂﾘｰで首津って市ね。
227 名前： 214 投稿日： 02/12/04 23:53 ID:iwVhm74g: >>225
やっぱりそれしかないんですね
残念です
>>226
今まさに作成しながら言ってんだよ
あんまり生意気言ってっと
文字じゃなくてお前の体全身油性マジックでグラデにするぞ！！
228 名前： Name_Not_Found 投稿日： 02/12/04 23:55 ID:???: >>214
ん？つまる話は<h1>内の文章を改行させたくないって事じゃないのか？
だったらwhite-space:nowrapな。
違うんなら知らんが。

あとな、id="main"はDIVじゃなくてPに入れろ
229 名前： Name_Not_Found 投稿日： 02/12/04 23:55 ID:???: >>214
回避する方法はね、おまいの存在を削除するんだよ(ﾜﾗ
230 名前： Name_Not_Found 投稿日： 02/12/04 23:58 ID:???: >>229
もうお前はションベンして寝ろ
231 名前： Name_Not_Found 投稿日： 02/12/05 00:01 ID:???: 結論
215は、214の回答者じゃないのに、こんがらがっている。
232 名前： Name_Not_Found 投稿日： 02/12/05 00:02 ID:???: >>230
まだションベンが出そうにないので寝ません。
233 名前： 214 投稿日： 02/12/05 00:10 ID:???: >>228
僕がしたかったのはまさにこれです！
>>214の説明ではたしかにdivよりpの方が正しいですね！
勉強になりました！ありがとう！
234 名前： Name_Not_Found 投稿日： 02/12/05 00:12 ID:???: 芳ばしいスレになったもんだな。
235 名前： Name_Not_Found 投稿日： 02/12/05 00:14 ID:???: ぽっくんのしつもんにもこたえてほしいのー^ ^..
236 名前： Name_Not_Found 投稿日： 02/12/05 00:17 ID:???: おい、おまえらおもしろすぎですよ。
237 名前： Name_Not_Found 投稿日： 02/12/05 00:18 ID:???: line-heightには何故単位を指定しない方がいいのですか？
238 名前： Name_Not_Found 投稿日： 02/12/05 00:20 ID:???: >>237
ぽっくんのしつもんのこたえがでるまではだまっててほしいのー^ ^..
239 名前： Name_Not_Found 投稿日： 02/12/05 00:23 ID:???: ぽっくんの質問はどれだよ
240 名前： Name_Not_Found 投稿日： 02/12/05 00:23 ID:???: >>239
もじにがぞうをていようしたいのー^ ^..
241 名前： Name_Not_Found 投稿日： 02/12/05 00:28 ID:???: >>237
h1{
font-size: 25px;
line-height : 2;
}

この場合は行間が自動的に50pxになる訳よ。
下手に単位つけると行間が小さすぎて文字と文字が重なる訳よ。
242 名前： Name_Not_Found 投稿日： 02/12/05 00:29 ID:???: >>240
ぽっくんはもういいから寝ろって。
243 名前： Name_Not_Found 投稿日： 02/12/05 00:45 ID:???: >>241
2emでいいじゃん。
244 名前： Name_Not_Found 投稿日： 02/12/05 00:47 ID:???: けっ、分かんねーんなら分かんねーって言えよ。

バカに限ってプライドだけは高くて困るの～^ ^..
245 名前： Name_Not_Found 投稿日： 02/12/05 00:49 ID:???: （´-`）.｡oO（釣り師気取りが一人。満足なんだろうな。
246 名前： Name_Not_Found 投稿日： 02/12/05 00:50 ID:???: ｶﾜｲｲものだな。
247 名前： Name_Not_Found 投稿日： 02/12/05 00:51 ID:???: >>245
括弧閉じてないの～
冷静装ってもあせり過ぎなのバレバレなの～^ ^..
248 名前： Name_Not_Found 投稿日： 02/12/05 00:53 ID:???: >>247
（´-`）.｡oO（釣れた・・・
249 名前： Name_Not_Found 投稿日： 02/12/05 01:00 ID:???: >>248
釣れたって言えばごまかせると思ってるの～。
典型的な厨なの～^ ^..
250 名前： Name_Not_Found 投稿日： 02/12/05 01:01 ID:???: >>249
もうやめてやれ…。
251 名前： Name_Not_Found 投稿日： 02/12/05 01:03 ID:???: >>249
必死だな
252 名前： Name_Not_Found 投稿日： 02/12/05 01:08 ID:???: あせってる人は、相手があせってる、と思いたいものなんだね。
253 名前： Name_Not_Found 投稿日： 02/12/05 01:51 ID:wbvTP+0h: アダルトサイトをhtml4.01strictで作っています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<link rel="stylesheet" href="2ch.css" type="text/css" media="all">
<title>エッチサイト</title>
</head>
<body>
<h1 id="welcome">○○へようこそ！</h1>
<p>このサイトはアダルトコンテンツを含んでいます。</p>
<p>あなたは１８歳以上ですか？</p>
<ul id="navi">
<li><a href="index2.html">[はい]</a></li>
<li><a href="http://pc3.2ch.net/test/read.cgi/hp/1038911361/l50">[いいえ]</a></li>
</ul>
<p id="validator">
<a href="http://validator.w3.org/check/referer"><img src="image/valid-html401.png" width="88" height="31" alt="Valid HTML 4.01!"></a>
<a href="http://jigsaw.w3.org/css-validator/"><img src="image/vcss.png" width="88" height="31" alt="Valid CSS!"></a>
</p>
</body>
</html>
このように記述して、見栄えはh1からulまでをだいたいまんなからへん、
validatorのアイコンだけはページの一番下に表示したいのです。
いろんな表示面積のブラウザでもかっこよく見えるように、どのようにスタイル指定すればよいでしょうか？
254 名前： 253 投稿日： 02/12/05 01:53 ID:???: あ、validatorのアイコンはページの一番下右隅でお願いします。
255 名前： Name_Not_Found 投稿日： 02/12/05 02:23 ID:???: >>253
ぽじしょんあぶそりゅーと　で　うはうは
ていうか、てーぶる　つかってろ　ぼけ
256 名前： 253 投稿日： 02/12/05 02:25 ID:???: 希望としてはこんな感じの見栄えです。

<body>
<table border="0" cols="1" width="100%" height="100%">
<tr><td><center><h1> エッチサイトへようこそ！</h1></center></td></tr>
<tr><td><center><p>このサイトはアダルトコンテンツを含んでいます</p></center></td></tr>
<tr><td><center><p>あなたは１８歳以上ですか？</p></center></td></tr>
<tr><td><center><p>[はい]　[いいえ]</p></center></td></tr>
<tr><td><div align="right"><a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-html401" width="88" height="31" alt="Valid HTML 4.01!"></a>
<a href="http://jigsaw.w3.org/css-validator/"><img src="http://jigsaw.w3.org/css-validator/images/vcss" width="88" height="31" alt="Valid CSS!"></a></div></td></tr>
</table>
</body>

このように<table height="100%">とするとブラウザのウィンドウがいくら小さくなってもぜんぶウィンドウ内に入りますし、大きいウィンドウにすると、うまい具合にvalidatorのアイコンが下の方に来ます。
しかしこれではstrictではないので却下となりました（笑）
CSSだけで同じような事は可能でしょうか？
257 名前： Name_Not_Found 投稿日： 02/12/05 02:29 ID:???: >>256
strictに徹しようとするその姿勢、賞賛に値するぞ！！

_/_/_/_/_/_/_/_/_/_/_/_/

　次の質問どうぞ。↓
258 名前： Name_Not_Found 投稿日： 02/12/05 07:36 ID:???: W3Cのアイコンはダウンロードして使おうね。
259 名前： Name_Not_Found 投稿日： 02/12/05 08:00 ID:???: >>258
なんで？使われたくない物はwebにUpしなければいいじゃん。
ばっかじゃねえの（藁
260 名前： Name_Not_Found 投稿日： 02/12/05 08:02 ID:???: >>259
つまらんネタはやめようね。
本気で言ってるんなら、まあ、それはそれで。
261 名前： Name_Not_Found 投稿日： 02/12/05 08:15 ID:???: >>260
すいませんでした。
262 名前： Name_Not_Found 投稿日： 02/12/05 08:58 ID:???: >>261
洩れも言い過ぎた。すまなかった。
263 名前： Name_Not_Found 投稿日： 02/12/05 09:52 ID:???: このスレを警視庁にメールしますた
264 名前： Name_Not_Found 投稿日： 02/12/05 10:51 ID:???: なんでやねん
265 名前： Name_Not_Found 投稿日： 02/12/05 19:16 ID:???: 今日辺り厨房メールスレで>>263のメール内容が晒されることでしょう。
266 名前： Name_Not_Found 投稿日： 02/12/05 20:50 ID:???: 初めまして。
既出かもしれないですけど…

<span class="upperRoman" title="3">III</span>

とした時に、
読み上げソフトでtitle内の文字を読み上げさせるには
どうすれば良いんでしょう？

span.upperRoman { speak : none }

だけだと読み飛ばすだけだと思いますし…
267 名前： 206 投稿日： 02/12/05 21:05 ID:???: やっぱ無理なのか。過去ログ見たところでは。

M$ wordなんかにある、文字にテクスチャを適用するようなことがしたかったけど、
素直に文字自体を画像にするしかないのね。

代替stylesheetに萌えてたのに藁
268 名前： Name_Not_Found 投稿日： 02/12/05 21:07 ID:???: スタイルシートを何だと思ってるんだか
269 名前： Name_Not_Found 投稿日： 02/12/05 21:59 ID:QUCh/XwM: >>266
<head>
<style type="text/css" media="aural">
.upperRoman { display: none; speak: none; }
p[title]:before { content: attr(title); }
</style>
</head>
<body>

<p title="3.">
<span class="upperRoman">III</span> hogehoge
</p>

</body>
270 名前： Name_Not_Found 投稿日： 02/12/05 22:20 ID:???: >>206
フィルターを使えばできるよ。IE専用になるけど
271 名前： Name_Not_Found 投稿日： 02/12/05 22:41 ID:???: >>266

span.upperRoman{speak:none;}

@media aural{/*音声による出力*/
.upperRoman:after {
speak:normal;
content:attr(title)}
}

でないかと。
自信無いので詳しい人おながいします。
272 名前： 266 投稿日： 02/12/05 22:56 ID:???: >>269
>>271
有難うございます。

>>269
のやり方だと、display:none しちゃってるので
見えなくなっているのではないかと…
それで、p要素の前に「title」を出力してるわけですよね？
そうすると、「III」が表示できなくなるのでは…

と言う事で、>>271を採用させていただきます。
有難うございました。
273 名前： Name_Not_Found 投稿日： 02/12/05 23:35 ID:???: >>272
実際にそこまでのレベルで音声スタイルシートに対応したUAって現存してるのかな？
274 名前： 272 投稿日： 02/12/06 00:09 ID:???: >>273
いや、知らないですけど…
機種依存文字でローマ数字を書くよりも良いかな？と思ったので。
275 名前： Name_Not_Found 投稿日： 02/12/06 01:18 ID:???: し！し！し！知らねーのかよー！
276 名前： Name_Not_Found 投稿日： 02/12/06 03:29 ID:???: >>268
なんだとおもってるんだかっていわれても、
装飾担当なんだからそれぐらい融通効いてもいいと思うんだけどね。
背景が出来て前景が出来ない必然性がないじゃない。
277 名前： Name_Not_Found 投稿日： 02/12/06 03:30 ID:???: W3C信者のﾚｽ読んでると頭が痛くなってくる。
あの人達恐いよ。
278 名前： Name_Not_Found 投稿日： 02/12/06 03:47 ID:???: >>276
まあもっともな理屈なんだけど、事実としてCSS2までの段階で仕様にそういうフィーチャーが取り入れられていないのだから仕方がないね。
279 名前： Name_Not_Found 投稿日： 02/12/06 04:49 ID:???: >>277
頭が足りなくて理解できないからだろ？
280 名前： Name_Not_Found 投稿日： 02/12/06 05:13 ID:???: スタイルシート自体、よく分からないんだけど
適当にタグの中に埋め込んで使ったりしてるけど、ヤバイ？
例えば
＜FONT SIZE=2 STYLE="font-size=12px;line-height:10mm;"＞××××＜/FONT＞
こんな感じで。
今の所、IEでもNNでもエラーにはならないんだけど
もしかして危険な事してる？
281 名前： Name_Not_Found 投稿日： 02/12/06 05:14 ID:???: あ。間違い
＜FONT SIZE=2 STYLE="font-size:12px;line-height:10mm;"＞××××＜/FONT＞
ね。
282 名前： Name_Not_Found 投稿日： 02/12/06 05:16 ID:???: pxとmm、単位をどっちかに統一したほうがいいのでは。
283 名前： Name_Not_Found 投稿日： 02/12/06 05:43 ID:???: >>280
それ、CSSのメリットを殺す使い方だよ。
284 名前： Name_Not_Found 投稿日： 02/12/06 06:38 ID:???: ブロックレベルで中央寄せにしようと
margin-right : auto;margin-left : auto;
にしたら、winIE6では動かないことがわかりました。しくしく。
285 名前： Name_Not_Found 投稿日： 02/12/06 06:47 ID:???: お前はDOCTYPEスイッチも知らないのかと小（
286 名前： Name_Not_Found 投稿日： 02/12/06 06:48 ID:???: >>5
287 名前： Name_Not_Found 投稿日： 02/12/06 07:20 ID:???: >>280-281
style属性を使うより、HTMLとは別にCSSのファイルを作ってlink要素で呼び
出してやった方が、複数の文書に統一した見栄えを持たせたり、見栄えを
変更するときにいちいちすべての文書のソースをいじらなくても、CSSの
ファイルだけ変更してやればよかったり、といった利点がある。

詳しいことは、>>4で勉強してください。
288 名前： Name_Not_Found 投稿日： 02/12/06 15:44 ID:???: >>279
そうか、そうだね。ごめん。
289 名前： Name_Not_Found 投稿日： 02/12/06 20:05 ID:???: >>280
サイト作ろうって思って、まだ、タグはじめて2週間くらいしかたっていない若輩者で
やっと最近CSSファイルを弄りはじめた、こんな私が言うのもなんなんですが、HTML
を記述のみに徹して、装飾の一切を外部CSSファイルにまかせちゃうってやり方は、
非常に楽だよ。

自分も最初、CSSってなんだか難しいなあ、と思ったけど、如何にこの方法が合理的な
のか日々、着実に思い知ってるって感じだな。280さんの方法だと、更新の度ごとに、
削除して、また、新たに膨大になっていくだけだよ。

切り替えるってのは大変な事かもいれないけど、検討してみて！

生意気言ってすみません。
290 名前： Name_Not_Found 投稿日： 02/12/06 20:06 ID:???: ぜひそうしてみて！
291 名前： 289の訂正。 投稿日： 02/12/06 20:08 ID:???: いれない→知れない
292 名前： Name_Not_Found 投稿日： 02/12/06 23:01 ID:???: id,class名にスペースを開けたい場合は
どう記述すればいいんですか？
_ですか？-ですか？
293 名前： Name_Not_Found 投稿日： 02/12/06 23:07 ID:???: >>292
http://www.w3.org/TR/html401/types.html#type-cdata
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").
だそうです。
294 名前： Name_Not_Found 投稿日： 02/12/06 23:19 ID:???: >>293
顔文字が並んでるかと思った…
295 名前： Name_Not_Found 投稿日： 02/12/06 23:53 ID:???: display : none ってどういう場合に便利なんですか？
296 名前： Name_Not_Found 投稿日： 02/12/07 00:05 ID:???: >>295
表示させたくないとき

うちは、hr{display:none}にしている。cssが効かないブラウザとかoffの時だけ表示されように
ほかにもいろいろ使い道があると思う
297 名前： Name_Not_Found 投稿日： 02/12/07 00:09 ID:???: >>296
なるほど。<hr>に指定しておいて、cssが利かないUAで表示した時だけ
線をひくとかできるわけですね！
298 名前： Name_Not_Found 投稿日： 02/12/07 01:53 ID:???: NN4.ｘでチェックしたいんですが、どこかにありませんか？
299 名前： Name_Not_Found 投稿日： 02/12/07 01:56 ID:???: >>298
http://wp.netscape.com/download/archive.html
300 名前： Name_Not_Found 投稿日： 02/12/07 02:26 ID:???: FAQだな。
301 名前： Name_Not_Found 投稿日： 02/12/07 02:26 ID:???: <h1>うちのおみせ</h1>
<h2>価格表</h2>
<h3>パソコン</h3>
<table>
パソコンの価格の表
</table>
<h3>ゲームソフト</h3>
<table>
ゲームソフトの価格の表
</table>

っていうか価格表なんて見りゃわかるし邪魔。
でもh3以下をまとめる見出しが無いと困る。
↓
h2{display:none;}
↓
ｳﾏｰ(ﾟдﾟ)
302 名前： Name_Not_Found 投稿日： 02/12/07 03:58 ID:???: >>299
有難う御座います。
でも、見れないんですが･･･
303 名前： Name_Not_Found 投稿日： 02/12/07 04:07 ID:???: >>302
なんだ見れないって。

今行ったが普通に見れるぞ。
304 名前： Name_Not_Found 投稿日： 02/12/07 04:08 ID:???: >>299
Ver'6.0はやっぱ忘れたい過去なんだな（ｗ
305 名前： Name_Not_Found 投稿日： 02/12/07 04:09 ID:???: ６ってなんかあったの？
306 名前： Name_Not_Found 投稿日： 02/12/07 04:11 ID:???: >>305
どうしようもない程糞だった。
307 名前： Name_Not_Found 投稿日： 02/12/07 04:24 ID:???: >>303
ページを表示できません、ってなるんです
308 名前： Name_Not_Found 投稿日： 02/12/07 06:48 ID:???: >>298
俺は自分でソフトウェア板のネスケスレを検索してダウンロードしたけどなー。
聞く前に自分でなんとか調べてみるとかしないの？

>>307
普通に見られるぞ
309 名前： Name_Not_Found 投稿日： 02/12/07 07:44 ID:???: >>308
調べて、見付けられなかったんですけどね。
やはり、何度リロードしてもサーバーが見付かりません、になりますね。
310 名前： Name_Not_Found 投稿日： 02/12/07 08:21 ID:???: 俺も見れない・・・なんでやろ？
311 名前： Name_Not_Found 投稿日： 02/12/07 09:48 ID:???: 串とかかね。
312 名前： Name_Not_Found 投稿日： 02/12/07 10:12 ID:???: ああー！恥ずかしい。

神埼氏のサイトスタイルシートの基本をなる項目を読んでみたら
自分が基本すらも理解してないdiv厨、class厨だった事が判明。

ﾊｽﾞ過ぎる。
313 名前： 312 投稿日： 02/12/07 10:13 ID:???: 余程錯乱していたのだろうか、文章がメチャメチャだ…（鬱
314 名前： 295 投稿日： 02/12/07 10:13 ID:J4AtL8Ba: >>296
ありがとうございます。
たとえば

＜Ｐ＞ＣＳＳをサポートしているブラウザをお使いください＜/Ｐ＞

という文にdisplay : none を指定すれば、ＣＳＳが適用されてない
閲覧者にだけこの注意文が表示されるというわけですね？
315 名前： Name_Not_Found 投稿日： 02/12/07 10:33 ID:???: >>295
うん、そーゆーことも出来る。
あと、ジャバスクリプトと組み合わせて使うこともある。
クリックしたら表示することにすれば、折りたたみメニューになるっしょ。
316 名前： Name_Not_Found 投稿日： 02/12/07 10:36 ID:???: あのメニューってそういう原理だったのか。
317 名前： Name_Not_Found 投稿日： 02/12/07 10:41 ID:R0vCiwFY: >>314
ユーザースタイルシートで、
p { display: block !important; }
とか指定されているとお間抜けなことになるので不許可。
318 名前： Name_Not_Found 投稿日： 02/12/07 10:45 ID:???: むしろJavaScriptで使うものかと思っていた。
こういう使い方(>>314)もアリか。見たことないけど(笑
319 名前： Name_Not_Found 投稿日： 02/12/07 11:47 ID:CxLg7fnG: ちなみに（IE以外で使えるかは知らないが）position:absolute と、
display:none (or block or inline) を組み合わせて、Scriptでblock要素を
操作すると、いわゆる「コンテクストメニュー」のような物も作れるよ。
320 名前： Name_Not_Found 投稿日： 02/12/07 11:48 ID:???: >>318
hr要素辺りではお約束的使い方のような。
321 名前： Name_Not_Found 投稿日： 02/12/07 14:36 ID:fu0p6OwI: width: 300px;
としたら根スケ6で300pxにしてくれません。IEは300pxです。どうすればネスケ6でも300pxにできま
すか？
スクリーンショット撮ってPhotoshopで確かめたので絶対に見間違いではありません。
というかネスケはピクセルの計算くらいちゃんとできないのでしょうか？
322 名前： Name_Not_Found 投稿日： 02/12/07 14:37 ID:???: >>321
>>5
323 名前： Name_Not_Found 投稿日： 02/12/07 14:38 ID:???: ネスケは7からマトモに表示されるよ…
324 名前： Name_Not_Found 投稿日： 02/12/07 14:46 ID:RzcxYet9: >>321
ネスケやＩＥに限らずにあらゆるブラウザで同じように表示させたければ、
marginとpaddingとborder-widthは0pxに。
325 名前： Name_Not_Found 投稿日： 02/12/07 15:47 ID:???: そうはいかんざき
326 名前： Name_Not_Found 投稿日： 02/12/07 16:35 ID:???: そもそもwebで(新聞や雑誌など紙の媒体と同じような)見栄えの統一を（以下略）
327 名前： Name_Not_Found 投稿日： 02/12/08 09:49 ID:BX6lKNTG: CSSでインライン要素の横幅を指定できますか？
328 名前： Name_Not_Found 投稿日： 02/12/08 09:55 ID:???: >>327
もちろんできない
329 名前： Name_Not_Found 投稿日： 02/12/08 10:26 ID:???: >>328
ども、そうですか。できると便利なんだけどなぁ。
330 名前： Name_Not_Found 投稿日： 02/12/08 11:49 ID:???: >>326
web で、ってのは変ないいかただ。
HTML + CSS で、にしてくれ。
web 経由の PDF とかあるし。
SVG だって Flash だってあるし。
331 名前： Name_Not_Found 投稿日： 02/12/08 13:37 ID:yCarHnLP: >>327-329
WinIEでは効くというウワサ。
332 名前： Name_Not_Found 投稿日： 02/12/08 13:49 ID:???: 余裕で効きますね。
333 名前： Name_Not_Found 投稿日： 02/12/08 14:05 ID:???: ブラウザの標準モードの方で、
ウィンドウ（正確にはフレーム内だけど）の右下に要素を表示する方法はありませんか？
そのページの内容自体はウィンドウの高さよりも短いので、
position:absoluteでやると、ページ内容の一番下にくるだけで、
ウィンドウの下付近には来てくれません。
後方互換だと意図した表示になるのだが。
やっぱし標準では無理だということなのでしょうか？

あと、background-positionって、原点が左上みたいだけど、
右端から10pxとかできますか？
334 名前： Name_Not_Found 投稿日： 02/12/08 14:18 ID:???: position:absolute;
right:0;
bottom:0;

background-position:right bottom;
335 名前： Name_Not_Found 投稿日： 02/12/08 14:19 ID:???: 右端から10pxなら画像の右に10pixel透過部分入れて、
background-position:right bottom;

かな？
336 名前： Name_Not_Found 投稿日： 02/12/08 14:27 ID:???: >>333
position:fixed;みたいな効果を狙ってるのかな？
position:absolute;とJavaScriptの.pageYOffset（IEなら.scrollTop）とを
組合せてやれば、たいていのブラウザで常駐は可能。
337 名前： Name_Not_Found 投稿日： 02/12/08 15:39 ID:???: 固定したいもの以外をoverflowでスクロールさせればいい。
338 名前： Name_Not_Found 投稿日： 02/12/08 15:49 ID:???: >>337 overflowはOperaには鬼門なり。（ver7では改良されたのか？）
339 名前： Name_Not_Found 投稿日： 02/12/08 15:51 ID:???: Opera6のoverflawは仕様通りの振る舞いなの？それともただのバグ？
340 名前： Name_Not_Found 投稿日： 02/12/08 16:01 ID:???: >>338
改善済み。Opera7のCSS実装はmozilla以上だと思う。
font-sizeの継承問題とかは残ってるけど。

>>339
「overflow未対応」は最初から公式情報として出ているから
仕様と言えば仕様。バグと言えばバグ。
341 名前： Name_Not_Found 投稿日： 02/12/08 18:31 ID:a0dmcEIu: 例えば一つ共通のメニューのようなものを作っておいて、各ページで
そのメニューをインクルードするようなことをCSSでやることは可能
でしょうか。
それともSSI使ったほうがいいのでしょうか。
342 名前： Name_Not_Found 投稿日： 02/12/08 18:37 ID:???: >>341
CSSでは無理．もともとそーいうものじゃないし．
やるならJavascriptじゃない？
343 名前： Name_Not_Found 投稿日： 02/12/08 18:50 ID:???: >>>341
XSLTとか
344 名前： Name_Not_Found 投稿日： 02/12/08 21:07 ID:???: >>341
CSS でデザインされたメニューだけ書いた html を iframe で各ページに配置

・・・何か違う（w
345 名前： Name_Not_Found 投稿日： 02/12/08 21:45 ID:???: >>344
それならメニュー等の共通する項目だけ書いたHTMLの中に
他のページをiframeで表示した方がいい。

つーかスレ違い。
346 名前： Name_Not_Found 投稿日： 02/12/08 22:11 ID:???: なんだこいつ
347 名前： Name_Not_Found 投稿日： 02/12/08 22:26 ID:???: 「できない」で片付けろよ
348 名前： Name_Not_Found 投稿日： 02/12/08 22:37 ID:8LDHk0Uj: 見た目的にどれだけ大きくしても縦1cm
横は元画像の大きさにしかなりません。
元々は縦5cm横7cm位の画像です。
背景をリピート無しで固定したいのですが
background-image: url(jpeg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
こんな感じでどこが問題でしょうか？
349 名前： Name_Not_Found 投稿日： 02/12/08 22:40 ID:???: なんだこいつ
350 名前： Name_Not_Found 投稿日： 02/12/08 22:44 ID:???: 漏れに聞くなよ
351 名前： Name_Not_Found 投稿日： 02/12/09 00:33 ID:???: ABCD
EFGH
IJKL

という画像を背景にしようとすると
ABCD
になっちゃうよ～ｺﾞﾙｧ
ってことですか？
だとするとわからん。
とりあえず質問を整理しる
352 名前： 341 投稿日： 02/12/09 00:54 ID:pwACi7eg: 大変参考になりました。
親切なご返答、本当に有難うございました。
353 名前： Name_Not_Found 投稿日： 02/12/09 01:49 ID:???: そもそも画像の大きさをcmで表すこと自体が間違ってる
354 名前： Name_Not_Found 投稿日： 02/12/09 02:56 ID:???: divとspanの使い方を教えろよ。
355 名前： Name_Not_Found 投稿日： 02/12/09 03:08 ID:???: blockかinlineか
356 名前： Name_Not_Found 投稿日： 02/12/09 03:22 ID:Ry6leofi: インラインstyle属性によるスタイルの設定とはどういう事を指すのですか？
357 名前： Name_Not_Found 投稿日： 02/12/09 03:38 ID:???: >>356
検索してすぐわかるようなことを聞くなよ。
「調べたけどわかりませんでした」は却下。
358 名前： Name_Not_Found 投稿日： 02/12/09 03:47 ID:Ry6leofi: >>357
答える気が無いなら黙ってろよ。
大した知識もない分際で初心者の質問を突っぱねて
自己の欲求を満たしているだけの低俗なカスが。

おまえみたいな低俗な奴とは会話を交わしたくないので、
これ以降のレスを一切禁ずる、消えろ。
359 名前： Name_Not_Found 投稿日： 02/12/09 03:50 ID:???: 望む答えが得られなかったら「知らないんだろ」というのは何か暗黙のルールでもあるんですか？
360 名前： Name_Not_Found 投稿日： 02/12/09 03:52 ID:???: > 大した知識もない分際で初心者の質問を突っぱねて
そういうお前こそ大した知識もない初心者の分際で横柄な態度をとっているわけだが。
361 名前： Name_Not_Found 投稿日： 02/12/09 03:54 ID:???: と言うかそんな簡単に釣られるのはいい加減よせ
362 名前： Name_Not_Found 投稿日： 02/12/09 03:56 ID:???: >>356
タグの中に直接スタイル属性ブチ込むことじゃないの？
よく判らんけどそれっぽい
363 名前： Name_Not_Found 投稿日： 02/12/09 03:56 ID:???: >>356
要素のタグに style属性としてスタイル情報を埋め込むこと
<P style="color: blue">
こんなかんじ。
364 名前： Name_Not_Found 投稿日： 02/12/09 03:56 ID:???: 185問題再燃の股間
365 名前： Name_Not_Found 投稿日： 02/12/09 03:57 ID:???: >>364
185問題ってなんですか？
366 名前： Name_Not_Found 投稿日： 02/12/09 03:59 ID:???: >>365
お前も検索できない香具師だな。
http://www.google.com/search?num=1&hl=ja&ie=Shift_JIS&q=185%96%E2%91%E8&lr=lang_ja
367 名前： Name_Not_Found 投稿日： 02/12/09 04:01 ID:???: >>358
検索すればすぐわかることだ、と
>>357は答えてるじゃねえかｙｏ。
仕方ないから初心者に優しい漏れが教えてやろう。

http://www.google.com/search?q=%83C%83%93%83%89%83C%83%93style%91%AE%90%AB%82%C9%82%E6%82%E9%83X%83%5E%83C%83%8B%82%CC%90%DD%92%E8&hl=ja&lr=lang_ja&btnG=Google+%8C%9F%8D%F5
↓
http://www.kanzaki.com/docs/html/htminfo17.html
↓
http://www.kanzaki.com/docs/html/htminfo17.html#inline-style

この時点でまたわからない言葉が出たらさらに検索しる。
368 名前： Name_Not_Found 投稿日： 02/12/09 04:01 ID:Ry6leofi: >>362-363
分かり易く解説していただきありがとうございます。理解できました。

つい感情的になってしまいまして、失礼な発言を行なってしまいました。
>>357氏、また私の発言を読んで不愉快な気持ちになられた方々にお詫び致します。
申し訳ありませんでした。
369 名前： Name_Not_Found 投稿日： 02/12/09 04:03 ID:???: >>366
サンクスコ＆なつかすい。
いや、Ry6leofiを真似てみただけだったんだけど。
なんか嬉しかったよ。
370 名前： Name_Not_Found 投稿日： 02/12/09 04:05 ID:???: >>367
全然関係ないけど

＞セレクタなどの名前にアンダースコア( _ )が使えないという制約は、修正されることになるようです（2001-07-30付の仕様書4.1.3に関する修正）。

〔以上補足〕

これは現在はどうなの？
俺アンダースコア使っちまってる。
371 名前： Name_Not_Found 投稿日： 02/12/09 04:07 ID:???: >>368
「検索しろ」であそこまで熱くなる奴は、２ちゃんに向いてねえよ。もう来るなよ。
372 名前： Name_Not_Found 投稿日： 02/12/09 04:08 ID:???: おまえも熱くなり過ぎ。
373 名前： Name_Not_Found 投稿日： 02/12/09 04:09 ID:???: >>370
俺なんてハイフン使ってるぜ（藁
374 名前： Name_Not_Found 投稿日： 02/12/09 04:16 ID:???: >>373
笑ってる場合じゃないっしょこれは
どうなの？マジで
375 名前： Name_Not_Found 投稿日： 02/12/09 04:21 ID:REou2e/U: http://yahooo.s2.x-beat.com/html/b.html
376 名前： Name_Not_Found 投稿日： 02/12/09 04:27 ID:???: >>375
あからさまに怪しいURLだな。
377 名前： Name_Not_Found 投稿日： 02/12/09 04:40 ID:???: >>370
というか、アンダースコアが二つ以上あると、
リンクのフラグにもならん UA があるので、
俺もその辺の制約がないハイフン使ってるぜ（藁
378 名前： Name_Not_Found 投稿日： 02/12/09 04:47 ID:NmoPa90k: ネットサーフしててあるところの掲示板で見かけたのですが

掲示板の書き込みである用語が出てくると
強調されたり

”＞”のような引用を使うとその一文に背景色がつけられて
目立つ

ようなのをスタイルシートで見かけたのですが
このような場合外部スタイルシートに何と記述すればいいのでしょうか？

また一応>>4を中心に調べてみたのですが上記について詳しくやり方紹介している
サイトはないでしょうか？
379 名前： Name_Not_Found 投稿日： 02/12/09 05:21 ID:???: >>378
「行頭に＞の有る段落は引用と見なし<blockquote>でマークアップさせ、＞を削除する」
という動作をCGIにやらせ、スタイルは<blockquote>に指定。以上。
380 名前： Name_Not_Found 投稿日： 02/12/09 05:31 ID:???: 強調は
$_="（投稿記事）";
$a="ある用語";
s/($a)/<strong>$1</strong>/g;
な感じで

>>379
"＞"は削除しないほうがよさげ
381 名前： Name_Not_Found 投稿日： 02/12/09 05:50 ID:???: >>380
＞は引用に含まれていないだろ？
382 名前： Name_Not_Found 投稿日： 02/12/09 05:54 ID:???: まぁ、その辺は>>378が好きにするだろ。

次の方どうぞ。
383 名前： Name_Not_Found 投稿日： 02/12/09 11:54 ID:dzA2C1ZY: p要素をまとめて指定するために、div要素で囲ったあと
div.aaa p { style: hoge } として指定しています。

このdiv.aaa自体には何かスタイルを指定しておいた方がいいのでしょうか？

不具合が出るのが怖いので、div.aaa { color: black; } などと
指定してもしなくても同じ内容を書いておいてます。

指定してない場合に、Win2kでNN4, IE6 ,Opera6.05で大丈夫だったのですが、
こちらで揃えられない環境のことを考えて質問させていただきました。
よろしくお願いします。
384 名前： Name_Not_Found 投稿日： 02/12/09 12:07 ID:???: ＞このdiv.aaa自体には何かスタイルを指定しておいた方がいいのでしょうか？

WinでもMacでも、指定しないと不具合が出るブラウザーは見たことがありません。
まったく問題なし。
385 名前： 383 投稿日： 02/12/09 12:15 ID:???: >>384
ありがとうございます。すっきりしました。
386 名前： Name_Not_Found 投稿日： 02/12/09 16:15 ID:???: CSSファイル内でfontの指定って
{font-family:フォント名、フォント名;}
ですよね。

指定しても変化してくれないのはなぜなんでしょうか？
フォントも入っているし、htmlファイルの方でfontを指定してやると
きちんと表示されるのです。そんな基本を聞く奴って逝ってよしですか？

＠importの扱いもさっぱり判らないし、CSSってかなり難しいですね。

理解出来ない人は、能力の無さを認めて、htmlの方に記述しちゃっていいですか？
387 名前： Name_Not_Found 投稿日： 02/12/09 16:26 ID:???: >>386
引用符つけたか?
388 名前： 386 投稿日： 02/12/09 16:29 ID:???: >>387
"フォント名"ですよね。
389 名前： Name_Not_Found 投稿日： 02/12/09 16:29 ID:???: ありがちなのはフォント名の指定が正確でないこと。
MS Pゴシックの場合
{font-family:"ＭＳＰゴシック"}
となります。「MS P」は全角、「MS」と「P」の間は半角スペース、そしてフォント名全体を「"」～「"」で囲みます。

具体的にどう指定しているかを出してくれれば、もっといい回答が出るかも。

ガンバレ！
390 名前： Name_Not_Found 投稿日： 02/12/09 16:31 ID:???: これでCSSファイル名やディレクトリが違ってるとかだったら笑える
391 名前： Name_Not_Found 投稿日： 02/12/09 16:37 ID:???: >>389
英語で"MS PGothic"の方が良くない？
392 名前： Name_Not_Found 投稿日： 02/12/09 16:45 ID:AFl/dsFd: CSSでボックスを中央に持ってくる時は、どうすればいいんでしょうか？
align だとボックス内のテキストが中央になってしまうし、
TABLE使わずにやりたんですが、方法がわかりません。
393 名前： Name_Not_Found 投稿日： 02/12/09 16:47 ID:???: >>392
頼むから過去ログ嫁
394 名前： 389 投稿日： 02/12/09 16:49 ID:???: あれ。今IE6で検証していて気づいたのですが

body{font-family:"ＭＳＰゴシック";}

としてもページ内の文字に適用されないですよ?
font-familyプロパティは継承するはずなのに。なにが間違っているのかわかりますか?

h1{font-family:"ＭＳＰゴシック";}
p{font-family:"ＭＳＰゴシック";}

とか

*{font-family:"ＭＳＰゴシック";}

は効きました。
395 名前： 386 投稿日： 02/12/09 16:51 ID:???: >389さん
どうもありがとう。
変らないのは何かが間違っているんでしょうね。

ごちゃごちゃしていない時に、CSS自体を一から見直してみます。
396 名前： 386 投稿日： 02/12/09 16:56 ID:???: ファイル名は大丈夫ですよ～。基本ですから。

他の要素は変るんですけど、なぜだかfont-familyだけ変化しないんですよ。
397 名前： 392 投稿日： 02/12/09 16:57 ID:AFl/dsFd: >>393
過去ログがありすぎてどこに書いてあるのかわかりません。
そういわずお願いします。
398 名前： 392 投稿日： 02/12/09 17:03 ID:AFl/dsFd: 左からの絶対位置とか適当なボックスからの相対位置の指定なら
わかったんですが、一発で中央指定ってできないんですかね。
399 名前： Name_Not_Found 投稿日： 02/12/09 17:06 ID:???: >>392
過去ログどころか>>5に書いてある。
400 名前： Name_Not_Found 投稿日： 02/12/09 17:07 ID:???: >>1も読めない>392へ

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

を見ろ。

以上
401 名前： 392 投稿日： 02/12/09 17:15 ID:AFl/dsFd: >>399
ありがとうございます。
http://www.mozilla.gr.jp/standards/webtips0004.html
ここですね。
わかりました。
402 名前： ウッソ死ね 投稿日： 02/12/09 17:39 ID:???: □□□□■□□□□□■□□□□□□□□□□□□□□□□□□□□□
□□□■■□□□□□■□□□□□□□■■■■■■■■■■■■□□
□□■■□□□□□■■■■■■□□□□□□□□□□□□□■■□□
□■■□□■□□□■□□□□■□□□□□□□□□□□□■■□□□
□□■□■■□□■■■□□■■□□□□□□□□□□□■■□□□□
□□□■■□□■■□■■■■□□□□□□□□□□□■■□□□□□
□□■■□□□□□□□■■□□□□□□□□□□□■■□□□□□□
□□■□□□■□□□■■■■□□□□□□□□□□■□□□□□□□
□■■■■■■□□■■□□■■□□□□□□□□□■□□□□□□□
□□□□■□□□■■□□□□■■□□□□□□□□■□□□□□□□
□□■□■□■□□□□■■□□□□□□□□□□□■□□□□□□□
□□■□■□■□□□□□■■□□□□□□□□□□■□□□□□□□
□■■□■□■□□□□□□□□□□□□□□□□□■□□□□□□□
□■□□■□□□□■■■□□□□□□□□□□□□■□□□□□□□
□□□□■□□□□□□■■■□□□□□□□□□□■□□□□□□□
□□□□■□□□□□□□□■■□□□□□□■■■■□□□□□□□ 　　
403 名前： 386 投稿日： 02/12/10 01:11 ID:???: あれから試行錯誤の結果、CSSファイルでのfont-family指定は
諦めまして、HTMLファイルの方で、head内にfont-familyだけ
埋め込む事にしました。なんだかカッコ悪いですが。。。

みなさんどうもです。
404 名前： Name_Not_Found 投稿日： 02/12/10 01:14 ID:???: >>403
ところで@charsetは試してみたかい？
もしかしたらこれが原因かも知れない。
405 名前： 386 投稿日： 02/12/10 02:15 ID:???: >>404
@charsetって何ですか？
手持ちの本に出てないんだけど。。。
406 名前： Name_Not_Found 投稿日： 02/12/10 02:20 ID:???: そのくらい検索して調べましょう。
407 名前： 386 投稿日： 02/12/10 02:36 ID:???: head内の
<meta http-equiv="Content-Type"content="text/html:charset=Shift_JIS">
ってところのcharset以下を消したらfont-familyが動き出しました!!

検索で見たのですがよく理由が判らないのですが、charsetは意味がないのですか？
間違ってますか？
408 名前： 386 投稿日： 02/12/10 02:41 ID:???: >>all
もう、一から出直してきます。

こりゃあ、タグが打てればOKって問題じゃないですね。
根底から虱潰しで見ていかんといけんですね。

なんで、この本に説明されていないんだろ？
うわあ難しい。
409 名前： 386 投稿日： 02/12/10 02:50 ID:???: あらためて、ありがとうございました。
410 名前： Name_Not_Found 投稿日： 02/12/10 02:57 ID:???: どの本よ？
411 名前： 386 投稿日： 02/12/10 03:08 ID:???: よくよく見たらありました、が私にはかなり理解不能なだけみたいです。
理由らしきものも書いてあるよう(どの部分なのか判らないです。)ですが
何度読んでも判らないです。

charsetは指定してはいけんがですか？

「ひとりでつくれる　ホームページHTML入門　成美堂出版」
の46ページです。
412 名前： 386 投稿日： 02/12/10 03:22 ID:???: やっぱり読んでも判らないですね。ググっても理由が判らないです。

すくなくとも本のせいではない事だけは確かなようです。
お騒がせいたしました。

バカな私の事など忘れてください。
413 名前： Name_Not_Found 投稿日： 02/12/10 04:37 ID:???: くじけるな。がむばれ。
414 名前： Name_Not_Found 投稿日： 02/12/10 05:05 ID:???: >>407
とりあえず text/html の後ろはコロンじゃなくてセミコロンなわけだが、そこはどう？
415 名前： Name_Not_Found 投稿日： 02/12/10 09:32 ID:???: >>405
ブラウザによっては、外部ファイルの文字符号化方法を
間違った符号化方法（例えばISO-8859-1とか）で認識したりするので、
そういった事を避ける為に、@charset規則で明示する必要性がある。

特に、外部ファイルを読み込んだHTML文書の
文字符号化方法と異なる場合は指定した方が良い。

>>407
下記参照のこと。
http://openlab.ring.gr.jp/k16/htmllint/explain.html#content-type
416 名前： Name_Not_Found 投稿日： 02/12/10 10:10 ID:???: >>407
おーい、書き方間違ってるぞ

text/html:charset=Shift_JIS　じゃなくて
text/html;charset=Shift_JIS
（コロンじゃなくてセミコロン）

これないと文字化けするときあるから書いておけ
417 名前： 416 投稿日： 02/12/10 10:12 ID:???: 5時間も前にがいしゅつだった…　(´・ω・`)
418 名前： Name_Not_Found 投稿日： 02/12/10 16:00 ID:ddgwXClr: マウスオーバーで画像を半透明にし、背景画像をみせたいのですが、
WIN(IE、NN)MAC(IE)に対応できる記述はありますでしょうか？

どなたかお教えいただけると助かります。
よろしくお願い致します。
419 名前： Name_Not_Found 投稿日： 02/12/10 16:56 ID:rrDj1ZzA: W3Cの和訳（CSS2）があるサイトはありますでしょうか？
ttp://www.w3.org/Consortium/Translation/Japanese
このサイトからいっても見れなかったんですが･･･。
420 名前： Name_Not_Found 投稿日： 02/12/10 17:04 ID:???: >>418
PNG のアルファー値指定で出来るといいね。
421 名前： Name_Not_Found 投稿日： 02/12/10 17:22 ID:???: >>419
>>3
422 名前： Name_Not_Found 投稿日： 02/12/10 17:22 ID:???: >>419
「邦訳」で探してみ
423 名前： Name_Not_Found 投稿日： 02/12/10 17:27 ID:???: >>418
IEは独自拡張のfilterを使うわないといけないだろうから
記述を分けるしかないと思う。

filterを使うこと自体あまりオススメできないが。
424 名前： Name_Not_Found 投稿日： 02/12/10 18:51 ID:ddgwXClr: >>420
>>423
ご親切にありがとうございます！
結果的にfilterを使わない方法にしました。
便利な機能ですが、MAC、NNに関しては不便ですね。
425 名前： 419 投稿日： 02/12/10 19:06 ID:???: >>421
すみません。もっとよく探すべきでした。
>>421
ご親切にありがとうございます。
426 名前： 419 投稿日： 02/12/10 19:08 ID:???: 下の方で
421＝422です。
427 名前： Name_Not_Found 投稿日： 02/12/10 19:10 ID:7c8pMJYu: すみません、質問です。わかる方がいらしたら教えて下さい。
OSはWin98、IE6（サービスパック導入しています）で
閲覧しているのですが、突然
フィルターが私のブラウザでは表示されなくなりました。
たとえば
style="border:none;filter:Alpha(opacity=60)"
のように指定されているのに、透過されない、ということです。
前日までは問題なく見えていたのですが、何か原因はありますでしょうか？
他のスタイルシートは問題なく表示されています。
428 名前： Name_Not_Found 投稿日： 02/12/10 19:15 ID:1xN4/7F0: 【ニューヨーク９日＝夕刊フジ特電】ヤンキース、
メッツというニューヨークの２球団が、日本人欲しさに
かなり荒っぽいリストラを断行中だ、と９日、
ニューヨーク・タイムズ紙が報じた。

　ゴジラこと松井秀喜外野手が欲しいヤンキースは
ベテランの救援投手、マイク・スタントン（３５）と
ラミロ・メンドーサ（３０）を相次いで解雇した。

　メンドーサは平均年俸４００万ドル（４億８０００万円）で
３年契約を希望。スタントンも３年契約で計１０５０万ドル
（１２億６０００万円）を希望したが、球団が用意した額とは
はるかにかけ離れていた。

　ヤンキースはさらに右翼手のラウル・モンデシー、
ロンデル・ホワイト、さらにはスターリング・ヒッチコック投手ら
との契約を見直したい意向。
429 名前： 386 投稿日： 02/12/10 22:28 ID:???: CSSファイルfont-familyの件にて。

charset=Shift_JISを消すときちんとfont-familyが動作するというのも腑に落ちないので
いろいろ試してみたところ、

その１、content="text/html"; charset=Shift_JIS>
その２、content="text/html"; charset="Shift_JIS">
その３、content=text/html; charset=Shift_JIS>

で、記述するとfont-familyが動いてくれるようでした。しかし、依然として、

content="text/html;charset=Shift_JIS">

という本来の記述では、動いてくれません。先の本にも

「記述する際やってしまいがちなのは、conten="text/html;"charset="Shift_JIS"なんていう
ミスですが、text/html;charset=Shift_JISがcontentの属性の値です。charsetという属性で
はありませんのでご注意ください。」

とあります。まさに、その2がそうした、例なのですが、なんだか本来の記述をしているのに、
作用してくれず、ミス通りにすると作用する、ので戸惑っています。

>>414,416さん
「；」はきちんと記述していましたが、レスする時にミスをしてしまいました。
申し訳ございません。

レスをしてくれたみなさんありがとうございます。
430 名前： 429訂正 投稿日： 02/12/10 22:37 ID:???: その2と先の本の、やってしまいがちなミスの表記で「”」の位置が違っていました。
申し訳ありません。が、その2でも、やってしまいがちなミスの例でもfont-familyは
作用しています。
431 名前： Name_Not_Found 投稿日： 02/12/10 22:39 ID:???: HTMLでなくてCSSシートに@charset指定してるのが間違ってるんでないかい？
432 名前： Name_Not_Found 投稿日： 02/12/10 22:41 ID:???: HTML と CSS のファイルの文字コードが違うとか。
433 名前： Name_Not_Found 投稿日： 02/12/10 23:43 ID:???: >>429
＞その１、content="text/html"; charset=Shift_JIS>
＞その２、content="text/html"; charset="Shift_JIS">
＞その３、content=text/html; charset=Shift_JIS>
のように半角スペースを入れて
content="text/html;charset=Shift_JIS"> ではなく
content="text/html; charset=Shift_JIS">　にはしてみたか？

半角スペースを入れないとブラウザによっては作用しないCSS記述があるので
これも　それと同じで半角スペースが必要なのでは
434 名前： Name_Not_Found 投稿日： 02/12/10 23:55 ID:???: >>429
ソースを晒してくれるとありがたいんだけど…
435 名前： 386=429 投稿日： 02/12/11 01:19 ID:???: 429さんの半角スペースでは変化しなかったのですが、ちょっと応用してみて、

content="text/html;　charset=Shift_JIS"

と、全角一個を間に入れたら外部CSSファイルによるfont-familyを読み込んでくれました!!

それから、いろいろ試してみたのですが、他の要素は全半角を問わないようで、metaの
中でもココだけ全角が必要なようでした。

こんな理解でいいのでしょうか？
436 名前： 386=429 投稿日： 02/12/11 01:23 ID:???: あ、検証結果なのに下げてしまいました。
437 名前： Name_Not_Found 投稿日： 02/12/11 01:26 ID:???: >>435
おぃおぃ・・
438 名前： Name_Not_Found 投稿日： 02/12/11 01:30 ID:???: 適用されない＝実は適用されてる
適用された＝実は適用されてない
という説
439 名前： Name_Not_Found 投稿日： 02/12/11 01:39 ID:???: >>435
全角のマークアップは無効。charsetが書かれていないのと同じ。
440 名前： 429=435 投稿日： 02/12/11 01:52 ID:???: >>439さん
はあ、無効ですか？
それでも表示されるって事はどこかがおかしいって事ですよね。

余裕のある時に、プリントアウトして一から検証してみます。
今日は、手一杯です。まだまだ道は長そうです。

レスをくれたみなさん、どうもありがとうございました。

今日はおやすみなさいです。
441 名前： Name_Not_Found 投稿日： 02/12/11 01:52 ID:???: また明日も来るのかよ！
勘弁しやがれ！
442 名前： 429=435 投稿日： 02/12/11 01:57 ID:???: >>441さん
明日も、明後日も来ないから大丈夫ですよ。
考えたら、スタイルシートの問題じゃないですよね。
すいません。

せっかくの貴重な板を汚してしまい申し訳ありませんでした。
443 名前： Name_Not_Found 投稿日： 02/12/11 05:49 ID:???: まあ、ｶﾞﾝｶﾞﾚ
444 名前： 441 投稿日： 02/12/11 06:07 ID:???: >>442
いや、ほんの冗談だぞ。いつでも来いよ。
445 名前： Name_Not_Found 投稿日： 02/12/11 10:04 ID:???: このネタはもういいけどな
446 名前： Name_Not_Found 投稿日： 02/12/11 11:25 ID:nE0Siy+P: 文中にソースコードのサンプルを置くことがあります。
改行やインデントをそのままにしたいためpreを使っているのですが、
横に長いコードがあると、当然ながら横スクロールがでます。

ソースコード部分はこれで問題ないのですが、本文まで同じ幅になってしまい
かなり鬱です。
↓のような表示にしたいのです。助けてください。

｜-------------｜ウィンドウ幅
｜あいうえおあい｜
｜うえおあいうえ｜←本文はウィンドウ幅で自動改行して欲しい
｜ aaaaaaaaaaaaaaaaaaaaaa　←この部分ははみ出して良い
｜ bbbbbbbbbbbbbbbbbb　　　
｜あいうえおあい｜
｜うえおあいうえ｜
447 名前： Name_Not_Found 投稿日： 02/12/11 11:29 ID:???: >>446
それはcssの仕様、というよりもpreの結果だからな、
テキストエリア作って放り込んだほうがよくない？
448 名前： Name_Not_Found 投稿日： 02/12/11 11:30 ID:???: 自動改行じゃなくて「折り返し」ね。
449 名前： Name_Not_Found 投稿日： 02/12/11 12:04 ID:???: >>447
良くない

>>446
そんなはずないと思うんだが。
普通はその図の様になるぞ
450 名前： Name_Not_Found 投稿日： 02/12/11 12:19 ID:???: ソースコードは<code>
451 名前： Name_Not_Found 投稿日： 02/12/11 12:26 ID:???: >>446
タグの閉じ忘れの可能性もあるので、もう一度確認すべし。
（終了タグのスペルミスとか）
それでもだめだったら、ソースをさらしてみて。
452 名前： Name_Not_Found 投稿日： 02/12/11 12:28 ID:???: >>450
codeはインラインだからbody直下には書けないだろ。
まとまった分量のコードを書く場合、<pre><code>～</code></pre>
とやるのは妥当だと思うが。
453 名前： Name_Not_Found 投稿日： 02/12/11 12:35 ID:???: <ol>
<li><code>*****</code></li>
<li><code>*****</code></li>
<li><code>*****</code></li>
</ol>
454 名前： 447 投稿日： 02/12/11 12:48 ID:???: >>449
ｽﾏﾝ。読んで、その通りだと思い込んでしまってた。

>>446
試してみたら、pre掛かってないところは折り返されたよ。</PRE>って入れてる？
455 名前： Name_Not_Found 投稿日： 02/12/11 15:13 ID:Ezr+Zt5k: はじめまして
テーブル内とテーブルの外にスタイルシートを適用したいときの話です。
↓これでいいと思うのですが･･･本当にそうなんでしょうか？
一行だけで内外の両方に指定できたりしますか？
なにかまずいことありませんか？

<p>.mozi { font-family: "ＭＳＰゴシック", "Osaka"; font-size: 20px}.
table { font-family: "ＭＳＰゴシック", "Osaka"; font-size: 10pt; } </p>
456 名前： Name_Not_Found 投稿日： 02/12/11 15:17 ID:???: >>455
もうちょい基本を勉強してからまた来てね。
457 名前： Name_Not_Found 投稿日： 02/12/11 15:20 ID:???: >>455
ttp://www.kanzaki.com/docs/html/htminfo17.html#S30
458 名前： Name_Not_Found 投稿日： 02/12/11 15:32 ID:???: 455はどこで勉強したんだろう？
459 名前： 455 投稿日： 02/12/11 16:02 ID:Ezr+Zt5k: ･･･もしかしてすごくおかしいですか･･･。。？
誰か回答をかいてくれると、すごく嬉しいです。

作成ソフト(DW)つかっていてうまくいかず、
txtでやっています。。作成ソフトとtxtのやりかたが
いまいちリンクしなくて大混乱中。。
簡単そうでいまいちよくわからない。。
460 名前： Name_Not_Found 投稿日： 02/12/11 16:14 ID:???: >>459
激しくおかしい

何がおかしいのか理解できるように
お勉強してください
461 名前： Name_Not_Found 投稿日： 02/12/11 16:51 ID:???: >>455
DW＞テキスト>新規CSSスタイル作成>名前＝P>クラス名だけど？>OK>フォント＆サイズ指定>OK

その後ソース見れ

以上
462 名前： 446 投稿日： 02/12/11 16:51 ID:???: >>447-454さん、ありがとうございます。
日記用のCGIを使っていたので確認が遅くなりました。
日記本文が1日毎にテーブルになっており、
その中でpreを使っていたのが原因のようです。

CGIが出力したHTMLからtalbe関連のタグを削除したところ
望むとおり＆みなさんが書かれていた通りの状態になりました。
これからCGIの改造をしますです。

ありがとうございました。助かりました。
463 名前： Name_Not_Found 投稿日： 02/12/11 17:06 ID:HNhzrkDp: inline要素にはwidth指定できないとのことですが、
わたしは<dt>と<dd>をinlineにして、<dt>にはwidth指定していました。
IE5,6だとうまく表示してくれていたので安心していたのですが…。

compactとかいう指定がhtmlでできたような気もしますが、
あまり推奨されていない印象です。（NN独自でしたか？）

スマートな解決策は何でしょうか。
<dt>をinlineにせず、flort:leftでしょうか？
464 名前： Name_Not_Found 投稿日： 02/12/11 17:10 ID:???: 遅レスですが、display:noneについて。
カウンタのPHPスクリプトを<object>を使って設置しているのですが、
.counter{display:none}にしています。
465 名前： Name_Not_Found 投稿日： 02/12/11 17:11 ID:???: >463
さらに、ddにmargin-leftをたっぷりとってあげればOK…だと思うけど嘘かも
466 名前： Name_Not_Found 投稿日： 02/12/11 17:29 ID:???: >>455
まず、なんでスタイルを段落で囲むんだ？と。

BODY {
　 font-family: "ＭＳＰゴシック", "Osaka"; font-size: 20px
}.
table {
　 font-family: "ＭＳＰゴシック", "Osaka"; font-size: 10pt;
}
　このままtxtに貼り付けて、拡張子を.cssにしる。
htmlファイルと同じディレクトリにぶち込んで、
<LINK href="つけた名前.css" rel="stylesheet" type="text/css">
をhtmlファイルのhead内にぶち込め。
467 名前： Name_Not_Found 投稿日： 02/12/11 17:38 ID:???: 世話好きなひとですね。いいお嫁さんになれます。
468 名前： Name_Not_Found 投稿日： 02/12/11 17:59 ID:???: わざわざ外出しせずとも、嫁さんなら中出し可なのではないか。
469 名前： Name_Not_Found 投稿日： 02/12/11 18:07 ID:???: >>468
まぁ、外出ししておけば夫婦水入らずで過ごせる期間が延びるわけで。
470 名前： Name_Not_Found 投稿日： 02/12/11 18:09 ID:???: 外出ししちゃうと、出したものが見当たらないとか言って怒られたりすることも新婚さんには多いわけで。
471 名前： 455 投稿日： 02/12/11 18:30 ID:Ezr+Zt5k: >>461
>>466
ありがとうございます。できました(^-^)

たくさん勉強しますので、中出しは･････勘弁してください*^^*;
472 名前： Name_Not_Found 投稿日： 02/12/11 22:45 ID:GzAmL7fH: 471の口調に萌え(*´∀`*)
473 名前： Name_Not_Found 投稿日： 02/12/11 22:47 ID:???: >>471
てめえ女かよ。結婚してください。
474 名前： Name_Not_Found 投稿日： 02/12/11 22:50 ID:???: >>471
外出しでいいのでやらせてください。
475 名前： Name_Not_Found 投稿日： 02/12/11 22:51 ID:???: （´｀）ｷﾓｯ
476 名前： Name_Not_Found 投稿日： 02/12/11 22:54 ID:uXi5t+wO: dt{float:left}にしたり、dd{clear:both}にしたり、
<br clear="all">を付けたり、いろいろ試しましたが、
IE5,IE6,NN6のすべてで満足いく結果…にはなりませんでした。

やはり、dt{display:inline;width:Xem}でいこうと思います。
NN6だけはwidthが効いていませんが、致命的というわけではないので…。

それにしても、em{background:red;width:4em}とか、
まあこの例はうまくないかもしれないけど、
inline要素のwidthにも意味はあると思うんですが、
こういう見栄えを実現したいときはいい方法はあるのでしょうか…。
477 名前： Name_Not_Found 投稿日： 02/12/11 23:25 ID:???: >>476
dt { width: 10em; float: left; }
dd { margin-left: 10em; }
とかでは、ダメなのか？
478 名前： Name_Not_Found 投稿日： 02/12/11 23:36 ID:???: >>476
サンプルソース…
-------------------------------
<dl>
<dt>(ﾟДﾟ,,)</dt><dd>(,,ﾟДﾟ)</dd>
<dt>(ﾟДﾟ,,)</dt><dd>(,,ﾟДﾟ)</dd>
<dt>(ﾟДﾟ,,)</dt><dd>(,,ﾟДﾟ)</dd>
<dt>(ﾟДﾟ,,)</dt><dd>(,,ﾟДﾟ)</dd>
<dt>(ﾟДﾟ,,)</dt><dd>(,,ﾟДﾟ)</dd>
<dt>(ﾟДﾟ,,)</dt><dd>(,,ﾟДﾟ)</dd>
</dl>
<p class="abc">(´∀｀)</p>
-------------------------------
dt{border:1px solid red;　/* 枠線つけて分かりやすくしてみるテスト */
float:left;
clear:left;
width:30%;
height:3em;
overflow:auto;
}
dd{border:1px solid blue;　/* 枠線つけて分かりやすくしてみるテスト */
margin:0;
height:3em;
overflow:auto;
}
p.abc{clear:both;}
-------------------------

こんなんじゃだめ？
479 名前： Name_Not_Found 投稿日： 02/12/11 23:36 ID:???: >>476
tableじゃ駄目なの？

<table summary="蹴り技を紹介する表">
<caption>蹴り技一覧</caption>
<thead>
<tr>
<th>技の名前</th>
<th>技の説明</th>
</tr>
</thead>
<tr>
<th>ローキック</th>
<td>足を蹴る</td>
</tr>
<tr>
<th>ミドルキック</th>
<td>脇腹を蹴る</td>
</tr>
<tr>
<th>ハイキック</th>
<td>頭を蹴る</td>
</tr>
</table>

見出し（蹴り技一覧）と1行目（技の名前、技の説明）が見栄え的に要らない場合は、

caption,thead { display : none; }

の方向で。
480 名前： 478 投稿日： 02/12/11 23:40 ID:???: dtのclear:left;は要らないです。(´Д｀)
481 名前： 463=476 投稿日： 02/12/11 23:59 ID:???: <dt>名前</dt><dd><input type="text" name="namae"></dd><br clear="all">
----
dt{float:left;width:3em}
dd{display:inline}
これで成功しました。

ddにmarginは必要ないです。
仮に付けると、10em分の間隔が開いてしまいます。

ひょっとしたら実現したいレイアウトがうまく説明できていなかったかもしれません。
こんな感じで、フォームアイテムを並べています。

名前 [　　　　　　　　]
mail [　　　　　　　　]

名前やmailなどの幅を統一の3emで指定することで、
テーブルを使わずにinput要素の左揃えを実現したかったのです。
テーブルでもマークアップ的にはいいと思うんですけど、
テーブルは、テーブル自体の横幅の指定がうまくいかないので避けたかったのです。
ありがとうございました。
482 名前： Name_Not_Found 投稿日： 02/12/12 00:20 ID:???: なんだフォームか…
dtかddの中に数行の文章が入るのかと思って
overflowとか色々考えちゃったよ。
483 名前： Name_Not_Found 投稿日： 02/12/12 01:18 ID:???: >>481
</dd>のあとに<br>とはこれ如何に。
あるべきは</dd></dl>で、その間には何物も挾むことを許さず。

あと、floatしたのならddへのdisplay:inline;指定は不要のはずだが。
484 名前： Name_Not_Found 投稿日： 02/12/12 01:25 ID:???: >>481
定義リストを表化するには、これでいいハズ。
DT {
clear:left;
float:left;
width:3em;
margin:0;
padding:0;
}
DD {margin:0 0 0 3em;padding:0;}
485 名前： Name_Not_Found 投稿日： 02/12/12 01:56 ID:???: >>481
CSSを覚える前にHTMLの仕様書読め。
486 名前： 481 投稿日： 02/12/12 02:14 ID:???: >>483
dd{display:inline}がないと、
ブロック要素と<br clear="all">の解釈の違いによって、
NN6で1行空いてしまうのです。
まあ、IEの解釈のほうが間違っている気がしますが。

>>484
ダメですた。
<dd>にマージン指定すると、どうしても<dt>との間に
まるまる3emの空隙ができてしまいます。

>>485
フォームにリストがダメですか？
津波荘など色々参考サイトを見て回ったのですが…。
それとも、<br clear="all">を使ってるのがまずいですか？
しかしこれはIEのシェア的に無視できず、勘弁していただきたいところです。
display:inlineが許されるならば、<br>も必然的に許される気もします。
スレ違い?ｽﾏｿ。
487 名前： Name_Not_Found 投稿日： 02/12/12 02:18 ID:???: > display:inlineが許されるならば、<br>も必然的に許される気もします。

全然違うし。もうすこし頭を冷してよく考えてみ
488 名前： 481 投稿日： 02/12/12 02:21 ID:???: 間違い訂正。
>>483
dd{display:inline}がないと、
IE6でなぜか最初の<dd>の手前で改行されてしまいます。
また、NN6では各<dt><dd>のセットの間にそれぞれ1行の間隔が開いてしまいます。
489 名前： Name_Not_Found 投稿日： 02/12/12 02:31 ID:???: >>486
<!ELEMENT DL - - (DT|DD)+ -- definition list -->
DL要素の内容モデルは、DT要素或いはDD要素の一回以上の繰り返し。
その他の要素は包含できない。それぐれらい知れ。
490 名前： 481 投稿日： 02/12/12 02:34 ID:???: dt{clear:left}を追加して、<br>をなくしてみたんですが、
IEで、2行目以降にインデントがついてしまいました。
名前 [　　　　　　　　]
　　　　mail [　　　　　　　　]
　　　　　　　　url [　　　　　　　　]
こんな感じです。
もちろん、{margin:0;padding0}です。

け、結局、テーブルですか。(ﾟДﾟ;
491 名前： 481 投稿日： 02/12/12 02:35 ID:???: 毎回タイプミスがあるので鬱です。
padding:0ですね。":"が抜けてました。
492 名前： Name_Not_Found 投稿日： 02/12/12 02:45 ID:???: <head>
<title>これでいいだろうがボケ。</title>
<style type="text/css">
dt { width: 3em; float: left; clear: both; }
dd { margin-left: 3em; }
</style>
</head>

<body>

<dl>
<dt>名前</dt><dd><input type="text"></dd>
<dt>mail</dt><dd><input type="text"></dd>
</dl>

</body>
493 名前： Name_Not_Found 投稿日： 02/12/12 03:08 ID:???: 最近しつこい奴が多いけど
同一人物？
494 名前： Name_Not_Found 投稿日： 02/12/12 03:34 ID:???: あ、はい、全部俺です
495 名前： 481 投稿日： 02/12/12 03:44 ID:???: >>492さん、ご丁寧なソースありがとうございます！
結局、親要素のline-heightなど、わたしのサイト固有の原因がありました。
色々調整した結果、<br>はなくすことができました。inlineも使っていません。
まことにおさわがせしました。すみません。
496 名前： Name_Not_Found 投稿日： 02/12/12 04:11 ID:???: >>494
騙るな。どあほうが。
497 名前： Name_Not_Found 投稿日： 02/12/12 04:31 ID:???: >>3
に、HTMLの仕様書や HTML Validator も追加した方が良くないか。

> CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。
> つまり、正当(valid)なHTML文書と共に、CSSスタイルシートを用いる必要があります。

HTMLを知らなくては、CSSの利点は活かされない。
CSSを知らなくても、HTML文書は書ける。
498 名前： Name_Not_Found 投稿日： 02/12/12 07:46 ID:???: >>497
その場合、>>1に、
「CSSを意図した通りに機能させるには、CSSを適用するHTML文書も正しく
書く必要があります」
という旨の文章をつけくわえた方がいいと思う。

しかし、こうなると本当にFAQサイトを別に作った方がよさそうだね。
俺がやってもいいんだけど、仕様書もきちんと目を通したことのない
ヘタレだしな……
499 名前： Name_Not_Found 投稿日： 02/12/12 18:24 ID:???: dtなどをdisplay:list-item;にした場合、IE6ではきちんとリストマーカーが表示されるでしょうか
mozillaでは表示されましたがIEはバージョンアップできないので確認が取れませんでした。
500 名前： Name_Not_Found 投稿日： 02/12/12 19:14 ID:???: >>499
されるよ。

そしてなめらかに500ｹﾞﾄ
501 名前： Name_Not_Found 投稿日： 02/12/12 19:54 ID:???: >>500
どうもです。確認取れなかったので安心しました。
502 名前： Name_Not_Found 投稿日： 02/12/12 20:00 ID:???: >499
まだ見てるかな?
>>4のあたりに、ブラウザごとの対応状況を調査しているサイトが紹介されてますよん。
次回はそのあたりが役に立ちそう
503 名前： Name_Not_Found 投稿日： 02/12/12 20:10 ID:???: >>502
すんませんでした。こんどちゃんと読んできます
504 名前： ネスケ逝ってよし。 投稿日： 02/12/13 00:55 ID:2WpsAB3m: ズバリ！　「ネスケ4以下の時はCSSを読み込まないようにする」
やり方を教えていただけないでしょうか。

以前、公共のサイトを作った時は、ネスケ4.7でも綺麗に表示されるように
BODYには行空け（line-height : 1.5em ）をつけないで
いちいちタグにつけるとか、
画像と文字が重ならないようにテーブルに入れるとか、気を使ったのですが
やはり限界があるので…。
505 名前： Name_Not_Found 投稿日： 02/12/13 00:57 ID:???: ネスケ4ユーザを物理的に壊滅する
506 名前： Name_Not_Found 投稿日： 02/12/13 01:00 ID:???: >>504
質問する前に検索しましたか。
>>4も見給へ（特に一番下を）。
507 名前： ネスケ逝ってよし 投稿日： 02/12/13 01:06 ID:???: >506
ありがとうございます！！！！　ズバリ！！　それが知りたかったのです。
検索はしたんですが、スレ内を見落としてました。
↓これの書き方を知りたかったんです。
http://216.239.33.100/search?q=cache:4tKv3DmOJJgC:www.style221.net/about.html+%E3%83%8D%E3%82%B9%E3%82%B14%E3%80%80CSS%E3%82%92%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BE%E3%81%AA%E3%81%84&hl=ja&lr=lang_ja&ie=UTF-8
***ネスケの未対応の機能を使ってCSSを読み込まないように設定***
どうもありがとうございました。
508 名前： Name_Not_Found 投稿日： 02/12/13 01:33 ID:???: 自己完結する奴、ウザ・・・
509 名前： ネスケ逝ってよし 投稿日： 02/12/13 01:39 ID:???: これでいい？(ﾟ∀ﾟ)
<link rel="stylesheet" type="text/css" href="ほにゃらら.css" media="all">
510 名前： @import 投稿日： 02/12/13 02:10 ID:???: >>509
験せばわかるだろ。
ＮＮ４をインストールできない環境でもあるまいに。
511 名前： ネスケ逝ってよし 投稿日： 02/12/13 02:16 ID:???: >510
いや。試してる。NN4はインストール済。
ただインポ音を使う方法が読んでもよくわかんなかったので、
メディアなんとかでやってみている。
：@import ：
512 名前： screen, 投稿日： 02/12/13 04:12 ID:???: >media="all"
全てのメディアに対象なんて迷惑だよ。

これでいいだろ。(ﾟ∀ﾟ)
<link rel="stylesheet" type="text/css" href="ほにゃらら.css" media="screen,">
メディアタイプの最後のコンマがミソ。
Netscape 4 のアフォは解析できないのだ。
513 名前： Name_Not_Found 投稿日： 02/12/13 04:14 ID:???: ほんまアッフォやなぁ！（快笑）
514 名前： Name_Not_Found 投稿日： 02/12/13 04:28 ID:???: >>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。
515 名前： Name_Not_Found 投稿日： 02/12/13 04:28 ID:???: >>513
おまえなんかむかつくな。
516 名前： Name_Not_Found 投稿日： 02/12/13 04:32 ID:???: >>515
オマエモナー
517 名前： Name_Not_Found 投稿日： 02/12/13 05:06 ID:???: >>513＝>>516
518 名前： Name_Not_Found 投稿日： 02/12/13 05:11 ID:???: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//JA">

↑あってる？
519 名前： Name_Not_Found 投稿日： 02/12/13 05:24 ID:???: JA?
520 名前： Name_Not_Found 投稿日： 02/12/13 05:29 ID:???: ENでした？
521 名前： Name_Not_Found 投稿日： 02/12/13 06:22 ID:???: ENじゃないとダメだよ。
そこはDTDの言語指定だから。
522 名前： Name_Not_Found 投稿日： 02/12/13 06:23 ID:???: >>518
ネタか？
523 名前： Name_Not_Found 投稿日： 02/12/13 06:29 ID:???: >>513≠>>516
524 名前： Name_Not_Found 投稿日： 02/12/13 06:53 ID:???: >>514＝文盲
525 名前： Name_Not_Found 投稿日： 02/12/13 06:54 ID:???: >>514は文盲というより知障。
526 名前： Name_Not_Found 投稿日： 02/12/13 06:55 ID:???: とほほ信者VSアンチ

ファイッ！
527 名前： Name_Not_Found 投稿日： 02/12/13 07:01 ID:???: >>526
あはは。わかる気がする。
528 名前： Name_Not_Found 投稿日： 02/12/13 07:16 ID:???: とほほ信者VSボブ・サップ

ファイッ！
529 名前： Name_Not_Found 投稿日： 02/12/13 07:18 ID:???: ボブ・サップVSアーネスト・ホースト

ファイッ！
530 名前： Name_Not_Found 投稿日： 02/12/13 07:21 ID:???: >>529
531 名前： Name_Not_Found 投稿日： 02/12/13 10:14 ID:???: >518
http://www.ne.jp/asahi/minazuki/bakera/html/sgml/doctype　を参照のこと。
532 名前： Name_Not_Found 投稿日： 02/12/13 12:34 ID:???: ならばJAに対応させた日本語版DTDを作ろう
という気にはなれない。
533 名前： Name_Not_Found 投稿日： 02/12/13 16:58 ID:???: <li>のfloatがうまくいきません。例えば、

<div class="section">
<h2>ほげほげ</h2>
<ul>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
...
</ul>
</div>

のようにし、<li>にwidth:15em;float:left を適用させたところ、
<div class="section">のボックスサイズがおかしくなってしまいました。
WinME + IE5.5sp2・Netscape7で表示を確認したんですが、共に若干の違い
があるものの、<div>のボックスの縦幅が<ul>よりも狭くなり、結果的に
<ul>が<div>をはみ出すような形になってしまいました。
うまく回避する方法はないでしょうか。
534 名前： 533 投稿日： 02/12/13 17:01 ID:WDr+7rKQ: age忘れました。
あと、Opera6.05ではとりあえず意図した通りに(?)表示されてました。
535 名前： Name_Not_Found 投稿日： 02/12/13 17:31 ID:???: >>533
ulに適当なwidthを与えてみてください
536 名前： 533 投稿日： 02/12/13 17:46 ID:???: >>535
ulにwidth:100%を与えてみましたところ、IE5.5で表示が改善されました！
Netscape7では変わらないみたいなんですが、IE5.5が改善されただけでも
うれしいです。ありがとうございます！
537 名前： Name_Not_Found 投稿日： 02/12/13 18:04 ID:mbeKMtqO: 外部CSSファイルを読み込んでますが、

<p class="aaa">あああああ</p>
などと指定したとき、aaaというクラスがCSS内になかった場合って
大丈夫なんでしょうか？
538 名前： Name_Not_Found 投稿日： 02/12/13 18:11 ID:???: >>537
大丈夫。何も適用されないだけ。
539 名前： Name_Not_Found 投稿日： 02/12/13 18:12 ID:???: >537
それはいけません！OSがクラッシュして再インストール必須です！

なわけがなくて、特になにも起きないんでは…自分でやってみれば?
540 名前： 537 投稿日： 02/12/13 18:14 ID:???: >>538 , >>539

サンキューです。

一応、Win2kで一番タチの悪いﾈｽｹ4で大丈夫だったのは確認してましたけど、
macとかどうなのかなーと思って。
言葉足らずでごめんなさい。
541 名前： Name_Not_Found 投稿日： 02/12/13 20:29 ID:???: >>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。
542 名前： Name_Not_Found 投稿日： 02/12/13 20:34 ID:???: お、どうした、粘着だな！
543 名前： 542 投稿日： 02/12/13 20:36 ID:???: >>541
禿同
544 名前： 野嵜健秀 投稿日： 02/12/13 20:57 ID:???: >>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。
545 名前： Name_Not_Found 投稿日： 02/12/13 21:12 ID:???: お、どうした、粘着だな！
546 名前： 545 投稿日： 02/12/13 21:12 ID:???: >>544
禿同
547 名前： 545 投稿日： 02/12/13 21:12 ID:???: 禿同>>544
548 名前： Name_Not_Found 投稿日： 02/12/13 21:13 ID:???: とほほはどかが(･Ａ･)ｲｸﾅｲ!!の？
おせーてPLZ
549 名前： Piro 投稿日： 02/12/13 21:14 ID:???: >>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。
550 名前： Name_Not_Found 投稿日： 02/12/13 21:19 ID:???: >>548
http://members.jcom.home.ne.jp/pctips/Tondemo/003Tohoho.html
551 名前： Name_Not_Found 投稿日： 02/12/13 21:24 ID:???: >>544 >>550
(;´Д｀)野嵜たんﾊｧﾊｧ。
552 名前： Name_Not_Found 投稿日： 02/12/13 21:43 ID:???: 自作自演の嵐だな・・・
553 名前： 552 投稿日： 02/12/13 21:44 ID:???: >>544
禿同！！！！
554 名前： Name_Not_Found 投稿日： 02/12/13 22:10 ID:???: 荒らすなら糞スレでやれリア厨ども
555 名前： 554 投稿日： 02/12/13 22:14 ID:???: >>544
禿同！！！
556 名前：べに投稿日： 02/12/13 22:22 ID:eOeYBXQD: 以下のhtmlで”名　称：”と”－－－－壱”
同じく”所在地：”と”－－－－壱”
の間が、微妙に空いてしまいます。
name-addressに負のmarginを指定してあげたら空かなくなるのですが、
印刷時に文字ずれが生じました。
どのようにすれば、隙間がなくなるでしょうか？
教えてください。

<html>
<head>
<style type="text/css">
body.plain {font-size:0.4cm; font-family:ＭＳ明朝; line-height:150%; margin-left:2em; padding-top:0.5em;}
div.plain {width:15cm;}
span.name-address {width:7em; height:4em; float:left; text-align:right;
margin:0cm; padding:0cm border-style:none;}
</style>
</head>
<body class="plain">
<div class="plain">
<p>１．事業所の名称及び所在地<br>
<span class="name-address">名　称：<br>所在地：</span>－－－－壱－－－－１－－－－壱－－－－２<br>
－－－－壱－－－－１－－－－壱－－－－２－－－－壱－－－－３－－－－壱－－－－４－－－－壱－－－－５</p>
</div>
</body>
</html>
557 名前： Name_Not_Found 投稿日： 02/12/13 22:27 ID:???: width:7em
558 名前： Name_Not_Found 投稿日： 02/12/13 22:31 ID:???: >>556
名称と所在地を<span>で括るのがおかしいだろ……
かなり不思議マークアップな気がする。

っていうか、リストなり表なりにしてくれ。
559 名前： Name_Not_Found 投稿日： 02/12/13 22:33 ID:fH3KC67e: スタイルシートのリファレンス本ほしいんだけど、たくさんありすぎてようわからん。
ショウエイシャとかソフトバンクとか秀和システムとか。
おすすめとか定番ものってのがあったら教えてください
560 名前： Name_Not_Found 投稿日： 02/12/13 22:34 ID:???: >>556
ヤツラが来るまえに逃げろ！早く
561 名前： Name_Not_Found 投稿日： 02/12/13 22:37 ID:???: >>559
書籍スレ見たほうが良いんでない？
http://pc3.2ch.net/test/read.cgi/hp/992793435/
562 名前： Name_Not_Found 投稿日： 02/12/13 22:37 ID:???: >>559
杜甫々本がオススメ
563 名前： Name_Not_Found 投稿日： 02/12/13 22:37 ID:???: >>556
つーか，これこそtableとかでレイアウトすべきじゃない？
もしくはdl,dt,ddかなぁ．
わざわざスタイルシート使ってまでAccessibility下げてる理由がわからん．

lynxとかでみると，

名　称：
所在地：
－－－－壱－－－－１－－－－壱－－－－２
－－－－壱－－－－１－－－－壱－－－－２－－－－壱－－－－３－－－－壱－－－－４－－－－壱－－－－５
ってなるのかな？

音声ブラウザだともっとひどいことになりそ．
564 名前： Name_Not_Found 投稿日： 02/12/13 22:42 ID:fH3KC67e: >>561 >>562
親切にありがとうございます。氏ねとか言われるかとちょっと不安だっただけにうれしいです
565 名前： Name_Not_Found 投稿日： 02/12/13 22:42 ID:???: 563は阿呆
566 名前： Name_Not_Found 投稿日： 02/12/13 22:42 ID:???: >>563
　いや、こうじゃないか？

名　称：
所在地：－－－－壱－－－－１－－－－壱－－－－２
－－－－壱－－－－１－－－－壱－－－－２－－－－壱－－－－３－－－－壱－－－－４－－－－壱－－－－５

あれだよな、普通にスタイルシート切ればこうなるわけで。
考え直せ>>556
567 名前：べに投稿日： 02/12/13 22:50 ID:eOeYBXQD: すごい早いレス、ありがとうございます。
I.E. 6.0の表示では、

名　称：－－－－壱－－－－１－－－－壱－－－－２
所在地：－－－－壱－－－－１－－－－壱－－－－２
　　　　　－－－－壱－－－－３－－－－壱－－－－４－－－－壱－－－－５

となります。
テーブル使うと早いと思うんですが、
どうしても隙間が気になるんです。
margin、border-style、border-width、padding
とう色々変えてみたのですがなんともなりません。

cssをせっかく覚えたのにテーブル使いたくない、
というのももちろんですが。
568 名前： Name_Not_Found 投稿日： 02/12/13 22:50 ID:???: ん？なんで荒れてんだ
569 名前： 563 投稿日： 02/12/13 22:53 ID:???: 阿呆っていわれちゃったよ（´･ω･`）ｼｮﾎﾞｰﾝ

って思ったら
>>566
ああ，ほんとだ．鬱だ氏のう．
570 名前：べに投稿日： 02/12/13 22:53 ID:???: >558
確かにspanはおかしいような気がします。
span、p、divの使い分けがわかってないです。
571 名前： Name_Not_Found 投稿日： 02/12/13 23:03 ID:???: >cssをせっかく覚えたのにテーブル使いたくない、

表をテーブルでマークアップするのは何も悪くないと思うが。
CSSをいじるのは、ValidなHTMLを書けるようになってからにしれ。
572 名前： Name_Not_Found 投稿日： 02/12/13 23:04 ID:???: >>567
>>556のCSSならテーブル使うほうがましです。
573 名前： Name_Not_Found 投稿日： 02/12/13 23:05 ID:???: table を使うべき時は使うんだよ。

<style>
td{padding:0;margin:0;text-align:left;}
th{padding:0;margin:0;text-align:right;width:7em;}
</style>
</head>
<body>
<table>
<tr>
<th>名称</th><td>－－－－</td>
</tr>
<tr><th>所在地</th><td>－－－－</td>
</tr>
</table>
</body>

つーか、もうちょと勉強して下さい。
574 名前：べに投稿日： 02/12/13 23:22 ID:eOeYBXQD: もうちょっと。

ttp://www9.plala.or.jp/evian/ki.htm
のページでうえのスタイルシートだと、
”：”と”－”の間に空白があるのに対し、
テーブルだと、空白がありません。

この空白はどこから出現してるのか
純粋に気になるんです。
575 名前： 563 投稿日： 02/12/13 23:29 ID:???: 阿呆の563ですが，おわびに．
−−−−壱−−−−１−−−−壱−−−−２
がどこで区切れるのかわからんが，区切らずテーブル使わないんだったらこんな感じ？

<html>
<head>
<style type="text/css">
body {font-size:0.4cm; font-family:'ＭＳ明朝',serif; line-height:150%; margin-left:2em; padding-top:0.5em;}
dt {float: left; clear: left; width: 4em;}
</style>
</head>
<body>
<h1>１．事業所の名称及び所在地</h1>
<dl>
<dt>
<span style="letter-spacing: 1em;">名</span>称：
</dt>
<dd>
−−−−壱−−−−１−−−−壱−−−−２
</dd>
<dt>
所在地：
</dt>
<dd>
−−−−壱−−−−１−−−−壱−−−−２−−−−壱−−−−３
−−−−壱−−−−４−−−−壱−−−−５
</dd>
</dl>
</body>
</html>

つーか，テーブル嫌がる理由って何？
576 名前： Name_Not_Found 投稿日： 02/12/13 23:36 ID:???: >>575
css覚えたての頃は、テーブル使ってた時代の反動で、
テーブルを（レイアウト目的だとかにかかわらず）毛嫌いしてしまうんです。
使っちゃダメなマークアップだと、無意識に。
577 名前：べに投稿日： 02/12/13 23:41 ID:???: このページをそのまま印刷して、帳票として使います。
大体、ページ幅が３０文字程度で、
所在地の項目（最大５０字）は可変長です。
ので、１行のときも２行のときもあります。

今のcssだと、”：”と”－”の間の空白分、”－”以下の文が
タイトル（”１．事業所の名称及び所在地”）と微妙にずれています。
ちょっとでもずれると客がうるさいので、困ってます。
テーブル使えばいいとは思うんですが。

>tableが嫌がる理由
このシステムの他の所では全然使ってないからかな？
576さんの言うとおりだと思います。
覚えたてなんで。
578 名前： Name_Not_Found 投稿日： 02/12/13 23:46 ID:???: 印刷目的ならPDFとかの方が…
579 名前： 576 投稿日： 02/12/13 23:47 ID:???: >>577
帳票ならテーブル使っても間違ったマークアップじゃないと思うよ。
580 名前： 563 投稿日： 02/12/13 23:47 ID:???: >>576
ほーう．
おじちゃんは，テーブルをレイアウトに使う発想が無かった時代からHTML書いてるから，
その辺の感覚わからんなぁ．
てーか，HTML書き始めた頃(1996年4月位)って，tableタグって無かったかも(w
581 名前： 576 投稿日： 02/12/13 23:50 ID:???: >>580
「テーブルはレイアウトに使うな」
って意識が肥大してる、というか、そんな感じですね。
未だに漏れもそういった感覚があります。
普通の表なのに、cssでやらねば、という強迫観念みたいな。
582 名前： Name_Not_Found 投稿日： 02/12/13 23:53 ID:???: むしろ、意識的にtableを使うチャンスを探すぐらいが丁度いいのかも。
今更レイアウト目的に使うなんてことにはならないだろうしね。
無理矢理こじつけてulとかdlに落してるケースは結構多いかもしれないし。
583 名前： Name_Not_Found 投稿日： 02/12/13 23:55 ID:???: テーブルレイアウト卒業したばかりなんですけど、
書いたものがあっているのかどうか不安です。
添削して欲しいけど、でも、修正してくれるｽﾚってのはちょっと怖いし、
そんな時はどうしたらいいんでしょうか。
584 名前：べに投稿日： 02/12/13 23:58 ID:???: ここで原因が解決してもcss
使うかわからないけど、後学のために、
ぜひ、教えてください。せめてヒントだけでも。

”：”と”－”の隙間はどうやったら消せるでしょう？
585 名前：べに投稿日： 02/12/13 23:59 ID:???: >583
確か、上の方のリンクにcssをチェックしてくれる
サイトがあったですよ。
今日そこでチェックしたら、結構ミスがありました。
586 名前： Name_Not_Found 投稿日： 02/12/13 23:59 ID:???: >>583
虎穴に入らずんば虎児を得ず、って知ってる？

晒したくないなら、自分で参考サイトなり本なり見て確かめればいいのでは？
587 名前： Name_Not_Found 投稿日： 02/12/14 00:01 ID:???: >>584
素直に tabele つかっとけ。
多分spanのせいだろうとは思うが。
588 名前： 587 投稿日： 02/12/14 00:02 ID:???: あ、ちなみに Mozilla だとスペース空いてないみたいですよ。
589 名前： Name_Not_Found 投稿日： 02/12/14 00:03 ID:???: >>583
スタイルシートがあっているかどうかなら
http://jigsaw.w3.org/css-validator/

htmlがあっているかどうかなら
http://validator.w3.org/
http://openlab.ring.gr.jp/k16/htmllint/index.html

いづれにしろ，「文法的にあっているかどうか」なので，
上のテーブル議論のように，その内容に対して適切なマークアップであるかどうかは判断できないけどね．
590 名前： Name_Not_Found 投稿日： 02/12/14 00:05 ID:???: >>586
晒したいんですが、まだまだstrictじゃないので。
たしか、あっちのｽﾚでは「出来る限り最大限の努力を終えてから」みたいなﾉﾘだったし。

>>583
逝ってみます
591 名前：べに投稿日： 02/12/14 00:08 ID:???: >587
とすると、I.E.　のバグなんですね。
I.E.のバグで片付けると、
なんでこんなに気分がすっきりするんだろう･･･

関係ないけど、大盛りの美学１００回記念らしい。
592 名前： 563 投稿日： 02/12/14 00:10 ID:???: >>589
丁寧に有難う御座います。勉強してきます。
593 名前： Name_Not_Found 投稿日： 02/12/14 00:17 ID:???: >とすると、I.E.　のバグなんですね。

どんな理論展開をした結果なんだ
594 名前： Name_Not_Found 投稿日： 02/12/14 00:19 ID:???: 　関係ないけど
>587
>588
　の口調の変化にﾜﾛﾀ
595 名前： 563 投稿日： 02/12/14 00:25 ID:???: >>592
俺の名を語るな．そんなに阿呆になりたいか．
563で間違えたのって，そーいうところじゃないし．
どちらかというと，脳内レンダリングエンジンに重大なバグがあったのが問題なわけで．
つーか，じつは563=589で，話題が違うから名前切っただけだし．

2chてほんとに偽物出るのね┐(ﾟ〜ﾟ)┌
596 名前： 583 投稿日： 02/12/14 00:27 ID:???: >>595
間違えました。すみません。
597 名前： Name_Not_Found 投稿日： 02/12/14 00:30 ID:???: なぁ、明らかにケアレスミスなのが解り切ってる事なのにそんな必死になってキれるなよ、少年
598 名前： 563 投稿日： 02/12/14 00:31 ID:???: >>595
ああ，単純に間違えただけか．
こちらこそそーとも知らず偽物扱いしてスマソ．

おじちゃんみたいに阿呆にならないよーにねー．
599 名前： 563 投稿日： 02/12/14 00:34 ID:???: っておじちゃんも間違えてるじゃん
>>598のは>>595じゃなくって>>596ね．

はあ，回線切って氏んできます．．．
600 名前： Name_Not_Found 投稿日： 02/12/14 00:35 ID:???: ﾜﾗﾀ
601 名前： Name_Not_Found 投稿日： 02/12/14 00:57 ID:???: 化石レスだが、border-collapse使えばtableも隙間詰められるぞ。
IEならね。他はしらん。
602 名前： Name_Not_Found 投稿日： 02/12/14 01:47 ID:???: >>601
Netscape7, Opera6 も実装している。
603 名前： Name_Not_Found 投稿日： 02/12/14 11:36 ID:???: >>550
しちゃえとかしちゃおうとか、
良い歳をしたをぢさんの文體としてはふさはしからざるものだと思ふが如何。
どうやら、わざと氣持ちの惡い書き方をして、
スタイルシートに對する嫌惡感を煽らうとしてゐるものと見受けられる。

ノジタン・・・。あなたの文章の方が気持ち悪いですYO。
604 名前： Name_Not_Found 投稿日： 02/12/14 11:45 ID:???: 野嵜がキモイとは思わんが。
605 名前： Name_Not_Found 投稿日： 02/12/14 11:53 ID:???: 読みにくくはある。それもこっぴどく。

すげー高度な日本語だな俺。
606 名前： Name_Not_Found 投稿日： 02/12/14 12:56 ID:???: まぁあれだ。野嵜の文章が読みにくいのは誰もが認める事実なわけでむしろ（以下略
607 名前： Name_Not_Found 投稿日： 02/12/14 13:07 ID:???: わかりづれー以下略だな
608 名前： Name_Not_Found 投稿日： 02/12/14 13:24 ID:???: さっぱり風「IEコンテキストメニューセット」を利用して読み易くしる。
ttp://www.geocities.co.jp/Playtown-Denei/3081/www/iemenu.html
>nozたん(簡易版)
>某サイトの文章を読みやすくします。人によってはかえって読みにくくなるのかもしれません。
609 名前： Name_Not_Found 投稿日： 02/12/14 17:33 ID:???: 読みにくい読みやすいの問題以前によ
610 名前： Name_Not_Found 投稿日： 02/12/14 17:36 ID:???: あの文体みただけで頭痛・吐き気・怒張がおきます。
611 名前： Name_Not_Found 投稿日： 02/12/14 17:37 ID:???: おまいらｽﾚﾀｲ嫁
612 名前： Name_Not_Found 投稿日： 02/12/14 17:53 ID:???: 文体までスタイルシートでコントロールできれば
あのサイトもちょっとは見る気おきるんだが。

これでいい？
613 名前： Name_Not_Found 投稿日： 02/12/14 17:57 ID:???: まだ引っ張るつもりか
614 名前： Name_Not_Found 投稿日： 02/12/14 18:01 ID:???: のじたんの話はこっちでやれ

CSSコミュニティの功罪を懐かしむスレ 9th
http://pc3.2ch.net/test/read.cgi/hp/1038911361/
615 名前： Name_Not_Found 投稿日： 02/12/15 06:18 ID:???: 誰か質問しる！
616 名前： Name_Not_Found 投稿日： 02/12/15 07:23 ID:kq0ZEUiY: 質問します。
スクロールバーの色を変えたいのですがどうすれば良いですか。
617 名前： Name_Not_Found 投稿日： 02/12/15 08:18 ID:???: >>616
検索エンジンの使い方も知らん糞野郎だなオメェはYO!
http://www.google.com/search?num=50&lr=lang_ja&q=%43%53%53%81%40%83%58%83%4E%83%8D%81%5B%83%8B%83%6F%81%5B%81%40%90%46
618 名前： Name_Not_Found 投稿日： 02/12/15 08:21 ID:???: ↓↓↓ハイ、次の人どうぞ。↓↓↓
619 名前： Name_Not_Found 投稿日： 02/12/15 10:56 ID:???: 下痢が止まらないのですが…。
620 名前： Name_Not_Found 投稿日： 02/12/15 12:25 ID:???: >>619
正露丸でも飲め。
ttp://www.seirogan.co.jp/seihin/seirogan/
621 名前： Name_Not_Found 投稿日： 02/12/15 12:25 ID:???: ↓↓↓ ハイ、次の人どうぞ。 ↓↓↓
622 名前： Name_Not_Found 投稿日： 02/12/15 15:36 ID:1IlP3ovf: <h1>今日のお買い物リスト</h1>
<ol>
<li>蜜柑</li>
<li>檸檬</li>
<li>縄</li>
</ol>

というリストは

> 今日のお買い物リスト
> 1.蜜柑
> 2.檸檬
> 3.縄

と、レンダリングされると思うのですが、
「1.」～「3.」のフォントの種類と
大きさや色を変更するにはどうしたらよいのでしょうか？
623 名前： Name_Not_Found 投稿日： 02/12/15 15:50 ID:???: >>622
色と大きさは無理だけどな。
LI{
font-family : sans-serif;
}
こういうかんじなら数字のフォントは変えられる。

あと、マークを変える場合は、
<STYLE type="text/css">

</STYLE>

discの部分を変更したらいろんなのになる。

黒丸　disc
白丸　circle
四角　square
数字　decimal
ローマ小文字　lower-roman
ローマ大文字　upper-roman
アルファベット大文字　lower-alpha
アルファベット小文字　upper-alpha
無し　none
624 名前： Name_Not_Found 投稿日： 02/12/15 17:24 ID:???: マーカーの色はliのcolorが反映されるんじゃなかったっけ？
625 名前： Name_Not_Found 投稿日： 02/12/15 20:19 ID:???: <head>
<title>
Q. カウンタってどうなのよ(ﾟдﾟ)
A. Opera6 は対応してるらすぃよ(･∀･)
</title>
<style type="text/css">
ol { counter-reset: item; }
li { display: block; }
li:before {
font-family: serif; font-size: 200%;
font-style: italic; color: blue;
content: counters(item, ".") ". ";
counter-increment: item;
}
</style>
</head>

<body>
<ol>
<li>hogehoge
<li>hogehoge</li>
<li>hogehoge</li>
</ol>
</body>
626 名前： Name_Not_Found 投稿日： 02/12/15 23:57 ID:yrLaCbA1: こんばんは。
HTML+CSSを使ってStrictなページを作ろうと思っています。
その中でフォトアルバムのページがあるのですが、これの作成に苦戦しています。
そのページは中央に写真が一枚あって、その下にページ移動のナヴィゲーション
があります。

ナヴィゲーションのマークアップは

<ul class="navi">
<li><a href="../">一覧に戻る</a></li>
<li class="next"><a href="003.html">次のページを見る</a></li>
<li class="prev"><a href="001html">前のページを見る</a></li>
</ul>

と、なっています。

望む表示結果は

前のページを見る　　　　　一覧に戻る　　　　　次のページを見る

で、一覧にも戻るが中央、前のページを見るが左揃え、次のページを見るが
右揃え、となるようにしたいのです。
bodyは40emで幅固定、2emのpaddingとセンタリングのため左右のmarginを
autoにしています。

よりしければ、先輩方のお知恵をお貸し下さい。
627 名前： Name_Not_Found 投稿日： 02/12/16 00:24 ID:???: おいおいスレ違いだろ
628 名前： Name_Not_Found 投稿日： 02/12/16 00:27 ID:???: >>626
マークアップを素直に、
<ul class="navi">
<li class="prev"><a href="001html">前のページを見る</a></li>
<li class="list"><><a href="../">一覧に戻る</a></li>
<li class="next"><a href="003.html">次のページを見る</a></li>
</ul>
としなされ。
そしたらliを左右にfloatしてwidthを付与し、li内の文字列をtext-alignで文字揃すればいいわけだ。
629 名前： Name_Not_Found 投稿日： 02/12/16 00:34 ID:???: >>626
こんばんは。

.navi{
text-align : center ;
}
.next{
float : right ;
}
.prev{
clear : right ;
}
なら

　　　　　　一覧に戻る
前のページを見る　次のページを見る

になるかも
630 名前： 626 投稿日： 02/12/16 00:53 ID:???: >>627
すいません、ここじゃ駄目でしょうか？

>>628さん、>>629さん、レスありがとう！

<ul class="navi">
<li class="list"><a href="../">一覧に戻る</a></li>
<li class="next"><a href="003.html">次のページを見る</a></li>
<li class="prev"><a href="001html">前のページを見る</a></li>
</ul>

マークアップをこのようにして、

.list{
text-align : center ;
}
.next{
float : right ;
}
.prev{
float : right ;
}

のようなCSSにしたらできました！
お二人のお知恵のおかげです。
floatにはボックスサイズがいるみたいですね。あとで足しておきます！
今から他の色々なブラウザで表示確認してきます！

ありがとうございました！
631 名前： 626 投稿日： 02/12/16 02:03 ID:???: と、思ったらMac IE 5.22ではfloatしたnextとprevのリンクのアンダーラインが
消えるし、Mozillaでもprevの左になぜか3emほどの空白ができるし。

もーこのうんこブラウザたちめ！

もう少し頑張ってみます。
632 名前： Name_Not_Found 投稿日： 02/12/16 02:07 ID:???: がんがって！
633 名前： 626 投稿日： 02/12/16 02:21 ID:???: >>632
どうもありがとう！
うまくいったらまた報告します。
634 名前：ディ投稿日： 02/12/16 09:52 ID:+2UYGsmC: 質問があるんですが、
文字の行間を指定する方法はわかったんですが、
http://www.h3.dion.ne.jp/~abechan/reidai.html
上のように、テーブル同士が並んでいる場合の行間を指定する方法はあるんでしょうか？
同じやり方でできるんでしょうか。
いろいろ考えてみたんですが、うまく行きません。
635 名前： Name_Not_Found 投稿日： 02/12/16 10:28 ID:???: >>634
質問の意味がわからん。table同士の間隔を広げたいのか？
636 名前： Name_Not_Found 投稿日： 02/12/16 11:49 ID:???: >>634
><TD><FONT STYLE="LINE-HEIGHT:130%">
>ああああああああああああああ<BR>いいいいいいいいいいい</TD>

これでは、セル内のフォント要素の高さを指定しているだけ。

line-heightは行の高さ（非置換インライン要素のボックスの高さ）を指定するもの。
行間とは、line-heightとフォントサイズの差のこであり、
フォントの上下に半行間分のスペースを挿入されるのである。

ボックス間の空白は、マージンのプロパティを使用する。
table { margin-top: 1em; }
637 名前： Name_Not_Found 投稿日： 02/12/16 16:08 ID:???: CSSでできるかわからないので、スレ違いかもしれませんが掲示板の
テキストフィールドなどのフォームをemをつかって相対指定したいのですが
どのようにすればよろしいのでしょうか？
638 名前： 634 投稿日： 02/12/16 16:14 ID:???: >>635
そうです。そういうことでした。
>>636
丁寧なご説明ありがとうございます。勉強になりました。
639 名前： Name_Not_Found 投稿日： 02/12/16 16:23 ID:???: text-align : center; でテキストの中央寄せは出来るのは分かるのですが
高さの中央揃えはどうやるのでしょう？ v-align="middle" みたいなものを
したいのですが。
640 名前： Name_Not_Found 投稿日： 02/12/16 16:28 ID:???: >>639
テーブルだったら、何もせずに高さ真ん中じゃない？
641 名前： Name_Not_Found 投稿日： 02/12/16 16:41 ID:???: vertical-align: middle
642 名前： Name_Not_Found 投稿日： 02/12/16 21:57 ID:???: >>637
width:10em;とか。
643 名前： Name_Not_Found 投稿日： 02/12/17 09:49 ID:8ZucsHJw: さくらどおりさんのCSS切り替えｽｸﾘﾌﾟﾄ使ってますが設定を間違えたのかスタイルを切り替えてから別ページに行くと元のスタイルに戻ってしまいます。どうしたら別ページに飛んでも切り替えたままのスタイルで表示できるか教えて下さい。
644 名前： Name_Not_Found 投稿日： 02/12/17 10:03 ID:???: >>643
微妙にスレ違いのような気が…
645 名前： Name_Not_Found 投稿日： 02/12/17 10:20 ID:???: >>643
さくらどおりさんて誰？
cookie使えば？
646 名前： Name_Not_Found 投稿日： 02/12/17 10:31 ID:V4LkSZLX: <div><p>本文</p><p>本文</p></div>
とあって、このdivやpにlist-itemを指定してもリスト表示されないのですが、
リストのタグを使わなければいけないのでしょうか。
647 名前： Name_Not_Found 投稿日： 02/12/17 10:34 ID:???: >>643
ブラウザの設定でクッキーが利用不可になっているとか。
こっちの方に質問した方がいいかも。
http://pc3.2ch.net/test/read.cgi/hp/1036934434/l50

>>645
これのことだろう。
http://critical.s6.xrea.com/web/cssselect.shtml
648 名前： Name_Not_Found 投稿日： 02/12/17 10:34 ID:???: >>646
list-～は、リストタグに対して反映させるcssでリスト化するcssじゃあないよ。
649 名前： Name_Not_Found 投稿日： 02/12/17 10:36 ID:???: ＞これのことだろう。
意図を汲めよ
650 名前： 647 投稿日： 02/12/17 10:40 ID:???: >>649
あー皮肉なのか。ｽﾏｿ。
651 名前： Name_Not_Found 投稿日： 02/12/17 10:44 ID:???: >>646
下記の様にすれば、IE6 や Opera6以上、Netscape6以上ならリストアイテムになる。
>>648 は無知。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<style type="text/css">
p {
margin: 0 0 0 2em;
display: list-item;
list-style-type: disc;
}
</style>
</head>

<body>
<div>
<p>本文</p>
<p>本文</p>
</div>
</body>
652 名前： Name_Not_Found 投稿日： 02/12/17 10:55 ID:???: あぅできました。marginが必要だったようです。謝謝。
653 名前： Name_Not_Found 投稿日： 02/12/17 11:24 ID:???: >>3
http://www.y-adagio.com/public/standards/css1/toc.htm
http://www.y-adagio.com/public/standards/tr_css2/toc.html
の邦訳は「余り宜しくない」と思う人の数。好みによるとは想いますが。
654 名前： 643 投稿日： 02/12/17 12:12 ID:SNzmLH2J: スレ違いすみません。
誘導ありがとうございました。逝ってきます。
655 名前： 648 投稿日： 02/12/17 12:26 ID:???: >>651
無知ですまんかった。ほかのんと勘違いしてた。

>>646
適当な事書いてすまんかった。ほかのんと勘違いしてた。
656 名前： Name_Not_Found 投稿日： 02/12/17 13:09 ID:???: ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん言いやがって

関西人は糞
657 名前： Name_Not_Found 投稿日： 02/12/17 13:12 ID:???: ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
658 名前： Name_Not_Found 投稿日： 02/12/17 13:19 ID:???: 関西人はほかのん
659 名前： Name_Not_Found 投稿日： 02/12/17 13:21 ID:???: 使い捨てカイロみたいだなｗ
660 名前： Name_Not_Found 投稿日： 02/12/17 13:29 ID:???: （´-`）.｡oO（関西人にいじめられたか？
661 名前： Name_Not_Found 投稿日： 02/12/17 13:38 ID:???: 確かに糞だな
662 名前： Name_Not_Found 投稿日： 02/12/17 13:40 ID:???: （´-`）.｡oO（都会への憧れ→嫉妬…。
663 名前： Name_Not_Found 投稿日： 02/12/17 13:47 ID:???: （´-`）.｡oO（Identityの喪失→方言使う香具師への嫉妬…
664 名前： Name_Not_Found 投稿日： 02/12/17 13:50 ID:???: （´-`）.｡oO（「ほかのん」へ募る想い…
665 名前： Name_Not_Found 投稿日： 02/12/17 13:50 ID:???: そんなん展開してどうするよ
666 名前： Name_Not_Found 投稿日： 02/12/17 13:55 ID:???: （´-`）.｡oO（関西の民度の低さ→…←関西人は野蛮人)Oo｡.（´-`）
.　　　　　　　　　　　　（´-ﾟ）.｡oO（糞!!)Oo｡.（ﾟ-` ）
667 名前： Name_Not_Found 投稿日： 02/12/17 13:58 ID:???: （´-`）.｡oO（文明を恐れる事は無いんだよ
668 名前： Name_Not_Found 投稿日： 02/12/17 14:01 ID:???: （´-`）.｡oO（文明に埋もれて自己主張できない哀しさ…
669 名前： Name_Not_Found 投稿日： 02/12/17 14:03 ID:???: （´-`）.｡oO（つまり、村にもネットが繋がった、という事か。
670 名前： Name_Not_Found 投稿日： 02/12/17 14:07 ID:???: 伸びていると思ったら…

　|￣￣￣￣￣￣￣￣￣￣￣￣￣|
　| 　何事もなかったかのように　 |
　| 　次の方どうぞ!!!　　　　　　　　 |
　|＿＿＿＿＿＿＿＿＿＿＿＿＿|
　　　 ∧∧ ||
　　　 ( ﾟдﾟ)||
　　　 /　づΦ
671 名前： Name_Not_Found 投稿日： 02/12/17 14:12 ID:???: 一般フォントファミリー名って、どういうものを指しますか？
672 名前： Name_Not_Found 投稿日： 02/12/17 14:13 ID:???: 関西人はほかのんでも食ってろ
673 名前： Name_Not_Found 投稿日： 02/12/17 14:14 ID:???: >>672
一般フォントファミリー名って、どういうもんを指しますか？
674 名前： Name_Not_Found 投稿日： 02/12/17 14:15 ID:???: >>673
関西人はほかのんでも食ってろ
675 名前： Name_Not_Found 投稿日： 02/12/17 14:15 ID:???: ほそろしい・・・・・
676 名前： Name_Not_Found 投稿日： 02/12/17 14:18 ID:???: （´-`）.｡oO（田舎の人って、知らない言葉＝食べ物って思うんだね。
677 名前： Name_Not_Found 投稿日： 02/12/17 14:22 ID:???: >>671
一般フォントファミリーって論理フォント名のことみたいね
serif, sans-serif, monospace, ...
678 名前： Name_Not_Found 投稿日： 02/12/17 14:24 ID:???: 関西人は糞
679 名前： 671 投稿日： 02/12/17 14:26 ID:???: >>677
有難う御座います。
フォントファミリーを指定したら、CSS Validatorで、
＞一般フォントファミリー名(generic font family)を最後の選択肢として付け加えておく事を推奨します
って言われたんですけど、つまり機種依存しないようなフォントですよね？

論理フォントとそうでないものの見分け方がわからないです。
680 名前： Name_Not_Found 投稿日： 02/12/17 14:28 ID:???: >>671
検索先に情報がﾀﾌﾟｰﾘあります。
http://www.google.com/search?num=50&lr=lang_ja&q=%88%EA%94%CA%83%74%83%48%83%93%83%67%83%74%83%40%83%7E%83%8A
681 名前： 671 投稿日： 02/12/17 14:28 ID:???: >>677
あ、すみません。
最後の行が、それだったんですね。
有難う御座いました。
682 名前： Name_Not_Found 投稿日： 02/12/17 17:16 ID:???: CSS2.1って何が変わったの？エラッタだけじゃないよね？
683 名前： Name_Not_Found 投稿日： 02/12/17 17:26 ID:???: >>682
グリッドが使えます
684 名前： Name_Not_Found 投稿日： 02/12/17 17:35 ID:???: >>683
グリッドって？レイアウトグリッドのこと？プロパティ見たけど内みたいだけど。。。
ネタですか？ネタですよね？
685 名前： Name_Not_Found 投稿日： 02/12/17 17:35 ID:???: >>682
これ見てみ。
http://www.toybox.jpn.org/studio/css2.1spec-appendixC/

削除された仕様がﾀﾌﾟｰﾘあるよ。

>Chapter 12 生成内容,自動採番, そしてリスト
>名前付きカウンタはCSS 2.1から削除された, また'marker'値が'display'プロパティから削除された.

>Section 12.2 'content'プロパティ
>'<uri>'値と<counter>値が削除された.

>Chapter 15 フォント
>'font-stretch'と'font-size-adjust'プロパティはCSS 2.1から削除された.
>フォント記述子と'@font-face'記述子はCSS 2.1から削除された.

>Section 18.1 カーソル: 'cursor'プロパティ
>'<uri>'値は削除された. そして'progress'値が追加された.

>Chapter 16 テキスト
>'text-shadow'プロパティはCSS 2.1から削除された.
686 名前： Name_Not_Found 投稿日： 02/12/17 17:38 ID:???: >>682
エラッタって何？
687 名前： Name_Not_Found 投稿日： 02/12/17 17:40 ID:???: 正誤表>>686
688 名前： Name_Not_Found 投稿日： 02/12/17 17:52 ID:???: エラッタなあ
689 名前： Name_Not_Found 投稿日： 02/12/17 18:10 ID:???: >>685
THX！のどのつかえがとれたよ。
ところでCSS2.1 WDの邦訳ってあるのかな？英語駄目なんだよね～
690 名前： Name_Not_Found 投稿日： 02/12/17 20:56 ID:???: お前喉ポリープだろ
691 名前： Name_Not_Found 投稿日： 02/12/18 00:48 ID:utV1t1ob: UTF-8 で記述した HTML + CSS だと font-family : 'Century Gothic' とか（一例）
が効かないだけど、どうして？S-JIS だとフォント変化するのに。
日本語フォントは反映されるんだけどな。
692 名前： Name_Not_Found 投稿日： 02/12/18 01:26 ID:???: 文字コードとの対応が取れなきゃ使えないでしょ
UTF-8はS-JISより表現できる文字数多いのよ
693 名前： Name_Not_Found 投稿日： 02/12/18 01:30 ID:???: >>691
バグかもしれなかったらこちらへ
CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/

＞font-family : 'Century Gothic' とか（一例）
ちなみにシングルクォート（'）じゃなくてダブルクォート(")が正しいんだけど。
この問題については関係なさそう。
694 名前： おしえて 投稿日： 02/12/18 02:24 ID:2AS3hrRX: <HTML>
<HEAD>
<TITLE>教えてください</TITLE>
<LINK href="test.css" rel="stylesheet" type="text/css"></HEAD>
<BODY>
<DIV class="topic">見出し１</DIV>
<UL>
<LI>aaaaaa
<LI>bbbbbb
</UL>
<DIV class="topic">見出し２</DIV>
<UL>
<LI>cccccc
<LI>dddddd
</UL>
</BODY>
</HTML>
695 名前： おしえて 投稿日： 02/12/18 02:25 ID:2AS3hrRX: 続き
////// test.css ///////////////////////////////////////////////
BODY {
margin : 10px 40px;
background-color : mintcream ;
color : black ;
}

DIV.topic:first-letter {
color : red ;
font-size : 140% ;
}

DIV.topic {
font-size : 90%;
}

LI {
font-size : 80%;
}

二つ目のリストにマージンが効きません。
なんか根本的に間違っているのでしょうか？
確認はIE5.5で行いました。
696 名前： Name_Not_Found 投稿日： 02/12/18 03:40 ID:???: 妙な挙動するねー。とりあえず
ul{
margin: 1em 0;
padding-left: 40px;
}

を追加しちゃえば。ul,ol周りはバグの有無に関わらずきっちり指定するが吉。

つかその見出しは素直にh1とか使(略
697 名前： Name_Not_Found 投稿日： 02/12/18 04:41 ID:???: >>695
UL要素にボーダーを指定したら正常になりました。
ul { border: solid 1px #f5fffa; }

>background-color : mintcream ;
つかその色指定はCSSで定義されていません。
698 名前： Name_Not_Found 投稿日： 02/12/18 10:47 ID:???: >>690
うなぎの骨がささってたみたい
699 名前： Name_Not_Found 投稿日： 02/12/18 12:57 ID:WR53u+nM: 贅沢な骨だねぇ
700 名前： Name_Not_Found 投稿日： 02/12/18 13:06 ID:???: ご飯の固まりを噛まずに飲み込むといい
701 名前： Name_Not_Found 投稿日： 02/12/18 14:01 ID:???: >>695
ＣＳＳを適用するなら、<li>は</li>で閉ぢた方が安全ですよ。
</p>も省略可能だけれど、省略しない方がいい。
以上、経験則から。
702 名前： Name_Not_Found 投稿日： 02/12/18 14:18 ID:???: 余計なお世話だねぇ
703 名前： Name_Not_Found 投稿日： 02/12/18 14:19 ID:???: dashedの点線が上手く表示されずに途切れたり、線になってしまう事があります。
これは回避出来ないのでしょうか？
704 名前： Name_Not_Found 投稿日： 02/12/18 14:21 ID:???: リロード
705 名前： Name_Not_Found 投稿日： 02/12/18 14:21 ID:???: >>703
太さが関係してるよ。
太くしすぎるな。
706 名前： Name_Not_Found 投稿日： 02/12/18 14:22 ID:???: 勃起すんなと
707 名前： xxx 投稿日： 02/12/18 14:31 ID:q2qJoQd4: -------変態・ＭＴＴどこでも-------

---●●●変態痴女を紹介致します。●●●---

例えば＞欲求不満オマ●コヌレヌレ女・露出オナニー痴女・

フェラチオおしゃぶり女・ミニスカ・ノーパン娘・巨乳パイズリ娘・

アナルＳＥＸおねだり娘・オマ〇コ弄られマン汁グチョグチョ女・

ＳＭ牝豚・緊縛・浣腸・スカトロ・等・・・刺激を求めています。

●●●学生・ＯＬ・主婦・モデル・牝豚・女王様・オカマ等・多数！●●●

　090-8002-8356番　　　
下のカタカナを小文字に変換してください。
　 http://www.エムティーティー.jp/i

-
708 名前： 703 投稿日： 02/12/18 15:37 ID:???: >>705
太くはありません、1pxなのですが。
細いのも駄目なんでしょうかね。
709 名前： Name_Not_Found 投稿日： 02/12/18 15:39 ID:???: 細いと歓迎されませんよね。
710 名前： おしえて 投稿日： 02/12/18 15:42 ID:???: >>696 >>697 >>701
ありがとう
711 名前： Name_Not_Found 投稿日： 02/12/18 17:17 ID:???: ページの下に行くほどレイアウトがずれるとこありますよね
ダサすご（藁
712 名前： Name_Not_Found 投稿日： 02/12/18 17:24 ID:???: >>711
これ↓のこと？だとしたらブラウザのバグ。
ttp://members.tripod.co.jp/cssbug/detail/winie/b009.html
713 名前： Name_Not_Found 投稿日： 02/12/18 22:43 ID:???: >>693
仕様書の構文を見てから物を言え。
シングルでもダブルでもいいのだ。
シングルだとバグるブラウザがあるだけだ。
714 名前： Name_Not_Found 投稿日： 02/12/18 23:29 ID:???: TABLEタグのcellspacingに当たるCSSとしてpaddingを使っても変化がありません。
どうしてでしょうか？？
715 名前： Name_Not_Found 投稿日： 02/12/18 23:38 ID:???: >>714
TDにやってみ。
716 名前： Name_Not_Found 投稿日： 02/12/18 23:56 ID:???: link要素やstyle要素でmedia属性が省略された場合、
HTMLの仕様書では「screen」として扱われると定義されていますが、
CSSの仕様書では「all」扱いになるとしていると聞きました。
実際はどうなんでしょうか？
717 名前： Name_Not_Found 投稿日： 02/12/18 23:58 ID:???: >>716
試してみればいいのに
718 名前： Name_Not_Found 投稿日： 02/12/19 00:10 ID:???: >691
まだバグだと確定したわけじゃないのでこっちに書くよ

<html lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test --- test</title>
<style type="text/css">
* {font-style: normal; font-weight: bold; font-size: 100%;}
p {font-family: Arial;}
em.osaka {font-family: Osaka;}
em.comicsans {font-family: "Comic Sans MS";}
em.verdana {font-family: Verdana;}
</style>
</head>

<body>
<p>This is a test.</p>
<p>This is a <em class="osaka">test</em>.</p>
<p>This is a <em class="comicsans">test</em>.</p>
<p>This is a <em class="verdana">test</em>.</p>
</body>
</html>

WinのIE6 SP1とMoz1.2.1でちゃんと変わるけど？
（Century Gothicはインストールしてないので試せませんでした）

というわけで，OS，ブラウザ，バージョン，実際に書いたスタイル指定，がないと
誰にも正しい答がわからないと思うよ．
719 名前： Name_Not_Found 投稿日： 02/12/19 00:19 ID:???: >試してみればいいのに
IE6, Opera6, Mozilla で試してみました。
<style type="text/css">
body { color: red; }
</style>
とした場合に、何れの印刷プレビューで前景色が赤になりました。
ということは「all」として認識しているといことですね。
720 名前： Name_Not_Found 投稿日： 02/12/19 13:06 ID:???: filterってW3Cだとダメダメって言われるんですが、
それ以外で文字をいい塩梅に出来る方法ないですか？
タイトルロゴですら画像は使いたくないんです。
721 名前： Name_Not_Found 投稿日： 02/12/19 13:15 ID:5MXxS9sn: >>718
Arial はこちらでも変化しました。変化しないのは
Century Gothic , Osaka の2つです。日本語フォントも変化するフォント指定だと反映されないようです。
Verdana や Arial のアルファベットのみ変化するフォントは反映されています。
閲覧環境は Win2K IE6 SP1 と Moz1.2.1、Opera6.05です。
Shift_JIS、EUCでの文字コードだと反映されました。…うーん。
722 名前： Name_Not_Found 投稿日： 02/12/19 13:21 ID:???: >>720
なんで画像を使いたくないの？
ちゃんとALT入れとけば画像OFFでも問題ないし、
文字主体の画像なんてたいしたサイズにもならないはず。
723 名前： Name_Not_Found 投稿日： 02/12/19 13:25 ID:???: >>722
filterと画像ではやっぱり画像の方がいいですかね。
今、strictでクリアできていないのがそれだけなんです。
妙なこだわりですよね。タイトルも文字だけにしたい、って。
有難う御座いました。検討してみます。
724 名前： Name_Not_Found 投稿日： 02/12/19 13:32 ID:???: SWGでも使えば？>>723
725 名前： Name_Not_Found 投稿日： 02/12/19 13:38 ID:y6RQ+veC: SVGのことか？
726 名前： Name_Not_Found 投稿日： 02/12/19 13:39 ID:???: それそれ>>725
727 名前： Name_Not_Found 投稿日： 02/12/19 13:48 ID:???: >724
>725
む、無理です。こんな複雑なものを作ろうとしたら頭パンクします。
728 名前： Name_Not_Found 投稿日： 02/12/19 15:06 ID:???: >>727
CSSで背景指定とかではダメなの？画像自体が使いたくないのか…。

で、質問。
5文字目とか指定文字数で自動的に改行っていうのって出来ますか？
印刷だと出来るんだけど、WEBだと無理なのかな？
729 名前： Name_Not_Found 投稿日： 02/12/19 15:07 ID:ayAui0YY: ttp://www.nekoose.com/00.htm
このページのように左端に背景固定して
動かないようにするにはどうしたらいいのでしょうか？

ゼミの教授に背景を固定したページを作れと言われまして・・・
スタイルシートのことさっぱりです。
よろしかったら教えてください
730 名前： Name_Not_Found 投稿日： 02/12/19 15:17 ID:???: >>728
ブロック要素に幅を5emで指定してその中に文字列を入れれば当然5文字で改行されるがそう言う意味ではないのか？

>>729
>1読め。お前に一からCSSを教えるスレではない。
731 名前： Name_Not_Found 投稿日： 02/12/19 15:39 ID:???: >>730
プローポーショナルフォントだとアウトなので、
br を挿入するしか無い。
732 名前： Name_Not_Found 投稿日： 02/12/19 15:45 ID:???: 等幅フォントを指定
733 名前： 731 投稿日： 02/12/19 16:00 ID:???: ×プローポーショナル
○プロポーショナル

我ながらアホだった．．．。
734 名前： Name_Not_Found 投稿日： 02/12/19 16:56 ID:???: >>730-733
あぁ、等幅フォントにすれば良かったのか！（バカだった
735 名前： Name_Not_Found 投稿日： 02/12/19 19:53 ID:???: 貼りまくってください。
尚、荒らしではないので何度も同じスレに貼り付けるのは厳禁です。

先日、朝鮮総連がダミー団体（熊谷遊技業協同組合）を通じて国民の目を盗み
北朝鮮軍に戦闘糧食（α米）を補給するという暴挙を行いましたが、
朴仁作組合長が「食料は北の国民に行き渡った」と
証拠写真入りで発表しました。
http://www.spjd.or.jp/WN/houkoku.html

しかし、以下のＵＲＬでその写真がヤラセであることを暴露されています。
日付けも場所も違うはずの２枚の写真に同一人物らしき兄妹が・・・
http://yamagata.cool.ne.jp/sonsaku/z/

食糧援助は兵隊の口に入るだけです。食料援助はやめさせるべきです。
736 名前： Name_Not_Found 投稿日： 02/12/19 20:01 ID:???: ところでOpera 7のβ2が出たようですが、使ってみた方いらっしゃいます?
737 名前： Name_Not_Found 投稿日： 02/12/19 20:18 ID:???: font-size:100% 継承のバグとかも直ってたよ。
738 名前： Name_Not_Found 投稿日： 02/12/19 20:43 ID:QmxeEOz5: フレーム使った時のように
ページ内の或る特定のボックス内にだけ更新をかけて
１ページ、２ページ、、、といった風にやりたいんですが
そういうのって、CSSで可能ですか？
739 名前： Name_Not_Found 投稿日： 02/12/19 21:06 ID:+MLWuQZe: <img src="01.jpg" width="200" height="200" style="float:left"><p>文字列ABC</p>
<hr style="clear:left">
<img src="02.jpg" width="200" height="200" style="float:left"><p>文字列ABC</p>

↑の記述ではWinNN7に於いてhrのclearが働いてくれません。（IEやOperaではclearが働きます）
どうすれば期待の効果を得られるでしょうか？
740 名前： Name_Not_Found 投稿日： 02/12/19 21:18 ID:???: >>739
これと関係あるか？

Bugzilla Bug 1726
DOCTYPE宣言によって水平線（hr）へのclear指定が効かなくなる
http://bugzilla.mozilla.gr.jp/show_bug.cgi?id=1726
741 名前： 739 投稿日： 02/12/19 21:34 ID:???: ズバリそれっぽいです。
DOCTYPE宣言を<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
に変えるとhrのclearが正常に働きました。

バグなんですね、hr以外の要素でのclear指定で代用できるよう検討してみます
742 名前： Name_Not_Found 投稿日： 02/12/19 22:01 ID:???: CSSで画像を固定すると、文章や画像はその上を通過していくんですが、
逆に、文章や画像が下を通過していく、つまり、くぐっていくという風な
やり方はあるのでしょうか？ご指導のほど、よろしくお願いします。
743 名前： Name_Not_Found 投稿日： 02/12/19 22:03 ID:opCI5foX: >>742
positionとz-indexプロパティを応用しなさい。
詳しくは>>4。
744 名前： 742 投稿日： 02/12/19 22:08 ID:???: >>743
ありがとうございます。五里霧中の状態だったので、助かりました。
あとは全部自分で調べてみます。
745 名前： Name_Not_Found 投稿日： 02/12/20 00:21 ID:???: >>727
SVGは、Illustrator9以降とかのドローツールで書き出すものだと思った方がいいと思う。
746 名前： Name_Not_Found 投稿日： 02/12/20 00:59 ID:???: >721
ええと，>718の例にはOsakaもあるよ．で，こっちではちゃんと変わるように見える．
さらにやってみた．

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {font-style: normal; font-weight: bold; font-size: 100%;}
p {font-family: "ＭＳＰゴシック";}
.osaka {font-family: Osaka;}
</style>

<p>日本語を入れてテスト．</p>
<p>日本語を入れて<em class="osaka">テスト</em>．</p>

ちゃんと変わるけどなあ．charset=shift_jisにしても同じように変化して見えるよ．

CSSが外部ファイルで，HTMLとCSSが違う文字コードで書かれてて，
CSSの先頭で@charsetを指定していない，っていうありがちな話ではなく？
shift_jisやeucでは変わるっていうから違うんだろうけど．
747 名前： Name_Not_Found 投稿日： 02/12/20 03:00 ID:???: >>746
私も試してみました。Osakaは確認。ちゃんと反映されていました。
ただ、Century Gothicは反映されず。このフォントってWindows2kに標準で入っている？
私自身では入れた覚えがないから、入っていると思うんだけど。Centuryっての。
どうもUA自身のバグってわけじゃなさそうです。
748 名前： Name_Not_Found 投稿日： 02/12/20 21:46 ID:???: >747
的はずれなこと言ってたらスマン。
'Century' と 'Century Gothic' は全く別のフォントだよ。
749 名前： Name_Not_Found 投稿日： 02/12/20 22:23 ID:???: >>736
Opera7β2
tfootは直ってるね。でもCSSは前よりひどくなっているような・・・

　　　　　　　　　　list-style-imageとマーカーが一緒に表示されてる！？
　　　　　　　　　　　　ほかにもちょくちょくと・・
750 名前： 749 投稿日： 02/12/20 22:34 ID:???: 補足
tableまわりのCSSがひどくないか？
751 名前： Name_Not_Found 投稿日： 02/12/20 22:41 ID:???: マーカーのバグはβ1の時にはなかったよな。
何をやっとるんだ。
752 名前： Name_Not_Found 投稿日： 02/12/21 14:57 ID:UlILeLwX: floatについて質問させてください。

<div style="border:1px blue solid;">
<img src="./hogehoge.jpg" width="100" height="100" alt="test" style="float:right;">
～～～～～<br>
ここにいろいろ文章をかく。<br>
～～～～～
<br clear=all>
</div>

のようにすると画像が枠からはみ出してしまいます。
テキストが画像の高さ以上に長くなるように
改行をたくさん挿入すれば綺麗に収まって表示されますが
他にBOXの中に画像を納めて、かつ
テキストを左へ回りこませる方法はないでしょうか？
753 名前： Name_Not_Found 投稿日： 02/12/21 15:04 ID:???: ボックス要素にheight指定
754 名前： Name_Not_Found 投稿日： 02/12/21 15:06 ID:GUXvpypM: >>752
問題の起こるブラウザはWinIEだけか？　ならば下記を参照したまへ。

「フロートの後続フロー制御を設定したbr要素が親要素に包含されない(IE6)」
http://cssbug.tripod.co.jp/detail/winie/b079.html

ついでにここも参考になる。
「heightプロパティの注意点～内容がfloat要素の場合」
http://www.mozilla.gr.jp/standards/webtips0021.html
755 名前： 752 投稿日： 02/12/21 15:18 ID:UlILeLwX: ありがとうございます。
<div style="border:1px blue solid;width:100%">
で解決しました。
756 名前： Name_Not_Found 投稿日： 02/12/21 15:26 ID:???: お節介かもしれんが、
インライン・スタイルシートや<br>の多用は好ましくないぞ。>>752
757 名前： Name_Not_Found 投稿日： 02/12/21 15:34 ID:???: ｂｒはともかくインラインは例示しやすいように書いただけだろ・・・
758 名前： Name_Not_Found 投稿日： 02/12/21 15:35 ID:???: その内気付くときが来るさ
759 名前： Name_Not_Found 投稿日： 02/12/21 23:29 ID:???: >>749
マーカーはベータ故のちょっとしたミスだろう

それよりbox-sizingに対応したようだ
これはかなり助かる
760 名前： Name_Not_Found 投稿日： 02/12/22 01:26 ID:???: なくなる仕様っぽいのにねえ。
761 名前： Name_Not_Found 投稿日： 02/12/22 10:54 ID:???: <ul>
<li>あ</li><li>い</li><li>う</li>
</ul>

ul li {border-right:1px solid #000000;}
にして、文字の間に線を表示させたいのですが、
うの右には線を表示させたくありません。
この場合はどうすればいいですか？
762 名前： Name_Not_Found 投稿日： 02/12/22 11:18 ID:???: >>761
言ってることとソースがかみ合ってない気がするんだが…
floatとかdisplayを指定してるもんだと思って答えるけど、

border-leftにして、最初のliのborderをfirst-childを使って消す。
IEは多分対応してない。
763 名前： 762 投稿日： 02/12/22 11:28 ID:???: 当然わかってるもんだと思って端折ってしまったけど一応。
IEならclassで指定。
764 名前： 761 投稿日： 02/12/22 11:52 ID:???: ul li {display:inline;}
が抜けていました。
765 名前： 761 投稿日： 02/12/22 20:36 ID:???: クラス名にアンダーバーを使用することが出来ますか？
766 名前： Name_Not_Found 投稿日： 02/12/22 20:36 ID:???: >>763
>>762
ありがとう。
767 名前： Name_Not_Found 投稿日： 02/12/22 20:43 ID:yC2zEx9z: すいません、ウィンドウの左下に画像をぴったりくっつけたいんで、
テーブルを縦横100％にしてtdのalign属性で左、下に設定すると上手くいきました。

しかし、yahooの無料スペースに上げると一番上に勝手にテーブルの中に入った
広告がついてしまい、自分で作ったテーブルの縦横100％指定が矛盾をきたして、
スクロールバーが出現して下に画像が隠れてしまいます。なので
cssでやろうと

.test {
position: absolute;
right: 0px;
bottom: 100px;
left: 0px;
}
みたいにしたのですが同じ結果になってしまいます。
何かいい方法があればよろしくお願いします。
768 名前： 767 投稿日： 02/12/22 21:02 ID:yC2zEx9z: すいません、できｍした
769 名前： Name_Not_Found 投稿日： 02/12/22 21:24 ID:???: >765
普通に
.className{text-decoration:underline}　ってするだけでしょ。

Opera7 β2

div:first-line{text-decoration: 値 }

<div>
テキスト沢山
テキスト沢山
テキスト沢山
</div>

:first-lineを使った時、text-decorationが次行以降にも効いてしまうことがある。
font-sizeとかでも試したけど、他のプロパティではそういう症状はでなかった。
なんかスクロールしてるうちにアンダーラインが出たり消えたりするんだよね。
うざぃ(; ´Д｀)
770 名前： not 765 投稿日： 02/12/22 21:28 ID:???: >>769
.nanashi_san{text-decoration:underline}
こういう意味じゃないの？

>>765
使えないことも無いが、正しい記述じゃない、はず。
771 名前： Name_Not_Found 投稿日： 02/12/22 22:37 ID:???: 逆だろ
正しい記述だけど使えないこともある
772 名前： Name_Not_Found 投稿日： 02/12/22 22:56 ID:???: >>771
そうなん？

行番号: 1 コンテキスト : .nanashi
文法解析エラーが発生しました - nanashi_san{text-decoration:underline}

ダメだと思ってた。
773 名前： Name_Not_Found 投稿日： 02/12/22 23:18 ID:???: >>772
http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html

> [2001-07-30] The underscore should be allowed in identifiers. Change "In CSS2, identifiers [...] can
> contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and higher,
> plus the hyphen (-)" to:
>
> In CSS2, identifiers [...] contain only the characters [A-Za-z0-9] and
> ISO 10646 characters 161 and higher, plus the hyphen (-) and the underscore (_)

CSS 2.1 WD
　http://www.w3.org/TR/2002/WD-CSS21-20020802/syndata.html#q4
では修正済み。
774 名前： Name_Not_Found 投稿日： 02/12/22 23:20 ID:???: >>773
thx。
ハイフンも使えるんね。
775 名前： Name_Not_Found 投稿日： 02/12/23 03:05 ID:8FR3mwMQ: 何%以上とか何px以上とかって指定できたっけ？
776 名前： Name_Not_Found 投稿日： 02/12/23 03:14 ID:???: width/heightの話なら、min-width/min-heightがそれにあたります。
777 名前： Name_Not_Found 投稿日： 02/12/23 04:22 ID:HHShCO9E: スタイルの一部を変数（というかデータ領域）として使うのは邪道ですか？
778 名前： Name_Not_Found 投稿日： 02/12/23 11:36 ID:???: Opera6だと@importが無効になるんですが？
779 名前： Name_Not_Found 投稿日： 02/12/23 12:50 ID:???: >778
それは前に俺もなった。けど条件がわからない。
その時は何故か鯖上では動いて、ローカルでは動かないという症状だったな。
780 名前： Name_Not_Found 投稿日： 02/12/23 15:40 ID:M9y91tM/: >>778-779
これではないのか？

Opera 6.x CSSバグリスト
「複数メディアが指定された@importを認識しない」
http://cssbug.tripod.co.jp/detail/opera/b004.html
781 名前： Name_Not_Found 投稿日： 02/12/23 18:37 ID:???: >780
いや、それじゃないな。

main.cssが

@import url("sub.css");
p{color:red}

sub.cssが

p{font-weight:bold}

の時、ローカル環境ではsub.cssが無効になるという症状だった。
今もう一度試したけど再現できた。ver.7β2では直ってる模様。
782 名前： Name_Not_Found 投稿日： 02/12/23 18:56 ID:???: >>781
できればこちらへ報告しておいてくれまいか。

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/l50
783 名前： Name_Not_Found 投稿日： 02/12/23 19:38 ID:???: テーブルごとに中に書いたリンクの色を変えたいのですが、
これってスタイルシートでできますか？。
784 名前： Name_Not_Found 投稿日： 02/12/23 19:58 ID:???: >>783
テーブルごとにクラス指定して
table.hoge1 a{color:#******;}
table.hoge2 a{color:#******;}
table.hoge3 a{color:#******;}
・・・・

aはa:hoverとかa:visitedとかでもちろんOK
785 名前： 778 投稿日： 02/12/23 22:29 ID:???: エディタでcssファイルをUTF-8で保存してて、上の症状になったんだけど、
それをShift_JISにして保存したらちゃんと表示されるようになりました・・・。
786 名前： Name_Not_Found 投稿日： 02/12/24 09:38 ID:???: IDや、class名の最初に数字を使ってはいけないのはなぜですか？
787 名前： Name_Not_Found 投稿日： 02/12/24 09:43 ID:???: >>786
仕様
788 名前： Name_Not_Found 投稿日： 02/12/24 13:46 ID:???: クラスとIDは、どのように使い分けるんでしょうか？
789 名前： Name_Not_Found 投稿日： 02/12/24 13:51 ID:???: （´-`）.｡oO（ここって【CSS、スタイルシート初心者質問スレッド】だっけ？
790 名前： Name_Not_Found 投稿日： 02/12/24 14:04 ID:???: >>788
http://tohoho.wakusei.ne.jp/css/basic.htm#Id
791 名前： Name_Not_Found 投稿日： 02/12/24 15:00 ID:???: >>788 このスレッドでも既出です。質問は検索してから。
>>789 初心者から熟練まで、ＣＳＳのことなら何でも受けつけて居ります。
792 名前： Name_Not_Found 投稿日： 02/12/24 15:04 ID:???: >>791
> >>789 初心者から熟練まで、ＣＳＳのことなら何でも受けつけて居ります。
　そのスタンスはよいかもしれないが、あんな質問で埋め尽くされるのも辛いなあ。
793 名前： Name_Not_Found 投稿日： 02/12/24 15:13 ID:???: >>792
かといって初心者用だけスレッドを分離独立させるほどの需要は無いし。
794 名前： Name_Not_Found 投稿日： 02/12/24 15:22 ID:???: 結論：質問者は>>1くらいちゃんと読め。
795 名前： Name_Not_Found 投稿日： 02/12/24 15:23 ID:???: >>793
いや、>>1嫁でいいんじゃねえ？
それでわかんねえ香具師に教えるのは無理だろ。
796 名前： Name_Not_Found 投稿日： 02/12/24 15:55 ID:PngFLr3v: 質問です。
<STYLE type=text/css>

</STYLE>
↑ので隙間が無くなって、左上にﾋﾟｯﾀﾘくっついた状態から編集できますが、上の隙間を0にして、少し右にずらしたいんです。
そういう場合は、どうしたらいいのでしょうか？
797 名前： Name_Not_Found 投稿日： 02/12/24 15:58 ID:???: >>796
marginやpaddingは四辺一括指定ばかりにあらず。
左辺だけや上辺だけに対して指定できます。
初歩なので>>4を見て下さい。
798 名前： Name_Not_Found 投稿日： 02/12/24 15:59 ID:???: >>796
body {
margin:上右下左;
}

上右下左を適当な数字に変えてみ
799 名前： Name_Not_Found 投稿日： 02/12/24 15:59 ID:???: >>796
margin-left:
800 名前： Name_Not_Found 投稿日： 02/12/24 16:00 ID:???: >>796
ここでも読むよろし。↓
　http://msugai.fc2web.com/web/CSS/box.html#margin
801 名前： 796 投稿日： 02/12/24 16:10 ID:PngFLr3v: ｳﾋｮｰこのスレの人優しい！
有難う御座いました。
802 名前： _ 投稿日： 02/12/24 16:15 ID:h4LI5rER: 　　　　　　　http://freeweb2.kakiko.com/dengeki/indexc.htm
803 名前： Name_Not_Found 投稿日： 02/12/24 16:16 ID:???: 簡単な質問には皆で答えるのね
804 名前： Name_Not_Found 投稿日： 02/12/24 16:18 ID:???: >>803
違う違う。ｹｺﾝだよ、これは。
805 名前： Name_Not_Found 投稿日： 02/12/24 16:18 ID:???: みんなとか言いつつ答えてるのは一人か二人な罠。
806 名前： 796 投稿日： 02/12/24 16:21 ID:PngFLr3v: <STYLE type=text/css>

</STYLE>
<STYLE type=text/css>

</STYLE>
これでOK？だよね？
一応出来たんだけど、一つにまとめられないのかな･･･
807 名前： Name_Not_Found 投稿日： 02/12/24 16:26 ID:???: >>806
<STYLE type=text/css>

</STYLE>
808 名前： Name_Not_Found 投稿日： 02/12/24 16:26 ID:???: >>806
わかってないな。
>>800のリンク先読んで勉強してから出直して下さい。
809 名前： Name_Not_Found 投稿日： 02/12/24 16:28 ID:???: body {margin: 0 0 0 10px;}
810 名前： Name_Not_Found 投稿日： 02/12/24 16:30 ID:???: >>807
それだと margin-left 再定義になってしまうよ。
811 名前： 807 投稿日： 02/12/24 16:31 ID:???: >>810
あ、そっか。

>>806
ごめん。
812 名前： 809 投稿日： 02/12/24 16:31 ID:???: >>807も勉強し直した方がいいナ。
813 名前： 807 投稿日： 02/12/24 16:33 ID:???: >>812
ああ、すまんすまん。
814 名前： 796 投稿日： 02/12/24 17:23 ID:PngFLr3v: ｳﾋｮｰ
皆さん。ごめんなさい。
>>809同士の通りにしたら、出来ました。
有難う御座います。
815 名前： Name_Not_Found 投稿日： 02/12/24 17:29 ID:???: >>814
ほんと良かったね。
816 名前： Name_Not_Found 投稿日： 02/12/24 18:22 ID:???: >796
答えだけ教えてもらって終わらずに、どういうしくみになっているかの勉強もぜひしてネ。
もっといろいろ見栄えをコントロールできることがわかって楽しくなるハズ
817 名前： Name_Not_Found 投稿日： 02/12/24 18:36 ID:???: まったくだ。>>816
（だけどリンク先まで示されても読まない者には言っても無駄なのかな）
818 名前： Name_Not_Found 投稿日： 02/12/24 18:54 ID:hlp4o2gL: 質問があるんだけどさ、
2chのような掲示板ってさ、
掲示板のところでさ、右クリックしてさ、
ソースの表示ってところでさ、
ソースパクってそれをホムペ作成ソフトで作ったら
ちゃんと動作するのですかぁ？
819 名前： Name_Not_Found 投稿日： 02/12/24 18:57 ID:???: >>818
無理、つーか激しくスレ違い。HTMLとかCGIを1から勉強してください。
820 名前： Name_Not_Found 投稿日： 02/12/24 18:58 ID:???: ネタのつもりだろうがこういうスレでやられると激しくウザい
821 名前： Name_Not_Found 投稿日： 02/12/24 19:01 ID:hlp4o2gL: 本当に分からんから言ってるのさ。
822 名前： Name_Not_Found 投稿日： 02/12/24 19:06 ID:???: で、ＣＳＳと何の関係があるのか？　>>821
823 名前： Name_Not_Found 投稿日： 02/12/24 20:08 ID:???: >818 はマルチ
824 名前： Name_Not_Found 投稿日： 02/12/24 20:43 ID:???: P { line-height: 150%;}
.note { font-size: 75%;}
-----
<p>hoge hoge hoge hoge</p>
<p><span class="note">hige hige hige</p>

としたときに、最初の段落と2番目の段落の行の絶対的な高さが同じで、
2番目の段落が凄く間延びしちゃうのですが、
825 名前： Name_Not_Found 投稿日： 02/12/24 20:47 ID:am8Iz6XV: >>824
line-heightは単位なしで指定する方がよい。line-height:1.5;とかね。
これ既出。

あと、閉ぢタグ</span>を忘れてませんか。
826 名前： Name_Not_Found 投稿日： 02/12/25 01:52 ID:???: >line-heightは単位なしで指定する方がよい。

こんなこと何処に書いてあるんだ?
827 名前： Name_Not_Found 投稿日： 02/12/25 04:29 ID:???: >>826
別に仕様とかには書かれてないと思うけど、単位無しの数値指定の方が何かと便利だというのは
自分は「スタイルシートWebデザイン」で教え込まれたな。
828 名前： 826 投稿日： 02/12/25 04:45 ID:???: P120に書いてあるね。マジメに勉強になったなぁ。
どうもありがとう。
829 名前： Name_Not_Found 投稿日： 02/12/25 11:27 ID:???: >>827-828
いや、line-height以外のプロパティでは単位は必須ですよ。ご承知かもしれんが。
単位無しで済むのは数値が0の場合のみ。
830 名前： Name_Not_Found 投稿日： 02/12/25 11:30 ID:???: >>826
なぜline-heightでは単位無しがよいのかは、>>241または前スレッド参照。
831 名前： Name_Not_Found 投稿日： 02/12/25 12:50 ID:???: >多くの場合継承には算出値が用いられるが、中には指定値を継承するプロパティもある。
>たとえば'line-height'プロパティに実数値を設定すると親要素の指定値が継承される。
832 名前： 826 投稿日： 02/12/25 15:02 ID:???: >>830
ということは、emだとか%で指定している場合でも、
重なる場合が有るって事?

%で指定していると、何かとバグがあるのはバグスレで見掛けた
(とはいえ最新版は直っているらしい) ので、
普段はem (IE3でのバグは無視) で指定しているのだけれど。
833 名前： Name_Not_Found 投稿日： 02/12/25 15:13 ID:???: ＞とはいえ最新版は直っているらしい

ホント？

全体にline-heightが指定されたページの最上部が消える(IE6)
http://cssbug.tripod.co.jp/detail/winie/b057.html
line-heightプロパティを単位なし数値で指定（150% → 1.5）するとこのバグを回避できます。
WinIE6.0では標準モードで不具合の発生が確認されました。互換モードでは発生しません。
834 名前： Name_Not_Found 投稿日： 02/12/25 15:26 ID:???: >>832
emや%の場合は「line-heightを指定した要素のfont-size」
に対する比率でline-heightが決まる
だから小要素で
em { font-size: 200%; }
とかしてあると、そこだけ行間が狭くなる or 重なってしまう

単位なしなら最も大きな文字に対する比率でレンダリングしてくれる
835 名前： 826 投稿日： 02/12/25 15:28 ID:???: >>833
ああ、嘘ついてました。mozillaの方だけを見てました。
とはいえ、XHTMLを使っているので、
標準モードの動作は興味無いんだとか言い訳してみる。
836 名前： エノキ 投稿日： 02/12/25 15:33 ID:???: 言い訳は聞きたくなーい！

エノキ、ボンバイエ
837 名前： Name_Not_Found 投稿日： 02/12/25 15:47 ID:???: strictな人は、新しいウィンドウで開くリンクは絶対設定しませんか？
838 名前： Name_Not_Found 投稿日： 02/12/25 15:50 ID:???: スレ違い
839 名前： Name_Not_Found 投稿日： 02/12/25 16:13 ID:???: select のスクロールバァはCSSで色の変更できたっけ？
840 名前： Name_Not_Found 投稿日： 02/12/25 16:14 ID:???: スレ違い
841 名前： 839 投稿日： 02/12/25 16:18 ID:???: >>840

　ﾏｼﾞ!?
842 名前： Name_Not_Found 投稿日： 02/12/25 16:31 ID:???: >>839
できない。textareaならＩＥの独自拡張でできる。
843 名前： Name_Not_Found 投稿日： 02/12/25 16:32 ID:???: >>839
マルチポスト
844 名前： Name_Not_Found 投稿日： 02/12/25 20:09 ID:lATIVZvW: 質問です
これまでテーブルで外枠作ってたんですけどCSSにチャレンジ中です。
中央に寄せるのにMacだと以下の通りでできたんですが
ウィンではなんだか左に寄っているという指摘を友人より受けました。
ディスプレイの解像度がまちまちなのでマージンを数値で
設定することもできずにいます。
お知恵を拝借したくてきました。
お願いします。
.sotowaku { background: black; margin-top: 10px; margin-right: auto; margin-left: auto; border: none 0px; width: 720px }
845 名前： Name_Not_Found 投稿日： 02/12/25 20:27 ID:???: >>844
>>5
846 名前： 844 投稿日： 02/12/25 21:32 ID:7XlJsILW: すいません
MacIE5.22と5.16では中央に配置されたのですがwinのIE6では左に
配置されてしまうのです。>>5を見てみたのですがどうもよく分かりません
MacIEだとこんな感じ↓
背景画像背景画像背景画像背景画像背景画像背景画像背景画像
背景画像　　　　　　　　　　　　　　　　　　　　背景画像
背景画像　　　　　　　　　　　　　　　　　　　　背景画像
背景画像　　　　　　　　　　　　　　　　　　　　背景画像
背景画像　　　　　　　　　　　　　　　　　　　　背景画像
背景画像　　　　　　　　　　　　　　　　　　　　背景画像
背景画像背景画像背景画像背景画像背景画像背景画像背景画像
でもwinIE6だと
背景画像背景画像背景画像背景画像背景画像背景画像背景画像
背景　　　　　　　　　　　　　　　　　　　　背景画像背景
背景　　　　　　　　　　　　　　　　　　　　背景画像背景
背景　　　　　　　　　　　　　　　　　　　　背景画像背景
背景　　　　　　　　　　　　　　　　　　　　背景画像背景
背景画像背景画像背景画像背景画像背景画像背景画像背景画像
847 名前： Name_Not_Found 投稿日： 02/12/25 21:39 ID:???: >>846
リンク先もちゃんと読んだ？
http://www.mozilla.gr.jp/standards/webtips0004.html
848 名前： 844 投稿日： 02/12/25 22:08 ID:bgzKYKud: ご丁寧にリンク先をご紹介いただきありがとうございます。
これからはいろんなところで調べてから、この程度の質問で
こちらのお世話にならないように勉強していきたいと思います。
849 名前： Name_Not_Found 投稿日： 02/12/26 02:27 ID:nIVdlmRJ: 外部スタイルシートを読み込むようにすると
リンクをクリックすると背景色が変化するJavaScriptが無効になってしまいます。
JavaScriptを有効（優先）する方法はありますでしょうか？
外部CSSにJavaScriptを埋め込まないとだめなのでしょうか？（そんな方法あったっけ？）
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<link rel="stylesheet" type="text/css" href="test.css">
<title>サンプル</title>
</hrad>
<body>
<table border="1" cellspacing="1" cellpadding="1">
<tr>
<th><font size="-2">背景の色を変えてみよう</font></th>
</tr>
<tr>
<td bgcolor="#ffffff"><a href="#" onclick="javascript:bgchange('#ffffff');return false">□</a></td>
<td bgcolor="#808080"><a href="#" onclick="javascript:bgchange('#808080');return false">□</a></td>
</tr>
</table>
</body>
</html>
850 名前： 849 投稿日： 02/12/26 02:34 ID:???: ちなみにこのソースを外すとJavaScriptはIE・NNとも正常に動作します。
（Operaは駄目でした）
<link rel="stylesheet" type="text/css" href="test.css">
851 名前： Name_Not_Found 投稿日： 02/12/26 02:57 ID:???: >849
test.cssの中で何らかのbackground-colorを指定しているのであれば
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cascade.html#q12
ということではないかと．そうでないならわかんない．
852 名前： Name_Not_Found 投稿日： 02/12/26 03:36 ID:???: >>849

document.body.style.backgroundColor=colorCode;
ではいかがか
853 名前： Name_Not_Found 投稿日： 02/12/26 10:17 ID:???: </hrad>だしなぁ
854 名前： Name_Not_Found 投稿日： 02/12/26 10:36 ID:???: ヘラッド
855 名前： Name_Not_Found 投稿日： 02/12/26 12:49 ID:???: >>849
CSSで指定したbackground-colorをJavaScriptで制御したいと言う事か？
貴方が書いてるJavaScriptはbodyのbgcolor属性を制御しているだけだから当然そのままじゃ無理だよ
CSSスレと言うよりJavaScriptスレの範疇だとは思うが。
BODYにID振ってそこからかなぁー
856 名前： 849 投稿日： 02/12/26 17:50 ID:???: 質問に答えていただきありがとうございます。
>>853-854ヘラッドはヘッドの間違いです（笑）。
>>852の方法ではうまくいきませんでした。
>>855ボディーにIDを振るとはどういうことなのでしょうか？
出来ればソースをどう変えれば良いのか指摘してもらうとありがたいです。
>>851を読んでみてもう少し自分でも調べてみます。
857 名前： 849 投稿日： 02/12/26 17:58 ID:???: ちなみに外部CSSの「test.css」のソースはこんな感じです。

body {
color :#00007f;
font-family :'ＭＳゴシック';
font-size :16pt;
font-weight :normal;
font-style :normal;
}

a:link {
color :#696969;
text-decoration : none;
}

a:visited {
color :#0000ff;
}

a:hover {
color :#008000;
}
858 名前： Name_Not_Found 投稿日： 02/12/26 18:04 ID:???: うちでは >>852 ので動いた。
ブラウザのバージョンとtest.cssの内容はどうなん？
859 名前： 849 投稿日： 02/12/26 18:16 ID:???: 動作確認環境は
Opera6.05
IE6.0
NS7.01
の３つです。
OperaはスタイルシートがあろうがなかろうがJavaScriptによる
背景色のチェンジは不可能でした。
860 名前： Name_Not_Found 投稿日： 02/12/26 19:20 ID:???: こっちでは

body {
background-color: red;
}
をtest.css に指定した場合

IE6
Mozilla1.2.1
document.body.style.backgroundColor=colorCode;
に変更すれば色変更可能。

Opera6.03
document.body.style.backgroundColor=colorCode;
に変更すれば色変更可能。ただし背景全体じゃなくてbodyの領域のみ

NN4.7
そのまま動作。

って感じだった。background-colorを指定しない場合Opera以外はそのまま動作。
Operaはdocument.body.style.backgroundColor=colorCode;
に変更すれば色変更可能。

こんな感じだった。

あと
onclick="bgchange('#ffffff')"
で十分。
861 名前： 849 投稿日： 02/12/26 23:35 ID:???: 質問に答えてくださった方ありがとうございました。
もしかしたら単なるタグミスかもしれないので
うまくいかないのかもしれません。
タグをもう一度チェックしてみます。
</hrad>というミス（笑）もあったくらいだし・・・（完全手書きなもので）
とにかくありがとうございました。
862 名前： Name_Not_Found 投稿日： 02/12/27 07:06 ID:UXk83hmX: 質問です。

hoge
{
background-image : url(../pic/hoge.gif);
height : 50px;
widht : 100px;
}

<div class="hoge>menu</div>

とやった場合、menuの部分の背景画像が
IE6だとちゃんと表示されるのですが
NN7だとかすれてしまったり、
スクロールさせると消えてしまったりします。

NN7でもきちんと表示されるようにするには
どうすべきなのでしょうか？
863 名前： Name_Not_Found 投稿日： 02/12/27 08:29 ID:???: >>862
タイプミスがあるが大丈夫か？
864 名前： Name_Not_Found 投稿日： 02/12/27 13:39 ID:???: >>862
background-repeatとかbackground-positionとかbackground-attachmentとか色々指定しる！
ついでにbackgroundで一括指定しる！
それとwidthですよコノヤロウ！
865 名前： Name_Not_Found 投稿日： 02/12/27 13:50 ID:???: >>864はいい人。
866 名前： Name_Not_Found 投稿日： 02/12/27 16:20 ID:xAIbQjGo: <div style="
background-image:url(img.jpg);
background-attachment:fixed;
overflow:scroll;
height:150px;
">ほげほげ・・・・</div>

と指定してスクロールしても背景が動かないように
したのですが、ネスケ7だとページ全体のスクロールでも
fixedされてしまいます。IEのようにするにはどうすればいいですか？
867 名前： Name_Not_Found 投稿日： 02/12/27 16:33 ID:???: >>866
えっ、WinIEがそんなことできたっけ？
↓

Internet Explorer (Windows) CSSバグリスト
body要素以外で背景画像を固定できない(IE6)
http://cssbug.tripod.co.jp/detail/winie/b065.html
body要素以外の要素で background-attachment: fixed; による背景画像の固定を行っても、背景画像はページスクロールに合わせて動いてしまう。
868 名前： Name_Not_Found 投稿日： 02/12/27 16:48 ID:???: 仕様書邦訳によれば――
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/colors.html#background-properties
'background-attachment'
背景画像が指定されていれば、このプロパティは、その画像を閲覧領域に対して固定するか、或いは文書に伴ってスクロールするかを指定する。

つまりIEは間違った解釈で表示してるんだね。

どうしてもIEと同じ表現にしたければ、positionｄ画像と重ねてz-indexを使ったら？
869 名前： 866 投稿日： 02/12/27 18:02 ID:???: >>868
ありがとうございます。
IEがおかしいんですか。個人的にはネスケ7みたいな固定の仕方は余計なお世話な
気がするんですが・・・何に使うんでしょうか・・・。

>>867
ページのスクロールではなくて、divのスクロールに対しての固定です。
870 名前： 862 投稿日： 02/12/27 18:06 ID:UXk83hmX: >863-864
どうもありがとうございます。
でも"widht"はカキコ時のミスなので
原因はそれじゃないみたい。

いろいろいじってみたのですが、直りません……。
background-attachmentは scrollでは変わらず、fixedでは悪化。
background-position を指定しても変わりませんでした。

現状は以下の通り。

.label{
position: absolute;
width: 154px;
height: 88px;
background-repeat: no-repeat;
color : #ffffef;
font-size : 16pt;
visibility: visible;
padding : 3px 0px 0px 88px;}

#lblhome{
background-image : url(../pic/home.gif);
top: 170px; left : 55px;}

<div class="label" id="lblhome"><a href="index.html">Home</a></div>

で、相変わらずかすれてしまうんです。＞NN7
黒っぽい背景画像（それぞれ違う）の上に
白文字で HOME LINK MAIL とかやりたかったんだけど……。
871 名前： Name_Not_Found 投稿日： 02/12/27 18:32 ID:???: >>870
それで何？
872 名前： Name_Not_Found 投稿日： 02/12/27 19:12 ID:???: >>870
CSSでなくて画像に問題があるって可能性は無いのかね。

あと、positionの指定の仕方が何だか怪しげ。
873 名前： Name_Not_Found 投稿日： 02/12/27 20:15 ID:???: かすれるの意味が解らんし
もうちょっと具体的に言ってくれ
874 名前： 862 投稿日： 02/12/27 21:44 ID:???: >>872
ありがとうございました。
透過gifをやめたらNN7でもちゃんと表示されました。

>>873
すみません。

かすれる、というのは画像にフィルタがかかった様な
白い膜がかぶさる状態のことです。
スクロールをくりかえすと消えたり、表示されたり。
875 名前： Name_Not_Found 投稿日： 02/12/28 13:27 ID:???: リンクの文が途中で改行されてしまうのを防ぐにはどうすればいいのでしょうか？
876 名前： Name_Not_Found 投稿日： 02/12/28 13:40 ID:???: >>875
詳しく言って
877 名前： Name_Not_Found 投稿日： 02/12/28 14:50 ID:???: 画面の折り返しだと思う。
<nobr><a href="hｔtp：//2ch.nｅt/">2ch</a></nobr>みたいなことがしたいんだろう。

white-spaceでできた木が。
878 名前： Name_Not_Found 投稿日： 02/12/28 17:26 ID:???: white-spaceはIE5で使えないよ
879 名前： Name_Not_Found 投稿日： 02/12/28 18:19 ID:???: ども申しわけないです

あいう　かきく　さしす

こんな感じで横にリンクを並べた際

あいう　かきく　さし
す

こんな感じに中途半端に改行されてしまうんですが
これを防ぎたいんです
880 名前： Name_Not_Found 投稿日： 02/12/28 18:29 ID:???: >>879
すぐ上の2つのレスを参照
881 名前： Name_Not_Found 投稿日： 02/12/28 19:56 ID:MPXxQ22i: a {white-space: nowrap}

でもこれだと <a name="fubar">foo bar</a> も改行されません。
882 名前： Name_Not_Found 投稿日： 02/12/28 19:58 ID:???: 指定する相手を間違っている
883 名前： Name_Not_Found 投稿日： 02/12/28 21:33 ID:k88/XKVX: スタイルシートで
<table>や<HR>などでalign=leftを直接指定するような
構文ってどのようにすればいいのでしょうか？
884 名前： 883 投稿日： 02/12/28 21:35 ID:k88/XKVX: あぁ、、、text-align:left;でしたね。
すいません、事故解決しますた。
885 名前： Name_Not_Found 投稿日： 02/12/28 22:16 ID:???: >>884

float: left では ?
886 名前： Name_Not_Found 投稿日： 02/12/28 22:44 ID:???: 【社会】福島県岩代町全町民の住基ネットデータが盗難
http://news2.2ch.net/test/read.cgi/newsplus/1041036852/
887 名前： Name_Not_Found 投稿日： 02/12/29 22:45 ID:eQRD2PBZ: a 要素に accesskey が設定してあることを
ヴィジュアル系 UA を使っているユーザに知らせるために

a:after {
content:' (' attr(accesskey) ') '
}

とすると、 accesskey が設定されていない a 要素は、
要素の後に空カッコが表示されてしまいます。

HTML ソース

<a href="bar" accesskey="f">foo</a><br />
<a href="bar">foo</a>

上記 HTML を Mozilla などの UA でレンダリングさせたところ

foo (f)
foo ()

かといって以下のように CSS を記述すると、
Mozilla などでは要素の直後に accesskey の値が出現してしまい、
直前の単語とつながっているように見えてしまいます。

a:after {
content:attr(accesskey)
}

accesskey が設定されていないときに
カッコを表示させないようにするためには
どのようにすればいいのでしょうか ?
888 名前： Name_Not_Found 投稿日： 02/12/29 23:29 ID:/+maAnUR: ちょっと質問の意味を取り違えてるかもしれないが…、
accesskey属性を持ったアンカーのみに適用、なら下のでいけるんと違うか。試してないけど。

a[accesskey]:after{ ～ }

てゆうか、
＞要素の直後に accesskey の値が出現
は仕様通りの動作だと思うが。
889 名前： Name_Not_Found 投稿日： 02/12/29 23:34 ID:???: >>887
a:after{ content: " attr(accesskey) "; }
これで間にスペースでない？
こんなんじゃダメ？
（ヴィジュアル系 UA持ってないから確認できん）
890 名前： Name_Not_Found 投稿日： 02/12/29 23:48 ID:???: >>889
a[accesskey]:after{ content: " " attr(accesskey) ; }
じゃないか？
891 名前： 887 投稿日： 02/12/30 00:15 ID:r2xwmRc1: >>888

ありがとう。うまくいきました。

> ＞要素の直後に accesskey の値が出現
> は仕様通りの動作だと思うが

>>887 の文章表現が稚拙でした。
a 要素直後に accesskey の値が出現してしまうと都合が悪いということが伝えたかったのです。

>>889 >>890

ありがとう。でも追加した空白にも
UA がつける underline がついてしまいました。

a[accesskey]:after {
content:content: " " attr(accesskey);
text-decoration:none
}

としても追加された空白の underline は除去できませんでした。

Mozilla で確認していますが、 Mozilla の挙動が正しいとも限りませんけど。
892 名前： Name_Not_Found 投稿日： 02/12/30 07:20 ID:???: >としても追加された空白の underline は除去できませんでした。
>Mozilla で確認していますが、 Mozilla の挙動が正しいとも限りませんけど。

空白類『文字』なんだから underline が付いて当たり前じゃﾎﾞｹｪ。
そんなに underline を消したいんだったら、
margin-left を指定すればいいだろう。頭悪過ぎ。

a[accesskey]:after { content: attr(accesskey); margin-left: .5em; }
893 名前： Name_Not_Found 投稿日： 02/12/30 08:11 ID:???: >>892
そんなに怒らないであげてよ。
894 名前： Name_Not_Found 投稿日： 02/12/30 08:20 ID:???: 怒りすぎで0が抜けてますね
895 名前： Name_Not_Found 投稿日： 02/12/30 09:03 ID:???: >>894
煽らないであげてよ。
896 名前： Name_Not_Found 投稿日： 02/12/30 09:22 ID:???: >>894-895
この場合は、「0」を省略出来るんだよﾎﾞｹｪ。
Validator で試してみやげれゴルァ。
http://jigsaw.w3.org/css-validator/validator-text.html
897 名前： Name_Not_Found 投稿日： 02/12/30 10:15 ID:???: >>896
試してみやげりますから怒らないでください
898 名前： Name_Not_Found 投稿日： 02/12/30 10:27 ID:???: >>896
895は何も言ってないよ。

>>897
揚げ足をとらないであげてよ。
899 名前： Name_Not_Found 投稿日： 02/12/30 10:29 ID:???: >>897
エラー及び警告は見つかりませんでした。
ってでたよ。さすが896だね。
900 名前： Name_Not_Found 投稿日： 02/12/30 15:57 ID:???: 妙にﾏｰﾀﾘしてるな
901 名前： Name_Not_Found 投稿日： 02/12/30 17:53 ID:???: 年越しですから
902 名前： 887 投稿日： 02/12/30 23:47 ID:r2xwmRc1: 質問ばかりで恐縮です。

ブロック要素の前 (上) に表示させた画像を
真ん中によせる方法はありますか ?

div:before {
content:url(/img/foo.png);
text-align:center
}

だと Mozilla では真ん中には来ませんでした。

div:before {
content:url(/img/foo.png);
margin-left:auto;
margin-right:auto
}

でも結果は変わりませんでした。

P.S.
>>892
" " (0x20) は .5em とはかぎりませんよね ?
ここのところは pending とさせていただきました。
903 名前： Name_Not_Found 投稿日： 02/12/31 00:03 ID:/0E244so: CSSってどうやって切るんですか？
904 名前： Name_Not_Found 投稿日： 02/12/31 00:06 ID:???: >>902
セレクターをdiv:beforeではなく単なるdivにしてmargin:0 auto;ではダメ？
905 名前： Name_Not_Found 投稿日： 02/12/31 00:08 ID:???: >>903
IE/Win ウェブページのCSSを無効にする方法
http://members.jcom.home.ne.jp/jintrick/Personal/usr_styleoff.html
906 名前： 902 投稿日： 02/12/31 00:10 ID:zy94SfLs: >>904

表示させる画像は装飾で、コンテンツではないので
できれば HTML の中には書きたくないのです。

ってそういうことではないのでしょうか ?
907 名前： 904 投稿日： 02/12/31 00:12 ID:???: div {margin:0 auto;}
div:before {
content:url(/img/foo.png);
}
908 名前： 902 投稿日： 02/12/31 00:22 ID:???: >>907

たびたびありがとうございます。

CSS 的には正しいのかもしれませんけど、
手持ちの UA では期待通りにレンダリングしてくれる
ものはありませんでした。

margin: auto を正しくレンダリングしてくれる UA ってあるのでしょうか ?
909 名前： 904 投稿日： 02/12/31 00:29 ID:???: ごめん、間違った。
ブロックレベル要素センタリングさせるには左右marginをautoにするだけでなく、
ブロックレベル要素に幅（width）も指定しないとだね。
910 名前： 902 投稿日： 02/12/31 00:34 ID:???: >>909

あ、そうか。いわれたことを試すだけで思考停止していました。
試してみます。挿入する画像のほうの width は画像の幅のピクセル数ですかね。
911 名前： 902 投稿日： 02/12/31 00:52 ID:???: だめでしたー :'(
912 名前： Name_Not_Found 投稿日： 02/12/31 00:53 ID:???: 質問者も回答者も馬鹿ばっかりだなぁ。
みんな良く頭使えよぉー。
913 名前： Name_Not_Found 投稿日： 02/12/31 00:56 ID:???: >>912
されば是非とも蒙を啓かれたく、ご示教賜らんことを。
914 名前： Name_Not_Found 投稿日： 02/12/31 01:21 ID:???: これでどうだ。

div:before {
content: url(/img/foo.png);
margin: 0 auto;
width: 50%; /* 適当な幅 */
display: block;
}

>>3
仕様書は読んでおきましょう。

> 非置換インライン要素の場合（Inline, non-replaced elements）
> 'width'プロパティは効果を持たない。'left'、'right'、'margin-left'、'margin-right'の指定値が'auto'ならば、その算出値は'0'になる。

> 置換インライン要素の場合（Inline, replaced elements）
> 'left'、'right'、'margin-left'、'margin-right'の指定値が'auto'ならば、その算出値は'0'になる。'width'の指定値が'auto'ならば、その算出値は内在寸法と同じになる。

> 通常フローの非置換ブロック要素の場合
> 'margin-left'と'margin-right'の指定値が両方とも'auto'ならば、両者の算出値は等しくなる。

> 通常フローの置換ブロック要素の場合
> 両側のマージンの指定値が'auto'ならば、両者の算出値は等しくなる。

【CSS2勧告邦訳 10. 視覚整形モデル詳細】より
915 名前： 902 投稿日： 02/12/31 01:29 ID:???: >>914

カンペキです。長々とお付き合いありがとうございました。

>display: block;

これがキモみたいですね。
916 名前： Name_Not_Found 投稿日： 02/12/31 08:25 ID:bQhPsdjJ: CSSで表示させてる特定の画像に
特定のURLにLINKする事ってできるんですか？
917 名前： Name_Not_Found 投稿日： 02/12/31 08:32 ID:???: >>916
無理です。
918 名前： Name_Not_Found 投稿日： 02/12/31 08:36 ID:bQhPsdjJ: ｔｈｘ
919 名前： Name_Not_Found 投稿日： 02/12/31 10:18 ID:WaMA1Xro: CCSとはカードキャプターさくらの略ですか？
920 名前： Name_Not_Found 投稿日： 02/12/31 10:27 ID:???: >>919
そうだよ。そのｽﾚにきてまでなにうつつヌカしてんだ？
921 名前： Name_Not_Found 投稿日： 02/12/31 11:19 ID:???: 次スレッドにＦＡＱの追加は無いかね？
922 名前： Name_Not_Found 投稿日： 02/12/31 13:20 ID:???: >>921
　Q.>>919
　A.>>920
923 名前： Name_Not_Found 投稿日： 02/12/31 15:53 ID:j1D5VkcV: 色を変える目的でリンクの下線にborder-bottomを代用したんですけど、下線と文字の距離が1px程度空いてしまいます。
padding-bottomでもmargin-bottomでも解決できないんですが、どうしたらいいですか？
924 名前： Name_Not_Found 投稿日： 02/12/31 16:02 ID:hhfMGFkO: http://www.eonet.ne.jp/~nohohon/osaka-band.htm
http://www.as-net.com/free01/mkgif/mkgif.cgi?osaka
http://res9.7777.net/bbs/osakaband/
http://www.benricgi.com/bbs/vr/d/130211/osaka.htm
925 名前： Name_Not_Found 投稿日： 02/12/31 16:31 ID:???: >>923
どうしようもありません。
926 名前： Name_Not_Found 投稿日： 02/12/31 21:55 ID:???: >>923
background-imageでリンクの文字の下に線の画像を指定するとか。

できるかどうかは知らない。
927 名前： Name_Not_Found 投稿日： 02/12/31 23:57 ID:???: >>926
なるほど。
試してみます。
928 名前： Name_Not_Found 投稿日： 03/01/01 00:07 ID:???: >>926
何とか出来ました。
thx!
929 名前： Name_Not_Found 投稿日： 03/01/01 01:09 ID:???: ウィンドウの右側でテキストが改行されるのを防ぐにはどうすれば良いですか？
930 名前： Name_Not_Found 投稿日： 03/01/01 01:36 ID:???: >>929
こんな面倒くさい事しなくてもいいかもしれないけど、
ブロック要素かテーブルとかを横100%にして内容を囲んで、
それの横幅を固定すればいいと思う(table-layoutとか)。
931 名前： Name_Not_Found 投稿日： 03/01/01 01:44 ID:???: >>929-930
新年早々何だこれ…
932 名前： Name_Not_Found 投稿日： 03/01/01 01:59 ID:???: 新年早々ﾈﾀﾆﾏｼﾞﾚｽ

>>929
white-space:nowrap;

ウィンドウ全体に横スクロールバーはウザイので
white-space:nowrap;した要素は
display:block;にして、適当なwidthを指定して、overflow:auto;でもしる。
933 名前： 目のつけ所が名無しさん 投稿日： 03/01/01 07:48 ID:GQQ2nx/2: 私で933getか～。
有効な発言って200くらいってとこか？
934 名前： Name_Not_Found 投稿日： 03/01/01 15:11 ID:???: >>933
無効
935 名前： Name_Not_Found 投稿日： 03/01/02 01:39 ID:aA27Qsjf: text-decorationでunderlineを指定した時、
テキストとアンダーラインの色を異なる色にするってことは可能でしょうか？
たとえば、テキスト文字が黒でアンダーラインが赤ってことです。
結構単純なことだから、出来そうだとは思うんですが、
そういう記述を探してみても見つかりません…。
これは不可能ってことなのでしょうか？
936 名前： Name_Not_Found 投稿日： 03/01/02 01:48 ID:???: >>935
出来ないと思います。
937 名前： 935 投稿日： 03/01/02 02:01 ID:aA27Qsjf: >>936
そうですか…。
ありがとうございました。
938 名前： Name_Not_Found 投稿日： 03/01/02 02:02 ID:???: >>935
border-bottomで代用したらダメ？
939 名前： Name_Not_Found 投稿日： 03/01/02 02:02 ID:???: >>935
p {text-decoration:underline; color:#f00;}
span {color:#000;}

<p><span>hogehoge</span></p>

IE4だと同じ色だけどIE5以降やMozillaなら別の色になる。
無難にborder-bottomを使った方がいい。
940 名前： Name_Not_Found 投稿日： 03/01/02 02:06 ID:???: >>935
わからないことがあったら、とりあえず仕様書読め。

>テキスト装飾に必要な色は'color'プロパティ値と同じにすべきである。
>このプロパティは継承を行わない。しかし当該ブロックの子孫部に当たるボックスは、すべて同じ装飾を施されるべきである（たとえばすべて下線を施されるべきである）。
>またその時、子孫部の要素が'color'プロパティに異なる値を持っていても装飾の色は同じにすべきである。
【CSS2勧告邦訳 16.3.1 線を引く、点滅させる】より
941 名前： 935 投稿日： 03/01/02 02:13 ID:aA27Qsjf: >>938
>>939
つまりテーブルを使えってことですね。
気がつきませんでした。ありがとうございました。

>>940
すいませんでした。
942 名前： Name_Not_Found 投稿日： 03/01/02 02:20 ID:eeQmZZEi: >>941
> つまりテーブルを使えってことですね。＜そうじゃないだろうっ
943 名前： Name_Not_Found 投稿日： 03/01/02 02:34 ID:???: も　う　だ　め　ぽ
944 名前： Name_Not_Found 投稿日： 03/01/02 06:40 ID:???: >>941
ahoは死ね。
945 名前： Name_Not_Found 投稿日： 03/01/02 06:56 ID:???: 基本的な質問かもしれませんが、
http://sawadaspecial.com/
ここのようにスタイルシートでページを左右にわけるのは、どういう処理をするもんなんでしょうか？
色々なところのソースを覗いてみたけど、複雑で理解できませんでした
946 名前： Name_Not_Found 投稿日： 03/01/02 07:08 ID:???: 段組でググれ
以上
947 名前： Name_Not_Found 投稿日： 03/01/02 07:40 ID:???: >>945
http://www.glish.com/css/9.asp
948 名前： Name_Not_Found 投稿日： 03/01/02 20:21 ID:???: >>941

>>926参照
949 名前： Name_Not_Found 投稿日： 03/01/03 16:51 ID:???: イケてるサイトスレで見たんだけど
<hr />って何でつか
950 名前： Name_Not_Found 投稿日： 03/01/03 16:56 ID:???: >>949
それは CSS 関連のものではない。
xhtml での水平罫線描画タグ。
951 名前： Name_Not_Found 投稿日： 03/01/03 17:46 ID:???: タグは描画するためのものではない、と突っ込んでみる
952 名前： Name_Not_Found 投稿日： 03/01/03 18:58 ID:???: ここでブチっと区切るってことを意味するタグだと思ってた＞hr
それでブラウザでは横線が表示されるんだと思ってた。
953 名前： Name_Not_Found 投稿日： 03/01/03 19:19 ID:???: >>952
Horizontal Rule（水平方向の罫線）の意味

いい加減ｽﾚ違いだけどな。
954 名前： Name_Not_Found 投稿日： 03/01/03 19:19 ID:???: 水平線をマークアップするのでつ。スレ違いなのでこの話題はここまで。
955 名前： 954 投稿日： 03/01/03 19:20 ID:???: ｽﾏｿかぶった
956 名前： 953 投稿日： 03/01/03 19:24 ID:???: >>955
んじゃ、ｹｺﾝ
957 名前： 949 投稿日： 03/01/03 20:38 ID:???: ありがとうございました
958 名前： Name_Not_Found 投稿日： 03/01/03 21:43 ID:???: >>945
【ＦＡＱ】
Ｑ．ＣＳＳで段組するには？
Ａ．下記などを参照して下さい。

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/
959 名前： Name_Not_Found 投稿日： 03/01/03 21:45 ID:???: >>958を次スレッドの>>6か>>7あたりにＦＡＱとして追加しておいてくれませんか。
960 名前： Name_Not_Found 投稿日： 03/01/03 21:45 ID:???: 次スレを……
961 名前： Name_Not_Found 投稿日： 03/01/04 01:53 ID:VZCtEMRN: body に style="margin: 0px:" を指定しても
IEではマージンがなくなるんですが、NNだとマージンができてしまいます。
なんかいい方法無いでしょうか？
962 名前： Name_Not_Found 投稿日： 03/01/04 01:54 ID:???: >>961
Pとかにもつけないとダメじゃなかったっけかな。
BODYにつけてるのん継承されなかった気がする。
963 名前： Name_Not_Found 投稿日： 03/01/04 03:20 ID:???: >>961

NS4.x だと body には効きません。
964 名前： Name_Not_Found 投稿日： 03/01/04 09:21 ID:???: >>961
marginだけでなく、paddingも0にしても駄目かい？

ところで誰か次スレッド立てて。（私のプロバイダはスレッド立て禁止されてるんで）
965 名前： Name_Not_Found 投稿日： 03/01/04 09:45 ID:???: じゃあ漏れがやっとくよ
色々直すからちょと待て
966 名前： 連続投稿ですかuzeeee 投稿日： 03/01/04 10:07 ID:???: /* CSS、スタイルシート質問スレッド【14】 */
http://pc3.2ch.net/test/read.cgi/hp/1041641395/

ちょっと失敗したｽﾏｿ
LANケーブルで首吊って肛門からヒ素カレー垂れ流してくる
967 名前： Name_Not_Found 投稿日： 03/01/04 10:22 ID:???: >>965-966
大儀であった。暇を取らせる。
968 名前： Name_Not_Found 投稿日： 03/01/04 12:31 ID:???: テンプレの1結構長いから、もう少しｽｷｰﾘさせようよ。

つーことで、15で使えるのよろ>>970
969 名前： Name_Not_Found 投稿日： 03/01/04 12:53 ID:???: 埋め
970 名前： Name_Not_Found 投稿日： 03/01/04 12:54 ID:???: >>968
自分でやれやい！
971 名前： とか？ぱくりだけどｗ 投稿日： 03/01/04 13:48 ID:???: ━━Cascading Ctyle Sheets質問スレ道場訓━━
　一、礼節を重んじ常に努力精進すること
　一、UAのバグに打ち勝つ精神力を持つこと
　一、心身の優れたHTML+CSSを学ぶこと
　一、雑草の如く生涯HTML+CSS貫くこと
　一、感謝と反省を忘れないこと
　以上
━━━━━━━━━━━━━━━━━━━━━━

このスレに書き込むことが許されるものは以下のとおり
・CSS を記述するための最低限のHTMLを理解する者
・レイアウトのための最低限のCSSを理解する者
・CSSの意味を理解する者
・ユーザーに迷惑となるCSSを書かない者
・過去ログや関連資料を読むことができる者
・「初心者です」を振りかざさず、質問を分かる日本語で説明できる者

※ マターリ進行推奨奨励 ※
972 名前： Name_Not_Found 投稿日： 03/01/04 13:54 ID:???: Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

ルールを守れ。過去ログ読め。FAQ読め。仕様書読め。関連サイト読め。バグ辞典読め。・・・・・・・・

コレだけでもよくない（藁
973 名前： Name_Not_Found 投稿日： 03/01/04 15:03 ID:???: >>971
━━Cascading Ctyle Sheets質問スレ道場訓━━
どうでも良いけど、
CtyleのCって間違えてない？
974 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 21:40 ID:???: 埋め
975 名前： Name_Not_Found&rlo;-emu:DI&lro; 投稿日： 03/01/05 21:55 ID:???: 埋め
976 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 21:58 ID:???: 生き埋め
977 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 22:03 ID:???: 埋め
978 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 22:11 ID:???: 埋め
979 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 22:19 ID:???: 埋め
980 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 22:22 ID:???: 埋め
981 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 22:29 ID:???: 埋め
982 名前： Name_Not_Found&rlo;-emu:DI &lro; 投稿日： 03/01/05 22:43 ID:???: 埋め
983 名前： Name_Not_Found 投稿日： 03/01/05 22:58 ID:???: 埋め
984 名前： Name_Not_Found 投稿日： 03/01/05 23:19 ID:???: 埋め
985 名前： Name_Not_Found 投稿日： 03/01/05 23:24 ID:???: 埋め
986 名前： Name_Not_Found 投稿日： 03/01/05 23:46 ID:???: 埋め
987 名前： Name_Not_Found 投稿日： 03/01/05 23:55 ID:???: 埋め
988 名前： Name_Not_Found 投稿日： 03/01/06 00:22 ID:???: 埋め
989 名前： Name_Not_Found 投稿日： 03/01/06 00:23 ID:???: 埋め
990 名前： Name_Not_Found 投稿日： 03/01/06 00:23 ID:???: 埋め
991 名前： Name_Not_Found 投稿日： 03/01/06 00:41 ID:???: 埋め
992 名前： Name_Not_Found 投稿日： 03/01/06 01:14 ID:???: 　　　　
　　
　　　　　　　　　　　
993 名前： Name_Not_Found 投稿日： 03/01/06 01:24 ID:???: 埋め
994 名前： Name_Not_Found 投稿日： 03/01/06 01:33 ID:???: 梅
995 名前： Name_Not_Found 投稿日： 03/01/06 01:34 ID:???: 績め
996 名前： Name_Not_Found 投稿日： 03/01/06 01:34 ID:???: 埋め
997 名前： Name_Not_Found 投稿日： 03/01/06 01:41 ID:???: 夢．．．おやすみ
998 名前： Name_Not_Found 投稿日： 03/01/06 01:42 ID:???: ひっそりと・・・素敵だ
999 名前： Name_Not_Found 投稿日： 03/01/06 01:49 ID:???: /* CSS、スタイルシート質問スレッド【14】 */
http://pc3.2ch.net/test/read.cgi/hp/1041641395/
1000 名前： Name_Not_Found 投稿日： 03/01/06 01:50 ID:???: 千　昌男
1001 名前： １００１ 投稿日： Over 1000 Thread: このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。

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