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

Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

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

質問の前には過去ログを　WinIEの場合[Ctrl+F]で検索しましょう。

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

また、「環境を書け」　とか　「ソースは？」　と求められたときは
応じるようにしましょう。　回答が早く返るようにするためです。

※　ﾏﾀｰﾘ進行推奨　※

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

【過去ログ】
　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://pc3.2ch.net/test/read.cgi/hp/1015474859/
　http://pc3.2ch.net/test/read.cgi/hp/1019881572/
　http://pc3.2ch.net/test/read.cgi/hp/1025346520/

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

【仕様書】
・CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1/
・CSS2の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS2/
・CSS1の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/css1/toc.htm
・CSS2の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/tr_css2/toc.html

【その他資料など】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS1テストスイート
　http://www.doraneko.org/css1test/
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・CSS Laboratory対応表・一覧
　http://www.inter-cool.net/~phantasm/wdzone/note/index.html

<1
最速乙

947です。
ここで質問してもまともな答えはかえってこないという事がわかりますた。

>>6
まともな質問でなければ、まともな答えを返しようがありません。

http://pc3.2ch.net/test/read.cgi/hp/1028646616/947

この文章では、どのような意図でtableを用い、どのような表示を実現したいのか、
質問者以外の人にはわかりません。
「自分にしか通じない造語（table枠）を使わず、他の人に通じる言葉を使う」
「主語・述語を記述する（何が「合計8」あるのか、何を「最大化」したいのか）」
などに気をつけて質問を書くようにしてください。

理解できないのは頭がわるいからです。
あの程度の日本語が理解できない低脳どもに用はありません。
他で聞くのでもう結構。

また質問者になりすました煽りですか…

煽りならいいけど、逆切れだったら救えねぇ(; ´Д｀)

逆ギレしてるのではなく事実を述べているのです。
せいぜい理解できるレベルの質問にだけ答えてエラソーにしていて下さい。
このような場所で高度な質問をした私が浅はかでした。反省しきりです。

怒りでチンコ勃起させながら
レスしてんじゃねーよ。

怒りで賃子が勃起することなんてあるのか？

発動できないのは魂がわるいからです。
あの程度のスタンドが発動できない低脳どもに用はありません。
他で聞くのでもう結構。
無駄無駄無駄無駄アァ！！

　　　　　　　　　　　　　　　　　　　　＼
　　　　　　　　　　　　　　 　　　　　　　＼　　新ｽﾚおめでとうございまぁす☆
　　　　　　　　　　　　　　　　　　　　　　　＼
　　　　　　　　　　　　　　　 　　　　　　　　　＼　　 　　　　　　　　 /|　　　。.
　　　　　　　　　　　　　　　　　　　　　　　,,-'―＼　　　　　　 ＿,／ﾉ　　　.　.
　　　　　　　　＿＿＿,,-―――＝''￣￣　 　 ＿,,-'―＝'''￣＿,／|　　o　　　　*
_,,-―＝'''￣　　　　　 ＿＿＿,,-―――＝''￣ ＿_,-―＝''￣　　 / .　　　.　.
　　　＿,,-―＝'''￣　　　　　　　 ＿,,-―＝''￣　ヽ　　　　　　　／　　+
￣￣　　　　　　　 ＿,,-―＝'''￣　　　　　　　　　　＼　　　　／　　. .　.　　.
　　　　　 ,,-＝''￣　　　　　　　　　　　　　　　　　　　ヽ　　／　　　　.　　。. ★　　☆
　　　 ,,,-''　　　　　　　　ﾉ　　　　　　　　　　　 　 ﾉ 　 ヽ／　　　　　。.　　　　.
-―''￣　　　　　　　　（;;;）　　　　|＿＿＿,/　　（;;;）　　 |　　　.　☆　　+
.　　|　　　 　 　 ..::::::::::::... 　 　 　 |　　 　 /　　 　..:::::::...　|　+　.　　　.　.
　　 |　　　　　 　 　 　 　 　 　 　 | 　 　 /　　　　　　　　|　　　　.　.　　　☆
　　ヽ　 　 γ´~⌒ヽ.　　　　 　　 |　　 /　　　　　 　 　 /☆　.　*　　+.　　.
――ヽ 　 /　　　　　 ヽ　　　　　 |　 /　　　　　　　　 /⌒ヽ、.　　.　　.　.
　　　　＼/　　　　　　　|　　 　 　 |_/　　　 　 　 　 ／　　　 ヽ +★
　 　 　 / 　　　　　　　 |　　　　　　　　　　　　　／　　　　　ﾉ　*　　☆

↑ｷﾓｯ

195 ：Name_Not_Found ：02/09/12 09:14 ID:???
男のヒトって怒りで勃起するんですか？
知りませんでした


196 ：Name_Not_Found ：02/09/12 09:28 ID:???
↑37歳・男・独身・166cm・71kg

>>6
borderって知ってますか。
まあ。ここでも読むんですな。
http://members11.tsukaeru.net/msugai/web/CSS/tables.html

スタイルシートを見られないようにするにはどうすればいいのでしょう。
パーミッションを600にしたらだめぽでした。

>>19
無理じゃない？
そもそもCSSってローカル側で処理しているわけだし。

どんなに隠したところでキャッシュを漁れば出てくるわな。

厨房にパクられたくないという程度でいいのなら、全文エスケープしちゃうとか。
解読はできるけども、そんな能のあるやつなら >>19 のソースを覗いたりしない。

開業を消せるだけ消して、文字コートをutf-8とかeuc-jpにしておけば厨よけにはなるかも。

/* CSS、スタイルシート質問スレッド【10】 */
http://pc3.2ch.net/test/read.cgi/hp/1028646616/


1000 名前：Name_Not_Found 投稿日：02/09/13 00:49 ID:???
お前等、みんなバカ


1001 名前：１００１ 投稿日：Over 1000 Thread
このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。

> 972 名前：Name_Not_Found 投稿日：02/09/12 09:11 ID:???
> >>969
> 関係大有りです。シェアの高いIEの文法を標準にすべき。
> シェア低いブラウザが標準標準言ったって、知らない人から見たら
> IEと互換性が無い→使えないな　で終わり。

意味不明＆頭悪すぎ。
MozやIEが標準を定めてるわけじゃねーんだから

>>24
確かに頭悪いけど、理解できないのは君の読解力不足だと思いますよ。

>>25
ほう、では君は972の言う事を理解できるんだな

>>26
「ほかのブラウザはIEに合わせろよ」と言っているのでは？

そんなもん作る意味ない。

もし24=26=28なのであれば分かった。
こいつはただ頭が悪いだけだ。

一人相撲ご苦労

質問どぞ↓

もし927=25=27=29なのであれば分かった。
こいつはただ頭が悪いだけだ。

一体何が正しくて何が正しくないんだよ！！
まるでアメリカ(IE)とイスラム諸国(Mozilla,Opera)じゃないか！！

テンプレ

もし○○=○○=○○なのであれば分かった。
こいつはただ○○が○いだけだ。

もしMSIE=独自拡張続行するのであれば分かった。
こいつはただ金が儲けたいだけだ。

http://testpop.tripod.co.jp/test.html

↑なぜか各ブラウザによって見え方が違います。
なぜでしょうか？
IE6で表示されてるのが僕の理想の表示です。
Mozilla,Operaで見たら下記のような不具合が出てきます

Mozilla(最新)
　・h1のborder-bottomが→にはみだしている

Opera(１つ前のヴァージョン)
　・body{margin-top : 0px;}が適用されていない
　・Mozzilaと同じくh1のborder-bottomが→にはみだしている
　・#main{margin-top : 50px;}がずれて表示されている

どのブラウザでも同じ見え方にするには
どのような修正をすればよろしいでしょうか？

>>35
ずれない状態のものを画面ｷｬﾌﾟﾁｬし、
GIFやJPEGなど任意の形式に変換して、そのままimg要素で配置する。
ﾘﾝｸを使いたいならｲﾒｰｼﾞﾏｯﾌﾟで。

つか、ずれないようにするのなんて、
刹那的にしか成功しないから、余裕を持ってやった方が良いんじゃない？
1pxでもずれるのが嫌だっつーんなら、
やはり上記の方法やFlashなど、環境にほとんど左右されないものを使うべきかと。

mac_IE mac_NN win_IE win_NN と4種のcssのファイルに

a:active { text-decoration: none }
a:link { color: #CC0000; text-decoration: none }
a:visited { color: #0000CC; text-decoration: none }
a:hover { color: #FF9900; text-decoration: underline }

を書きこんだのですが、ネスケでホバーが効かないのはいいとして、
マックＩＥでもホバーが効きません。同じように書いてウインドウズのＩＥでは
動作するのですが、マックのＩＥで効かない理由というのがわかりませんでした。
なにか記述を間違っているのでしょうか？

>>35
>Opera(１つ前のヴァージョン)
>　・body{margin-top : 0px;}が適用されていない
body{padding:0;}を追記してみたら？
オペラはデフォルト・スタイルがＩＥともＮＮとも異なる（リスト要素なんかも）。

あと、ＩＥ６でもDOCTYPE宣言を標準準拠モードにしたら、ＮＮと同じになるのでは。
これＦＡＱです。↓
「Internet Explorer 6 における CSS の拡張」
　http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp

>>37
どのセレクタへの記述が効いてるのかチェックするために
border:1px solid red;
をその４行に上から順に入れてみる。
borderを追記したのに赤い枠線が現れないセレクタがあったら、そこが問題。
あと、a:activeは一番最後の行にした方がいいかも。

【ＦＡＱ】
Ｑ：WinIEとＮ６で見え方が違ってるんですけど……。
Ａ： 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.age.jp/~dfj/html/border2.html

CSSって思ってたより使えないんですね。
普及せずに消えゆく技術に過ぎないという予測をどこかで聞いた事ありますが
なんか納得。

MacIE4.xってテストできる人いる？
対応具合の情報キボンヌ。

>>41
は？

ほっとけ。CSS程度も使いこなせない可哀想な人の愚痴だろ

CSSは最初は「こんなもん何の役に立つんだ？」とか「タグで十分やん」って思ったけど、
実際使ってみるとなかなか(･∀･)ｲｲ!!と思ったよ

<q>を使うとダブルコーテーションがでるのですが、
どうやれば消すことができるのでしょうか？

>46
q {quotes: none;} あるいは
q:before, q:after {content: "";}
あるいはと書いているのはブラウザのCSS2実装状況を忘れたから

>>47
:before , :after は IE6 ではまだ実装されていないよ。
mozillaはしてたと思うけど。

quotesは知らん。

>>48
擬似要素もquotesもIEは実装していないけど
それ以前にIEは<q>をサポートしていないから引用符は表示しない。

>>49
そうなの？IEは殆ど使わないから知らなかった。

あー，やっぱり書き方が中途半端だった．すまん．
>46 が「引用符が…」って書いてるので，じゃあMacIE5かNN，Mozだと予想（WinIEで未対応なのは知ってる）．
んで，そのMacIE5やMozで quotes に対応してるか，before, after はどうか，までは確認してないので
両方書いておいたってことね．

って，罪滅ぼしにZSPCで確認したらMacIE5は quotes も before, after もダメなのか…
ということはMacIE5で引用符を消す方法はないってことか？手元にないので実際はわからない．

>>50
要素としては認識してませんが、
CSSは適用出来ます。

>>52
要素として扱うことは出来るよ。
:after, :before, quotesが対応してないだけ。
ABBRなんかはCSSすら効かないし。

質問いいでつか？
overflow使うとWinIEでmargin-leftが効かなくなるんですが、これはバグ？

検証用ソース。

<div id="contentsmenu">
<ul>
<li><a href="hogehoge>ホゲーなページ</a></li>
</ul>
</div>

<div id="maincontents">
<p>とか何か色々。</p>
</div>

#contentsmenu{
background-color : Red;
float : left;
width : 130px;
height : 400px;
margin-top : 100px;
}
#maincontents{
height : 400px;
overflow : scroll;
margin-top : 100px;
margin-left : 130px;
background-color : Red;
}

どうも、floatしている方のmarginだけ効かないようです。
margin-topは現に効いていて、試しにmargin-rightに変えてみたら効きました。

・ overflowじゃなくてfloatの仕業。詳しくは調べれ。
・ #contentsmenu から margin-right で頑張る。
・ 個別に margin-top : 100px はずれるからやめとけ。

解決だ(・∀・)ｲｲ!

>>57
レスさんくす。これはあれですか。IEだとbodyからmargin取るのに対して
Mozだとfloatさせた要素からmarginを取るって感じですね。
解決方法ってありましたっけ？もじら組みではbrとかでclearしてたようなんですが。

あぁ、ｽﾏｿ。margin-rightって書いてありましたね。
上手くいきますた。ありが�d。

spanは文章の一部につかうものですか？
愛<span class="yomigana">(あい)</span>
と使うのはいけないですか？

>>60
ぜんぜんOK

>>60
spanは大抵そう使う

>>60
spanは大抵そう（読み仮名の指定として）使う

質問に答えてくださった
皆様ありがとうございました！
皆様から授かった知識をめいっぱいいかせるように努力します！

無理。

IE はいつになったら position: fixed をサポートしてくれるのかな？

土下座して靴舐めろや。

>>65
あ？なんで無理なんだよ？

ヤだ（・∀・）

金曜の夜って不思議♪

もう土曜だけど…

（　´,_ゝ`）

>>35
童貞には無理。

追い込まれたらすぐ
童貞だろ攻撃に出る奴は
大抵ガキか自分が童貞なんだよな
どっちにしろうぜえ

怒りでチンコ勃起させながら
レスしてんじゃねーよ。

>>68>>74
もうそのパターン飽きた。たまには芸風変えてみろや。

そういうスレじゃないし。。。

どゆすれ？

>>76
三枚目お笑い志向不細工童貞は下記の板へ移動お願いします。

　・http://caramel.2ch.net/owarai/
　・http://natto.2ch.net/middle/
　・http://salami.2ch.net/dame/
　・http://life.2ch.net/hage/

そして35は去っていった

<p>第一行</p>
<p>第二行</p>

これをIEで表示すると、デフォルトでは第一行と第二行の間に
一文字分の行間が開きますが、これを縮めることはできますか？
margin-bottomを使っても変わらず、line-heightはinlineに作用するので不適当。
padding-bottomを使うと値の分だけさらに開いてしまいます。

margin-topも指定したら？

81>>82
すみません。できました。
ありがとうございました。

>>78
>>1

クリックで救える命がある。
http://www.dff.jp/

WinIEで:hoverってa要素にしか効かない？
あとMozってa要素にwidth指定しても効かない？

Centerタグを使わずに、要素をセンタリングすることってできますか？
しかも、その要素内のテキストは、左寄せにしたいんです。
この説明で分かりますかね…？

つまり、今はテーブル（左右５００ピクセルほど）をCenterタグで中央に
配置して、その中にテキストを書く、というやり方を仕方なく
やっているんですが…。

CSSでこれと同じように見せる方法、ありましたらお教えください。

.box{
margin: 0 auto;
}

.box span{
text-align: center;
}

>87

#centeringbox {width: 500px; margin: auto; text-align: left;}

<p id="centeringbox">
500px幅のボックス（中央寄せ）の中で左寄せ
</p>

IE5やIE6の互換モードでは違うやり方になるけど，
その辺はさんざん既出なので自分で調べてください．

id="centeringbox"って･･･

>>88>>89

親切にありがとうございます。
ひとつ忘れていました。
過去ログをいくつか既に見たんですけど、
マージン指定で「auto」ってありますよね？
あれをやってみたんですが、なぜか反映されないんですよ…。

当方WinIE5.5、ホームページビルダー２００１です。
ビルダーはautoをサポートしていないようなので、
HTMLモードで手打ちで入力したんですが…。

で、だめだったんで、質問しました。

>>91

6以降

>>92

autoは６以降ですか…。
じゃあ、見れない人もまだ結構いるでしょうから、
テーブルのままにしてみようと思います。
仕方ない。

ありがとうございました。

ビルダーてあんた。おっかないやっちゃな。

marginの値autoはIE6でやっと対応。標準モードのみ。
5.5以前でセンタリングするには、
左右のマージンに同じ数値を%で指定するか、
親ボックスでtext-align: center; とするか。

前者はボックスのwidthが固定だと使えない。

ﾎｳﾁされて哀しいですﾀｲ。

>>86
判ったから泣くな。
:hoverはその通り
widthは元々インラインボックスには適用できない

>>4へ逝ってよし

>>94
レスありがとうです。

そうですか、まだIE6だけですか…。
Width指定を５００pxにしているので、前者の方法は、無理そうです。
しかも親ボックスがないので、後者も無理っぽい…。
それとも空白のボックスを作って、その中に子ボックスを作れば、
OKですか？

あと、やっぱビルダーってダメですか…。
Dreamweaverですか、やっぱり？

メモ帳で充分だ、というレスはもう飽きた。

>>97
メモ帳に決まってるだろ。
何考えてるんだか。

かぶった。おまけにａｇｅてるし。
鬱だ氏脳。

>>87
です。やってみましたが、ダメです。ボックス内のテキストまで、
センタリングされてしまいます。
間違ってますかね？

<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
<style>
.abc{
text-align: center; width: 600px;
}
.def{
text-align:left;　width: 500px
}
</style>
</HEAD>
<BODY>
<div id="abc">
<p id="def">うんたらかんたら
</p>
</div>
</BODY>
</HTML>

>>101
IE6(win)では、たぶんあなたの意図しているであろう表示になってる

<HTML>
<HEAD>
<style>
<!--
#abc {
text-align: center;
width: 600px;
background-color:#eeeeee;
}
#def {
margin:0 auto;
text-align:left;
width: 500px;
background-color:#cdcdcd;
}
-->
</style>
</HEAD>
<BODY>
<div id="abc">
<p id="def">うんたらかんたら</p>
</div>
</BODY>
</HTML>

IDの場合は . じゃなくて# ね。
margin:0 auto; はN6用

>>102
あ、急いで書いたんで間違えました…。
で、#に変えたら、できました！
これならIE6以降の人以外でも、「要素センタリング、テキスト左寄せ」
で見れますね！
なんか初心者丸出しのミスでしたが、ありがとうございました！

カーソルにフィルターかけて、半透明にすることは可能ですか？

>90
ごめんな，考えるのが面倒だったのよ．
（質問者の意図もわからんかったし．）

http://www.leverage.jp/bloom/start2/

>>104
フィルタは無理でしょ。
cursor: url(hoge.cur); という感じで自作のカーソルを使えるそうなので（IE限定）、それでどうにかして下さい。
カーソル変えられるとユーザは戸惑うと思うけど。

中央寄せとDOCTYPEスイッチは、次スレッドからＦＡＱとして>>1-10に載せておいたら？

カーソルのグラフィックを格子状で透明不透明を分けて、半透明っぽく見せるとか。
出来るかどうかは知らんが。

Faqサイト作って>>1に貼っとくといいんだけど
どこかに物好きな暇人いないかな

>>4にあるサイトを見ない奴がFAQサイトを見るとも思えませんが。

>>110
お寿司食べ放題ですが
まずい
えびがまずい
がんばって食べたものの
作ってから24時間以上経ってるから
れぶらっちょ

そうなんだけど、
例えば>>4のサイトに全部目を通してから質問しろｺﾞﾙｧ、
と言うよりは
Faq読んでから質問してね（はぁと
のほうがスマートかなと思ってね。

>>112
いいよ。
やっぱり言い
だしっぺがやらないとね。

いかにもCSSヲタって感じで頼む＞FAQ

FUQページつくって、ここよめみたいな。読んでなさそうな質問にはFuck You!みたいな。ぷくく

暇なので作ろうと思うのですが、
定番の質問みたいなの教えてくん

>FUQページつくって
ぷくく

>>117
ポイント間違ってるよ　ぷくく

>>116
・すぐ上にもあったセンタリング云々
・ボックスモデルの実装の違い（「Mozだとはみ出ます」など）
・擬似クラスの使い方（一部分だけ云々、記述の順番などなど）
・float関連
・ぷくく

まだ色々あったよね。ちと出てこない。

こういう仕様だから、こうなるんですよ。って説明してもわからんのじゃないだろか。
こう書くと、こう表示されますよ。ってな感じでないと。

ただ、そうすると勘違い大量繁殖と…。

原理と仕様の解説は「参考」にするとか。

だなぁ。基本的には「アンク著」的なかんじで書くのがいいかと。

テキストベースなページにしてほしい。軽く軽く軽く軽く軽く
そんなこと言われなくてもわかってるか・・、すいまそん

age

>>107
>>109
来訪者の迷惑にならないことを考えながら
格子状で作ってみようと思います。
ありがとうございました！

<table width="100%" height="100%">
<tbody>
<tr>
<td><a href="menu.html">メニューへ</a></td>
</tr>
</tbody>
</table>


これをCSSで実現して下さい。

CSSでマークアップは出来ません。

(　ﾟдﾟ)ﾎﾟｶｰﾝ

>>126
CSSはデザインを受け持つもので
HTMLは意味付けのマークアップってことを理解した上で言ってるのか？

>>126
馬鹿か。

いいえ、全くそのようなことは考えておりませんでした
すると>>126は>>126のままでいいということでございますか？

>>131
それでいいよ。

どこがいいんだ

もういいんだ・・・いいんだよ！！！

一体何が正しくて何が正しくないんだよ！！
まるでアメリカ(IE)とイスラム諸国(Mozilla,Opera)じゃないか！！

まるでトム(IE)とジェリー(Mozilla,Opera)じゃないか！！

まるでいくよ(IE)とくるよ(Mozilla,Opera)じゃないか！！

まるでちんこ(IE)とまんこ(Mozilla,Opera)じゃないか！！

ひょっとして

<?xml version="1.0" encoding="Shift_JIS">
　（中略）
<table width="100%" height="100%">
<tbody>
<trow>
<tdata><anchor hyperef="menu.html">メニューへ</anchor></tdata>
</trow>
</tbody>
</table>
　（後略）

table { display: table; width: 100% }
tbody { display: table-row-group }
trow { display: table-row }
tdata { display: table-cell }
anchor { display: inline }

こういうことか？

ちげえよほっとけ

話をFAQに戻すか。

で、前レスでFUQページ作るっと言ったやつはちゃんとやってんのか？
がんばってください

FUQって、何の略ですか。

あんま凝ったことやると、
FAQのあれ、どうやるんですか？　とか質問が出る罠。

じゃあ話を戻して。



「ぷくく」って何ですか？

わざわざサイトを作らんでも、>>40みたいな形でＦＡＱを書いておいて、
次スレッドの>>1-10に入れておけばよいだろ。

ところで質問は無いのか。

transparentは、背景が画像のときだけ使えますか？
bodyの背景は白だけど、変えるかもしれないから、
h2とかの背景は、#ffffffではなく、transparentを
使っているのですが、正しいですか？

HTMLでもスタイルシートでもいいのですが
特定のリンクを時間ごとに自動ですりかえるような事は可能なのでしょうか？

たとえば、○○.html　　××.html
と言う２つのリンク先があるとして
２００２年１月なら○○.html
２００２年２月なら××.html
と言う漢字に月ごとにリンクを自動ですりかえたいのですが
もしやりかたがあるのでしたら教えてください。
お願いします

>>148
どちらでもできません。

>>148
JavaScript

>>148
cgi

>>148

>>148
VBScript

Q. CSS以外のスタイルシートについても質問OKですか？
A. スレッドのタイトル通り、CSSやスタイルシートについてであれば。

Q. CSSである要素に枠をつけたいんですが。
A. >>4を読んでください。

148です。
ここで質問してもまともな答えはかえってこないという事がわかりますた。

>>148
スタイルシートではできないし
スクリプトの話になればスレ違いなので
ここでは答えは得られません、という話

だからでけへん言うてるやんか。

未だに騙りにマジレスする人が居るのね

html{border:dashed 0.5em #990044}
と書いた時のIE6の表示、おかしいよ！

それをやるのはまだ早い。あと1年は待て。

<STYLE type="text/css">
<!--
.c{
background-color : #004040;
border-top-width : 2px;
border-right-width : 2px;
border-top-style : outset;
border-right-style : outset;
padding-top : 15px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 15px;
}
-->
</STYLE>

なぜか、上の枠線はちゃんと２ピクセルが出るのに、
右のラインは１ピクセルしか表示されません。
ちなみに１ピクセルで設定すると、消えてしまいます。
なんで右だけ、1ピクセルだけ少ないんでしょうか？

なんでかなあ

バグでしょうかねぇ…。

>>161
そのくらい勉強してきてください。outsetがどういうものか分かってない。
>>4

>>164
outsetは二重線だぞ、ってことですよね。
それは分かってるんですが、
テーブルに同じように設定した時は、いい感じに見えたんで、
なんでDivタグに設定したら見方が変わっちゃったのかな、と。

>165
outsetはモッコリして見えるようになる。
とりあえず、border-style : outset;　だけにして、やりたいこととあってるかどうか確認しる。
ちなみに二重線は double 。px指定の場合、3以上じゃないと効かないから気を付けれ。

実線　1px　━━━━
空白　1px
実線　1px　━━━━

で、最低3px 。

>>166
なるほど。
頑張ってみます。
ありがとうございました。

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

同じ場合は省略できますか？
どう省略すればいいですか？

>>168
a{color:#000;}

a:link,a:visited{
color : #000000;
text-decoration : none;
}

a:link,a:visited{
color: #000;
text-decoration: none
}

a {color:#000; text-decoration:none;}

たくさんの人に答えてもらって非常にうれしいです！
ありがとうございました！

何で、Divやbodyを指定するときは、ID指定なんですか？クラス指定ではダメなんですか？
何か大きな違いがあるのでしょうか？

<div class="lead">より、<div id="lead">を見ることが多いもので。

よかったら、教えてください。

>>174
CSSのもっとも基本的なことを理解していません。
>>4で勉強してきてください。ここで聞くことじゃない。

CLASS=　グループ。
ID=　固有。

イメージとしては、

div.A{ color: red }
div.A#B{ font-weight: bold }

<div class="A">赤く</div>
<div class="A">赤く</div>
<div class="A" id="B">赤くしつつ太く</div>

こんな感じかと。
IDは同一ドキュメント中、一度しか出てこないことに（一応）なってる。
特異性というのもあるんだが、、それは今説明してもわからん気がする。

>>176
ありがとうございます。
「特異性」というのがキーワードなんですね。


div.B{color: red; font-weight: bold}
<div class="B">赤くしつつ太</div>
こうしないところがポイントなんですね。

つまり、あらかじめ、赤い文章がいくつかあって、
それは、
div.A{color: red}
<div class="A">赤く</div>
になっている。

その中に、一つの特別な文章だけ太くしたい場合に、
div.A #B{ font-weight: bold }
<div class="A" id="B">赤くしつつ太く</div>
とするわけですね。

この要領で、
div.A #C{line-height: 120%}
div.A #D{letter-spacing: 1.2em}
などとあとから、好きに追加していくと。

（続く）

（続き）

なんで私がこういう疑問を持ったのかというと、いろいろなサイトのソースを見ていて、


<BODY ID="tips">

<A Name="top"></A>

<DIV ID="title">
<H1><A Href="index.html">xyzzy</A></H1>
<H2>browser.dll Tips</H2>
</DIV>

<HR>

<DIV ID="contents">

のような記述を見て、疑問に思ったからなのですよ。

ここのサイトなんですが...
http://www.uranus.dti.ne.jp/~shiro-/soft/xyzzy/browser.html

IDってのはひとつしか出てきてはいけない。
だから
>>176の場合
div.A{ color: red }
div.B{ font-weight: bold }

<div class="A">　 　赤く　　</div>
<div class="A">　 　赤く　　</div>
<div class="A B">　赤くしつつ太く</div>
とすることが多い。（strict信者ｗにem要素を使えと言われそうだが）

>>178
IDって言うのは一つしか出てこない。
body要素もひとつ。
だからidが指定してあったりするんじゃないの？
しかし、bodyに指定するなら最初から
body {〜}
と書けばいいのでオレは使ったこと無いな。

>>177
そういうことじゃない。
idはスタイルを指定する目的で使うものではないってこと。

>>179

なるほど〜
そこらへんの使い分けの基準というか判断が未だに使いないのですよ

div.A{color: red]
div.A #B{font-weight: bold}
<div class="A" id="B">

か

div.A{color: red}
div.B{font-weight}
<div class"A B">

ここら辺の判断基準は、サイトの規模ということなんでしょうかね？
おそらく下のサイトは、それなりに大きいので、コンテンツごとに、
bodyなどの要素（line-heightやletter-spacingなど）を変えているから、
id指定しているのではないかと。

http://www.uranus.dti.ne.jp/~shiro-/soft/xyzzy/browser.html

う〜ん、ＣＳＳは未だに十分に理解してないです（Ｔ＿Ｔ）

>>181
うわ、書き込んでいる間に....
さらに頭がこんがらがりました...

だから、IDはスタイルを使用するためには
（殆ど）用いない。

もしもそのスタイルを指定したいものが増えたら
いちいち変更しないといけないよ？

IDっていうのは
<a name="hoge">の代替　もしくは
scriptで使うために在るっていう認識ではいけない？

｜bodyなどの要素（line-heightやletter-spacingなど）を変えているから、
｜id指定しているのではないかと。
だから、bodyにid振るなら (*1)
bodyに直接スタイル指定したほうが早いだろ (*2)。

CGIとかで使ったりするならともかく。

*1
#B { color: #000; background-color: #fff; }
<body id="B">
*2
body { color: #000; background-color: #fff; }
<body>

>>184
なるほそ〜
勉強になります。というか、もっと勉強してきます。

IDとCLASSについて >>4 に書いてあることを
どのように説明できるかの技量対決は終結。

sを入れ忘れて
age。

>4厨必死だな（藁

>>185
外部CSSファイルを複数で使い回しゃ、
body要素にid振っても不思議では無いきもするが．．．。
ま、CSSのセレクタとしては、全部class属性使えというならば
話は別としても。

http://www.uranus.dti.ne.jp/~shiro-/style.css
これを見れば、上のサイトのがすごいことがわかります

bodyにもスタイル指定してあって、
さらにＩＤも降っているということ。

降っている

>>193
これに関して説明してみてください。

ぼくのとこでは降りませんから
ごめんなさい

>>192
基本スタイルとして、body全体に被せてあって、
その中で、idを振って独自スタイルを指定したい場合は？

idを振れよ
痴呆ですか？

ってか、CSSのHTMLの組み込み方で、ｐなりdivなりのタグに直接スタイル属性
で組み込むのではなく、idなりクラスなりをそこに設定して、詳述は
head内に書く、というのが一般的なのは、やっぱり後から変更とか
しやすいからなんですか？

それに文書とレイアウトがそれぞれ別々に記述されてたほうが分かりやすいし。

＞それに文書とレイアウトがそれぞれ別々に記述されてたほうが分かりやすいし。
惜しい。
デザインはUAに依存してしまうので内容（html）と分離する。
どのUAからも必要なのは内容のほう。

>>199
すみません、UAって始めて聞いた言葉なんですけども。
説明してもらえますか？

>>200うーあ

っつうのはうそで
ユーザーエージェント＝ブラウザだよ

>>201
なるほど、ありがとうございます。

>>201は勘違いしてるか、「＝」の使い方が間違ってると思う・・・

別にいいよ

この場合は大概ブラウザのことを示すんだからいいんでないか
厳密には
ユーザーエージェント⊃ブラウザ
となる。

というか、>>199の文章の意味が、イマイチ分からんのは俺だけ？

というか、俺は
「それに文書とレイアウトがそれぞれ別々に記述されてたほうが分かりやすいし。」
の方がいまいち分からん。

「内容」と「レイアウト」（UA任せで書いてないこともあるし、外部CSSと結びつけられて
いるので書いてないこともあるが）が合わさって「文書」じゃないの？

というか、検索すれ

>>207
分かりにくくてすみません。
ご指摘の通り、「内容」と「レイアウト」が、ということです。

他者にソースを見てもらうときとか、やっぱり別々の方が
分かりやすいかな、と思いまして。

#menu{
float : left;
width : 150px;
}
#main{
margin-left : 151px;
width : 500px;
}

<div id="menu">
<ul>
<li>hogehoge</li>
<li>hogehoge</li>
</ul>
</div>
<div id="main">
<h1>mainだよーん</h1>
<ul>
<li>何月何日更新</li>
<li>何月何日更新</li>
</ul>
</div>

なんでfloatした時に
→側(main)にwidth指定してたら
ウィンドウ狭めた時に
↓へmainがガーーーン行くのかわかんない！
助けて下さい！

menu と main のボックスは独立してるからだと。
divで外枠の幅を決定して、ulにid(menu,main)指定したほうがいいと。
また、DTD宣言のstrict,transitionalの違いでも違ってくると。
もっと、わかりやすい説明よろしくと↓

>>210
そもそもfloatは段組みを作るためのプロパティーじゃなくて、
あくまで「浮動ブロック」を作るためのものですから…

Win98+IE5.5SP2の環境です。
webを巡回していて、どう頑張っても固まってしまうページに遭遇しました。
最初は変なスタイルシートでも書いてるのかと思って、
インターネットオプション＞ユーザー補助＞書式設定で
全てチェックを入れてみました。でも相変わらず固まります。
ソースを見てみると

<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">

という記述から、どうもWordが吐いたHTMLらしいです。もうスタイルシート等ゴテゴテでした。
ひたすら関係無い部分を削り、怪しい個所だけを残していくと、
次の3行まで絞り込めました。（注：「ジッケン」「実験」の部分は元の記述と変えてます。）

<div style='layout-grid:14.6pt 1.35pt'>
<ruby>実験<rp>(</rp><rt style='layout-grid-mode:line'>ジッケン</rt><rp>)</rp></ruby>
</div>

この3行だけを書いたファイルをブラウザで開いても同じように固まります。
Wordの吐いたHTMLの方が間違ってるのか、IEが固まってしまうのがバグなのか、
それとも両方とも問題なのか…いったい何が原因なんでしょう？
（というかIEがWordの吐くHTMLで固まるというのは問題のような気も…）

固まりませんが、なにか？

>>214
どのような環境ですか？

>>215
Win98 IE6.0だす。

＝＝＝＝＝＝ソース＝＝＝＝＝＝＝＝＝
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<title>test</title>
</head>
<body>
<div style='layout-grid:14.6pt 1.35pt'>
<ruby>実験<rp></rp><rt style='layout-grid-mode:line'>ジッケン</rt><rp></rp></ruby>
</div>
</body>
</html>
ちなみに
<div style='layout-grid:14.6pt 1.35pt'>
<ruby>実験<rp></rp><rt style='layout-grid-mode:line'>ジッケン</rt><rp></rp></ruby>
</div>
これだけでも塊魔変。

あと関係あるのか分かりませんが、googleツールバーが入ってます。
セキュリティーパッチも全部入れてます。

>>216
その例でも固まってしまいます…
（googleツールバー表示/非表示に関係なく）

IE5.0だけど別にかたまらんね。

メモリやCPUも関係するのかな…？64MBのCeleron366MHzです。
念のため、一回PCを再起動してみます。

>>219
俺もGoogle釣るバー入れてるよ。どうやっても、固まらせることができない。

やはりダメでした。
「固まる」というのは、例えば>>213や>>216のソースをtest.htmlと保存したとして
例えばこのスレを開いてるブラウザのウィンドウにアイコンをドラッグドロップしてみると、
タイトルだけはtest.htmlと表示されますがそれ以外の反応がなくなります。
ウィンドウを閉じることも出来なくなります。10秒程度置いてからctrl+alt+delで
強制終了しようとするとそのウィンドウは「[応答無し]」になってます。

>>221
原因究明とその報告よろしくね！！

すいませんが
ulにidを指定するとはどうやってするんでしょうか？
教えて下さい

>>223
>>4

スタイルシートをよく使うようになって、
当然divタグもたくさん使うようになったが、
それと反比例してｐタグを使わなくなっていった。

divタグ内のテキストをｐタグでちゃんと囲んだほうがいいのですか？
メリット、デメリットを教えてください。

横レス失礼します
忙しくて>>4のサイトを見て探す暇がありませんので
簡単に説明していただけないでしょうか
よろしくお願い致します。

>>226　<ul id=" ">

>>225
p、divのそれぞれの役割を調べてみてくださいな。
divを使うからpは不要ということは無いはず。

まあ、「とにかく表示されればそれでいい」というレベルで
やるつもりなら気にする必要はないのかもしれないけれど。

>>221で10秒程度と書きましたが、10分以上放置しても同様です。
リソースは50%以上余裕があります。またリソースメーターで
監視していても、問題の状況下で変化はありません。
IE5.5の修復をやっても状況は変わらず。
＃IE5.5導入時に共存する設定にして残してあるIE4では固まりませんが、
＃そもそもIE4はlayout-gridプロパティやrubyタグに未対応だから
＃これは当然ですかね…

結局IE5.5SP2に問題があるのかなぁ。

>>222
自分の知識ではこの辺で手詰まりっぽいです…5.5（sp2）の人の報告をお待ちしてます。

あ、あともう一つだけ。
<div style='layout-grid:14.6pt 1.35pt'>
を
<div style='layout-grid:line 14.6pt 1.35pt'>
のようにすると固まらなくなります。謎…

>>225
<span>なら使わなくなった。
文字を赤くするときは、<em>とかを使うから。
em{color: red}
ってやるし

CSS外部ファイルの綺麗な書式を教えてほしい。
インデントやコメントアウトなど

>231
.cssの書式は、文法違反でない限り自分が見やすいように書けばいいんだよ。
要は慣れだけど、俺にはW3Cのは見ずらぃ(; ´Д｀)

em{
　　　　　color: red; font-weight:bold}

俺はこんなん。左空白はタブね。

外部CSSファイルが重くなる一方です。
幾ら削っても11kbより軽くできません。
他人には指定しすぎだって注意されても、
自分で見るとどれもそれなりに必要があって記述してるので、
なかなか削除できません。
心の持ち方の問題かもしれませんが、
不必要な指定に見切りをつけるよい手立てかコツはありますか。

>233
計算してやれば流用できるクラスが必ずある筈。
ただ、11kも逝ってるってことは、マークアップから見直す必要があるかもな。

>>233
W3C推奨みたいなフォーマットあるんですね。

em{ color:red;
font-weight: bold
}

おれはこな感じ

以下のような感じのレイアウトをしようと思っています。
navi_main と navi_sub は、固定して content のみスクロールできるようにしたいのです。
いわゆる擬似フレームというやつです。

┌──────────────┐
│　　 navi_main　　　　　　　│
├────┬─────────┤
│　　　　│　　　　　　　　　│
│　　　　│　　　　　　　　　│
│　　　　│　　　　　　　　　│
│ navi_　│　 content　　　　│
│ sub　　│　　　　　　　　　│
│　　　　│　　　　　　　　　│
│　　　　│　　　　　　　　　│
│　　　　│　　　　　　　　　│
│　　　　│　　　　　　　　　│
└────┴─────────┘

htmlは、以下の通り。

<body>
<div class="navi_main">foo</div>
<div class="navi_sub">bar</div>
<div class="content">hogehoge</div>
</body>

いくつかやり方があるかと思いますが、もっともシンプルで
対応 UA が多い方法を教えてください。
もちろん table は無しの方向で。

>236
フレーム使う。3分割の仕方はここでは聞かないように。

＞11k
これは異常だろ…。
なんでもかんでもCLASS作ってるとCSSの特性を損なう。

>>236
下記参照。
http://www.google.co.jp/search?q=cache:apLYfyx-7EEC:www17.u-page.so-net.ne.jp/qb4/chiharu-/overflow.html+%E6%93%AC%E4%BC%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%80%80overflow&hl=ja&ie=UTF-8
http://www.age.jp/~dfj/html/overflow.html

>>237
classはそんなに多くないんです。
子孫セレクタを多用してるので、それとclassを絡めた指定は多いかもしれませんけど。
OperaとかN6とかIEとかそれぞれデフォルト・スタイルが異なるので、
それを指定してやるとタイプ・セレクタもどうしても増えますね。

>>233
ぱっと思いつく方法としては、

・属性と値が共通するセレクタは、できるだけまとめて記述する。
・親要素から継承されるスタイルをそのまま使用する場合は、わざわざ上書きしない。
・*{ } を有効活用する。
・ページごとに異なるスタイルを適用する場合は、無理にひとつのファイルに
　まとめず、ページごとに別ファイルを読み込むようにする。

といったあたりでしょうか。

あ、かぶった。

>>233 = >>239

>>240 でも書いたけど、デフォルト・スタイルよけは、 *{ } で一括して
指定してやれば、容量を減らせるのでは。

>>229
漏れもIE5.5で固まったYO!!
多分ブラウザの所為だな。

同じくIE5.5でフリーズ。ていうかwordは帰れ。

wordの吐いたCSSの
@listって何？これもIEで効くの？

OSとIEのバージョンを書いてください。

IEのバージョンは　ヘルプ−バージョン情報であてたパッチなんかも書いてください。
南下のときに役に立つかもしれないから。

そもそもhtml4.01にはrubyがないから…と言うわけではなさそうだし。
IE6にさっきしてしまったので（偶然？）
ちょっと試せないです、残念。

WIN98
IE5.5SP2

だな。読み込んでいます。。。のまま固まるよ。

>>237
フレームを使わないで3分割する方法が知りたいのですが…。

>247
ならoverflowで頑張れ。>238
だが　＞対応 UA が多い方法　とは言い辛い。どっちかだな。

overflowでやるなら、配置は
<div class="navi_sub">　にfloat付けるか、
<div class="content">　をpositionでガチガチに固めるか。

600pxの幅に、130pxのイメージを４つ並べて、均等に配置したいんですが、
つまり間に26pxくらいずつスペースを空けたいのですが、
今までテーブルを使って配置していました。

で、テーブルを卒業しようと思ったんですが、CSSだと、難しいですね。
絶対配置は、>>4や過去ログ見ると、推奨されていないし。
なにか方法ありませんか？
ちなみに当方WinIE5.5です。

たんにimgを並べて左右のマージンを26pxにして親ボックスの幅を固定するだけじゃないの？

あ、ごめんうそついた。ちょっとまって

、、、とおもったけどうまくいくかも。

>>248
応援、有難うございます。
とりあえず、

.sub_navi{
top:4em;
width:20%;
float:left;
}

.content{
width:70%;
height:400px;
overflow:auto;
}

で、出来ました。が、height:400px; を80%とかにすると駄目です。
そういうもんでしょうか？
position 使うのはうまくいくんですが、そっちのほうが問題が少ないでしょうか?

position使うんならcontentにposition使うんじゃなくて、
navi_mainとcontentを通常フローにして
contentの左マージンにsub_naviを差し込むのが一番自然だと思う。

>>253
こういうサイトもあるみたい。
http://www.skipup.com/~l-_-l/web/

NN4.*ははじいた方がいいと思う・・・・・

254の方法でNN4.xも対応できるよ。

スタイルシートの指定方法で、table[class~=Moz5]のようなのは
できますか？
チルダなしのtable[class=Moz5]が正しいですか？

 

なんの目的にとって正しいかどうかが聞きたいの？
~=っていう指定方法はあるよ。

>>254
position 使うのは、

ul.sub_navi{
position:absolute;
top:4em;
width:20%;
}

.content{
position:absolute;
top:3em;
left:28%;
width:70%;
height:83%;
overflow:auto;
}

という感じでやってみたんですが、

> navi_mainとcontentを通常フローにして
> contentの左マージンにsub_naviを差し込むのが一番自然だと思う。

というのが、よくわかりません。もう少しわかりやすく教えてください。

>257-259
= の場合は table.Moz5 {...} と書くのと同じじゃないの？
~= の場合は table[class~="Moz1 Moz2 Moz3"] {color: #f00;} とかする
可能性があるのかな？
何かアホなこと言ってるかも．

では特別サービスで254のレイアウト方法のソース例を書いてあげよう。
NN4.7、NN6.2、IE5.0、Opera6（全部Win）で確認。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja"><head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style type="text/css"><!--
#content {
margin-left : 10em;
}
#navi_sub {
position : absolute;
top : 3em;
left : 0em;
width : 8em;
} -->
</style></head><body>
<div id="navi_main">ホーム | このサイトについて | リンク</div>
<div id="content">
<h1>2002/09/17</h1>
<p>今日は寒いね</p>
</div>
<div id="navi_sub">
<ul>
<li>2002/09/17</li><li>2002/09/16</li><li>2002/09/15</li><li>2002/09/14</li><li>2002/09/13</li>
<ul>
</div>
</body>
</html>

>>262
ご丁寧に有難うございます。

> navi_mainとcontentを通常フローにして
> contentの左マージンにsub_naviを差し込むのが一番自然だと思う。

の意味はわかりました。しかし、

#content {
margin-left : 10em;
height;500px;
overflow:auto;
}

とかしてもうまく擬似フレームになりません。
mozillaは、かろうじてスクロールバーは出ましたが、ぜんぜん期待する表示とは違います。
overflowに対応していないoperaはともかくIEくらいは何とかしたいです。

スペルミスじゃ？
×height;500px;
○height:500px;

>>234
>>237

サイズだけでは語れんでしょ。

それに少々サイズが増えたところで、複雑なテーブルなどに比べれば
はるかにUAの負担は軽いし、各ページで使い回すことでキャッシュされる
効果もある。

それに継承などを考慮して冗長な記述が減ったからといってUAの負担が
軽くなるわけではない。記述はどうあれUAにしたらやるこた同じだからな。

CSSのファイルサイズなど、ちょっとした画像と同程度で、それが１つ程度
ならさほど通信時間にも影響はない。（キャッシュされて各ページで共用できるし）

うちには100MHz級ポンコツ機もあるが大きめの外部CSSでも特に重くはないね。
（背景画像固定なんかだとサイズ関係なく重いので、ユーザースタイルで自衛している）

すまん．>261 で ~= の例は何を書いてるのかわけがわからんね．
というわけで訂正：
こと class に関しては， [class=...] も [class~=...] も .classname と同じじゃないの？

div[class~="A"]
はclass属性値にAを「含む」という意味。

<div class="A B C D">ここにAは適用される。</div>
つまり .A と同じやね。

div[class="A"]
はclass属性値がAと「一致」という意味だから

<div class="A B C D">ここにAは適用されない。</div>

div[class]
ではclass属性をもった全てのdivとなります。

ちなみに a[href="http://www.google.com"]{color: red}
のようにすることで”googleへのリンクだけ赤”のようなことができます。
大変便利ですが、これらのセレクタはIE未対応です。。

>>264
げっ、と思い見直してみたら、typoでした。鬱だ氏脳
IE、mozilla ともにうまくいきました。有難うございます。
しかし、相変わらず、70%とか、相対指定するとダメみたいです。
これはなんとかならないでしょうか?

なぜ、外部スタイルシートを用いていても、
<meta http-equiv="Content-Style-Type" content="text/css">
を記述しているサイトが多いのでしょうか？

リストのマークに独自の画像を使うために
list-style-image:url("***");と指定していますが、
指定したリストをoverflow:auto;でスクロールするようにすると、
画像が消えてしまうんですけど、どうしたら良いでしょうか？
windowsXP IE6.0です。

>270
検証ソース書くのメンドイ。使ってるソース出せ。

.4 {
overflow:auto;
height:100px;
width:85%;
}
.5 {
list-style-image:url("mu.gif");
}

<UL>
<LI>障害報告
<UL class="4">
<LI class="5">ナビゲーションバー
<LI class="5">ナビゲーションバー
</UL>
</UL>

こんな感じです。

この際、君がナニをしようとしているのかは突っ込まないでおこう。
でもクラス名を数字にするのはどうかと思うぞ。

<UL>
<LI>障害報告

<DIV class="4">

<UL>
<LI class="5">ナビゲーションバー
<LI class="5">ナビゲーションバー
</UL>

</DIV>

</UL>

これで消えない筈。

>>250
レスありがとうございます。
やったんですが、なぜかブラウザで見ても反映されません…。
なぜなんでしょう。
divタグはｃｓｓファイルで６００ｐｘに設定してあります。

<STYLE type="text/css">
<!--
.p{
margin-left : 26px;
}
-->
</STYLE>

>>273
ありがとうございました。

CSS、スタイルシートを勉強したいんですが、お薦めの書籍ﾄｶありますか？

>>276
あります。

>>276
詳解 HTML&XHTML&CSS辞典
http://www.shuwasystem.co.jp/books/wwwsrch/cgi-bin/content/0221/index.htm

>>4読んでも、
相対配置と絶対配置の違いが分からないんですけど…。
さらに、絶対配置は、ピクセルで指定しても、避けるべきことなんですか？

>>279
あきらめて。

>>280
あきらめなければならないですか。
じゃあ、あきらめてまたテーブル使います…。

>279
それを使って何かやりたくなって、んで出来なかった時に
ソースと一緒にもっかいおいで。やりながらの方が覚えは早い。

>274
君も使ってるソース出した方が、面倒見てもらえると思うょ。

ここの回答者のような、スタイルシートマスターの方々は、
本来、表を用いるようなもの（本の目録とかの、データ系）でも、
表は使わないのですか？

>>283
別にマスターではないけど、
要するに「論理マークアップをちゃんとやる」ってこと。
テーブルを使うべき場面では当然テーブルを使う。

>>283
それはテーブルを使うべきものじゃないの？
そう言うものにはテーブル使うよ。

本来テーブルを用いる場所、テーブル使用が適切な個所には
テーブルを使うよ。デザインのためにテーブルを使ったりはしないよ。

http://asamade.kakiko.com/lounge/kak/kakiko/index.html
↑こういう掲示板を探してます。
借りようとおもったらすでに終わってました。

こういう無料レンタルがあったら教えてください。
お願いしますｍ（＿　＿）ｍ

>>287
ここは掲示板の場所を聞くスレではありません。

空age

>269
なぜ記述しなくてもいいと思われたのでしょうか？

外部スタイルシートはHTTPヘッダにMIMEついてるからだろ。

HTML4.01日本語訳には
script使う場合は外部だろうと内部だろうとContent-Script-Typeが必須
styleはstyle属性使うなら必須、外部ならいらないみたいな事が書いてあり、
Another HTML Lintもそれに基づいてチェックしますが
原文のHTML4.01を見る限り、そんな事は書いていない。
外部なら必要ないという根拠は何処にあるの？

普通に考えてredundantじゃない？
text/cssっていう情報はlinkのtype属性でも与えられて
さらにおそらくはCSSのHTTPヘッダにもついてるであろうのに。

逆に外部スタイルシートでも
<meta http-equiv="Content-Style-Type" content="text/css">
がなきゃいけない理由ってなに？

動きゃそれでいい、んだけど。

そおゆうかんがえはきけんきわまりないとおもいます。

でも、うごきゃそれでいい、んだけど

>>282
スレ違いでスマンが
Content-Script-Type 無しが不正なのは組込みイベントを使う場合。

＞<meta http-equiv="Content-Style-Type" content="text/css">
＞がなきゃいけない理由ってなに？

単にスタイルシートが数種類あるから、その区別で無い？カスケードスタイルシートを使います、という宣言。
大昔、どこかのサイトでそう見たような見てないような。

＊外部スタイルシートでも＊
<meta http-equiv="Content-Style-Type" content="text/css">
がなきゃいけない理由ってなに？

って話をしてるのよ。

現状でCSS以外のstyle sheetってあるの？
将来のための規約だと思ってたんだが

>>299
知ってるよ。

ところで、javascriptにもスタイルシートは無かった？

>>301

>>293よんだ？

てか、書かなきゃいけないの？

>>303
読んだ。
外部だろうが、外部じゃなかろうが
<meta http-equiv="Content-Style-Type" content="text/css">
は、カスケードスタイルシートを使います。という宣言じゃなかったっけ？と言ってます。
うろ覚えなので自信は無いです。

あるいは、こう考えてみればいい。
複数の種類の（たとえばCSSとそれ以外の）外部スタイルシートを併用する場合
<link rel="stylesheet" href="a" type="text/css">
<link rel="stylesheet" href="b" type="text/hogecss">
とかおそらく書くことになるわけでしょ。

その場合
<meta http-equiv="Content-Style-Type" content="text/css">
があったとしてこの宣言が規定する範囲は何よ？

＞自信は無いです。
書くなや　半年ROMってろザコ

ふへ
↑コイツかなり頭悪そうだねぇーｗ

>>306
＞<meta http-equiv="Content-Style-Type" content="text/css">
＞があったとしてこの宣言が規定する範囲は何よ？
ブラウザに聞いとくれ。
大体、パソコンって動作が不安定なときとか、全く関係無いと思われる事をしたら、なぜか解らないけど、動作が安定した。とかの経験って無い？
パソコンの内部はどのように処理されているのか一般的な考え方ではなかなか把握できないこともあるし・・。これを言ったらおしまいなんだけど。

頭痛い。

ふへ＝腐　←こいつは無視

>>306
じゃあ、よくある出来事だけど、
メモリスロットやカードスロットが複数あって、メモリやカードを挿す場所によって、安定したり不安定になったりすることはよくある。
あんたはこれをどのように説明する？

>>309
その通り！

それを言ったらおしまいです。

> ブラウザに聞いとくれ。
それで済むならどうして
> <meta http-equiv="Content-Style-Type" content="text/css">
が必要なんだ?

>>312の答えを出すにはパソコンの処理機構に精通してないと答えを出せないと思う。
それと同じように、今のmeta文が指す意味も、ブラウザの処理方法について詳しく知ってないと答えが出せないかも知れない。

>>314
いやだから、素人が普通に考えただけで答えが出るような問題じゃないかもしれない、ということを言いたい。
ブラウザが作れるぐらいにブラウザの処理機構を理解しないと答えが出せないかもしれない、そういうことを言いたい。

>>315
だから、それを詳しく知ってる人に聞いてんじゃねーの？
ってことで、>>311

ふへよ
頭の弱いおまえは発言しなくていいんだよ
かえって場が混乱するんだよ　気付け

>>316
>ブラウザが作れるぐらいにブラウザの処理機構を理解しないと答えが出せないかもしれない、そういうことを言いたい。
言わないでっ！

>>318
ようするに、諦めろ。

ふへ＝腐　←こいつは無視

煽りよ
頭の弱いおまえは発言しなくていいんだよ
かえって場が混乱するんだよ　気付け

オレに言っているのですｗ
気にしないでください

仕様に対するwhyとプログラミング対するhowをごっちゃにせんでくれ。>ふへ

>>322
わかりました。気にしません。

かわいそうになってきた・・・もうやめよう
みんな未熟者。バカばっか。
それでいいじゃない。

怒りでチンコ勃起させながら
レスしてんじゃねーよ。

>>323
仕様に対するwhyとプログラミング対するhowは切り離せないものだよ。たぶｎ

ふへ＝腐　←こいつは無視

＞たぶｎ
書くなや　半年ROMってろ佐古

お、お前等、男膣けって

じゃあ他に行きます。忙しいので、誰かさんらと違って。

怒りでチンコ勃起させながら
レスしてんじゃねーよ。

じゃ次の質問行こうか☆
↓

>>293
外部jsファイルのみ利用の場合でも
<meta http-equiv="Content-Script-Type" content="text/javascript">
と書かなきゃならんのと同じ理由でせう。

やっぱり「ふへ」について語ろうか☆
↓

>>334
その理由は具体的に何？

諦めろ

>>336
script要素のtype属性による指定だけでは頼りないから、かな。
type属性（乃至はlanguage属性）を省略してる奴も居るしね。

文書のメタ情報が外部ファイルまで及ぶと言うのはどういう事よ？
適当なこと抜かせよ
ふへと同レベルだな

頼りないって、、

逆にいうとtype属性で与えられてればいらないってことでしょ。
いま仕様書のSCRIPT関係のところも見てみたけど
Content-Script-Typeはデフォルトのタイプを指定して
local declarationはデフォルトのタイプをoverdideするってかいてあるし。

W3Cに訊け。>>339

とほほ師匠の言葉

■ 基準スタイルシート言語
文書中の style 属性などで使用するスタイルシートの基準言語を指定します。
スタイルシートの基準言語も大抵が CSS なので、指定しなくてもほとんど問題は
ありませんが、スタイルシートを用いる際は指定しておくことが推奨されて
います。（面倒なので私はサボってます。）

<meta http-equiv="content-Style-Type" content="text/css">

http://tohoho.wakusei.ne.jp/html/meta.htm

>>340
そんなにもredundancy（冗長度）を排するならば
<html>と書いてあるのにわざわざ
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=〜">
なんて指定する必要も無いことになるのでは？
適度にredundancyがあった方がいいって情報理論も言ってるよ。

metaでContent-Typeを指定するのは全然別の話じゃん。
それも本来HTTPヘッダで与えるべき情報だけど
実用上の経緯からcharsetの指定を上書きする必要があっただけだよ。

というか議論をひっかきまわすだけならもうレスしないよ。

>>343

（ちゃんとHTTPヘッダが出力されていれば）実際必要ないけど。

MozillaはHTTPヘッダを優先するじゃん

外部スタイルシートのために指定する奴はｱﾌｫ

あいにくだけどHTTPヘッダに文字コード指定がないサーバの
HTMLを読むとMozillaで日本語の文字化けが起こるという話は聞かないよね。

Content-Style-Typeが文字コード指定だという話は聞かないね。

もうあなたの脳内理論は否定しないからレスしないでね。お願い。

>>348
筋読み違えた身分でそれかい電波野郎

じゃあ説明してごらん

Content-Style-Type, Content-Script-Type の指定は
style 属性や onclick 属性を使う場合は MUST, 使わない場合場合は SHOULD。
…あたりが普通の解釈だと思ってたんだが、それは普通じゃないみたいだな。

で、どいつがふへなんだ

じゃ次の質問行こうか☆
↓

こいつ

↑
構ってちゃんの腐（藁
じゃ次の質問行こうか☆
↓

とりあえずAGE

リア厨→http://pc3.2ch.net/test/read.cgi/hp/1032339831/

厨房って矢印好きだよね（ﾌﾟｯ

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
ぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷ

厨房って「ﾌﾟｯ」好きだよね（ﾌﾞｯ

ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ

ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ
ﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯﾌﾟｯ

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

腐大暴れ（藁

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

おや、綺麗なスレだねえ（藁

あげ

そろそろアク禁ですか？
あと、腐ってなに？

↑ふへのこと（ﾌﾟｯ

暇人へ。
http://2.superweb-i.com/
遊びにおいで！
美少女多数！

質問です。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/html;charset=Shift-JIS" />
<title>hoge</title>
<style type="text/css"><!--
div.ahead{
border-bottom : solid 4pt #003399;
padding : 0px;
margin : 0px;
}
div.ahead a img{
border-width : 0px;
padding : 0px;
margin : 0px;
}
--></style>
</head>
<body>

<div class="ahead"><a href="1.html"><img src="1.jpg" alt="1" /></a><a href="2.html"><img src="2.jpg" alt="2" /></a><a href="3.html"><img src="3.jpg" alt="3" /></a></div>
</body>
</html>

（つづき）

IE6、Operaでは画像とdivの下の線がぴったりくっついて見えるのですが、
これをmozilla1.1で見ると画像と下の線との間に隙間が出来ます。
Doctype宣言とかをなくして単に
<html>
〜
</html>
でやると意図したとおりに見えるのですが、、、、、、、
一体何がダメなんでしょうか・・・・？

>>378-379
strict厨のフレームを使う気が無い奴の質問には答えない

>>379
line-heightを調整してみてはどうでしょうか。

>>379
mozilla標準モードのvertical-alignが仕様に忠実だから。
ie,operaはいい加減だから。

すみません、太字で設定している訳ではないのに
字が太くなってしまうのは何故でしょうか？
{font-size:9pt}
のような形で指定しているだけなのですが…

>383
1. 他の指定と重なっている（font-weight: bold 指定したブロックの中に入っているとか）
2. デフォルトスタイルが bold の要素に適用している（IE の strong とか）
3. そのフォントの特性（9pt がないのでむりやり表示しようとして太く見えている）
4. ブラウザかコンピュータかフォントが壊れている
思いつくのはこのくらい．

>>379
これが参考になるかも。
http://www.mozilla.gr.jp/standards/webtips0018.html
divじゃなくてtableの場合の解説だけど

>>385
ありがとうございます。
解決しました。

>>379
line-heightもやってみたのですが、
画像がないところまでは4pxの線が続いて、画像の下に来ると
隙間が出来て細い線になってしまいました。

>>382さんが指摘しているように、mozillaは仕様に忠実なため
こういうことが起こるのだと思います。

>>386
あ、自分にレスしてる・・・・
真ん中のは>>381さんへのレスです・・・ｽﾐﾏｾﾝ

ふへ召還！！！！！！！！！！！！！age

http://muvc.net/jsweb/happy_solution.html

transparentは、背景が画像のときだけ使えますか？
bodyの背景は白だけど、変えるかもしれないから、
h2とかの背景は、#ffffffではなく、transparentを
使っているのですが、正しいですか？

>390
はい
つーか，しらべませう（この場合は >3 の仕様書あたりを見る）

>>380
読点を打ってください :)

bodyに
英字にはverdana
日本語にはMS UI Gothic
を適用させたいんですが
どう記述すればよろしいですか？

すべての英字をマークアップすれ
<span lang="en">word</span>

>>393
ttp://web.archive.org/web/20011031204951/http://east.portland.ne.jp/~sigekazu/css/font.htm#fontfamily
のCSS2んとことか。

>>393
body { font-family: Verdana, "MS UI Gothic", sans-serif; }

All About Japan 西村のTips[5]リンクの下線を装飾したい
これ、ウチの IE5.01 じゃなんも表示されないんですけど
いまどき 5.01 は逝ってよしですか？

インライン要素の A に対して border-bottom って違和感あるんですけど
いまどきは、こういう指定って常識ですか？

あ、サンプルは↓こんなんでした。

<style type="text/css">
<!--
a.declink {
　　text-decoration: none;
　　border-bottom: 3px blue dotted;
}
-->
</style>

>>397-398
a だろうが何だろうがボックスを形成するものに対し
borderを適用することはおかしくもなんともない。

が、IE5.0ではインライン（テキスト）へのborderは無効。

>>399
なーる、ありがと。ブラウザ替えるかなー。

IE6SP1が出ましたが、CSSの実装は変わったんでしょうか?
IEのサイトへ行ってみたのですが、SP1での変更箇所の一覧みたいなものが見つからない。公開されていないのかなぁ

ユーザースタイルシートでスクロールバーカラーの変更を無効化したいのですが、
どのように定義すればよいのでしょうか？
スクロールバーいじられるのが一番嫌い

>>402
ＩＥを捨てるという選択肢もございます

色ぐらい我慢しろ

背景色に溶かしてる奴は逝ってよし。

>>405
そんな奴いるのか。ＩＥ以外じゃスクロールバーが表示されてしまうだろ。
背景色に溶かすぐらいなら、スクロールバー非表示設定にしろ。

>>405は今までスクロールバーの消し方を知りませんでした。

俺に言われてもなぁ(´д`)

>402
*{
scrollbar-face-color:Scrollbar !important;
}

みたいにするとどうでしょう。
うまくいったら、プロパティや値を上のキーワードで検索すれば、ほかの部位の名前もわかることでしょう

>>402
これでどう？

body{
scrollbar-base-color:transparent !important;
scrollbar-track-color:transparent !important;
scrollbar-face-color:transparent !important;
scrollbar-shadow-color:transparent !important;
scrollbar-darkshadow-color:transparent !important;
scrollbar-highlight-color:transparent !important;
scrollbar-3dlight-color:transparent !important;
scrollbar-arrow-color:transparent !important;
}

確かIEだと、Windowsのユーザ設定カラーみたいなやつの名前が定義されてなかったッけ？
スクロールバーのがあったかどうかは知らんけど。

>>411
なんで っ だけが片仮名に…

>411
システムカラーのことか？
ttp://www.hajimeteno.ne.jp/stylesheet/tips/tips2.html

あ、やっぱあったね。
自分はMSDNライブラリで見かけたんだった。

http://www.microsoft.com/japan/developer/library/default.asp?URL=/japan/developer/library/jpisdk/dhtml/references/colors/colors.htm

>412
原作：小池一夫なンだッ！

div要素の背景に画像をこんな風に置いたんですが，

div.class{ background:#666666 url(xxx/xxxx.jpg) no-repeat fixed 0 0 }

WinIE6だけは fixed にしているにも関わらずスクロールしてしまいます。
NN7,Opera,MacIE5などでは大丈夫なんですが。

これはWinIEのバグなんでしょうか？
それとも他に原因があるのかな？

過去ログは一通り調べたつもりですが，既出だったらすまんです。

>>416
個別に指定して、それでも駄目だったときに質問してください。

>>416
ヘンですね。うちはIE6でちゃんとスクロールせずに固定されてますけど。
再現条件がわかったらこちらへ報告してください。

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

>>417
すんません，「個別に指定」とは具体的にどういう意味でしょう？

>>418
そうですか。ヘンですね。
いろいろ試してみることにします。
ありがとうございますです。

>>419 >すんません，「個別に指定」とは具体的にどういう意味でしょう？
backgroundプロパティの一括指定ではなくて
background-color:#666666;
background-attachment:fixed;
……
てな感じで個々のプロパティごとに指定しろってことでしょ。

>>419
WindowsIEはbodyの背景しか正常に固定できない。

>>420
なるほど，そういうことですね。
試してみます。

>>421
うーん，そうじゃないかという気はしてたけど‥‥
面倒なことになりそうだなあ。

事後報告です。
body要素の背景に指定しなおしてみると大丈夫でした。
body以外では避けた方がよいということで，
今回はそれで済むように構成を考え直します。その方が結果的にシンプルだし。

>>417-421の皆様（自分自身除く）ありがとうございました。
バグ辞典スレッドへの報告はしといたほうがよいですか？

> 416
基本的に fixidは重くなるので、
できるだけ避けたほうがいい。
特に ファイルがかなり大きくて、
スクロールもかなりしないとだめなページは。

>>423
background-attachmentについて、CSS仕様書邦訳には――
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/colors.html#background-properties
「UAは'fixed'を'scroll'として扱ってもよいが、
少なくともHTML及びBODY要素に関しては'fixed'を
正しく解釈するよう推奨する。」
とあるね。
まあ一応、バグ辞典にも報告しておいてくれない？

float:leftをして、
右に回り込み去れた奴を、
margin-top:1emとしても
marginが効かないのですが
なぜですか？
paddingは効くのですが。

http://pc3.2ch.net/test/read.cgi/hp/991666454/l50
報告してきますた。

>>424
積極的に使いたいわけじゃないんですが，要望には逆らえないもんで。

>>425
参考になりました。
そのまま引用して報告させてもらってます。

皆様ありがとうございました。

>>421
んなこたぁない。固定できる。

>>428
「正常には」できない。
IEだと、背景の表示位置をボックスに対する相対位置と解釈してしまう。

>>426
問題の起るブラウザとそのヴァージョンも報告して下さい。
できればHTMLとCSSのソースも出してネ。

「ス切リボ」などのサイトで背景色が
グラデーションかかっているのですが、
どの様に指定したらいいですか？
画像を使うのですか？
IEの独自仕様ですか？

cssを覗きたかったのですが、IEで見ることができませんでした。

ス切リボ　h&rttp://www.xinada.ne.jp/~handa/tech/CSS/SuKiBo/

ノイズがまぎれてしまいました。

ス切リボのは画像。

CGIゲームの「EndlessBattle」なんかも文字がグラデーションですよね。

mozillaでみたらSuKiBoの
CSSが見れたのでちょっと観察中。

フィルターですか。

ユーザースタイルシートでbehaviorを指定しても無視されてしまいます。
同じシートを<link rel="stylesheet">で取り込んだ場合は有効になるのは
確認済みです。
ユーザースタイルシートでbehaviorは使えないんでしょうか?

グラデーション文字なんかは素直に画像使えって言いたくなるな。
画像マンセーではないが。

「ULの中のLIにたいして、LIとLIの間のみに線を引く」というようなCSSで存在しますか？

強引にやれば、以下のようになるのでしょうが・・・
<ul>
　<li style="border-bottom:1px solid black">あいうえお</li>
　<li style="border-bottom:1px solid black">かきくけこ</li>
　<li style="border-bottom:1px solid black">さしすせそ</li>
　<li style="border-bottom:1px solid black">たちつてと</li>
　<li>なにぬねの</li>
</ul>

これを、

ul li{
LIとLIの間:1pxの黒い線を引く
}

のように、一括に指定できればいいのですが・・・

p.s.
もしとん、最後のなんちゃってCSSの書式例は、あくまで例で、
結果として意図したものになればＯＫです

>>440
li + li
{
　なんとか
}
ただしIEでは無効

>>440
「もしとん」とは何ぞや。

<abbr title="パーマ失敗"> p.s. </abbr>

<abbr title="ホットメール"> HTML </abbr>

ul.navi { display : inline ; }
ul.navi li+li:before { content : "|";}

で

<ul class="navi">
<li><a href="a1.htm">prev</a></li>
<li><a href="a3.htm">next</a></li>
</ul>

のとき、ブラウザが対応していたら

prev|next
と表示されるんですよね？

>>445
display : inline にするのは li だよ。
そうすればそんな感じに表示される。

テーブル内の二つのa要素で、1行目a.link1{font-size:16px}、
2行目以降a.link2{font-size:14px}にしている時、
Win_NN4だと2行目以降の行間は14pxの文字幅なのですが、
Win_IEだと2行目以降も16pxになってしまいます。
IEでも2行目以降を、1行目が反映されないフォント幅で表示させるには、
どうすればいいでしょうか。

>447
よくわからんから、使ってるソースそのまま出してくれ。
俺は飯を食ってくる。誰かが答えてくれるだろう。

いやだね。

食ってきた。

>>447
行間を指定するのはline-heightです。

line-heightは行の高さを指定します。

NN4はバグだらけなので、line-heightを適用した範囲にimg要素を含む場合、
表示が崩れます。
@importかmedia="screen,tv"でN4除けをしませう。

googleのキャッシュを利用してページを表示すると
position:abosolute;のせいで表示がおもしろくなってしまいます。
やはりこれは直しようがないでしょうか？

おもしろくなったなら良かったな。
せいぜい楽しんでいてください。

>>455
ふへの身内か何か？

>>455
アフォですね。

body{background-color:#888;}
p{background-color:white;}
img{float:right;}

として、ある程度の大きさ（縦横50px程度）の画像を用意しました。

<p><img src="画像">文章</p>

とすると、灰色の背景に1行ぶんの白いブロックが表示され、画像はブロックの右端に、ブロックから下へはみ出して表示されます。
白いブロック内に画像がおさまるよう、ブロックを高く表示したいと思っています。

pに画像の高さぶんのheightプロパティを指定した場合、文章が長くなるとその文がブロックからはみ出してしまいます。（IEは希望通りの結果になりますがこれはバグですよね）
floatになった画像を白いブロックにおさめつつ、文章の長さに応じてブロックが高くなっていく（文章は画像の下にも回り込む）ような方法はないものでしょうか。

>>458
p{background-color:white; height:画像の高さ}

解決だ(・∀・)ｲｲ！

外部スタイルシートとID属性について質問です。
外部スタイルシートで
#foo {text-align:center;}
というようにID属性で指定したものを、複数のHTML文書に適用させるのはありなのでしょうか…？
1つのHTML文書内では
ID="foo"
を一度だけ使っています。
W3C定義書は見たのですが、わからなかったのです。
わかる方、教えてください。お願いします。

>>460
OK

>>458
min-height:〜px
IEは対応していないので何らかの方法でUAをチェックして適用するスタイルを振り分ける。

>>459
(・Ａ・)

>>461
ありがとう。

>>462
私もありがとう。
>458の事情説明がくだくだしかったのですが、<img align="right">と同じ効果を得るには、と書いたほうが簡潔だったかも…ｼｮﾎﾞｰﾝ

しかしIE、heightプロパティのバグとmin-heightの未実装によって、結果的にそれ風の見栄えになるってのが面白い（けど迷惑）ですね

いつもビルダーで基本的なことをやって、細かくはHTMLモードでいじってるんですけど、
ビルダーだと<li>タグを使う場合、</li>が省略されてしまうんです。
実際にHTMLモードで手で打ち直しても、保存すると終了タグだけ消されちゃう。

ビルダーを使うのがいいか悪いかは別として、
<li>タグって終了タグは省略しても可能なんでしょうか？
それとも<p>タグのように、省略すると一部のブラウザでは問題が起こったりすることは
ないのでしょうか。

>>465
スレ違い

>>465
しまった。
すみませんでした。

>>467
誰にレスしてるの？

すみませんでした。

>>467
>>466のまちがいでした。

XSLで索引をつくるのに参考になるページありませんか？

すみませんでした。

私は(X)HTML＋CSSが大好きです。　汚いHTMLソースを見ると吐き気がします。
しかし中途半端にHTMLを知ってる素人に　CSSを
「ﾊｧ？何がいいの？覚えるのめんどくせーし大事なのはコンテンツだろ？」
と言われた時に
「論理構造とデザインを切り離す事で色々な応用が利く(例えば一瞬でスタイルの切り替えが出来たり云々)」
ぐらいしか答えられません。しかし素人はそれでは理解出来ないようです
みなさんならなんて答えますか？

大事なのはハートです。。

>>473
ほっとく。その程度のことも理解できん程度の奴に啓蒙するほど暇じゃない。

すみませんでした。

すみません、<table>タグ内の属性を外部CSSファイル化しろってんで
クラスでmargin:0px;padding:0px;border:0にしてリンクさせたんですけど
タグ内の｢cellspacing=0,cellpading=0,border=0｣と同じ結果にならないんです。
どなたかご教授いただけますか？

使用ブラウザとそのバージョンは？　>>477
まあ多分border-collapse:collapse;を指定すればいいのでは。
下記参照。
http://members11.tsukaeru.net/msugai/web/CSS/tables.html#coll
http://hp.vector.co.jp/authors/VA022006/css/tables.html#border-collapse

>>473
文字だけ伝えるなら「.txt」で充分だ。
読みやすく、分かりやすく倫理構造でマークアップするから
プレーンテキストよりHTMLの方が情報が伝わりやすいんじゃないか。

ヘタクソなマークアップしてちゃ大切な「情報（コンテンツ）」も読みづらくなって
何を伝えたいのか分からなくなるからだろ。

と、言ってみるテスト。

「.txt」・・・？

ごめん、1行目のとこも「プレーンテキスト」と訂正させて。

倫理構造

>>479
HTMLに倫理構造まで制約（強制じゃないにしろ）されると
大変だつーの

思想、哲学、政治を含めたマークアップなんてやってられねぇよ。

リンク文字を
A:HOVER{COLOR:色番号;
position:relative;
top:1px;
}
てな感じで1px下にひょこっと動かしてるんですけど
リンク文字だけでなくてボタンやバナー等もいっしょに
へこへこ動いちゃいます！
どうしたらよいのですか？

>>483
他のボタンやバナー等がどう配置してあるのかわからんと返答できない。

***質問の際は、HTMLソースも出して、使用ブラウザとそのヴァージョンも記すこと***

>>483
逝ってよし

>>483
classで指定せよ

そう言ってソースを貼らせてソースを盗むんですね
もういいです。

これが右クリ禁止とかやらかす人の自意識過剰のメカニズムか。

>>483
閉じタグを書き忘れているに256px。

>>483

a:link,a:visited,a:active{
border-color: transpat;
position:relative;
top:1px;
}

a:hover{
color:color name;
position:relative;
top:1px;
}

？

>>491
そっとしといてやれ

ﾄﾗﾝｽﾊﾟｯﾄ

a:hover img{
color:color name;
position:relative;
top:0px;
}
とか、ダメ？

>>478
ありがとうございました！
http://hp.vector.co.jp/authors/VA022006/css/tables.html#border-collapse
で、ansげと。

>>495
できれば、何が原因でどんな手で解決したのか、報告してほしかったナ。
あと、そのリンク先は>>2->>4に既出だったんだからね。今後は見てから質問しておくれ。

link rel="stylesheet"でMacのIEとNN4~
WinIE3~、NN4~をそれぞれ振り分けたいのですが
どういう風に記述すればいいですか？
どなたか御教授下さい。

>>497
激しく既出
ttp://east.portland.ne.jp/~sigekazu/css/boxm.htm

li{
height : 30px;
}

してるんだけど
文字を高さの真ん中に持ってくるにはどうすればいいですか？

>499
li{
line-height : 30px;
}

別件でリストアイテムを巨大化しなきゃいけない理由が
あるわけじゃないのなら、こんな感じに。

500ｹﾞﾄ

すいません
肝心なこと言うの忘れてました

li{
height : 30px;
float : left;
}

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

すいませんすいません！
>>500さんが教えて下さった方法で解決してました！
ありがとうございます！！

おまえらえらそうだな。
あんまり調子にのるなよ。

>>504
久しぶりだ、こんなにレベルの低い煽りを見たのは…。
まぁ、がんばれよ。

>>504
黙れ
ぶっころすぞてめえ

>>506
ﾜﾗﾀ

>498
ｻﾝｷｭｰです。

WinとMacのNNの分け方が分からないでつ。

(´･ω･`)

>>509
( ´,_ゝ｀)ノ･ω･｀)

>>510
(・∀・)ノ ´,_ゝ｀)ノ･ω･｀)

(;ﾟДﾟ)ノ(・∀・)ノ ´,_ゝ｀)ノ･ω･｀)

>>511
;ﾟДﾟ)ノ(・∀・)ノ ´,_ゝ｀)ノ･ω･｀)

>>513
丶｀∀´>ノ ;ﾟДﾟ)ノ(・∀・)ノ ´,_ゝ｀)ノ･ω･｀)

ごめん、俺が悪かった。

正直、質問はどうした。

（＞＜）

みんなスタイルシートは手打ち？
オレTopStyleLite使っててちょこっとプレビューみたいのがいいなと思ってるんだけど
微妙に使いづらいんだよね、英語だしヘルプわからんし。
おすすめエディタとかありますか？
任意のhtmlへのプレビューとかhtmlエディタも付属とかで日本語のないでしょうか？ﾍﾀﾚｽﾏｿ

メモ帳＋IE or NN

>>518
TopStyle Lite は日本語化けるから構造化エディタ。これも機能少ないんだよね……

>>518
おれは、なにげに「紙」Pro版。
ただ、EUC扱えないんだよな。

秀丸最強　尻も落ちてるし

Meadowかな。CSS-modeもあるし（使ってないけど）。
ただしデフォルトではUTF-8が扱えない。

>>522
通報しますた。

秀丸を試用しています。

>>525
いずれ通報します

秀丸ってそんなにイイか？
試してみて即捨てた…

アイコンがかっこわるいのを除けばいい感じ。＞秀丸
マクロなんかも含め、別のソフトで環境作りなおすのが
めんどいからずっと使ってるというのもある。

idとかclassとかにどんな名前つけてる？

>>529
manko

( ´Д｀)・・・。

>>527
メモ超よりは数段いいと思う。他のエディタと比べるとどうなんだろうか？
使いなれたら、いい。なんでもそうだけどね。

ダメな理由は、プロポーショナルフォントが使えないから、だけだったりして。
確かにメモ帳はとても使えたもんじゃないけど。

>>533
秀丸？
だったらプロポーショナルフォント使えるぞ。

今更秀丸なんか使うなよ

CSS書くのにプロポーショナルフォント必要なの？
エディタだけの話題ならスレ違いですよ。

クリック募金
http://www.dff.jp/

クリック募金をして難民を救え。

まぁCSSなんか何でも書けるってこった。

すっかり忘れてたが、Opera7まだかよ。

caption{margin-bottom: 10pt;}

とするとNNではcaptionとtable bodyの間に空白を作れるが、
IEではひっついてしまいますが、IE でcaptionの下に空白を
作るにはどうしたらいいでしょうか？

>>535
秀丸に代わるものがあればな

秀丸のどうしようもないｱｲｺﾝとｲﾝﾀｰﾌｪｰｽの修正版誰か作って

<HR>の代わりに画像画像を使いたいんですが、
alt属性にはなんと書けばいいでしょう？

すいません、画像画像→画像でした。
alt="区切り線"とかでいいのかな？

>>543
カーソルが重なったときに文字が出るのがうざいなら、alt="" と書け。こう書いたら、xhtmlでも構文エラーにはならない。

>>544
適当なこと言ってんじゃないよ

適当なこと言ってんじゃないよ

>>545
ほんと。
どっかに書いてあった。

煽り必死だな（藁

いちいち必死なんだな…

>543
> alt="区切り線"

それは会社のロゴ画像に「alt="会社ロゴ画像"」とするのがダメなのと同じようにダメなのでは

>>542
alt="-----------------"
画像が表示されない場合でもこれが区切り線であることが一目でわかる
音声ブラウザも記号は読まない

>>550-551
意味不明

>>550
その話って聞き飽きた
あくまで画像の代替テキストであって説明文ではない、等の雑学は。

ふはもう来なくていいよ

>>542
あなたはスレ違い

名前を忘れた。
>>553=ふ　です。

確かに。

ほうれん草食い過ぎ（藁

>>557
ほうれん草の食べ過ぎは、ほうれん草に含まれる酸が血液を固まらせるから体に悪い。
ポパイがほうれん草を食べて強くなるアニメで、ほうれん草は健康に良いといったイメージが強いけど、
ほうれん草は、一益あって一害あり、といった食品。とくに食べ過ぎには注意。

また腐に乗っ取られますた

ほうれん草畑が一面
見るだけで元気が沸きそう。
片っ端から食べる。
いくら食べても減らない。
それにいくら食べても腹いっぱいにならない。
１週間と５時間３８分　食べ続ずけた。
なんのために食べてるのかわからなくなって、
「目の前の草を食べ続ずけなければならない。」
そんな思いが重くて　その場を後にする。

>>539
padding-bottomではダメなの？

>>561

caption{
background-color: xxx;
:
:
}
とかすると、captionの帯がテーブルとくっついてしまうので、
あくまでもmarginをcaptionとtableの間に取りたいんです。
というか、IEではどうしてそれができないのかと。

>>539 >>562

thead th {
margin-top : 10pt;
}

とかでなんとかならない？
試してないけど。

positionで無理矢理引き剥がすとか。(absoluteとかで。)

やったことないからデタラメ言ってるけど。

div病はどうしてダメなの？

>>565
CSSではclass属性が非常に大きな力を持っている。
したがって文書作成者は、体裁にほとんど何の関係も無い要素（HTMLだとDIV要素やSPAN要素など）をベースにして、
それらにclass属性でスタイル情報を与えれば、独自の構造化言語を設計できると考えられる。
しかし、文書の構造要素は広く受け入れられている一般的意味を持つ場合が多いので、こういった使用法は避けるべきである。
文書作成者が定めたクラス名では、意味を理解してもらえない恐れがある。

つまりデザインばっかり気にしすぎて、
文法上意味の無いdivやspanを使いまくるなってことでしょ。

いや、divやspanが意味の無いものじゃなくて、使いすぎるのが（ry

説明下手でスマソ。

↓の感じで、「600pxの要素をセンタリングして、要素内のテキストは左寄せ」
という風にして、実際WinIE5.5では問題なく見れたんですけど、
ネスケ6で見たら、要素内のテキストは左寄せでいいんですけど、
要素がセンタリングされていなくて、左に寄っちゃっています。
なぜなんでしょうか。
お願いします。
−−−−−−−−−−−−−−−−−−−−
BODY{
background-color : black;
color : #999999;
line-height : 3ex;
text-align : center;
}
DIV{
width : 600px;
text-align : left;

FAQだね。text-alignはブロック要素の配置を決定しないから。

>>569
ありがとうございます。
配置を決定しないのははＮＮだけですか？

「600pxの要素をセンタリングして、要素内のテキストは左寄せをしたい」
ってここで質問されたら、こういう風にするように教えられてたんですが、
何かよい方法はありますか？

>>568
IDがWeb！(･∀･)！！

>>568-570
text-alignプロパティは、ブロック要素自体の水平配置を決めるものではない。
ブロックの中でインライン要素の内容をどのように揃えるかを指定するのものである。
ブロックボックス自体の水平配置は、margin-left, margin-rightプロパティによって指定する。

Internet Explorer の実装を信じてはいけない。

おっ、ほんとにＩＤがＷｅｂだ…。
>>572
ありがとうございます。
確かに自分の中でも、しっくり来ていませんでした。
今日始めてＮＮで見たら、グチャグチャでビックリしたので…。

で、marginはそのままautoだとＩＥは認識しないらしいので、
margin-rightとmargin-leftにそれぞれautoで設定したんですが、
これでよろしいでしょか？

> marginはそのままautoだとＩＥは認識しないらしいので、
> margin-rightとmargin-leftにそれぞれautoで設定したんですが、
> これでよろしいでしょか？

よろしいです。

div
{
margin-left: auto;
margin-right: auto;
width : 600px;
}

WinIE にも対応させる妥協案として、
以下の様な記述が考えられる。

body
{
text-align: center;
}
div
{
text-align: left;
margin-left: auto;
margin-right: auto;
width : 600px;
}
div *
{
text-align: left;
}

>>574
ありがとうございます。

ちょっと物分りが悪いようで、もう少し聞いてもよろしいでしょうか。div

＞＞WinIE にも対応させる妥協案として
とありましたが、

{
margin-left: auto;
margin-right: auto;
width : 600px;
}

↑これではＩＥではダメなんですか？

あと、

div *
{
text-align: left;
}

「*」のマーク、はじめて見たんですけど、
どういう効果をもつのでしょうか。
リファレンスを見たんですけど、載っていなくて…。

お願いします。

>>575

文字通りワイルドカード。この場合、divの子供全部という意味。

>>576
ありがとうございました。
がんばってみます。

あと３０分でこのＩＤともお別れ。

>>567
> divの子供全部という意味。
子供ではなくて子孫。

xslt のことをお尋ねしてもいいですか?

>>539
逆に caption の margin-bottom を 0px にしても
table body との隙間をなくせない Mozilla はどうしたものか。

遅レスすみません、レスくれた方thxです
秀丸派が多くてビックリしました。ヘタレなオレはやっぱりいろいろ目視して決めることができる機能がないと厳しいので、使わなくなってしまいました
ちなみにアイコンは変更できますよ。STUDIO-Cでかわいい系のアイコン配布してるし、いやなら自作してもいいし。
Meadowっていうのは知りませんでした。試してみます。
TopStyle Liteの文字化けはoptionのediter fontを変えることである程度ガマンできるレベルになりますよ
vectorにあるcss editerを10個ほど試したけど、満足できるモノがなかった…
html　エディターのように、あまりこだわる人がいないのかな

>>575
> ↑これではＩＥではダメなんですか？
これは逆にIE5.x以前で無視される。
で、仕方がないから両方記述しとく。みんな一度は通る道です。

>>582
あるいは、左右のマージンを一定の値に固定してもよければ、

margin-left: 10%;
margin-right: 10%;

とする方法もあるね。
こう書いておくと、IE5.x以前でも最新のものでも同じように表示される（はず）。

アドバイスをくれた方々、どうもありがとうございました。
ＮＮは家では見れないのでまだＮＮでの動作確認はできてないのですが、
多分大丈夫だろうと思います。

今までＣＳＳ関連の本やウェブサイトをいくつか見てきましたが、
>>574みたいなことは全く載っていませんでした。

まあ僕の選んだ本が悪かったと言えばそれまででしょうが、
ブラウザによって見え方が違うというのはＣＳＳの弱点であると思うので、
もっとそういうところを書いた本があれば、と思いました（既にあるのかもしれませんが）。

ともかく、本当にありがとうございました。

>>584
＞ブラウザによって見え方が違うというのはＣＳＳの弱点である
それは違うと思うが、2ch以外でもネット上にいくらでも調べられるから、がんがれ。

>>584
>ブラウザによって見え方が違うというのはＣＳＳの弱点であると思うので、
本来はブラウザごとの挙動の違いを吸収するために作られたモノなんだがねぇ。
各ブラウザの対応状況がまちまちで同じように見せるのに苦労してしまうんだよねぇ。

>>101-108でも既出なんだが、
中央寄せとDOCTYPEスイッチは、
次スレッドからＦＡＱとして>>1-10に載せておいたら？
スレッドが新しくなるたびに同じ質問が来る……。

参考になるページ
http://tancro.stp-1.com/stylesheet/n6_center.html
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6

こんにちは

OL要素の行頭の数字を
一、
一、
一、

といった感じで、連続した数字ではなくすべて一、にすることは可能でしょうか？
日本にはこういう形式のリスト　ありますよね。

>>588
順不同のリストならばolではなくてul要素です。
list-style-type:cjk-ideographic;はN6以外は未対応です。
http://hp.vector.co.jp/authors/VA022006/css/lists.html#list-style-type

<ol><li>なんとか
<ol><li>なんとか
<ol><li>なんとか
<ol><li>なんとか

リストのナンバリングってCSSで操作できたっけ？

>>591
<ol start="5">の代りになるＣＳＳプロパティはありません。

sage

li:beforeでcontentに一、とか。
・・・
だめか。

cjk-ideographic,と liタグのvalue=""等でなんとかならないか
研究してみます。レスありがとうございます。

いや、liタグをいじるんなら直に「一、」を書いた方が早いと思うが。

初歩的な質問ですいません。

<a href="" target="_top">としようとしたら、ターゲット属性はHTML4.01Strictでは使えないそうです。
どうすればいいのでしょうか？

>>597
targetを使わない

というか、なぜtargetが必要なんだ？

strictはフレーム禁止だから当然だな。新窓開きたいならJavaScriptとか。

>>597
598の言うようにtargetを使わないか、transitionalにすべし。

strictスレで既出だと思うが、
フレームを使った「含まれる側のページ」をStrictで書きたいというケースはあるからだろ。

>>601
フレームを使いたいなら、枠はframeset、含まれるページはtransitionalじゃなかったっけ？

実をいうと、知り合いがボクのページにリンクを張ってくれていて、
しかも知り合いのページの右フレーム内にボクのページが表示されるようになっているんです。
たのんでも、なおしてくれないのです。
そこでトップページ（ユーザー選別ナビゲーション用の入り口ページになっています）はあきらめて、
次のページからフレームを強制解除しようと思ったんです。

JavaScript使うか、Transitionalにするしかないみたいですね。

>>603
縁を切るのが一番かと。

>>603
なる。それはお気の毒。
頼んでも直してくれないって…。

漏れはわからないけど、何か他に方法ないのかな。
といっても、これ以上話を続けるならここではスレ違いなんで
Strictスレへ辺りへ

みなさんありがとうございます。
JavaScriptをつかってうまくいきました。

<script type="text/javascript">
<!--
if(self !=top){
top.location.href=self.location.href;
}
//-->
</script>

トップページにこれを記述すればOKでした。

みなさん、W3C以外では、リファレンスとして参照しているサイトあります？
もしあったら教えてください。

＃自分は、いまのとこ、とくに決めておらず、
＃いつもGoogleで、「CSS ほにゃらら」みたいなかんじで検索してます・・・
＃でも、もし使える参照サイトがあれば、教えていただきたいなと。

>> 588
スレ違いだけど、DOMで生成してみるとか。

<head>
<script type="text/javascript">
function insertITI(){
var list = document.getElementsByTagName("OL")[0];
var items = list.getElementsByTagName("LI");

list.style.listStyleType = "none";
for (var i=0; i<items.length; i++)
{
items[i].insertBefore(
document.createTextNode("一、"), items[i].firstChild);
}
}
window.onload = insertITI;
</script>
</head>

<body>

<ol>
<li>content...</li>
<li>content...</li>
<li>content...</li>
</ol>

</body>

<div class=base>
<div class=sub>SUB</div>
</div>

こんなんあります。
subはwidthが80%です。
baseにどうCSSを指定すれば、subのブロックを中央に表示できるのでしょうか。

NN4.78以外では上のautoを使ってできるのですが、
NN4.78はだめということでしょうか？

>>609
text-align

>>609-610
ちゃんと>>587の参考ページを読みなさい。

>>612
はーい。じゃなくて。どうも、mainでtext center すると、
subの文字もcenterになり、sub でさらにtext left 指定しても、左に寄ってくれないのれす。
同じ症状の人いたら教えてください。もしぼくだけのことだったら無視して許してください。

>>613
>sub でさらにtext left 指定しても、左に寄ってくれないのれす。
それもネスケ４に限っての話ですか？
なるべくブラウザとそのヴァージョン、そしてソースを示してね。
どうも“text left ”てのが不安だな……text-align:left;、ね。

っていうか、subを中央に寄せたいんじゃなかったのか・・・
言ってる事が二転三転すると流石にコメントのしようが無いです

<html><head><style type="text/css">
.base{
text-align:center;
}
.ko{background:#f00;
margin-left:auto;
margin-right:auto;
width:70%;
text-align:left;
}
</style></head><body>
<div class=base>
<div class=ko>あああああああああああああ</div>
</div>
</body></html>

や

<html><head><style type="text/css">
.base{
margin-left:auto;
margin-right:auto;
width:70%;
text-align:center;
}
.ko{background:#f00;
text-align:left;
}
</style></head><body>
<div class=base>
<div class=ko>あああああああああああああ</div>
</div>
</body></html>

でもWIN IE5.5 NN4.78の両立はだめっす。

>>616-617
だから>>587のリンク先を読めって。特に下の方。
http://tancro.stp-1.com/stylesheet/n6_center.html
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
margin:0 auto;でセンタリングできるのは
IEは6.0から（但し標準モードのみ）、NNは6.0以降。

>両立はだめっす。
何を兩立させたいのかな？

>>616
NC4は大バカなので、ブロック要素をインライン要素と区別できないバグがあります。
四方に枠線を指定してやるとなぜかそのバグは解消される。
枠線を出したくないなら
.base{border:1px none;}
と指定しなさい。
さすれば狙った通りの表示になるべし。

ちょっと古くなったかもしれんが、こちらを参照されたし。

初めてのホームページ講座 - CSSの実際のところ
http://www.hajimeteno.ne.jp/stylesheet/actually/index.html

ありがとうございます。なんかできたみたいです。寝ます。

何時だと思ってんだ( ﾟДﾟ)ｺﾞﾙｧｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ!!!!

クラス名で_(アンダーバー）って使っちゃダメなのって
レベル1だけですか？レベル2ならOKってことなんでしょうか？

ところで、cssのレベルってどこかで宣言するんですか？
<link rel="stylesheet" href="default.css" type="text/css" />
だけではレベルまでわかりませんよね？

レベル1は忘れたけど、レベル2なら_はOK。
ただ最初は不可とされていたのが、後で使用可と修正されたので
対応してないブラウザがあるかもしれないし、
古い資料には使用不可と書かれているだろう。

レベルの宣言は今の所できません。

<!DQNTYPE HTML PUBLIC "-//W2CH//DTD HTML 4.0 Transitional//DQN">
<html lang="dqn!>
<head>
<title>Welcome to DQN world!!</title>
<style type="text/css/dqn">
<!--
body{
font-size:100pt;
}
-->
</style>
</head>
<body>You are DQN!<br><font size="2">Enjoy! :-)</font></body>
</html>

>>624
ありがとう。

css自体はレベル1で書いてるんだけど
クラス名に_使っちゃうとレベル2になっちゃいますよね？
-（ハイフン）に変えようかな。

初めて仕様書なる物に目を通したんですが・・・

アンカー疑似クラスはA要素にしか効かないと明記されていますが
:activeとか:hoverは何にでも効く、効かないIEはDQNとか
聞いた事があるのは気のせいですか？

HOGE.classA.classB のようなのは不正な選択子だと明記されていますが
クラスをいくつも指定できるとか聞いた事があるのは気のせいですか？

色んな意味で目から鱗ですた。

へー日記を書くな

>>627
アンカー擬似クラスってのは
:link
:visited
のこと

＞HOGE.classA.classB のようなのは不正な選択子だと明記されていますが
どこに？
こういう記述ならあるけど

For example, the following rule matches any P element whose "class" attribute has been assigned a list of space-separated values that includes "pastoral" and "marine":

P.pastoral.marine { color: green }

This rule matches when class="pastoral blue aqua marine" but does not match for class="pastoral blue".

img{vertical-align: middle;}
で画像の横のテキストを縦中央に配置したのですが、
body{font-family:verdana,arial,helvetica;}
なので日本語と英語のフォントの高さが微妙に違うので、縦中央に配置すると
それぞれの文字の中央にそろってしまい、vertical-align: baseline;の時とくらべて
日本語と英語がずれてしまいます。
baselineをそろえつつ全体を縦の中央に配置するにはtable使うしかないのでしょうか。

┏━┯━┓
┃Ａ│Ｂ┃
┠─┤　┃
┃Ｃ│　┃
┗━┷━┛
ＡＢＣの順にあるdivブロックを上みたいな感じで段組（？）にしたいのです。
.A {float:left;width:50%;……}
.B {float:right;width:45%;……}
.C {clear:left;float:left;……}
一応、上記の指定をして(……は略)、IE6・NN7・Opera6で成功しました。
しかしNN4ではダメ。IE4.01（Win/Macとも）でやってくる訪問者も表示が崩れるとか。
そこで
.B {margin-left:51%;……}
と指定してみましたが、それでは狙った配列になりません（下図）。
┏━┯━┓
┃Ａ│Ｂ┃
┣━┛　┃
┃　　　┃
┣━┳━┛
┃Ｃ┃
┗━┛
他に何かいい手はありませんか。

AとCを含むDIV＝Dを作る
Dの右マージンを45%あける
右マージンにposition:absoluteでwidth45%のBを配置
Dの中のAとCは通常フロー

でためしてみそ。

あ、Dは作る必要ないのかな。

>>632
すみません、position:absolute;は向かないみたいです。
実はbodyの中にはdiv.D（div.A+ div.B + div.C）の前後にも要素があるので
閲覧者のウィンドウ幅によって高さが一定しません。
絶対配置しようにもtopの値が決められないのです。
せっかくご示教いただきましたが、もしまだ他に手があったら重ねてご指導下さい。

全体をdivで囲んで
Bにposition:absolute;top:0;right:0;

>>635
rightプロパティはＮ４やMacIE4.5が未対応。left:56%;がよいのでは。

(´･ω･｀)

<html>
<style type="text/css">
<!--
#d {
position : relative;
}
#a {
position : relative;
left : 0%;
top : 0%;
width : 50%;
}
#b {
position : absolute;
top : 0%;
left : 50%;
margin-right : 1%;
}
#c {
position : relative;
left : 0%;
top : 0%;
width : 50%;
}
-->
</style>

<body>
<h1>あいうえお</h2>
<div id="d">
<div id="a">あいうえお</div>
<div id="b">かきくけこ</div>
<div id="c">さしすせそ</div>
</div>
<hr>
<address>おなまえ</address>
</body>
</html>

↑NN4.7、NN6.2、Opera6、IE5.0で確認。上下にヘッダとフッタ

headタグ忘れてたけど修正してね

Netscape 4.x はposition:absoluteを指定した際のleft/topの起算点が常にウィンドウの左上隅になる（多重階層不可）
cf.「CSSを用いた段組の作成のコツ」
　http://www.fromdfj.net/html/column.html

いま張ったソースではNN4.7でもあいうえおとかきくけこは同じ高さに並んでるけど？
その記述間違ってるんじゃないの

有り難うございます。
>>638-639そのままでやってみました。
うまくいった――と思ったら、やはりダメ。
見てわかりやすくするため
#d, #a, #b, #c {border:1px solid red;}
と追加指定したら、NN4では途端に表示が崩れてしまった……。
やっぱり無理があるのかな。すみません。

んー、じゃあ#dにボーダーを付けるとうまくいかなくなるのかな。

#a, #b, #c {border:1px solid red;}

では崩れない。

>>645
あ、本当だ。
でもNN4では、borderをつけないと#dの領域に背景色をつけられないんですよね……。

あとIE6では、DOCTYPEスイッチを互換モードにすると、
左の#a & #c と右の#bとの間になぜか隙間が空きますね。
標準モードだと左右ピッタリくっつくのですが。
ううん、困った……。

NN4とIE4にはスタイルシート読み込ませない。これ最強

NN4はともかくIE4がそこまでひどいか…?
それにIE4に読み込ませない方法ってあるの

>>646
>あとIE6では、DOCTYPEスイッチを互換モードにすると、
>左の#a & #c と右の#bとの間になぜか隙間が空きますね。

すみません、これはbody{margin:0;}を指定したら解消されました。

>>648
学校のパソコンを使ってる人がMacIE4.01で来るのですが、それはひどいことになってるとのこと。
MacIE4.5なら少しはマシらしいのですが。

質問させて下さい。下記のように書いてみたところ、IE5ではきちんと両端そろえに
なっていたのですが、IE6だと左端に文字が寄ってしまいます。
これは仕方のないことでしょうか。

TH {vertical-align:middle;
text-align:justify;
text-justify:distribute-all-lines;}

まだ答られていない質問に適当にお答え

>607
>2 >4
特に ZSPCの対応状況ガイドはよく見る
デザインは関連スレで紹介されてるものとか

>630
font-size-adjust とか使うと何とかなるかもしれない
自分では使ったことがないから何ともわからないけど
でも，table使っても結局 vertical-align: middle と同じじゃないの？不思議
あるいは font-family の指定を変えてみるとか（だってそこに日本語フォントないよね？）

>650
IE6 は標準モード？だとして，互換モードにしたらどうなる？

>>649
MacのIEはWinとは別物
MacならMacIEと明記してくれ。
WinIE4ならそこまでひどくはないと思う

>>648
> NN4はともかくIE4がそこまでひどいか…?
> それにIE4に読み込ませない方法ってあるの

@import url

@media screen

>>652
WinIE4もねえ、display:block;が効かないからナ。
<br>入れないでインライン要素を整形してレイアウトしてるとえらいことになるよ。

>>650
↓ここで試したら、IE6でもちゃんと両端揃になったが。
http://east.portland.ne.jp/~sigekazu/css/international.htm

>>653
@importや@mediaはIE4でも効くだろ。

>>657
> >>653
> @importや@mediaはIE4でも効くだろ。

じゃあ、@charset "Shift_JIS";

スタイルシート以外でスクロールバーの色って変えられる？

>>659
マジックで画面を塗れ

やだぁ〜。
ねえなんとかならないの？

http://yahooo.s2.x-beat.com/

tableを入れ子にすると重くなりますが、

cssならdivを入れ子にしても
軽いですか？

そろそろまともな質問（」ﾟДﾟ）」ｶﾓｰﾝ

>>663

100MHzとか75MHzの機種でも平気で見てます。
複雑なテーブルだともたつくけど。

背景画像を、左上と左下の2箇所に表示させるとして、その指定を一気にすることは出来ない？
↓こんな感じのことがしたい。。

body {
background-position: left top; background-image: url(xxx) ;
background-position: left bottom; background-image: url(yyy) ; }

やってみたけど表示が崩れるだけだった。backgroundは指定を別々にしないとダメ？

1つの要素にプロパティは1つじゃないの。

そっか……なんかまだ全然分かってないみたいです。。ども。。

>>666
残念ながら今のCSSではできない。だから
<div id="div1"><div id="div2">
ほげほげ
</div></div>
としてdiv1とdiv2に背景画像を指定するか、
<div id="div1">
<h2 id="div2">見出し</h2>
ほげほげ
</div>
というような構造にしてdiv1とdiv2に背景画像を指定するかというような対処でやりくりしないといけない。

そして人はDIV厨へ・・・

>>669
そうみたいですね。。。一気にできたら楽だったんだけど。

>>670
指定はdivばっか使ってるけど、やっぱり良くない？

良くないって言うか、厨

ヘッダ、メイン、フッタで分けて
３つほどDIV使ってるけど、漏れも厨なのかな。

divを使わないで何を使うの？

>>674
用途にふさわしいマークアップをするだけ

cssの指定はほとんどdiv・・・

divには指定しない代わりに

kbd とか dfn とか var とか
多くの要素にスタイル適用しているせいで
なんかかなり大きくなってきたよ、ﾏﾏﾝ。

「#」自体はかけるんだね。
そういえばいつから10桁になったんだろう。
10桁のせいで隠れていた[sE]が出てきて
使いづらくﾅﾀｰﾖ。

ＤＩＶ厨の人を見るたびに、「なんでそれだったらテーブルレイアウトやらんのか？」と不思議でしょうがない

>>679

どうしてdivで固めるといけないのか、
クールでかつセクシーに説明してください。

だから言ってるじゃん、DIV乱用で不思議マークアップ展開させるくらいなら
テーブルレイアウトで作った方が簡単だし応用も利く。
はなっからCSS使う意味なんて無いじゃないか？と言う事。

まぁ一括レイアウトができるとかそう言うことを言い出すんだろうけどね；P

>>681
最後の；Pはちょっとクールだけど、セクシーさが今ひとつかけている感じがしないでもないかも

>>681
divを多用すると不思議マークアップになる（限度はあると思うけど）？
divが多くてもvalidなhtmlはvalidだし、strictはstrictだと思うんだが。
ひょっとして俺は変なこと言ってる？
変なこと言ってるんなら、逝ってきますけど。

pやhnを使うべき所でdivを使うのがDIV厨なんでしょ？

>>681
一括レイアウトができるからってのは立派な理由ですがなにか？

そこまで反応を読んでいたのなら当然、納得いく立派な答えも用意できてるんだよね？
おりこうちゃん。

684が書いた例が不思議マークアップなのはわかる。
でも「divが多い=不思議マークアップ」とは限らんよね。
テーブルレイアウトが簡単だというのはわからなくはないけど、応用はどうかね？
それにCSSを使う意味は一括レイアウトだけじゃないし。

686は683です。スマソ。

関連のあるブロックをグループ化するdivならいっこうにかまわん。
他に適切なブロックレベル要素があるのに、なんでもかんでもdivにするのは厨。

で、これまでの既出サイトの傾向を見るに、日本の場合は割と前者が多いが、
海外は「なんでもかんでもdiv、span、br。テーブル使わなきゃいいんでしょ。」
というのが多かった。

こういうのを良く目にする。

<div id="title">
　<h1>タイトル</h1>
　<p>戯言のような一言</p>
　.....
</div>
<div id="data">
　<h2>糞してぇ<span class="date">2002-10-04T20:20:20+09:00</span></h2>
　<div class="diary">
　　<p>このあいだ吉野屋行ったんです、吉野屋。</p>
　　....
　</div>
</div>
<div id="foot">
　<address>連絡先</address>
　<p>copyright(c)...</p>
　.....
</div>

悪い例か良い例かは各自で判断して。

>>689
自分で判断しろよ。実現したいデザイン次第じゃないのか？
どこまで宗教的になっていくんだか。

文盲も大変だね

>>691
あははは、自己紹介しちゃってるよ。　乙

と、思い込めば貴方は幸せになれるよ

このスレッドは現在二名の罵りあいが續いています

ちんちんの皮の引っ張り合いだね。

>>689
俺は良いと思うけど。

俺のサイトの訪問者はネット初心者が多いため
迷子防止に
泣く泣くtarget属性を使っているんですが
その場合は
strictじゃなくてTransitional指定しなければいけないんですよね？
strictとTransitionalごちゃ混ぜのサイトなんてありですか？

>>697
あり。というか普通。

>>697
ここは「CSS、スタイルシート質問スレッド」です。

sivの適正な使用とかStrictだとかの話題はこちらで。
http://pc3.2ch.net/test/read.cgi/hp/1033282702/l50

>>699
siv ってなんですか？

>>700
d と ｓ を押し間違えたのではないでしょうか

HTML、JavaScript、CSS
すべてを総合的に扱うスレッドはどこよ？

どこいっても保守的で閉鎖的で技術に貪欲じゃないとこばかりで
つまんない

Web技術はおもちゃではないんでね

ウィンドウ幅よりも幅が狭いtableをmargin:autoにした場合、caption要素にもmargin:autoを指定すべき?
NN7だと、captionにもmargin:autoを指定しないとcaptionだけ左寄せになってしまいます。
（下図参照。captionとtableの幅は同じになるようレンダリングされる）

｜|←captionの幅→|　　　　　　　　｜
｜　　　　|←　 表の幅 　→|　　　　｜
　　　　　　　　　　　　　　　　　　　　　↑
　　　　　　　　　　　　　　　ウィンドウの端

IEでは上と同じ指定でも、captionと表の左右位置がずれることはありません。
NNはcaptionにもmargin:autoを指定すると、IEと同じ表示結果になります。

やっぱりNNの表示が正しいんでしょうか?

NNのバグと言っていいんじゃないかと思う
仕様にしてはあまりに不自然だし

確かBugzillaにも出されてたんじゃないかな

即レス、サンクスです。
captionへのmargin指定は、IEでは無効? （IEでは、tableとcaptionを離して表示できないみたい）。
captionとtableの両方にborderを指定した場合、IEではcaptionの下辺のborderが表示されなくなる。

という感じで、IEも怪しい気がします。もう少し調べてみます

>>701
他人を装って修正するのってｶｺﾜﾙｲﾖ

>>707
悪いけど他人じゃない。
揚げ足厨がウザかったから

他人だボケ
間違えた…

結局自作自演なんだな、書けば書くほどボロが出る

>>702
技術総合スレッド立ててみれば？　で、技術に貪欲に語って下さい。

厨房が群雄割拠して押し寄せてきます
「貪欲に広告を消す技術を知りたいので教えて下さい」

>>710
これくらいの自作自演、いいじゃねーかよっ

他人だよ。
まあ猜疑心の強い人には信じられんかもしれん。

ところで
複数の書き込みを一人芝居（２ちゃんねる用語で「自作自演」）と見做したがる傾向を
何て言ったらいい？　ひとことで表現できないかな。
「被害妄想」だと周囲が全て敵と思って、むしろ一人をも複数と見做すはずだし。

自分の敵に味方する奴がいるなんて認めたくないんだろうよ

おまえら両方ともcssのこと以外はスレ違いだ、そろそろやめろ

おぉ〜っと！>>714が必死に食い下がってきます！！
もうこれは自作自演が事実であろうとなかろうと、見苦しい！！かっこ悪い！！

とりあえずage

晒しageですね

外部スタイルシートを別のフォルダから読み込むのは
ネスケだと反映されないって本当ですか？

>>720
ネスケ4なら本当。
ネスケ6-7なら嘘。

>>721
え、ホント？
ネスケ4でも読み込みできたような気がするが。

禰剥け4はCSSをHTML基準で読み込むんだっけ？

>720
反映されます（NN4でも）
ただしNN4では，cssで画像を使う場合はパスがcss相対（正しい仕様）でなくhtml相対になります

>724
ごめん．ちょい修正
NN4では，画像の相対パスの基準が cssファイル（正しい仕様）ではなく htmlファイルになります

あ、ごめん
@import と勘違いしてた
回線切って逝ってきまつ

@importは効かない。

コンニチハ、質問なんですが、
スタイルシートで行間を指定しているんですが、
テーブルの中だけ反映されません…。
<STYLE>
<!--
P{
line-height : 1,6em;
}
-->
</STYLE>

これだけではいけないのでしょうか？？

>>728
その記述がどういう意味か判ってるか？
あと1,6ってtypoだよな？

728です、Pが！Pがだめですね！
なんとか解決しました。お騒がせしてすみません。
typoっていうのは、わからないのですが
一応調べてみます。729さんありがとう。

テーブルにスタイルが継承されないのはIEのバグとかじゃないの？
とおもったけど解決したならいいや。

>731
テーブルはpの中に入れないだろ

テーブルの中にPとか。

ぴーーーーーーー

ありがとうございました。

＞画像の相対パスの基準が cssファイル（正しい仕様）ではなく htmlファイルになります
この辺がよくわからなかったのですが、画像使ってないし、使うとしても
htmlファイルに直接書き込むなりなんなりして自分なりに対処しようと思います。

フォームで出来たボタンに色が付いているのを見たことがあるのだが、
どうするの？
おまいら教えて！

<a href="○○.html"><IMG src="○○.gif" border="1" onmouseover='this.src="□□.gif"'
onmouseout='this.src="○○.gif"'></a>

↑のように、リンクボタンにマウスが触れると、ボタンの形状が変わるようにしています。
また、ボタンにborder="1"の枠をつけています。


それで質問なのですが、
マウスが触れたときに、この枠の色を変えるにはどうすればいいのでしょうか？

ちなみに、↓のスタイルシートは使えませんでした。。（ＩＥ6.0）
<STYLE type="text/css">
<!--
A:HOVER{color:#cc6600;}
-->
</STYLE>

>>735
背景などに画像を指定する場合、cssファイルの置かれているディレクトリを基準に、
画像の置かれているURLを相対的に指定できる（CSSと同じ階層、とか、ひとつ上の階層、とか）
のだけど、Netscape4.xは、CSSファイルではなく、CSSを読み込んでいるHTMLファイルの位置を
基準に指定を受けとってしまう。
このため、HTMLとCSSが同じディレクトリに置かれている場合は問題ないけれど、
そうでない場合は、両方のディレクトリに同じ画像を置いておかなければならない。

>>737
マルチポストにつきスルー推奨

答えられない人間がナニをえらそーにｗ

>ID:JOKTHYvo
なんでアンタだけID出てるの？

<a href="○○.html"><IMG src="○○.gif" border="1" onmouseover='this.src="□□.gif"'
onmouseout='this.src="○○.gif"'></a>

↑のように、リンクボタンにマウスが触れると、ボタンの形状が変わるようにしています。
また、ボタンにborder="1"の枠をつけています。


それで質問なのですが、
マウスが触れたときに、この枠の色を変えるにはどうすればいいのでしょうか？

ちなみに、↓のスタイルシートは使えませんでした。。（ＩＥ6.0）
<STYLE type="text/css">
<!--
A:HOVER{color:#cc6600;}
-->
</STYLE>

あかん、阿呆が湧いてきた

<a href="○○.html"><IMG src="○○.gif" border="1" onmouseover='this.src="□□.gif"'
onmouseout='this.src="○○.gif"'></a> 　　　　

↑のように、リンクボタンにマウスが触れると、ボタンの形状が変わるようにしています。
また、ボタンにborder="1"の枠をつけています。


それで質問なのですが、
マウスが触れたときに、この枠の色を変えるにはどうすればいいのでしょうか？

ちなみに、↓のスタイルシートは使えませんでした。。（ＩＥ6.0）
<STYLE type="text/css">
<!--
A:HOVER{color:#cc6600;}
-->
</STYLE>

＞ID:JOKTHYvo

<img>を囲ってる<a>にborderつけてそれをhoverで変化させる。

<style>
<!--
a.a01{border:solid 1px #0000ff;}
a:hover.a01{border:solid 1px #ff0000;}
-->
</style>

<a href="***" class="a01"><img src="***" border="0"></a>

普通に質問すりゃ普通に答えかえってくる。
マルチポストしたりあおりにいちいち反応すんな。

ありがとう！、本当にどうもありがとう！　
もう誰も答えてくれないと思い、ヤケになってたところでした。

>745
一部ウソを教えているのはわざとですか？

>>746
お前のためのスレじゃないんだよ
答えてもらえないから荒らす、なんてな自己厨は二度と来るな

教えたがり厨も困ったもんだな

このスレに教えたがり厨がいなくなったら終わりですね

そんなことはない

分別ある回答者≠教えたがり

.ma{
background-color : #408080;
margin-top : -4px;
height : 15pt;
padding-left : 5px;
padding-right : 5px;
}

ＮＮとＩＥで見え方が違います。
なぜなんでしょうか。

>>753
仕様です

absoluteは指定されたボックスの親ボックスの左上を基準として配置されると聞いたのですが
どうしてもブラウザウィンドウの左上を基準として配置されてしまいます
親ウィンドウもabsoluteで指定しているからでしょうか？

ネスケだと型崩れ起こしてしまいます。

>>756
ネスケをJAVAで排除。（ｗ

>>757
レス番号も間違えてるし終わっとるなおまえ、Javaで排除ですか。

もういいじゃない、JavaScriptもJavaAppletもJavaServletもECMAScriptも
JavaがついてりゃJava技術の総称ということで。
不毛なレスになるだけだし。

分かるやつが使い分けりゃいいだけで。

>755
親ボックスを position: static; （初期値）以外にしてますか？
親ウィンドウを position: absolute; って親ボックスとは違うのですか？

#box1 {position: absolute; top: 100px; left: 20px; width: 300px; height: 200px; border: solid 1px green;}
#box2 {position: absolute; top: 20px; left: 50px; width: 100px; height: 100px; border: solid 1px blue;}

<body>
<div id="box1">
<!-- ブラウザの上から100px，左から20pxのところに幅300px，高さ200pxのボックス -->
<p id="box2">あああ</p>
<!-- 上のボックスの上から20px，左から50pxのところから文章開始 -->
</div>
</body>

>745
というわけで，最後まで面倒見てあげてください

親ウィンドウを元にするのはrelativeですょ。
absoluteはブラウザの左上からとなります。

よって、入れ子の内側のボックスには、

<div><div>解決だ(・∀・)ｲｲ!</div></div>

div div[position:relative;　〜　]

と指定します。

>761
いや，違うから…
>760 の例で <p id="box2"> の前の行に <p>1<br>1<br>1<br></p>とか入れて，
box2 の positionを relative と absolute に変えてみればわかるかと

WinIE6とMoz1.1で確認

また馬鹿な回答者がでしゃばって・・・

当方757ですがでしゃばりでも居ないとここではやっていけんでしょう。
知識ひけらかし屋さんというか。

終わってても良いジャンかさ、と開き直ってみる。

>>760
親ボックスの書き間違いです
なんとか理解できました、どうもありがとう

P要素の中でインデントするのに何かいい方法はないでしょうか

DIVでマージン指定するとPからはみ出るし
SPANで同様にしても１行目しか反映されないんですが

>>764
間違った知識をひけらかして喜ぶなグズ

>>766

どういうふうにしたいのか、図で示してみて。

>>766
P要素の「中で」インデントかけるより、
P要素ごとにインデントしてDIVでくっつける、という方法の方が
strictっぽいかも。

P{
　margin-top, margin-bottom: （少なめの値）
　text-indent: （任意）
}
DIV.group{
　margin-top, margin-bottom: （おおめの値）
}
で、
<DIV class="group">
<P>1段目</P>
<P>2段目</P>
……
<P>n段目</P>
</DIV>

あ、インデントって、「形式段落の頭を字下げ」じゃなくて？

あーはいはい、
なんか違ってる気するけど767はﾃｨﾝｶｽとい言うことで。

あ

教えてください

１--------------------------
<TABLE>
<TR>
<TD>
<DIV class="hoge">
--------------------------

２--------------------------
<TABLE>
<TR>
<TD class="hoge">
--------------------------

２の方法はおかしいですか？
（TABLE使うな！は無しで）

全然おかしくない。

ていうかtdの中にわざわざclass指定のためのdivがある方が気持ち悪い。

>>768-769
すみません言い方が分かりにくかったです
こういう感じの字下げです
http://www41.tok2.com/home/imagenos/cgi-bin/tboard/icons/20021009000026.gif

P自体がmarginとってあるので３番目のdivでは左にはみ出してしまいます

>>773
ありがとうございます

>775
ﾏｸｱﾌﾟが禿しく間違っている。

p{ margin-left:5em;}


<div class="contents">
<h1>見出し</h1>
<p>--------------------------------</p>
</div>

こんな風にしたらどうよ？

>>775
spanはインライン要素なのでそもそも用途が違う。
あと，見出し要素をｐ（段落）の中に含めようとするのも間違い。

>>777
ｽﾝﾏｾﾝ長いので省略しちゃいました
その<h1>と<p>の組み合わせの<p>の中でこのインデントを使いたいのですが・・・

>>778
うーむ何を使えばいいんでしょうか？
リストもこれじゃ目的が違いますし

いまいちやりたいことがわからないんだが‥‥

全体をpで括りたいわけ？
もしそうならその発想がそもそも違う。
777氏のやりかたの何がダメなのか。

本文の中でさらに字下げをしたいなら，
777氏のを拝借して‥‥


p{ margin-left:5em;}
p.indent{ margin-left:10em;}

<div class="contents">
<h1>見出し</h1>
<p>--------------------------------</p>
<p class="indent">--------------------------------</p>
</div>

とでもすればよいのでは？

それか，もしかして

本文本文本文本文本文本文本文本文本文
本文本文本文本文本文本文本文本文本文

　見出し
　　文章文章文章文章文章文章文章
　　文章文章文章文章文章文章文章


という風にしたいのなら

<p>本文</p>

<dl>
<dt>見出し</dt>
<dd>文章-------------</dd>
</dl>


でリスト要素にマージンとれば問題なし。
もしそうなら
「見出し」という言葉のせいで混乱させられたような。

>>773
780の方です、Pを２つ続ければよいのに気づきませんでした
みなさん親切にどうもありがとうございました。

本をみるとspanタグにはoverflowプロパティーがあるのですが、
<span style='width:10px; overflow:hidden;'>あいうえお</span>
などとしても"あいうえお"と全て表示されます。
なんか、使いかた間違ってるのでしょうか？

>783
span に適用できる（って書いてるの？）その本が間違ってます
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visufx.html#overflow

>784
ありがとうございました。

>>784
span{display:block;}
と併用すればいけるかも。
ま、意味ないけどね。(w

<ol>
<li>
<dl>
<dt>辻</dt>
<dd>オタク向け</dd>
</dl>
</li>
<li>
<dl>
<dt>加護</dt>
<dd>一般人向け</dd>
</dl>
</li>
</ol>
これをIE6で見ると、
1.
辻
オタク向け
となり、
1．の横に辻がこないのですが、
なぜですか？

>>787
dlはブロック要素だから。
display:inline;しろ

<ol>で思い出したんですが、

<ol>の中に<li>をおくとき、<ol>のmarginを設定すると数字部分が外に出ちゃうんですが、
どうすれば正しくmarginを設定できますか?

ちなみにIE5-6で迂遠現象がでましたが、Mozilla系ではでませんでした。

>>789

ol li{list-style-position : inside;}

としてみたらどうなる？

>>789
デフォルトでmarginがあるんだよ
それを上書きしちゃってんだろ
ちなみにMozはpadding

>>790-791

サンクス。
IEでもﾓｼﾞでも同じように表示ができるようになりました。

http://pc3.2ch.net/test/read.cgi/hp/1033563999/432-433
初心者スレにて、p {text-indent:1em}を使った文頭の一文字空けの方法を
教えていただきました。教わった通りにやって、一文字空けは出来たのですが
p {text-indent:1em}を使うと、行と行の間がすごく空いてしまうのです。
どうすれば、行間が空くことを防げるのでしょうか。

>>793
普通空かないよ
ソース出しておくれ

<head>
<title>ホームページタイトル</title>
<style type-"txt/css">
<!--
p {text-indent:1em}
</style>
</head>

<a href="./porfile.htm" target="main">
<p>私の自己紹介</p></a href><br>
<font size="1">管理人の自己紹介です</font><br>
<br><br>
<a href="./travel.htm" target="main">
<p>私の旅行記</p></a href><br>
<font size="1">ヨーロッパへ旅した時の旅行記です</font><br>

見本のソースですが･･･。

「私の自己紹介」「私の自己紹介」の前に一文字分のスペースは入るのですが、
このスタイルシートを使うと、行間が１〜２行分くらい開いてしまいます。

ｷﾞｬｰ

そんなファンキーなマークアップなのにpはちゃんとスタイルシートでインデントしたいんだな（w。
いいじゃん、空白で。

>>７９５
それはスタイルシートのせいじゃない。

<p>タグは先頭を一文字分字下げするために使うものじゃなくて，
「段落」を括るために使うもの。

「私の自己紹介」や「私の旅行記」はリスト項目としてマークアップすべき。

初心者なら勉強するチャンスだ，調べてみることをお勧めする。

>>797　文頭にスペースを入れても一文字空きにならないと、
初心者スレで相談したら、スタイルシートを使うよう
アドバイスされたのですが、、、。

スペースを入れても、「　こんにちは」とならず「こんにちは」になるんです。。

>>798
ありがとうございます、調べてみます

>>796の叫びが痛々しい…

>>799
んー、全角空白なら大丈夫なハズなんだけどなぁ。半角はダメ。
ちなみに1emだと全角１文字分くらいだよ。
まぁいいや、そりゃちゃんとHTML覚えるにこしたこたぁないから頑張ってや。

>>795
がんがれ。
勉強ついでだから忠告。
ひとまず，字下げのことは忘れた方がいい。
自分のコンテンツがどういう構造になっているべきかを考えよう。

>>795
803=773ではないけど、
一旦スタイルシートのことも忘れて、
まずはHTMLの勉強をする方が良いよ。

……「HTMLを勉強しろ」ではなく、サイトを教えた方がいいぞ。
>>4の上から二つ目ね。

h1{
display : none;
}

<a name="top"><h1>サイト名</h1></a>
.....
<p><a href="#top">このページのトップに戻る</a></p>

上記のようにしても問題ないですか？

>>806
><a name="top"><h1>サイト名</h1></a>

ブロック要素をアンカーで囲んでは駄目。

ｈ要素を隠すことの是非はわからないけど
ｈ要素の外側にa要素があるのは少なくとも間違いだね

すいません！
俺あほ過ぎでした！
お二人の意見で目が覚めました！
ありがとうございます！

俺もh1要素を隱すことの是非を知りたくなった

というかある要素を非表示にしてそれにidを付けていいのかというのを

見出しを別に画像で作ってCSSで表示させてるような場合は構わない気もする。
CSSをオフにしても見出しがちゃんと表示されるわけで。

>>811
非表示にするためにidを与えることもあると思うけど。

そこまで言い出すと display:none というプロパティそのものが
否定されないかい？

CSSオンでも画像非表示ということはあり得る。

視覚的に見せないだけなら
visibility:hidden;
もアリだと思うけど。

display:none　と　visibility:hidden　の違いって？

display〜は何もないものとしてレンダリングされる

visibility〜は見えなくなるだけ。領域は確保される

そういや display:none; にした要素に id つけても <a href="#id"> で飛べるの？

生成されないってことは <a href="#id"> は無視されるのかな。
visibility:hidden なら「見えないだけ」で生成はされてるから <a 略〜> は効くのかな。

>>817
ほほー。ｱﾘｶﾞﾁｮ！

dl{line-height : 170%;}
dt{float : left;
clear : left;
padding-left : 1em;
width : 8em;
}
dd{padding-left : 5em;}
.qa dt{
margin : 0px 0px 0px 1em;
padding : 0px 0px 0px 0px;
width : 500px;
}
.qa dd{
margin : 0px 0px 0px 2em;
padding : 0px 0px 0px 0px;
clear : left;
}

<dl class="qa">
<dt>●hogehogehogehoge</dt>
<dd>hogehogehogehoge</dd>
</dl>

↑のなにがいけないんですか？
mozillaしか意図した表示してくれません
IE,OperaはまるでddにPを挿入したような表示になってしまいます
もう頭がこんがらがって死にそうです

>>820
>IE,OperaはまるでddにPを挿入したような表示になってしまいます
？　どんなんや、それ。
もうちょっと意図した表示と実際の表示について説明してんか。

・・・。

>>820
「まるでddにPを挿入したような」って……もしかして行間が空くことを言ってるのか？
line-height : 170%;と指定してるんだから当然だしなあ。
だいたい、その意味のないfloatとclearの相殺指定はナニ？

IE6で固定幅のBOXをウィンドウサイズを変更しても常に真ん中に
表示させるにはどうすればいいのでしょうか？

>>824
センタリング（中央寄せ）はＦＡＱ（よくある質問）です。
解答は既出ですから、このスレッド全部から検索してごらん。

>>820
paddingも二重指定だし。
質問する前にCSSValidatorとか使ってみれば？

あ、classで分けてるからいいのか

質問です。
私のサイトではNetscape6.1以上対策として
固定シートにbody{position:relative;z-index:0;}と指定してあります。
これをしないとz-indexにマイナス値を指定した要素が表示されなくなるからです。

さて最近、overflowによる擬似フレームに挑戦してみようとして、優先シートに
body {overflow:hidden;}
#main {
position:absolute; top:0; left:0;
width:100%; height:100%;
overflow:auto;
}
#menu {
position:absolute;
bottom:0;
z-index: 100;
}
<body><div id="main">本文……</div><div id="menu">メニュー</div></body>
としました。Internet Explorer 6ではこれで意図通りの表示となります。
しかしNetscape 7では、ウィンドウが真っ白になり、全く何も表示されないのです。
試行錯誤の末、body{position:static}を追加指定すると、やっとN7でも成功。
しかしこれではbody内でz-indexを負値に指定した要素が表示されなくなります。
正直、このあたり理窟がよくわかってないのですが、
うまい対処法とご解説をいただけると助かります。

>>825
できました。ありがとうございます。

>>820
とりあえず「0」と指定するプロパティに単位は不要。
「なくてもよい」ではなく「あってはならない」。

padding:0px 0px 0px 0px;

ではなく

padding:0;

とすべし。
あと，そういうclass指定の仕方は初めて見たんだけど，

ｃｓｓの方では
dl‥‥classなし
dt‥‥classあり
dd‥‥classあり

ｈｔｍｌの方では
dl‥‥classあり
dt‥‥classなし
dd‥‥classなし

っていうのはどうも素直じゃない気がする。
ブラウザによって意図どおりにレンダリングされなくてあたりまえでは？
もうちょっとシンプルな構成にしたら？

＞「なくてもよい」ではなく「あってはならない」。
は、はじめて知った!!
他の数値はpxつけてるから、桁揃えを兼ねていつもつけてた…

>>830は間違ってます。

仕様書邦訳に「長さが'0'なら単位識別子は省略できる。」とある。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/syndata.html#value-def-length

あと、>>820もclassの振り方自体は別にヘンではない。
>>830は知ったかぶりの人ではないか？

ばれたか
知ったかスマソ

830に騙された｡･ﾟ･(ﾉД`)･ﾟ･｡

仕様書も読まない奴が嘘を教えるスレはここか？


まあ昔からだったな

嘘を書いた方が正しいレスが現れやすい罠。

こういうレイアウト（？）にしたいのですが、CSSで出来ますか？


左の文章　　　　　　　　　　　　　　　　右の文章（右寄せ）


分かりにくいんでソースで書くと↓こういうの。

<table width="300" border="0" cellspacing="0" cellpadding="0">
　<tr>
　　<td>左の文章</td>
　　<td align="right">右の文章（右寄せ）</td>
　</tr>
</table>

>>838
できるよ

四角形のボックスをつくったんですが
中の要素に文字をいれると四角形にはみ出してしまう分
デザインが崩れてしまいます。
overflowプロパティをしらべたのですが
はみ出たものを改行させる　という効果は得られませんでした。
はみ出たものを改行させたいのですが　どうすればいいですか？

>>838
テーブルを使わないで、ということかな？
<style type="text/css">
div.a{width:300px;}
p.left{float:left;}
p.right{text-align:right;}
</style>
<div class="a">
<p class="left">左の文章</p>
<p class="right">右の文章</p>
</div>

テーブルのままでいいなら
table{width:300px;}
td.right{text-align:right;}

・・・<td class="right">右の文章・・

※ただし、クラス名に「右」とか「左」は好ましくない。

>>841
おおおお！ありがとうございますー！！
そうですテーブル使わないでってことでした。
ずっと悩んでました。。。

> ※ただし、クラス名に「右」とか「左」は好ましくない。

はい、クラス名はちゃんと適したもの（たぶん）に変えます。
感謝感謝！ (´д｀*)

>>840
ボックスの中の文字は英数字？

統計資料を載せるサイトを作っています。
必然、tableをよく使うんですが、
どうしたら効率的なスタイルの指定が出来るか悩んでいます。
さまざまな大きさの表があるんです。
お手軽なのはセンタリングなんですが、IEでは

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

が効かないようなので困っています。
表の大きさによって適当にclassふって
適当なmarginを与えるしかないのでしょうか？

>>844
IE6（NN6)以上ならstrictで書いて標準モードにすればOK
IE5.5以下の場合はダメなので
漏れの場合
body{text-align:center;}/*互換モードのためのセンタリング*/
table{margin:auto;}/*標準モードのためのセンタリング*/
th,td{text-align:left;}/*左寄せしたい要素を書く*/
でごまかしてる

>>843
2バイト文字と英数字が混ざっています。

>>828の質問は放置なのですか。回答はいただけませんか。

bodyへのposition指定が凶なんだろう。
ただでさえinitial containing block関係でややこしいんだから。
z-indexにマイナスを使わない方向でやるのが早い。

>>848
すみません、initial containing blockってなんだかわかりませんが、
最初の>>828での指定は間違ってますか。
本来はbodyへposition指定してもちゃんとoverflowが効くべきなのであれば
これはバグってことになりますか。Bugzillaにでも報告した方がよいのかしらん。

テキストフォームだけスクロールバーを消したいのですが
できるかぎり多くの環境で使える方法ってありますか？
検索してみてもいい方法が見つからず。

こちらはウインドウズ98　IE6+ネスケ7で動作確認。

方法は、ありません。諦めませう。>>850

>>607
レスがないところを見ると、みんな、
頼りはW3C（orその訳）と経験とバグ掲載サイトとこのスレってかんじかな。

あ、>>651さんがこたえてますたね、すみません

同じページ内にa:linkを使って違う色のテキスト表示させる
ことってできるのでしょうか？
リンクはってるテキストの色を同一ページ内で複数色使う方法を
教えて下さい。

>>854
やり方は幾らでもある。
classやidを振るとか、子孫セレクタを活用するとか。
>>4のリンク先で学びませう。

サイト改装用CSSをメモ帳でコツコツと書いてます。
で、どうしてもうまく行かないことが…。
a:hover{text-decoration: none; background: #6699cc; color: #ffffff ;}
a:link{text-decoration: none; color: #6699cc ;}
という設定をしたのだけど、
どうもマウスをのっけると文字バック色の#6699ccだけが出てきちゃって、
#ffffffで書かれた文字が出てこないのです。
バックの色で文字が隠れるってアナタ、それバックじゃないよ。
誰か詳しい人教えて下さい…どこにも解決方法書いてないんだもん…。

KIRIRI ONLINE since 20020726
webmaster：kirinon
http://kirinon_s.tripod.co.jp/

とりあえず、
:link,:visited,:hover,activeの順で指定してみて。
それでも解決しないなら、わかんないな。

>>856
他のスレにも質問する度にアドレス貼ってるだろ。
ソース晒すか質問の仕方覚えろｶｽ。

「イケてるスタイルを作れ」のスレッドにも書いたけど、今更スレがほとんど
進行してないのに気づいた。のでマルチになってしまうけどごめん。

ユーザの開いてるブラウザの中央に文字を表示させるCSSって以前に誰かが
どこかで「無理」って言ってたっけか？
<table width="100%" height="100%">
　<tr>
　　<td align="center" style="font-size:100%;">まんなか</td>
　</tr>
</table>
こんな感じの表示のやつ。