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

CSSに関する質問はこちらへどうぞ。　※　議論はよそで　※
■■■■■　質問のしかた　■■■■■
・基礎は解説サイト（>>4・かなりわかりやすい）で勉強してください。
・質問の前に【FAQ】（>>5-7）を参照して、既出の再掲を避けて下さい。
・【FAQ】でもわからなかった場合、過去ログを検索すると載ってるかも。
　WinIEの場合は、[Ctrl+F]で検索できます。
・ブラウザによって対応していないプロパティーやバグがありますので、
　【解説など】（>>4）の対応表や「CSSバグリスト」に目を通しておきませう。
・土台のHTMLが間違ってるとCSS指定も意図通りに効きません。
　正当(valid)なHTMLを心がけて下さい。

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

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

過去スレや関連リンクは>>2-10
【過去ログ】【関聯スレ】>>2
【仕様書】【CSS検証】>>3
【解説など】>>4
【FAQ】>>5-7

http://fake_lint.tripod.co.jp/css.html
【FAQ】　http://fake_lint.tripod.co.jp/css.html#faq
【過去ログ】　http://fake_lint.tripod.co.jp/css.html#log
【関連リンク】　http://fake_lint.tripod.co.jp/css.html#related

【過去ログ】
　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/hp/kako/1025/10253/1025346520.html
　http://pc3.2ch.net/hp/kako/1028/10286/1028646616.html
　http://pc3.2ch.net/hp/kako/1031/10317/1031773943.html
　http://pc3.2ch.net/hp/kako/1034/10349/1034922586.html
　http://pc3.2ch.net/hp/kako/1038/10384/1038437758.html
　http://pc2.2ch.net/hp/kako/1041/10416/1041641395.html
　http://pc2.2ch.net/hp/kako/1045/10451/1045124732.html
　http://pc2.2ch.net/hp/kako/1047/10471/1047154499.html
　http://pc2.2ch.net/hp/kako/1048/10487/1048775997.html
　http://pc2.2ch.net/hp/kako/1050/10500/1050086156.html
　http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50
　http://pc2.2ch.net/test/read.cgi/hp/1055536413/l50
　http://pc2.2ch.net/test/read.cgi/hp/1057860130/l50
【前スレッド】
　http://pc2.2ch.net/test/read.cgi/hp/1060869440/

【関連スレッド】
・CSS/DHTMLバグ辞典スレッド 第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
・* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
　http://pc2.2ch.net/test/read.cgi/hp/1038678267/l50
・代替スタイルシートに萌え〜
　http://pc2.2ch.net/test/read.cgi/hp/991400015/l50
・独自拡張、草案段階のCSSについて語れ
　http://pc2.2ch.net/test/read.cgi/hp/1019912046/l50
・CSSでイケてるデザインサイト　15
　http://pc2.2ch.net/test/read.cgi/hp/1056190919/l50

【仕様書】
・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
　http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css1/rec-css1.html
・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/

【解説など】
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・Academic HTML::CSS2
　http://www.tg.rim.or.jp/~hexane/ach/
・『スタイルシートWebデザイン』ボランティアHTML化版。
　http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS対応状況表
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSS1テストスイート　http://www.doraneko.org/css1test/
・ブラウザのHTML4/CSS対応度テスト
　http://homepage1.nifty.com/emk/moz/browsertest.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
・ブラウザによる振り分け　（JavaScriptを使用しない方法）
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.co.jp/SiliconValley-SantaClara/1308/

【FAQ】
Q1: IEでは大丈夫なのに、Netscape6 以降で見ると横スクロールバーが出たりするが？
A1: Windows版 Internet Explorerのボックス・モデルが間違った実装だからです。
「width と height の計算方法の実装の違いについて」参照。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-width-height
width（height）は、要素の内容領域の幅（高さ）を指定するプロパティですが、
WinIE等では、ボーダー領域 + パディング領域 + 内容領域 の寸法で計算されます。
Netscape 6以降やMacintosh版 Internet Explorer 5 の計算が正しい。
WinIEもver.6 からは標準準拠モードにすると仕様通りに計算してくれます。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
参考「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html

Q2: text-align:center;を指定しても Netscape6(or7)ではtableなどブロック要素がセンタリングできません。IEでは中央寄せになるのに……
A2: IEの実装の誤りです。詳しくは下記（特に4.）をご覧ください。

1.'text-align'に関する考察
http://anslasax.net/css-make/t-a/index.html
2.IE5.5とNetscape6のCSS - 中央寄せ
http://tancro.stp-1.com/stylesheet/n6_center.html
3.Internet Explorer 6におけるCSSの拡張
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
4.ブロックレベル要素をセンタリングする方法
http://www.mozilla.gr.jp/standards/webtips0004.html

【FAQ】
Q3: CSSで擬似フレームってどうやるの？
A3: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://alt.s31.xrea.com/overflow.html
　http://alt.s31.xrea.com/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html

Q4: CSSで段組するには？
A4: 下記などを参照して下さい。
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://shiten.s9.xrea.com/etc/stylesheet/multi_column.htm
段組れいあうとてすと　(floatによる段組の例)
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと　（ネスケ４でも崩れない段組みの実例）
　http://village.infoweb.ne.jp/~fores/

【FAQ】
Q5: なんかフロートの表示が崩れるみたいなんですけど？
A5: floatさせる要素にはwidth指定が必須（img要素以外）。抜かすとMacIEやOperaでの表示は保証できません。WinIEは勝手に補ってくれるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
これに当て嵌まらなかったら「浮動要素の高さもheightに含めさせる方法」などを参考に。
　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
　　http://cssbug.tripod.co.jp/detail/winie/b079.html
　　　http://pc2.2ch.net/test/read.cgi/hp/991666454/683n

Q6:画面中央に配置するにはどうすれば？
A6:左右（水平方向）のセンタリングはA2に既出。垂直には色々な方法があります。
　「スタイルシート 縦中央(垂直中央)」参照のこと。
　http://www.parkcity.ne.jp/~chaichan/qanda/qa3558.htm

Q7:背景画像を二つ指定するにはどうするか。
A7:background-imageは一要素に一つだけ。要素を重ねるなど工夫しませう。

Q8．いままでＨＴＭＬでやってた××をCSSでやるにはどうすればいい？
A8．下記に書いてあります。テーブル・レイアウトは段組のFAQ（A4・>>6）をご覧あれ。
「いままでの HTML との対照」
　http://www.tg.rim.or.jp/~hexane/ach/fscs/fscsa1.htm
　http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcsa1.htm
　http://www.tg.rim.or.jp/~hexane/ach/tocs/tocsa1.htm

>>1
乙彼

>>1
お疲れ様。

>>1
もつかれ

前から思っていたんだけど、CSSでイケてるデザインサイトリンク集（2じゃないほう）が
関連スレには行っていないのはなんで？

>>1 http://fake_lint.tripod.co.jp/css.html はとっくにサイト移転なんだよ。
cf. http://web2ch.s31.xrea.com:8080/index.php?CSSFAQ
　　http://nira.s25.xrea.com/FAQCSS/ls_00.html

>>6
A3のリンク先を http://alt.s31.xrea.com/overflow.html から http://alt.s31.xrea.com/tips/overflow.html に変更。

>>7
A5のリンク先は http://cssbug.at.infoseek.co.jp/detail/winie/b079.html に移転。

（前スレッドの923で注意しておいたのを無駄にしないでくれよ。）

>>11
「関連スレ」でなく【解説など】だから――ってのは揚げ足取りだな。

リンク集２から元祖へのリンクは張ってあるが、元祖からリンク集２へのリンクは張ってないから。

>>3
・CSSでイケてるデザインサイト　15
↓
・CSSでイケてるデザインサイト　16
　http://pc2.2ch.net/test/read.cgi/hp/1061107594/l50

立ててやったのに煩いな

>>1はちと古いな。どこからコピー＆ペーストしたんだ？　

>>4
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.tripod.co.jp/index.html
移転→http://cssbug.at.infoseek.co.jp/index.html

>>1
糞スレたてんな

仕様書原文へのリンク（>>3）は、更新されたCSS2.1にしなくていいのかな？
http://www.w3.org/TR/2003/WD-CSS21-20030915/

結局、どの辺が変更点だったんですかね。

>>3
CSSでイケてるデザインサイト 17
http://pc2.2ch.net/test/read.cgi/hp/1064529812/l50

>19
まだCSS2.1はワーキングドラフトだよん
勧告はまだまだ先。

<DIV>
　<DIV style="position: absolute ">
　</DIV>
</DIV>

にした場合で、親要素も文字サイズの拡大縮小に連動させるにはどうすればいいでしょうか？

>>22
親要素で font-size 指定するってことではなくて？

>>23
ブラウザの側でフォントを拡大させてもそれに応じて大きくなるようにしたいんです。

ソファーに座って豪快に大股開き。
オナニーはもちろんタップリ時間をかけて愛撫されてます。
おいおい大丈夫か、というくらい奥まで指を入れられ気持ち良さそう！
挿入シーンでは色んなアングルから結合部分が楽しめますよ。
僕はセーラー服が大好きです。無料動画でヌキまくり！
http://www.pinkschool.com/

あ、あのきちんと詳しく書くと、今はこのように記述しているんですが、
文字サイズを思いっきり拡大すると折り返しが多くなって６2行を超えてしまった場合に親要素が拡大しないので、
次の要素と重なってしまうんです。

<DIV class="a">
　<DIV class="b">
　文章
　</DIV>
</DIV>

DIV.b{
height: 62em ;
overflow: hidden ; /* Netscapeバグ対策 */
overflow-x: hidden ;
overflow-y: auto ;
position: absolute ;
}
DIV.a {
position: static ;
height: 64em ;
}

CSS使ったページを試行錯誤しながら作っていく際、
いつのまにか使っていないクラスがたくさんできちゃったりしますよね。
これを整理するのがまたけっこう面倒だったりするんですよね。
使ってるのだけ示してくれるようなソフトとかありますか？？

>>27
板違い

>>26
heightを指定してるんだからそれが当然の反応では。
cf. http://cssbug.at.infoseek.co.jp/detail/winie/b052.html

>>26
子要素 position: relative で妥協してもらえば、
親要素 min-height: 64em; でどうにか？（Moz1.0.1）

他にもあるかな。

>>30
Netscape7.02で、
position: absolute ; にしている要素内にあるリンクが、ウィンドウより大きい位置にあるとリンクが機能しないという問題があるんです。

で、
overflow-x: hidden ;
overflow-y: auto ;
の指定だけだと、文字の折り返しが発生してもスクロールバーがあらわれて、次の要素が重ならないのですが、

Netscapeのバグを回避しようとして、
overflow: hidden ;
も追加で設定すると、NetscapeとOpera7では文字だけはみ出してしまってスクロールバーが出ないんです。

両者を両立させる回避方法がないものかといろいろさがしまわってはいるのですが。

>>31
overflow-x:だのoverflow-y:だのは、MSIEだけの独自拡張プロパティーであって、
それが他のブラウザで効かないのはバグでも何でもない、当然のことです。
overflow:hidden;にすればスクロールが提供されないのもこれまた当り前。
overflow:svroll;と間違ってないかい？　下記参照。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visufx.html#overflow

Mozilla/Netscapeでは、overflow-x:やoverflow-y:の代りに
-moz-scrollbars-vertical
-moz-scrollbars-horizontal
-moz-scrollbars-none
といった独自拡張がある。
http://deztec.jp/site/tips/page/p0032.html
もっとも、Operaには当然ながら効かないわけだから、無意味。

厨房且つ説明が難しく恐縮ですが
Mac OSX→クラシック（9起動でも）NN4.7で

<span class="A">あああああああ</span>のサイズが激しくバグるときがある
具体的にはスクロールすると下から現れる文字がどんどんでかくなる
またページによってサイズが1段回大きくなる箇所が有るときがある。
とするとそのページのコーディングに問題あるはずなんだが分からん。
正常なところと同じように作ってるのに。

"A"のフォントサイズは95%行間130％
（サイズを変更しても同一ページにて同一症状だった）
しかしclass="B"（フォントサイズ86％行間130％）に異常はなかった
そして太字設定<b class="Abold">ううううう</b> の場合のサイズはOK
bodyでの文字指定は特になし（css は外部指定で）

これがNN4XのCSSの不具合っていう奴？

>>34
報告ならこちらで。

CSS/DHTMLバグ辞典スレッド 第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

確認ならこちらで。
http://cssbug.at.infoseek.co.jp/detail/nn4x.html

>>32
おっしゃる通り、overflow-x,overflow-yはIE用の設定です。

Netscape7.02の場合、overflow: hidden の場合は問題ないのですが、
autoやscrollを設定すると、ウィンドウからはみ出した部分にあるリンクが機能しないんです。
はみ出した部分にあるリンクをクリックすると、要素の頭に移動するだけでリンク先には移動しません。

それで、
行数を固定しない方法はないだろうかと思ったのですが、そのままでは親要素には反映されないので、
次の要素に重なってしまうという問題があって......


＞http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visufx.html#overflow
リンク先は読みました。
自分の理解で間違っていないようです。

.a {
float : left;
}
.b {
text-align : right;
}
---------------------------------
<div id="top">
<p class="a">10字程度の文</p>
<p class="b">15字程度の文</p>
</div>

これは適切な書き方じゃないですか？
玄人な方々、ご指摘下さい。

>>37
・id名やclass名は簡易表現にしているだけだと思うけど、それはやめたほうが。
・divを何故使ってるか不明。

div#top {
background-color : #a09890;
border : 1px solid #000030;
}
.now {
float : left;
}
.counter {
text-align : right;
}
---------------------------------
<div id="top">
<p class="now">トップ＞メモ＞09/26</p>
<p class="counter">合計000159</p>
</div>

要は、
┏━━━┳━━┓
┃　　　　┃　　　　┃
┗━━━┻━━┛
ってしたいのです。

>>38
> ・divを何故使ってるか不明。
うるせーな、div使うのに意味なんかないわ。
とりあえずくくっておくためだろ？
どんどんdiv使おうぜ。こんな便利なもの無いわ。
ボールドだけのクラス。
文字に色をつけるだけのクラス。
背景色をつけるだけのクラス。
ボーダーだけのクラス。
スペーサーだけのクラス。
マージンだけのクラス。
インデントだけのクラス。
divと組み合わせればもう最強。
もちろんテーブルもどんどん使う。

>>40
馬鹿丸出しですな！ｗｗｗｗｗｗｗｗｗｗ

>>37 >>39
>>7

反面教師

>>40
喪前は仕様書すら読めないのか？馬鹿よ

>>40
中卒の書くことはおもしれーなーーーぷぷぷ

おいおい知恵遅れをいじめるなよ。

>>31で「ウィンドウ」て言ってるのが意味不明だったが、>>36でやっとわかったよ。
“ボックス”のことなんだね？

このバグとはまた別なのかな？

overflow:auto;を使用した要素内のページ内リンクが効かない(N6)
http://cssbug.at.infoseek.co.jp/detail/mozilla/b011.html

>>36
>Netscape7.02の場合、overflow: hidden の場合は問題ないのですが、
>autoやscrollを設定すると、ウィンドウからはみ出した部分にあるリンクが機能しないんです。

んなこたぁない。下記の例で、Netscape7.1では機能したぞ。

<div class="example">
<div style="overflow:auto; height:6em; border:2px solid blue;">
<p>１行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか？</a></p>
</div>
</div>

>>36
そもそもなんで>>26はposition:absolute;にする必要があるのかワカラン。

>>37
floatさせる要素にはwidth指定が必須だっての。

>>48
Netscapeの表示領域が縦500ピクセルあったとして、
子要素の縦の長さが500ピクセル以上あると、500ピクセルを超えた位置にあるリンクが機能しないんです。

>>37
このリンクは機能します。
Netscape自体のウィンドウサイズを縦800ピクセルくらいにして、以下を表示させた場合、
リンクは機能しません。

<div class="example">
<div style="overflow:auto; height:1200px; border:2px solid blue; padding: 1000px 0px 0px 0px;">
<p>１行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか？</a></p>
</div>
</div>

>>50
あなたは誰ですか。番号でいいから名乗って下さい。

>>51
すみません。>>26>>31>>36>>50です。

>>49
TABLEでレイアウトするかわりに３つDIVを横に並べています。

>>50の通りのソースをそのままコピーして試したが、ちゃんとリンクは機能した。
Win98SE・Netscape7.1にて確認。

ところで、ウィンドウの高さより高いブロックにして、それでoverflow:auto;なんて、
意味無くないか？

>>52　divを横に並べるだけなら、float:left;とmargin-leftを使った方がいいんでない？

>>53
じゃあ、7.02以前の問題みたいですね。特別に対応させなくても良さそう。
トップページのメニューをずらずらと並べるのに使いたいもので。

>>54
それだと左右が等間隔で３つ並ばずに、左詰めで３つ並んじゃいますよね。

>>55
バグなら整理して下記へ報告して下さい。
　CSS/DHTMLバグ辞典スレッド 第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

＞左詰めで３つ並んじゃいますよね。
いや、そこは二つ目以降のdivに指定するmargin-leftの値次第です。

>>55
> それだと左右が等間隔で３つ並ばずに、左詰めで３つ並んじゃいますよね。
パーセント使えばいけるやろ

>>44
これだけ不具合見ててまだわかんねーかよ。
そんなものの仕様書見てなんになるよ？
もっと楽に確実に表示する方法があるのに
わざわざcssでわけの解らん事やって藻前らマゾか？

>>52
> TABLEでレイアウトするかわりに３つDIVを横に並べています。
だからテーブルでやれっての。
崩れるぞ。

41 ：Name_Not_Found ：03/09/26 23:34 ID:???
>>40
馬鹿丸出しですな！ｗｗｗｗｗｗｗｗｗｗ

43 ：Name_Not_Found ：03/09/26 23:39 ID:???
反面教師

44 ：Name_Not_Found ：03/09/26 23:42 ID:???
>>40
喪前は仕様書すら読めないのか？馬鹿よ

45 ：Name_Not_Found ：03/09/26 23:45 ID:???
>>40
中卒の書くことはおもしれーなーーーぷぷぷ

<h1>のつぎに<h2>をとばして
<h3>とかがくるのはW3c的には良くないのでしょうか？

>>60
うん、だめ

つうかそれスタイルシートじゃないし

そういうわれるとスレ違いですね
でもこういうことを聞くスレってないっぽいですよね。
ついでにもういっこ教えてください！
リストで
<dl><dt><dd>

ってのがありますが、
これを更新履歴のリストに使ってもいいと思いますか？
日付をdtで囲んで
交信内容をddで囲みたいのです。

やはり、dlリストは辞書的な使い方(?)
にしか使っちゃだめなんでしょうか？
(英単語の日本語訳とか）

>>63
確かにないね。
かといってスレたてるほどの需要もないね。

Webサイト制作初心者用スレ vol.69
http://pc2.2ch.net/test/read.cgi/hp/1064222645/

こっち

>>63
こっちの方がよいよ。
http://pc2.2ch.net/test/read.cgi/hp/1064222645/

くれぐれもこことあっちと両方にマルチポストなんてしないでね。
スタイルの話はこっち。
タグとか・その他はあっち。

>>65
式はフォーシーズンズでね♪









というのをどこかでみた。

あっちで聞いてきます
スレ汚してスマンカッタ

あくまでw3c的な見解がほしいならストリクトスレでもいいんじゃね？

まぁW3Cに直接聞くわけでもないんだから大差ないだろ。

>60
「見出しレベルを飛ばすのは悪い慣習だと考える人もいる。」
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.5
この表現からも完全にダメとは言いがたい。しかし、しないに越したことはない。
フォントサイズなどが問題であれば、cssなどでいじるとよいのでは？

-----ここまでテンプレ------

メインページに、

<h1>あああ</h1>
<h2>かかか</h2>
<h3>さささ</h3>

とあって、
別ページに、

<h2>かかか</h2>
<h3>さささ</h3>

とゆーのは可笑しいのですか？

<h1>かかか</h1>
<h2>さささ</h2>

としなくてはいけないのですか？

>>73
lintとかだと「あんまりよろしくない」みたいに言われるけど
やりたきゃやれば

|･ω･`)<dl>タイプのリストで<dt>と<dd>の欄を改行させないようにするにはどうしたらいいんでしょう。display:inlineをつかうとこんどは<dt><dl>の後に<br>を入れなきゃならなくなっていまいちです。

>>75
無理ですが、横に並べることならできます

>>75
dt に float:left;clear:left; ってしとけば？

>>75
display:compact;

まあOpera7だけだがな。

>>75
これもFAQかねぇ。

<dl> の整形
http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/12b.html#d18n03

<div>を横に並べるのにfloatを使う場合って、widthはpx指定じゃ駄目なんですか？

Mac IEは意図どおりに表示されるのですが、Mac NNだとfloatが無視されちゃいます。
％指定するとうまくいくんですけど。

>widthはpx指定じゃ駄目なんですか？
駄目ではない。

>Mac NNだとfloatが無視されちゃいます。
NN4なのかNN7（Mozilla）なのか。特に後者なら、無視される筈がない。
ウィンドウ幅を広げてみたら横に並ぶのもよくあること。
特にWinIE等ではwidthにボーダー領域やパディング領域まで含めるが、Mozillaは含めないので注意。
マ、少し餘裕を持たせて設計するがいいヨ。

嗚呼width指定忘れてましたよ・・・
いつも忘れる・・

このサイトでお気に入りバーを一定まで引き伸ばしていると、
広告が改行されてしまいます。
http://hikky.s27.xrea.com/
ローカルで　white-space: nowrap を試してみても、
改行されてしまいます。
いったいどこがいけないのでしょうか？
ご指導お願いします。

もちっとソースを出してくれんと。
どこにnowrapを指定したって？

***Strict-HTML スレッド16　　http://pc2.2ch.net/test/read.cgi/hp/1064061327/

1 ：Name_Not_Found ：03/09/20 21:35 ID:UuwajIg7
Strict な HTML について語るスレッド ver.16
W3C 信者もそうじゃない人も投稿歓迎。 でもHTMLの基礎知識は欲しいね。
sage進行推奨。

* HTML 4.01 Strict, XHTML 1.0 Strict, XHTML Basic 1.0 (XHTML Basic),
* XHTML 1.1, XHTML 2.0, ISO/IEC 15445 (ISO-HTML), JIS X 4156 (JIS-HTML) など。

Strict-HTML スレッド15
http://pc2.2ch.net/test/read.cgi/hp/1059401790/l50

過去ログ・関連スレ >>2
勧告等・その他 >>3

2 ：Name_Not_Found ：03/09/20 21:35 ID:???
■過去ログ
HTML1.0 http://pc.2ch.net/hp/kako/992/992708594.html
HTML2.0 http://pc.2ch.net/hp/kako/1008/10083/1008380243.html
HTML3.0 http://pc.2ch.net/hp/kako/1013/10138/1013818251.html
HTML3.2 http://pc.2ch.net/hp/kako/1018/10187/1018719800.html
HTML4.0 http://pc3.2ch.net/hp/kako/1022/10227/1022751972.html
HTML4.01 http://pc3.2ch.net/hp/kako/1028/10289/1028963710.html
XHTML1.0 http://pc3.2ch.net/hp/kako/1033/10332/1033282702.html
XHTML1.0 SE http://pc3.2ch.net/hp/kako/1037/10375/1037577389.html
Strict-HTML スレッド ver.9 http://pc2.2ch.net/hp/kako/1039/10399/1039974316.html
Strict-HTML スレッド 10 http://pc2.2ch.net/hp/kako/1045/10454/1045493217.html
Strict-HTML スレッド11 http://pc2.2ch.net/hp/kako/1048/10485/1048570237.html
Strict-HTML スレッド12 http://pc2.2ch.net/hp/kako/1048/10488/1048867117.html
Strict-HTML スレッド13 http://pc2.2ch.net/hp/kako/1050/10505/1050581113.html
Strict-HTML スレッド14 http://pc2.2ch.net/test/read.cgi/hp/1055148679/
Strict-HTML スレッド15 http://pc2.2ch.net/test/read.cgi/hp/1059401790/

>>84
h1の下、

<div style="white-space: nowrap;">
<a href="http://ad.xrea.com/ad_click.fcg?site=hikky.s27.xrea.com">
<img src="http://ad.xrea.com/ad_img.fcg?site=hikky.s27.xrea.com" height="60" width="468" alt="広告" id="pr">
</a>
</div>

ローカルでこのようにしました。

外部CSSはこんな感じです。

IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#top {
FLOAT: left; MARGIN-RIGHT: 90px
}
#pr {
MARGIN-TOP: 45px
}

>>83
別に、改行されないが。どのブラウザでどうやって試したのか。

>>88
スタイル指定の意味わかってる？
img {border:0;} で済むものを、なんでそんなくどい指定してるの。
何かのソフトが吐いたソースなのかな。

ﾋﾞﾙﾀﾞｰっぽいソースだな

>>89
IE6でこのように改行されてしまいます。
http://v.isp.2ch.net/up/3395e9f3df9e.png
確認した方法は>>87に改編したhtmlが収まったフォルダから、
このhtmlをダブルクリックして、IE6で確認しました。

広告に絶対指定付けて右上に固定でもしとけ

>>91
それは同じインライン要素内ではないから「改行」とは呼ばないよ……。したがってwhite-space: nowrap;の対象外だ。

タイトルの右横に位置させたいなら、広告画像を括ったアンカーかその親divにスタイル指定しなきゃ。
float:left;と、その右横に来る要素へのmargin-left指定をうまく組み合せてごらん。
あと、floatさせる要素にはwidth指定が必須だ。これ以上はFAQに当ってくれ。

>>93
早速試してみます！
ご質問に答えてくださった皆さんありがとうございました。

↑なんで質問する前にFAQを見てくれないのかな……。

>>95
質問するやつはFAQ見ない・見てもﾜｶﾗﾅｲやつやつ 80%
FAQでは解決できない問題10%
電波10%

dlタイプのリストで
Apple りんご
　　　　あかい
　　　　甘い
Banana バナナ
　　　　　黄色
　　　　　甘い

みたいな感じにしたいのですが
どーしたらいいのでしょうか？

上の例で言う「あかい」や「甘い」
が左に寄ってしまうんです。

>>97

>>78-79

そしてdisplay :compactを実装してないブラウザをうらめ

>>97
そのリストは表であってはいけないのかを一度じっくり考えてみるのが良いかと。

例文みる限りでは、どう考えても dl にすべき内容だけどな

|･ω･`)レスどうも。

実際には、これは掲示板の送信フォームで、
<dt>には、名前、メールアドレス等
<dd>にはテキストボックス等が入ります。

>>101
で、>>79のリンク先読んで、やり方はわかったのかい？

>>97
うちはこれでやってる。改良案、ある？
dl {padding:0;}/*デフォルト値を消しておく*/
dt {
clear:both;
float:left;
min-width:4em;/* WinIE無効、widthで指定すべきか */
font-weight:600;
margin:0;
padding:0;
}
dd {
margin-left:4.5em;/* dtのwidth値＋α、で */
}

>>101
<dl>
<dt>名前
<dd>テキストボックス
<dd>テキストボックス
<dd>テキストボックス
<dt>メールアドレス
<dd>テキストボックス
<dd>テキストボックス
<dd>テキストボックス

無問題

は？　>>104

>>102
>>79のやり方だと左に寄ってしまいます。
>>103
W3C勧告に沿っていないと思うので別のやり方を探しています。

>>104
テキストボックスが名前のとなりにこないです。

>>106
>W3C勧告に沿っていないと思うので

どのへんが？　>>103のmin-widthが気になるならwidthにすれば済む話だし。

>>106
いや、>>103も「>>79のやり方」の筈なんだけど。なんか誤解してます？

floatさせたdivブロックの左マージンがIE6だと
指定した値の2倍になってしまいます。
operaだと期待した表示になってくれるんですが

|･ω･`)ｽﾏｿ

>>107-108
よくみずに、勘違いしてますた。

>>109
バグ報告のつもりなら、バグ辞典スレッドで既出ですよ。↓

フロートの左右マージンが指定値より大きくなる(5.x/6.0)
http://cssbug.at.infoseek.co.jp/detail/winie/b107.html

バグだったんですか・・・・・・・

CSSを使ってフレームのような機能を実現するにはどうすれば良いですか？
サイトメニューを常に表示した状態でサイト内を見て回れる様にしたいのですが、
一つ一つのＨＴＭＬファイルにメニューのソースを書かないといけないのでしょうか。

>>113
うん。
ｊｓで書き出したりしない限りはね

>>113　>一つ一つのＨＴＭＬファイルにメニューのソースを書かないといけないのでしょうか。
いけません。
まあscriptで自働埋め込みにしてもいいけど。
疑似フレームについてはFAQ（>>6・>>12）を見て下さい。

>>114,115
レスthx
コンテンツの多いサイトだとかなり困りますね・・。
擬似フレームだとユーザビリティ捨てる事になるみたいだし。
フレーム無いと不便だし。

この問題の解決法って他には無いんですか？
ＨＴＭＬに一々メニューのソース書くか、
対応ブラウザを限定してでも擬似フレームを使うか、
フレームを諦めるか
この３択だけなのでしょうか。

外部cssファイルを参照するみたいに
外部htmlファイルを参照する事って出来ないのかな。

SSI使うとか。

TextSSとか使って一括書き換えという手もある。

>>118
ちょっと検索して見たのですが、SSiってＰＨＰのような物ですかね？
現在ＰＨＰも勉強中なのでPHPでも出来るのならPHPを使いたいのですが。

include

ＳＳＩってひょっとしてデバッグするのに専用ソフト入れる必要ありますか？
apacheとか。
うまく反映されないんだけど記述ミスかな・・・

>>121
HTMLをブラウザで表示した際にエラーが出るのなら記述ミス
あとは、Apacheの設定はどうよ？
SSI許可にしてあるか？SSIを用いる際のファイル拡張子は？

SSIのお話やサーバの設定のお話はスレ違い、板違いなので
それぞれの板で聞いたほうがいいと思われ

>>122
今使ってるＰＣにApache入れてないんです・・・_no
拡張子shtmlにするとメモ帳で開かれるし。
とりあえずapacheｲﾝｽｺしてみます。

>>123
失礼しました。
そうします。

>121
というか、何処でテストしてる？
普通にHTMLをブラウザで開くだけじゃSSIは使えんよ。
ローカルでテストするならサーバを、レンタル鯖とかプロバスペースだったらSSIを許可してるかどうか確かめれ。

ホップ＝HOP＝Health Oriented Programming＝健康指向プログラミング

ｺﾞﾊﾞｰｸしました。

だから、includeだって。
ほんとにphp勉強してるのかい？

フォームボタンのサイズや背景色、その他もろもろ
を変更したくてググってみたんですが

サイズ変更だけ見付かりませんでした。
識者の皆様、ご教示頂けませんか？

>>130
width

>>130
font-size:

px
%
smaller
larger
xx-small
x-small
small
medium
large
x-large
xx-large

しまった、これは違うな。スマソ

>>129
<!--include file="***.txt"-->
ですよね？

PHPは簡単な掲示板を自作出来た程度で、
まだ始めたばかりの初心者です。

>>134
<!--#include file="***.txt"-->
でした。

>>134
PHPはスレ違いです。
このスレでいえることは「CSSではできない。」ということだけ。
ほかの事はよそでやってください。

>>136
分かってますがレスをされたもので・・・以降この話題はやめますね。

ﾚｽくれた皆さん出来ました〜(･∀･)
どうもありがとうございましたm(_ _)m

ｺｺ･･･(;´Д｀)ﾊｧﾊｧ
http://navi-on.jp/0.php?p=19

>>113
.htaccessでheader若しくはfooterで指定する手もある。

疑似フレームを使っているんですが、
スクロールバーを出さないようにするにはどうすればいいですか？

>>97と逆のパターンで

画像1画像1　　名前
画像1画像1　　メール
画像1画像1　　URL
画像1画像1

画像2画像2　　名前
画像2画像2　　メール
画像2画像2　　URL
画像2画像2

みたいにしたいんですが

opera7だと、

画像1画像1　　名前
画像1画像1　　メール
画像1画像1　　URL
画像1画像1　　名前
　　　　　　　　　　メール
画像2画像2　　URL
画像2画像2　　
画像2画像2　　
画像2画像2

みたいになってしまいます。
どなたか、解決策を教えてください。

>>142
ふと思ったんだけど画像１の最後に</dl>を置いてその次からまた<dl>を置けばいいんじゃない？

tableの中の文字の位置の指定の仕方は分かるのですが、
ページのなかのテーブル自体の位置の指定はどうやって、
CSSで書き込めばいいのでしょうか？
具体的にはセンターに持って来たいのですが、
教えてください。お願いします。

それと、全部のページで決まった部分に同じロゴを置きたいのですが、
そういうのはCSSで設定できるのでしょうか？

>>144
ＦＡＱのＡ５を見ようね。>>5だよ。

すいません。言い方が悪かったかもしれません。
<table align="center">を
外部CSSで一括で指定したいのですが、
どういう風に記述すればいいのか分からないのです。
教えてください。お願いします。

>>146
ＦＡＱのＡ２の４を見てもわからない？ >>5にある。

>>146
>>5に挙げられているサイトに書いてあるかと。

>147-148
えっと、
table {
margin-left:auto;
margin-right:auto;
text-align:justify;
}
とやっても反映されなくて、質問してみたんですが･･･
何かもっと必要な物とかがあるんですか？

http://www.scottandrew.com/
http://www.hssh.jp/~hssh/
http://www.1point.jp/~book_2ch/index.html
http://thefool.fc2web.com/
http://www.aquaplace.com/
http://red.ciao.jp/fantasy/
http://starry.night.nu/
http://www.macintoybox.com/
http://www.d1.dion.ne.jp/~hirosi_s/index.html
http://www.annie.ne.jp/~sheepers/komain.html
http://3110.sunnyday.jp/
http://cheser25.hp.infoseek.co.jp/
http://phoenity.com/
http://www.users.yun.co.jp/~souichi/
http://radicli.net/rr/
http://d-o-b.ciao.jp/^o^/
http://www.windfarm.co.jp/
http://www.deadbydesign.com/
http://www006.upp.so-net.ne.jp/Initialz/index.html
http://chankaz.cside4.jp/
http://raku-gaki.com/
http://akiko.kuhndesign.com/
http://apc.dip.jp/takaya/index.htm
http://www1.odn.ne.jp/~cce60200/
http://www2.ocn.ne.jp/~u.kenji/
http://www.muffy.jp/
http://www.ritsumei.ac.jp/kic/~tyv07679/index-j.html
http://www.interq.or.jp/orange/nori/
http://www.kapowaz.net/?showarticle=13032003
http://tr.vis.ne.jp/
http://www.clagnut.com/

>>149
width

インラインスタイルで
margin-left:auto;
margin-right:auto;
width:***;
を指定するとセンタリングされるのに外部スタイルで指定するとされないのはIEのバグ？

>>149
読めばわかるっつってんのに、
無駄な質問重ねてレス消費すんなハゲ。

tableをセンタリングしたいのですが・・・
http://members.jcom.home.ne.jp/jintrick/Personal/css_miss_table.html

>>152
外部へのリンク、間違ってんでないの？　

>>155
>>154

最初にページを開いたときは正常に動くのですが、
IEの戻る・進むボタンでそのページに移ると、
ページ全体のmarginが上手く反映されません。

別のmargin 0のCSSファイルを参照しているページから
戻る・進むで来た時におかしくなるようなのですが・・・
これは何か設定ミスをしていると言う事なのでしょうか？
それともIEのバグ？

ページ全体のmargin、って何を指してんの
って言うか、ソース

IE6未満の話だったら、その指定では駄目。
text-align を使わねばならんバグがある。
リンク先よめよ。

a {
color : #e70008;
text-decoration : none;
}
a:link {
color : #e70008;
}
a:visited {
color : #e70008;
}
a:hover {
color : #ff7777;
text-decoration : underline;
}
a:active {
color : #ff7777;
text-decoration : underline;
}

コレを省略して各方法はありますか？
（hoverとactiveをまとめるとか）

コレを省略して、まとめる方法はありますか？
（hoverとactiveをまとめるとか）

>>160-161
基本的なんで>>4まで

>>160
a:link,a:visited

のようにまとめる。

em {　font-style: normal;
　　　　font-weight: bold;　}

強調{　フォントの形:普通;
　　　　フォントの太さ:太い;}

質問です。
float で、表を二つ横に並べようと書いたソースが下記です。
http://v.isp.2ch.net/up/79656dc3f936.html

ブラウザは
Win 版 MSIE 5〜6 , NN 7
Mac 版 MSIE 5.0〜5.1 , NN 7

で確認しているのですが、Win 版 MSIE 5〜6 のとき、
右側の表の左にスキマができます。なぜなんでしょうか。

よろしくお願いします。

そんなことより、Opera7.20で凄いことになってる。

>>166
ほんまやな。
もうちっとずれてたら逆に気付かないかもな。

>>166
>>165 で書いた以外のブラウザでは、スタイルを別ファイルに
書いて、読み込まない方向で対応しようと思います。

それでOperaをどうやって避けるんだ？

>>169
ブラウザを判別するスクリプトを書いて、
ターゲットとするブラウザとそうでない場合を振り分けて、
上記が真の場合のみ、<link>を書き出して、スタイルを記述した
ファイルを読み込みます。

>>170
div#shift{ width: 163px; float: left;}とか

>>171
おおお。
ちょっと、本番のファイルに組み込んで試してみます。
ありがとう。

div#shift {margin-left:125px;}とか

>>165-166
＃左列にだけfloat:leftを指定すると、右列（になるべき）要素が重なるのが本当。
ただし、要素は重なるが右列要素中の文字列だけは回り込むはず。
この点、文字列まで重なるOperaは失格。バグですね。
http://pc2.2ch.net/test/read.cgi/hp/1050844510/478

>>174
>この点、文字列まで重なるOperaは失格。バグですね。

情報ありがとう。

文字列を括る枠を作りたいのですが、どうすればいいのでしょうか？
css始めたばかりで、よく分からなくて困ってます。
よろしくお願いします。

border

>>177
ｽﾏｿ、できました。(;´д`)
もっと勉強します。

・・・といいつつまた質問で申し訳ないんですけど、
このborderで作られた枠と文字列の間にスペースをとるにはどうすればいいのでしょうか？
marginではborderの外側にマージンが出来てしまって・・・・

padding、って言うかお前は死ね

>>178
この図見ればわかる？
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3

という本当に勉強しなさい

>>179-180
本当にありがとうございます。
勉強してきます・・・。

最近cssの事がある程度分かってきて、divの便利さに気付いたんですが、
divを沢山使うとdiv厨って呼ばれるのはなぜなのでしょうか？
divを多く使用することによって何か弊害があるのでしょうか？

>>182
div厨でググれ。いろんな人が書いてるぞ。

>>182
それはＣＳＳってよりHTMLの問題ですな。

Strict-HTML スレッド16
http://pc2.2ch.net/test/read.cgi/hp/1064061327/l50

>>182
初心者スレからコピペ

--

右寄せにしたいから<div align="right">と書くわけじゃない。
div.right { text-align : right; } <div class="right"> も同様。

文書にマークアップをして、
<div>でブロックにされた個所があって、そこの見た目を右寄せ
にする場合に、
div { text-align: right; } とするわけ。

そして、すべての<div>が右寄せになっては困る場合は、
<div id="hoge"> div#hoge { text-align: right; }

というように id でそのブロックを識別することになる。
いくつか同様に右寄せにしたい（つまり同じスタイル）ブロックがあるなら、
それらのブロックにクラスを設定（クラスに所属）し、
<div class="fuga"> div.fuga { text-align: right; }

として、識別するようになるのです。
プチ講座でした。

>>185
text-align: right; はテキストの右揃であって、ブロックの右寄せではないぞ。
困るなぁ、初心者に嘘を教授しては。

でじゃぶった

>186
ブロックを右寄せするとは書いてないぞ。
（内容を）右寄せしたいブロック、とはあるが。

id、classの使い分けも微妙…

構造に関して偉そうに講釈たれる割には、
CSSのためにHTML書くようなこと言うのな

どうせ貝あたりの解答なんだろ、ホットケーキ

border-styleの、dotted と dashed って見た目違います？？
どー見ても同じにしか見えないのだが…

1pxとかじゃなくて、10pxとか50pxに一度してみたらはっきり分かるぞ。

operaとかNetscapeで見てみるとか。
ちなみにMac IE5だとdotted 1pxは綺麗な点線に見える。

先生。IE6.0とかで
Html4.01とかHtmlのDTD系で
:first-letter{　だと何書いても処理してくれないのは既出ですか。

XhtmlとDTD無しは処理してくれるのに。
更にh1:first-letter {←半角空白入り　だと処理してくれるのは既出ですか。

fontタグって好まれて無いんですか？
cssで代用するべきなのでしょうか？

>>196
好みとかではなくてね、「見栄えと構造は分離すべき」というのがhtmlとcssとの関係でして。

フォン・ド・ボーって好まれて無いんですか？
ボンカレーで代用するべきなのでしょうか？

>>198
好みとかではなくてね、「カレーとごはんは分離すべき」というのがルーとライスとの関係でして。

>>198
フォン・ド・ボーってのはね、「野菜と子牛のスープ」って意味で
ボンカレーと比較する関係ではないわけで。

ああ、ちきしょ。
下らんボケでかぶってしまった。

>>199
分離すべきなのかよ！

>>202
ぐちゃぐちゃ混ぜて食べるのは子供、ってのが定説でして。

>>201
>>200の方がね、面白いわけでして。

ところでオマイら本は買ったのか（w

カレーの本だろ、ちゃんと買ったよ
本場インドカレーが作れるようになった時は感動したね

>>205
本てなんの本や？

>195
CSSバグリスト＠CSSバグ辞典スレッド
「擬似要素名称の直後に空白類文字を置かないと擬似要素が認識されない」
ttp://cssbug.at.infoseek.co.jp/detail/winie/b055.html
でも確かに互換モードだと反映されるみたいね
上記ページ一番下の記述と違ってるな

できればこちらへ報告を
CSS/DHTMLバグ辞典スレッド 第３版
ttp://pc2.2ch.net/test/read.cgi/hp/1050844510/

>>206
漏れも買ったよ

TD{ border : 1px;border-style : solid;border-color : #000000;}
<TABLE border="0" cellspacing="0">
と指定した場合、
セルが重なる部分の線が太くなってしまうのですが細くできませんか？

>>210
マルチポスト。
http://pc2.2ch.net/test/read.cgi/hp/1065065123/35

W3Cで漏れのCSSをチェックしてもらったら一発で満点だった。
うれすぃ。
あのバナー貼りたくなってきちゃった

CSSは簡単だからな。

CSS1・CSS2などの審査はないからな

各ブラウザのデフォスタイルシートってどこで入手できます？

各ブラウザのデフォスタイルシートってどこで入手できます？

>>210
border-collapseをつかうとよい。

table { border-collapse: collapse; border: 1px #000000 solid }

<li>にfloat:leftを指定して画像を横に並べるようにしたのですが、
IE6で表示させるとネスケ7で表示したときに比べ2pxほど上にズレてしまいます。
両方のブラウザで同様に表示させるにはどうすれば良いのでしょうか。

ul.contents-menu {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
}

ul.contents-menu li {float: left;}

<ul class="contents-menu">
<li><img src="***" width="***" height="***" alt="***" /></li>
<li><img src="***" width="***" height="***"alt="***" /></li>
...
</ul>

>>218
この要素より、前後の要素の margin padding を確認
あと、line-heightも確認

>>218
floatさせる要素にはwidthが必須だってば。この場合はli要素ね。
img要素だったら内在幅が決ってるから、width指定は無しでいいんだが。

ふと思ったんですが、
<dl>
<dt>サイトＡ</dt>
<dd>説明</dd>
<dt>サイトＢ</dt>
<dd>説明</dd>
</dl>

ってのを見かけるけど、これは正しいのですか？

全然問題なし

>>221
<dl> = 定義リスト

「定義」の意味解る？

>>221
どうでもいいけど、その質問は
http://pc2.2ch.net/test/read.cgi/hp/1065065123/l50
で聞くべきでは？

max-width のような一部のブラウザが未対応のCSSを使用しても、
何か支障は無いでしょうか？
最大化しないで観る人や低解像度の人の為に幅固定はやめたいので……。

てかIE対応してくれ……。デフォルトの幅100%だと
余計なスペースが無様でしょうがありません。

>>225
仕様では対応していないプロパティが指定された場合は無視する事になってます。

誰かご存知ありませぬか

>>227
MozillaやNNはインストールディレクトリ内のresフォルダにあるhtml.cssがデフォルトスタイルシート。










らしい。

>>215-216
それは>>4のリンク中にあります。
http://is.vis.ne.jp/lab/ua_default_css/index.xhtml
何度も訊く前に、ちゃんと検索したのかね？

>>228
html.css書き換えても反応ないんですが。なんでですかね。

>>229
それは一覧とは言わない
>>230
userChrome.css でやるんだよ（w

>>230
ｽﾏﾝ、userContent.cssだ
.../Mozilla/Profiles/default/ランダム.slt/chrome/
に userContent.css を作成してその中に任意のコードを書いて
再起動

ツールチップが出るようにするプロパティとかはないんですかね。

>>232
thx
僕が使ってるのはnn7なのでuserContent.cssなかったです。

>>233
titleとか?

>>233
「あれこれポップアップ」
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html
http://www.remus.dti.ne.jp/~a-satomi/nikki/2003/10a.html#d02n01

>>231
一覧が見たいとも言ってない。少なくとも>>215-216は。

>>230
そもそもブラウザのデフォルト・スタイルシートとユーザー・スタイルシートとを区別してないのか？

>>238
>>230の言葉の意味が理解出来てない、ってことか？お前は

>>235
タイトルなんですが、IEではacronym要素だとでるけど、abbr要素ではでない、とかありますよね？
そこで、
abbr{display : tooltip;}とかそんな感じのものないかなあ、と思いまして。

>240
つーかIEは6の時点でもabbr要素に対応してない。
IEの事を考えるならabbrは使わずacronymを使うしかない。

でもabbrはとacronym、微妙に意味が違うんだよなあ。
WinIEは、細かい事はどうでもいいから力技でも何でも
表示が実現できさえすればいいって実装が多いよね。セレクタとか、MIME関連とか。

>>242
そこから糞サイトが(以下略)

CSS書くときのこだわりってありますか？
例えば、
記述の順番は
color / background / padding / margin / border の順番じゃないと許せないとか

いや別に。

おれはdisplayが一番最初ならいい派。
あとmargin:★ ■ ▲; じゃなくて、margin:★ ■ ▲ ■; ってかく派。

>>229
答えになってない回答は手に負えないな

>>244
別ないけど、カスケーディングを考えて書くことかな

>>229
shine

>>212
漏れもあれ張りたいよ、HTMLも満点なんだよ
でもHTMLの方はジオガイドが出てくると満点じゃなくてｼｮﾎﾞｰﾝ

あのだっさいバナーを貼りたいと思うセンスが理解できない。

>>230
なんでユーザー・スタイルシートでやらずに
デフォルト・スタイルシートを書換しようなんてするのさ？

>>244
ﾔﾊﾟｰﾘネスケ４のことを考えて書くことかな。
あとHTMLにclassを指定するのを減らしていることかな

>>253
（　´,_ゝ｀）ﾌﾟｯ

>>253
何故にクラスを減らすの？？？

ネスケ４は無視とゆう事で。

>>252
それがUAの見栄えを本当に指定しているファイルなのか知りたかったから試しただけだけど。

>>244
アルファベット順に。
background / border / color / margin / padding

>>244

display / margin / padding / color / background / font / border / text-** /

こんな順序で書いてます。
（何らかの規則に従っているというわけではないのですが。）

>>244
外側から。
display/position/float/margin/border/padding/color/background/text/font

卵がさきか？鶏がさきか？ってことで。。。。。

>>260
ttp://www.rju666.com/schizo/c_13.html

>>244
やっぱり対になるものをまとめて書くくらいかな
color & background / margin & padding & border / ....
displayは一番最初かな

シツモンです。

｜-------------ブラウザの幅--------------|
┏━━━━━━━━━━━━┳━━━━━━┓
┃　　　　　　可変長　　　　　 　　┃ 固定長　　 ┃
┗━━━━━━━━━━━━┻━━━━━━┛

このような二つのdivをdisplay: inline にして左右に並べたいんですが、綺麗に並んでくれません。
完成形として、ブラウザの幅を変えれば固定長divは一定の幅を保ちながら右寄せになって、可変長＋固定長の幅はつねにブラウザ幅になればokです。
tableを使えば一発なんですが、会社側からtableを使うなといわれてるんで使えないんです。

どなたか解決できる方法を知っていれば教えてください。お願いします。

strictスレでも同様のシツモンをして、回答は「float」処理すればいいとのことだったんですが、float処理でも問題は解決しませんでした。

>>263
>float処理でも問題は解決しませんでした。

どんな処理を実行してどんな失敗に終ったのか。
それを書いてくれないと、対処策が出せません。

>>263
真の教えて君への道はまだまだ遠い。

ＦＡＱの>>6-7を見て、それでもわからん？　>>263
ヒントはfloat:right;とmargin-rightだ。

ｽﾚ違いな質問かもしれないんですが、
CSSを多少勉強と言うか、少しは使えるようにしたいんですが、
ここの住人の方はCSSを始めるにあたってどう進めていったのでしょうか？
CSSの説明をしているサイトなんて多くありますが、本とか買った方がいいのかな、と思っています。
勉強方法なんて人それぞれだと思いますが、よろしければ教えて頂けないでしょうか。

>>267
参考サイト（>>4）で学んだ。下手な本より良い。

267によく似た質問なんですけど

http://x51.org/
http://keepsurfing.net/

とか複雑になってくると>>4だけでは理解できないような
CSSの使い方があったりするんですが
>>4だけでもここまでのことができるでしょうか？

そんな時こそこのスレを活用しよう！！

>>4以前に、まず>>3の【仕様書】だな。
全部理解できなくても、必ず一通りは目を通す。
邦訳もちゃんと用意されているのだし。
で、解説サイトを見る。
仕様書と微妙にニュアンスの違うところにぶち当たる。
で、また仕様書を見る。
これの繰り返し。

他人のサイトをぱくる！
自分なりにアレンジする！
これが一番覚える！

数学とかもそうだったろ？
最初は公式の意味など理解していなくても、例題に沿って解答したり。

ギターとかもそうだろ？
最初は誰でもコピーするさ。

※HTML学習上の注意点
下手に他人の書いたサイトのソースを見ない、真似しない。
http://members.jcom.home.ne.jp/pctips/www/Advice.html

http://www.yoshibo.com/cgi-bin/michikusa/ranklink/zone/ranklink.cgi?ssd=74KbN2pm&id=runtime
↑この先にあるCSSって大丈夫？

ranklink.cgi

>>269
どんな複雑高度なスタイルも、基本の組合せだから仕樣書に還元できる。
それができなければ>>272みたいに他人のソースを真似ても理解できぬままの猿真似で害がある。
他人のソースを真似ること自体は悪くないし、それを仕樣書に沿って理解すればタメにもなる。

このサイトの左側メニューにある、
マウスを乗せると文字でない部分も色が変化するのってどんなcssでやるん？
ttp://www9.ocn.ne.jp/~aki2nd/css/index.html#list

>>277
http://pc2.2ch.net/test/read.cgi/hp/1065065123/223n
223 ：Name_Not_Found ：03/10/05 16:08 ID:???
>>221
ソース読んでＤＨＴＭＬを勉強しようね。
http://pc2.2ch.net/test/read.cgi/hp/1065065123/239n
239 ：Name_Not_Found ：03/10/05 19:36 ID:???
>>221
DynamicHTMLという仕掛け。
このWebサイトで使われているのは、マウスカーソルがHTMLの要素の上にくるとJavaScriptの関数が呼ばれる。
その関数が要素の背景色や前景色(文字の色)を書き換えている。

……しかしこのJavaScript、わざと読みづらくしてあるんだな。愚かだ。

>>278
thx!
DHTMLやろうね。ってレスしかもらえなかったのかと・・・
んだよ。いいレスついてたのか・・・

ちったあ、自分でソース解読して勉強しなよ……　>>279

>>267,269
本買った方が良いよ

ウェブ制作に関する情報は、本よりウェブの方が詳しいし、最新だと思ふ。
まあ本もウェブも、仕樣書すら確かめない間違った入門書が多いんだけど。

>>280
しかし例のWebサイトのJavaScriptは彼(彼女)には読めないだろうしね。
まぁしょうがない。

onmouseoverと同じことをcssでもできるけど、
だれもやらないのはなにか不都合があるの？

うん。わからんかった。でも、ジャバスクってことはわかった。
Opera7.2でジャバスク切ったら表示されてなかったもん

>>285
JavaScriptだとわかって、なぜＣＳＳスレッドで質問する？
教へて君も大概にしませう。

>>286
言われて気づく愚か者です。スマソ。

>>284
ＩＥなど、:hover疑似クラスがa要素以外では効かないブラウザが多数だから、かな。
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/selector.html#pseudo-classes

>>288
仕様書を読んだ上で聞きたいんだが、
abbr:hoverとかも仕様の上では正しいのかな？
以前、このスレで「a要素以外に指定するな」となじられたことがあるんだが。

>>289
仕様書讀んだなら、わかると思ふけど。
「a要素以外に指定するな」とは、Internet Explorerの實裝に配慮せよといふに過ぎないかと。
無視されるブラウザもあると承知で指定するなら、問題ありますまい。

>>290
なるほど。やはりそういう意味か。
いや、誤読しているのかと不安だったので。
なじられたタイミングでは聞ける状態でなかったしね。

htmlでは同じclass名を何個も使うのは駄目
xhtmlでは同じid名を何個も使うと駄目

何故？？

class名はいくつ使ってもいいような・・・。

idが複数つけるのはダメなのは解ると思うけど。

同じclass名はいくつ使ってもいい
同じid名は文書中に複数出てきてはいけない
HTMLもXHTMLも関係ない

>>292
> htmlでは同じclass名を何個も使うのは駄目
> xhtmlでは同じid名を何個も使うと駄目
ソースきぼんぬ

>>296
考え方が逆だよ。
id は html のエレメントの識別子。
class は いくつかのエレメントを分類するときの識別子。

>>297
なんで俺に言うの？

ﾜﾗﾀ

>>298
まちがえたごめん。

formなどで使われるnameもidと同じ名前空間を使うから
重複ダメｄなんだよね？

>>301
なんで俺に言うの？

>>301
name 属性は将来的は廃止、id name を同一名で定義する
勿論、重複はダメだ

>>302
ﾂﾏﾝﾈ

a {
display: block;
height: ??; width: ??;
}

a:hover {
background: #xxx;
}

これでIEでもCSSだけで出来るよ。

>305
そういうことじゃないでしょうよ

CSS Validatorで、media="handheld"指定しているCSSが

margin doesn't exist for media h
padding doesn't exist for media h

こんなエラーが出て、marginやpaddingの指定がinvalidに
なってしまうんですけど、これって仕様上正しいのでしょうか。

CSS モバイルプロファイル 1.0の仕様書を見る限りは
問題ないと思うんですけど、理解が足りないのでしょうか。

http://www.w3.org/TR/css-mobile

>>307
CSS Validatorは挙動があやしいのであんまりあてにしないほうがいい。
handheldでmarginやpadding使っても問題ない。

>>308
ソースを見ないことには何とも言えないけど

<BODY text="#8CC9FF" link="#8CC9FF" vlink="#8CC9FF" alink="#8CC9FF">
というようなタグをCSSで一括指定したいのですが、
どうすれば良いでしょうか？
どなたかお願い致します。

>>310
テキストの色に関しては、
body の color を、

リンク各種状態の色に関しては、
a の:link などの擬似要素で、color を

それぞれ設定すればよいです。
がんがれ。

1px以下のborderを引く方法があったら教えてください。
いろいろ頑張ったんですが･･･。どなたかよろしくお願いします。

a{link-color:#FFFFFF;
vlink-color:#FFFFFF;
alink-coror:#FFFFFF;}

body{text-color:#ffffff;}
こんな感じでしょうか？全くならないのですが…

>>313
「CSS リンク色」などでぐぐると簡単に解説してるページが沢山あるよ。
根本的に理解してないので、まずはそういうサイトから
コピペして試すと体感できていいかもしれない。

>>312
1px未満？引けたとしてもパソコンで描画できない

>314
わかりました！
どうも有り難うございました。頑張ります。

がんがれ
BODY { color: #ffffff; }
A:link { color: #ffffff; }
A:visited { color: #ffffff; }
A:active { color: #ffffff; }

＞315
どうもです。
説明が少なすぎました。すみません。細くしたいのは印刷時の太さです。
例えば印刷すると、リンクの下線なんかは1pxのborderよりも
細く印刷されているので、何か方法があるのかなと。
画像でも1pxが限界っぽいので、半ば諦めてはいるんですが･･･
ハードの変更無しに、細い線を印刷する方法があれば良いなぁと。
やっぱり無理でしょうか？

>>308
ありがとうございました。
気にしない方向で進めたいと思います。

ただ、この状態でValid CSSのバナーをつけているのは問題ですよね…。

>>318
色を薄くすると細く見えるんじゃない？
あと、IEだと 1px groove (色なし) だと少し細く見えた。
さらに、Mozillaの 1px solid はIEのそれよりずいぶん細い。
WinXPとキャノンPIXUS850で。

>>318
そのための @media print だと思うが、ブラウザの実装状況を
確認したことがない。人柱きぼんぬ。

media print にpxじゃなくてcm使えば？
mmって使えたっけ？

使える。

一番細いのはptか
1pt ~= 0.35mm
いやまあ .35mm と指定しても同じことだけど
あとはプリンタの解像度次第

0.1mmは無理なの？

みなさんどうもありがとう。
mmは、表示は0.1mmm、印刷は0.25mmまで設定可能でしたが、
私のプリンタでは、1pxと同じ太さのラインしか出力できませんでした(^^;
これってプリンタドライバ次第って事なのかなぁ？って感じです。

ていうか、そっかぁ、@media print。
ただ出力属性を分けるものだと認識していたので設定したことありませんでした。
今からテストしてみまつ。

@media printで0.1mm設定･･･撃沈。

そこまやったら、あとはプリンタの解像度の問題だと思うよ
モニタより解像度低かったら印刷した時にモニタより線が細くなるわけがない

li のマージンについて質問です。

<ul>
<li><img src ="hoge"></li>
<li><img src ="hoge"></li>
<li><img src ="hoge"></li>
</ul>

ul { margin: 0px; }
li { margin: 0px; }

上記のようにしたときに、IE5.0で、画像の間のマージンが0にならないのですが、
何か良い方法は無いでしょうか。

素直にテーブル使う

>>329
paddingも指定しては？

画像のマージンを設定するとかな

いまどきのプリンタで96or72dpi以下はないだろ

>>329
これ系の問題ってtext-hightでなんとかなったはず

いろいろありがたいです。

ul { margin: 0px; }
li { margin: 0px;
padding: 0px;
line-height: 1%;
font-size: 1px;
list-style-type: none;
}
li a,li img{
margin: 0px;
padding: 0px;
}

でも駄目ですた...

>>334
line-heightの間違い？

>>335
line-height:0%でも駄目？

ブロック要素をインライン要素のように振る舞いを変えるには
どうしたらよいでしょうか？
一応IE5,IE6で表現できれば問題ないのですが

>>335
今のところ駄目です。
ただ、ネストしている奴らは正常（期待通り）に表示されるので、
もう少しごにょごにょしてみます。
よろしこ。

>>338
display: inline;

>>329>>335
まだいるか？
ソースの改行消してみ。
IEは6でもソースに改行があると意味不明なmargin(padding?)が空くことがある。
<ul>
<li><img src ="hoge"></li><li><img src ="hoge"></li><li><img src ="hoge"></li>
</ul>

ul { margin: 0; padding:0; }
li { margin: 0px; padding:0; }

これでだいじょうぶなはず。

>>341
どうもです。
改行を消す、margin と padding は試しました。単位なしも。駄目でしたが。
親要素の width が設定されているとか、position が absolute だとか、
その辺が影響して IE の li のバグに引っかかっているのかも、
と考えています。

最悪、li はあきらめようかな、と。
ありがとう。

#navi{
margin: -7pt 0pt 0pt 3pt;
width: 20%;
float: left;
border-top: 1px solid #2c2c2c;
background-color: #1a1a1a;
}
#navi ul{
list-style-type: none;
margin: 0pt;
padding: 0pt;
}
#navi li a{
padding: 3pt 0pt 3pt 5pt;
border-top: 1px solid #1A1A1A;
border-bottom: 1px solid #505050;
background-color: #2f2f2f;
text-decoration: none;
display: block;
}
<div id="navi">
<ul>
<li><a href="./" title="top" class="active">home</a></li>
<li><a href="./" title="about">about and prof</a></li>
<li><a href="./" title="bbs">board</a></li>
<li><a href="./" title="diary">diary..logs</a></li>
</ul>
</div>
これだと、IEではリンクの上下空きが出来てしまいます・・・
operaやmozillaではOKなんですが。

widthの指定を%からptやpxの固定していするとIEでも大丈夫だけど、pxやptを使わずに正常に表示することは出来ますか？

>>343
　　　　　　　　　　　　　　　　　　　　　　　　　　　／⌒〜Y⌒"""ヘ　　　 ﾍ∨ ∨
　　　　　　　　　　　　　　　　　　　　　　　　　／⌒／　　　へ　　　　＼|＼
　　　　　　　　　　　 ／　　　　　　　　　　　/　 /　　 /( ∧　　）　ﾍ　ﾍ
　　　　　　　　　　 く　　　　　　　　　　　／/　（　/| | V　)ﾉ（　(　（　　ﾍ＼　　 お　 て
　　　　┘／＾|　　　 ＼　　　　　　　　 （　　|　|ﾍ|　ﾚ　　＿　ﾍ|ﾍ　)　＿ﾍ 　　　し　 め
　　　　/|　　 .|　　　　　　　　　　　　　　|　　）） )/⌒""〜⌒""　　 iii＼　　 　 え　 ｜
　　　　 .|　　α　　＿　　　　　　　　　　ﾍ　ﾚﾚ　　"⌒""ﾍ〜⌒"　　||||＞　　　て
　　　　　　　　　 ＿∠＿　　　　　　　ｲ　|　　|　 /⌒ｿi　　 |/⌒ﾍ　　＜　　　　や　に
　　　　　＿　　　　 (＿　　　　　　　　) ﾍ　　|　‖ （） ||　　|| （） ||　 ＿＼　　　ん　は
　　　　　／　　　　　　　　　　　　　　 (　 )　ﾍ |i,ﾍゝ=彳　 入ゝ=彳,i|＼　　　　ね
　　　 ／ー　　　　　　　　　　　　　　　（　／　　"""/　 　ー""""　　　＞　　　｜
　　　　　 ＿）　　 ｜　　　　　　　　　 ﾍ（||ii　　　 ii|||iiii＿/iii)ノヘ|||iiiii＜　　　　
　　　　　　　　　　｜　　　　　　　　　 ( ﾍ|||||iiii∠;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;　 　　 ﾌ　　
　　　　/////　　　ﾍ＿／　　　　　　　) ﾍ|||""ﾍ===二二二===７ﾌ　/　ﾑ／∧　∧　∧
　　　 /////　　　　　　　　　　　　　　(　 | ii　 | |ＬＬ|＿|＿ＬＬＬ//　|　 　 ）（　∨|　∨)
　　　・・・・・　　　　　　　　　　　　　　　 )　)| || | |||||||||||||||||||||||| |　|　 　（　ﾍ |　ﾍ ) (
　　　　　　　　　　＿＿＿　　　　　　　　| | /|　.| |||/⌒／⌒ヘ | |　|　 iiiiﾍ　( |　（ | /
　　　　　　　　　　　　／　　　　　　　　　/　(|.|　| |　　　　　　　| |　|　 iii　 ) | ﾍ　）(　)
　　　　　　　　　　　 （　　　　　　　　　　(　/..|　 | |＿＿＿＿_/ |　|　 iii　 ( ）（　// /
　　　　　　　　　　　　＼　　　　　　　　 )　）..|　　|ﾍＬ|＿|＿Ｌ/ / /　 ,,,,--（/Vﾍ）(／
　　　　　　　　　　　　　　　　　　　　　　　/　(　.|ﾍ ＼＿ﾍ |＿/ /　／

>>343
http://cssbug.at.infoseek.co.jp/detail/winie/b071.html

>>343
>>5

>>343
びっくり。

>345
ちょうど同じ現象で悩んでて display や block で検索してみたんだけど見つからなかったところ
全然違う方法でむりやり回避した

li に border 指定したら改行消えた
li {border: solid 1px 背景色}
＃border の幅が 0 ではNG

ネスケの６系だけ狙い撃ちしてCSSを読み込ませないようにすることはできますか？
ネスケ６では反映されず、OPERAやネスケ７、IEではそのままCSSが反映されるようなのを探したんですが
スクリプトで振り分ける方法やSSIを使う以外の方法がどうも見つかりません。
MAC IEのバックスラッシュハックのようなものがあれば教えてください

>>349
UA情報で振り分ける以外、できない。
Mozillaが読み込まないスタイル指定はOperaも読み込まない。
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua

>>350
そこはチェック済みでした･･･。
他にもここ数日いろいろ検索してみたんですが、やはりないですか･･･。
OPERA６だけ避ける方法などはあるようなんですが
MAC IEのように、バグ応用してNN6避けに使えたりしないかなぁと
最後の望みを持ってここに来てみましたが、ないとわかったことでキッパリあきらめることができました。
ありがとうございました。

なんでNN6だけ除けなければいけないのか、よくわからんな。
ver.6だけの重大なバグなんてありましたっけ？
あってもver.7で直してるはずだし、Mozilla系の利用者は大抵アップデートしてるだろ。

>>352
それらは自己満足の世界に生きる人達

>>352
文字間指定すると「ー」の前後が重なるバグです

>>352
NN6で、個人がアップデートできない環境からアクセスしてきてる常連さんがいるんです

連投ｽﾏｿ

document.writeでCSSの記述をして、
その人にはJAVASCRIPTオフ状態で来てもらってください。

>>352
N6は6.1, 6.2系はともかく6.0系はトラブル多かったような。

同じGecko系UAでもNetscapeはやっぱごく普通のユーザが多くて
アップデートにあまり関心がないことも多いよ。

IE6で確認しています。
えと、

<div id="menu">
<h3>menu</h3>
</div>

<div id="contents">
<h3>contents</h3>
</div>

<div id="diary">
<h3>diary</h3>
</div>

とHTMLを記述し、CSSを

div#menu h3,div#contents h3,div#diary h3{
font-size : 140%;
}

としたら、id="menu"と id="contents"の h3 は140%になるんですが、 id="diary"の h3 は変わりません。
なぜでしょうか？

>>357
ヘンですね。
div#menu h3, div#contents h3, div#diary h3 {
font-size:140%;
}
で、どうか？
　cf. http://cssbug.at.infoseek.co.jp/detail/winie/b055.html

>>358
スペルミスなどはないですか？ないならちょっとわかりません。

でも、それって擬似要素だけだよね。
なんでかな。

http://cssbug.at.infoseek.co.jp/detail/winie/b055.html
>補足
>擬似要素を使う使わないに限らず、セレクタと左括弧の間には常に
>空白類文字を置くように心がけてください。

>>362
なーんと。サンクス。

みなさん、レスありがとうございました。大変お恥ずかしい限りですが
CSSファイルの始めのほうに
div#menu,div#contents{
font-size : 120%;
}
と記述されていました。お騒がせしました。

>>364
ウホッ！
作成がんがってね。

>>342

li img {
    vertical-align: bottom;
}

>>342
神！
ありがとう！！！

<!--
body,td,th{
font-family: MS UI Gothic;
font-size: 12px;
letter-spacing : 1px;
line-height : 20px;
}
body{background-color:#FFFFFF;}
a{text-decoration:none;}
a:hover{
text-decoration:underline overline;
top:1pt;
left:1pt;
position:relative;
}
BR{letter-spacing:normal;}
-->

こういうCSSを使用しているのですが、
なぜかテーブル内しかフォントファミリーが適用されないのです…
テーブル外だとMS　Pゴシックになってるみたいです。
BODYではフォントカラーを変えるくらいしかタグを使ってないのですが…

>body,td,th{
>body{background…

ひとし〜
おんなじタグを複数設定したらあかんよ〜

>>369
「同じ要素」に「同じプロパティ」を複数指定してはいけない。
上記のOKだよ。

＃なんでもタグって言うな

あーそうなんや。
htmlの中にひとつしか出てこないbodyとかは複数指定しちゃいけないと思ってた。

>368
とにかくスゲェ色々突っ込みたいのだがぐっと堪えて。

フォント名を""で括ってみてはどうか

>>371
上書きされていくだけです。

>>369
それは、ビルダーの仕様。

body複数指定もやめて、フォント名を””で括ってみてもダメでした…
それで、ひとつひとつ調べてみたら、
どうやら<PRE>が入っていたのが原因だったみたいです。
これがあるとフォントがきかないのかな…

>>375

pre{font-family:"MS UI Gothic"}

>376

ああっ！こんな素晴らしいものが！
どうも有り難うございます！
これで全て解決しました〜。

>>377
CSSをわかってなさすぎ

>>375
正直、pre要素を使うべきところに使ってるのか？

なわけねぇだろ

>>380
わけないよな。
なんでテーブル外が全部pre要素なんだよ、と。

すみません初心者でわけもわからず使用してまして
単に改行が面倒なのでpreを入れてました

>>382
正しいマークアップしない人にはcssは不要だよ。

>>382
全部 image で貼付けた方がいいかも（w

>>382
なんで初心者用スレにいかないんだよ

http://kanzaki.com/docs/htminfo.html
で、基礎から勉強し直すことをお勧めします。

>>382
無駄に改行するなよ

お前ら、いじめすぎだよ

ストレス溜まってんだよ。
ｵﾚﾓﾅｰ

テーブルレイアウトなんてもう古い、これからはPre、これだね

これからは float and position 、これだよ。これ。

へぇ

>>390
googleでpdfを「HTMLバージョン」で表示させると、全部position: absoluteで
レイアウトしてくれるね。
IEでマウスカーソルで文字列を選択すると、応答が無くなる……

div.a {position:absolute;
top:100;
left:100;
height:100;
width:100;
background-color:#000000;
}

<div class="a">あああ</div>

こんな感じで書いてあるんですが、ＩＥとＯｐｅｒａはこっちが思ってる通りに表示してくれても、
ネスケとＭａｃＩＥでは背景が黒にならず、位置も指定していない状態になります。
どしたらいいですか？

>>393
単位

>>394
全部ｐｘをつけてみたんですがダメでした・・・。

すみません、できました。ありがと。

<table width="100%">
　　<tr>
　　　　<td width="50%">　〜　</td>
　　</tr>
　　<tr>
　　　　<td width="50%">　〜　</td>
　　</tr>
</table>

これをページ内の一部に組み込んでるのですが、
これをcssで表現するのにはどうすればいいのでしょうか？
<td></td>内は複数行にまたがってます。
よろしくお願いします。

>>397
「float 段組」でスレを検索

>>398
ｻﾝｸｽｺ。
あまりにうまく行き過ぎてちょと心配。
とりあえずﾏﾘｶﾞﾄｰ!

ｽﾏｿ、もう一つ質問が・・・

div.floatleft
{
　　float　　　: left;
　　width　　 : 50%;
　　padding　 : 2em;
}

このように作ってこのdiv内で画像を配置したとき、画像をど真ん中に配置するには
どうすればいいのでしょうか？
横でのセンタリングならtext-alignでできたんですけど縦位置でのセンタリングが出来なくて・・・

float:left
とか使いまくったり、
position:fixed
を使わなかったり、

やっぱりIEは無視できないのよね。

>>400
> div.floatleft
そのクラス名はいただけないな。プロバイダ解約してネットから去れ。

君ってやっぱり、
CSSを試行錯誤なしにいきなり完全に使えたか、
2chっていうものを、純粋さの最終砦に思ってるやつなのかな？

どうなの？

>>403
クラス名はCSS以前の問題ではないかね？

>>403
レスポンスアンカーも使いこなせないガキがぐだぐだ言うな

CSSのクラス名にどういうものをおくべきなのかを学ぶのも、
プログラミング未経験者にとっては初めてのことなの。

あと、>>ってレスポンスアンカーっていうの？
ひょっとしておまえの造語じゃないの？

>>406
http://www.google.co.jp/search?q=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC&hl=ja

>>406
> CSSのクラス名にどういうものをおくべきなのかを学ぶのも、
　学んでからやれよ。

> プログラミング未経験者にとっては初めてのことなの。
　プログラミング関係ねえよ。

> あと、>>ってレスポンスアンカーっていうの？
> ひょっとしておまえの造語じゃないの？
　無知だね

検索したらレスポンスアンカー出てきた。ごめん。

クラスとかIDってプログラムに関係ないと思っているんだねぇ

>>409
> クラスとかIDってプログラムに関係ないと思っているんだねぇ
読解力は関係あるかな。
「HTML文書作成」してるなら「プログラミング未経験者」とかは【無関係】。
ここまで噛み砕かないと分らないか？

＃回答者に噛み付いてどうしたいのかね

htmlやcssはプログラミング言語です！

農民「田んぼに水を引きたいんですがメソポタミアが…」
町民「メソポタミアは関係ない」
農民「水とメソポタミア文明が関係ないと思っているんだねぇ」

王「おまいら、どっちも死刑」

プログラミングと関係あろうがなかろうが、みょうちきりんなクラス名をつける理由にはならんな

>>414
真理

さて、一段落ついたところで、「王」とかメルヘンな発言をした>>413だけが浮いていることが判明したわけですが。

そもそもクラス名の付け方すらわかってないやつが、「クラス名とプログラミングの関係」などを知っているとも思えないわけで、そもそも「クラス名とプログラミングの関係」をわかってるやつが、「クラス名の付け方」をわかってないとも思えないわけで。

>>410
うん。いろいろ考えたけど、俺が悪いな。その通りだな。ごめん。

ただ！コレだけは言わせてもらう！
>そのクラス名はいただけないな。プロバイダ解約してネットから去れ。
っていうのは、CSS質問スレに書くための回答なのか？
それって煽りじゃないのか？

俺はなァ、それにいきだおれを感じんだよ！

>>418
優しい俺は突っ込んであげたいと思ったけど、酷いほうのオレがやめておけというのと辞めて置く。勝手に行き倒れとけ。

｜∀｀） >>419 そこのあなた。釣られてますよ。

★━━━━━━━━━━━━━━【基本知識：釣り】━━━━━━━━━━━━━━━━━━━━
　釣りとは縦読みやメール欄に罠（餌）を仕込んで、ひっかかった香具師がマヌケに見えて初めて
　釣りと言えるのであって、仕込みも何も無しにやーい釣れたとかいう香具師はただの厨房。

IEでそりゃもう全くCSSが反映されないんですが、これは誰かの陰毛ですか？

>>422
@import "hoge.css" all;
@import 'hoge.css' screen, print;
とか
@import url("hoge.css") all;
@import url("hoge.css") screen, print;
@import url('hoeg.css') all;
とかやっちゃってんじゃないの

>>423
外部は使ってないです。
ネスケ,オペラ,Mozilaではちゃんと表示されたんですがIEでだけ反映されない･･･

>>424
何がどう反映されないのか言わなきゃわかんねえよ

<head>間に記述しているCSS
-----------------------------------------------------------
*{
margin:0;
padding:0;
}

body{
padding:150px 0 0 0;
}

#main{
width:600px;
}

#main-left{
float:left;
width:25%;
}

#main-right{
float:left;
width:75%;
}

HTMLのソースも書けよ

>>426
これの前後はどうなってるんだ

>>426
全部反映されねえのか？それとも一部か？

＃手取り足取りやんなきゃなんねえのか？

<body>間
-----------------------------------------------------------
<div id="main">
<div id="main-left">
<h2>hogehoge</h2>
<ul>
<li>hogehoge</li>
<li>hogehoge</li>
<li>hogehoge</li>
</ul>
</div>
<div id="main-right">
<h2>test</h2>
<p>
hogehogehogehogehoge
hogehogehogehogehoge
hogehogehogehogehoge
</p>
</div>
</div>
-----------------------------------------------------------
floatのテストがしたかっただけなのでdiv多用は見逃してください(´Д`)

>>429-427
こっちの書き込みが遅れて小出しにした様でｽﾏｿ
CSSは
<style type="text/css">
<!--

-->
</style>
の間に記述しています。
SSもうｐした方が良いでしょうか？

>>430
普通にフロートしてるけど

(;´Д｀)････ｽﾏｿ
さっきまで出来てなかったんですが、今確認したら出来てました_|￣|○
もしかしたらCSS切ってただけかもしれません･･･お騒がせしてすみませんでした。

>>433
やっぱり…
まあ、なにはともあれよかったな

■EasyCSS 1.01 　 スタイルシートの知識がなくても手軽にCSSのソースコードを作成できるCSSソース生成ソフト 　

特集〜ソフトウェアスポットライト - 用途別に特化したソフトを使って、ホームページ作りを楽にしよう　http://www.vector.co.jp/magazine/spotlight/030611/sl03061102.html

作　者：Koby　さん
対応OS：Windows XP/Me/2000/98/NT
種　別：フリーソフト
作者のホームページ：http://www.pololon.com/koby/
補　足：動作にはVB 6ランタイムが必要 　http://www.vector.co.jp/vpack/filearea/win/util/runtime/index.html


「EasyCSS」は、スタイルシート（CSS）のソースコードを簡単に作成できるソフト。
CSSの知識がなくても、色や数値を指定するだけで自動的にソースを生成できる。
作成できるCSSのソースコードは、文字、リンク文字、背景設定、スクロールバー、マウスカーソル形状の5種類。設定した内容は擬似ブラウザ画面でプレビュー表示され、
リアルタイムで確認することができる。

文字の基本設定では、文字色やフォント、サイズを選択可能。
フォントリストには、パソコンにインストールされているフォントが並ぶほか、いくつかの欧文書体を組み合わせたものも用意されている。
斜体や太字の設定はボックスにチェックを入れるだけで設定可能。行と行の間隔も設定できるようになっている。
また、リンク文字の装飾は、標準時、訪問済み、クリック時、オンマウス時でそれぞれ文字色や装飾タイプ、背景色を選択可能だ。

ホームページの背景には、好みの色を設定できるほか、画像を指定することもできる。
画像ファイルを選択し、画像の繰り返し表示や固定の有無、表示位置といった設定項目が用意されている。

CSSならではともいえるスクロールバーやマウスポインタのカスタマイズにも対応。
スクロールバーは、矢印の色やバーの表面の色など全部で7種類の色をそれぞれ設定でき、
マウスポインタは15種類の形状を、プルダウンメニューから選ぶだけと簡単だ。
ブラウザウィンドウ内で、リンクのある場所とそれ以外の場所にある場合のそれぞれを選択できる。

ひと通り設定を入力したら、「ソース生成」ボタンを押すと、別画面に生成結果が表示される。
表示されたソースをHTMLファイルの<HEAD>〜</HEAD>内にコピーすれば完了だ。
なお、スタイルシートを適用させたい部分だけ入力すればよく、すべての項目を埋める必要はない。

<ol>
<li><a href="./01.html">01</a></li>
<li><a href="./02.html">02</a></li>
<li><a href="./03.html">03</a></li>
<li><a href="./04.html">04</a></li>
<li><a href="./05.html">05</a></li>
<li><a href="./06.html">06</a></li>
<li><a href="./07.html">07</a></li>
<li><a href="./08.html">08</a></li>
</ol>

ol li{
display : inline;
border : 2px solid #000;
padding : 0.3em;
}

として、表示させたところ、ちゃんと横並びに表示できたのですが、ウインドウのサイズを
小さくしたら、 <li> の折り返しされた部分が、上の部分と重なって表示されてしまうのですが
これを回避するにはどうすればいいのでしょうか？
inline を指定したら <li> に対する margin の効果はなくなるんですかね。
padding を小さくすれば重ならないのですが、なるべくなら指定したまま回避したいです。

>>437
olのline-heightを調節してみては？

>>437
height: 1.6em;
正攻法なのかそうでないのかはわからんが回避はできる。
IE6.0sp1の互換モードにて。

┌──────────┐
├──────────┤
│　　　　　　　　　　　　　　 │
│　　　　　　　　　　　　　　 │
│　　　　　　　　　　　　　　 │
└──────────┘

このような物をdiv一個で作成したいのですができますか？
空白部分には文字列が入ります。
今はdivを二つ使って作成してるのですが、一つにまとめられないかと思いまして。
よろしくお願いします。

>>440
first-line

>>440
上と下の違いは何なのかをマークアップするlことが鮮血だな。

>>440
もうちょっと生理してもらわないと、アドバイスの仕様がない。

>>440
そもそもdiv要素の意味わかってるか？
「グループを作成するコンテナ」ってことだぞ？
見栄え上二つの部分に分類される、ってことはコンテナも二つだろ。

言ってる内容だけを実現するなら下記で十分だと思うが。
<div>
<p>文字列</p>
<p>文字列</p>
</div>

>>443
え、もう二日目ですが・・・

>>444
>そもそもdiv要素の意味わかってるか？
>「グループを作成するコンテナ」ってことだぞ？
(´ι _` 　) かってにコンテナにするんじゃない
汎用ブロックレベル要素

>>446
コンテナだよ。
ブロックレベル要素のコンテナ
無知とは罪だな。

>>446
http://www.rju666.com/web/reference/html.html#div

div要素（generic language/style container）
スタイル・コンテナって文字は読めるかなぁ？

>>446
ttp://www.ne.jp/asahi/minazuki/bakera/html/reference/block#div
ここにも、
＞DIV - 汎用ブロックコンテナ / Generic Language/Style Container
と書かれているな。
>>446は「ホムペ作成講座☆」みたいなタイトルのサイトを参照してるんだろうか。

ホムペ作成講座☆には「ブロックレベル要素」なんて単語は出てこなさそうだけどな

「DIVタグを使うと改行されマス☆」みたいな。

＜ｄｉｖ＞タグはデザインをカッコE→のにするのに使います☆彡

>>452
はたしてdiv要素自体が背景とかを変更するのに使われていることに気付いているかどうか。
どうせ、「このタグを貼り付けてね」ってのをコピーしてるだけだしな。

藻前らよくもまぁ次々と痛い表現が出てくるものだな。

ははぁ、さては藻前ら、そういうホームページ作ってるんだな。

>>454
客観視できるからこそ、間違えているものと正しいものの区別ができるかもしれない。

というか、コンテナじゃないと鼻で笑って高らかに笑われた>>446はどこ行ったの？

ブロックレベル要素のことを "ボックス要素" とか
訳わからん用語を使う初心者っているよね。謎の造語。
display: none 以外な要素はすべてボックスを生成するんだけどね。
あと謎なのが "要素タグ" とか "タグ要素" とか。謎過ぎる。

>>444=>>447=>>448=>>449

>>456
> display: none 以外な要素はすべてボックスを生成するんだけどね。
行内レベル要素は無視ですか？

>>458
恥の上塗りですか。

446 名前：Name_Not_Found[sage] 投稿日：03/10/11 22:03 ID:???
>>444
>そもそもdiv要素の意味わかってるか？
>「グループを作成するコンテナ」ってことだぞ？
(´ι _` 　) かってにコンテナにするんじゃない
汎用ブロックレベル要素

>>458
(ﾟДﾟ)ﾊｧ?「display: none 以外の要素」ってことは
display: [inline | block | list-item | run-in |
compact | marker | table | inline-table | table-row-group |
table-header-group | table-footer-group | table-row |
table-column-group | table-column | table-cell | table-caption]
という意味なのだか。

>>461
お前の脳内定義なんぞ知るか。
display : none;以外といえば、display : inline;　display : block;とも解釈できるだろうが。ｳﾞｫｹ

>>461
誤読してた。
ブロックレベルを生成、じゃなくて、ボックスを生成、なんだね。ごめん。

殺伐としてまいりました。
K-1も反則の連続だしな。

そもそも「行内レベル要素」なんて言葉はないな。
「行内要素」か「インライン要素」か「テキストレベル要素」だな。
まったくもって、
＞訳わからん用語を使う初心者っているよね。謎の造語。
だわ。

K1自体スポーツじゃねーし

今書き込むと、自分まで恥ずかしい人になりそうです。

また荒らして欲しいのか？

(*´д`*)

>>465
「行内レベル要素」→ 「脳内レベル要素」

>>470
はてしなくつまらないな

>>470は行内要素を知らなかったと勝手に予想

>>472
>行内要素
初耳だよ（w

インライン要素＝行内要素

http://www.y-adagio.com/public/standards/tr_html4/struct/global.html#h-7.5.3
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.3
『JIS標準情報』や『HTML 4仕様書邦訳計画』では行内要素と翻訳してるけど。
ある意味「インライン要素」より「行内要素」の方がスタンダードな表現だったり。
>>470 は仕様書の邦訳を読んでいないと思われ。それとも原文を読んでるとか。

473 名前：470[sage] 投稿日：03/10/12 16:30 ID:???
>>472
>行内要素
初耳だよ（w

>>475
その通り、原文を読んでいるんだけど
inline → インライン → 行内
block → ブロック → ？？？

どうなんだ？ （w

原文読んでてどうして行内＝インラインってわからないの？

英語の意味わかってなくて読んでるんだろ

>>487,479
(´ι _` 　)
インラインを行内に置き換えるのなら、何故、ブロックレベルも日本語に
置き換えないのかと思ってさ、その方が原文（英語）も読めない低脳には親切じゃないのか（w

質問です。
body { font-color:white; background-color:black; }
a,h3,q { color:red; background-color:inherit; }
と書いたとき、NN4.78では
<a href="**">リンク</a>
の背景色が黒ではなく、緑色になります。
しかも、aとh3だけ緑色で、qの背景はそうなりませんでした。
inheritをtransparentにすると、きちんと黒になるのですが、
どうしてそうなったか解りません。
これは、私の書き方に何か間違いが有ったのでしょうか。
よろしくお願いします。

>>481
他のソースも晒せや

>>481
っていうか、なんで inherit を使用する訳？

>>481
Netscape 4.x は「transparent」や「inherit」に対応していない。
背景色に指定された「transparent」は黒色になる場合があるし、
「inherit」の場合は緑色として誤認識してしまう困ったバグがある。

仕様書には「UA は不明な値を含む宣言を無視すべき」と書いてある。
従って、CSS仕様に非適合なトンデモなブラウザであると認識すべし。

>482
これ以外に特に指定はしませんでした。
qも<p>ここの中で<q>ここだけ引用</q>です。</p>
という使い方です。
>483
深く考えずに使ってました…。
>484
バグですか。「transparent」や「inherit」はもうちょっと
よく考えてから使いたいと思います。

有難うございました。

>>480
遅レスだけど、たぶん>>470さんみたいに日本語が苦手な人のためじゃないかな？

>>486
そんなことどうでもいいよ
次の方どうぞ

　　　　　　　　　　　　　　　 ┗┓-┏┛
　　　　　　　　　　　　　　　 　 ┠-┨
　　　　　　　　　　　　　　　 　 ┠-┨
　　　　　　　　　　　　　　　 ┏━....━┓
　　　　　　　　　　　　　　　　 ┯ ┯┯
　　　　　　　　　　　　　　　　 │ ││
　　　　　　　　　　　　　　　 _,,│ ││ヽ、
　　　　　　　　　　　　　　／　└ ┷┘　　ヽ､
　　　　　　　　　　　　 ／　 　 　 彡ノヽ　　　　ヽ
┓　 　 　 ┏　　　　　/　　,,ノ-~ ￣　　ヽ　　 　 |
┗┯┯┯┃┠── |　　/ へ , ､ ノヾ　＼ミ┌─────'~＼
　l　|　|　| 　 ┠──/彡| 《;.･;》　《;･;.》 　 | ' ┠──────　＞
┏┷┷┷┃┠──ヽ .|　　 、_っ　　　 　 | ,└─────､／
┛　 　 　 ┗　　　　　`-|　 /iuUuuiヽ　　 |_ノ
　　　　　　　　　　　　　　|　 | ,-v-､ |　　　|
　　　　　　　　　　　　　　 ヽ' ヽﾆﾆノ丶　丿
　　　　　　　　　　　　　　　　ー - ―　'

（英語）も読めない低脳＝インラインの意味が理解できなかった470？

470 名前：Name_Not_Found[sage] 投稿日：03/10/12 11:45 ID:???
>>465
「行内レベル要素」→ 「脳内レベル要素」

473 名前：470[sage] 投稿日：03/10/12 16:30 ID:???
>>472
>行内要素
初耳だよ（w

477 名前：470[sage] 投稿日：03/10/12 18:49 ID:???
>>475
その通り、原文を読んでいるんだけど
inline → インライン → 行内
block → ブロック → ？？？

どうなんだ？ （w

480 名前：470[sage] 投稿日：03/10/12 19:03 ID:???
>>487,479

インラインを行内に置き換えるのなら、何故、ブロックレベルも日本語に
置き換えないのかと思ってさ、その方が原文（英語）も読めない低脳には親切じゃないのか（w
━━━━━━━━━一
(´ι _` 　)

淫乱要素

ブロックは日本語で使用しても問題ないような気がするんだけど。
台要素とかしか思い付かん。
邦訳になかったっけ？

それ以前に『ブロックレベル要素』だな。

ttp://www.asahi-net.or.jp/~bd9y-ktu/html4rec_f/cover.html
＞ブロック・レベルとインライイン要素
インライインﾜﾛﾀ

コピペしかできないクズよ

inline → インライン → 行内
block → ブロック → ？？？

どうなんだよ？ 答えてみろよ（w

>>458
>行内レベル要素は無視ですか？
行内要素？
行内レベル要素？

またこの違いも答えてね（w

>>495
>>465ですでに訂正しているわけだが。
行内要素＝インライン要素
かつてはテキストレベル要素と呼ばれていた。

>>494
んー、インラインは日常で使うような言葉じゃないけど、ブロックは訳さなくてもわかるんじゃないかな。
仕様書の邦訳でも訳してないみたいだし。

自分の持ってる講談社の辞書には
　ブロック
　　　　データの集合体
と、日本語として説明が載ってますよ。

インラインは載ってませんでしたが。

>>497
だよな。ブロックは辞書に載るような言葉。

データの集合体位要素

ここはすごい電脳空間ですね。

>494

>495

悲惨だな

ブロックは日本語として辞書に載るような言葉だから
ブロック要素の日本語訳はブロック要素
インラインは日本語として辞書に載ってないから
インライン要素の日本語訳は行内要素

でFA?

http://dictionary.goo.ne.jp/search.php?MT=%A5%A4%A5%F3%A5%E9%A5%A4%A5%F3&jn.x=31&jn.y=15&kind=jn&mode=0

>>501
FA
>>470は不満のようだが。

>>502
「インライン変換」という単語が記載されていても「インライン」がないっつーことは、「インライン」は浸透していない単語と認識してもいいってことだな。

>>500
500ゲットおめ >>494,495を悲惨というなら
>>488-499 は何と言った方がいいんだろうか？
さて、寝よ

>>505
慰めるいいやつどもだろ

>>470はhegthに次ぐ恥ずかしさだな。

.Today td, .Today a{ background-color:#f00; color:#fff; }
としているのですが、
これをもっと簡単に書く方法ありませんか？
ニュアンスとしては、
.Today (td,a){...}
みたいな。
よろしくお願いします。

>>508
何をやりたいかによる。

世の中の解説資料で "property" を "属性" と訳する根拠を教えてください。

>>510
訳してません。
属性はアトリビューテス

CSS の アトリビュートでの指示を各UAが理解してくれたらどんなに楽か。

>>512
imihumei

属性セレクタ？

>>514
うん、そう、それそれ。

画像へのリンクの枠線消すのって
a:link {color:none;}
という疑似アンカークラスじゃダメでしたっけ。
消えないよう。・ﾟ・(つД｀)・ﾟ・

border:0;

>>517
ありがとう。
でも、やっぱり消えない。・ﾟ・(つД｀)・ﾟ・

すまん、適当に書いたんだが間違えてたか？
一寸試してくる。

border:none;
だった･･･正直スマンカッタ

>>518
IMG { border : 0 }
とすれば消えるかと。

imgたぐのボーダーを0にするんじゃなかった?

被った

ありがとう。できたよ！
自分も今、imgにすればイイかも、とか思って試してました。
ありがとう！・ﾟ・(つД｀)・ﾟ・

img {}より
a img{} のほうがa要素の中のimgに限定できていいんじゃ？

どうでもいいけど、泣きAAってうざいよな。

たぐねぇ…

>>525
a:link img, a:visited img, a:hover img {border:0;} でないとうまくゆかぬわな。

>>527
いや、 A要素内 にある IMG要素 の border の幅を 0 と指定するわけですから、
>>525さんの仰る通り A IMG {〜} で良いかと。

>>528
セレクターの優先順位に注意。
疑似クラスはただのa要素を上回る。
http://hp.vector.co.jp/authors/VA022006/css/cascade.html#calculating-specificity

>>529
無知でした。すみません。
じっくり読んで頭に叩きこんできます・・・。

とりあえず kai 氏ね

kai=>>470

セレクトボックスの中に画像を出す方法ってありますか？
画像を選択させるのにセレクトを使いたいんですが。

>>533
・ﾟ・(つД｀)・ﾟ・
・ﾟ・(つД｀)・ﾟ・
・ﾟ・(つД｀)・ﾟ・
・ﾟ・(つД｀)・ﾟ・

>>533
CSS程度の子供の玩具には所詮無理ですよ。
そんな高度な事はね。

>>465
禿胴（ﾜﾛﾀ
>>478,479,486,503
論外
>>472,474,478,496,501,504
インラインはどちらかというとコンピューター関連の特有な言葉なので
inline element を"行内要素"と邦訳するのはおかしい。
inline elementは主観としては主に行の中に使用するが、その中には
replaced element （置き換え要素）も存在する。"行内"という意味合いで
解釈するのなら 行 = line ではなく 行 = column とした意味ならおかしくはない。ただ単に邦訳者の観点から判断しそれを見た人がおそらく使っている
のだと思われ、、、ちなみに"行内"という単語は"銀行内"ということが辞書に
は記されている。"行内要素"という邦訳は日本人特有の哀れなな解釈なので
"inline element" 又は "インライン要素" と覚えていた方が賢明

ちなみに個人的な解釈をしていると意味のつうじない表現になる
http://www.asahi-net.or.jp/%7Esd5a-ucd/css1/test/ja/sec42.htm

必死だな（藁

>>537
たまには違うこと書けよ（w

>>536
それは邦訳した人に言ってあげてください。
この日本では知名度の高い邦訳によって、たまたま日本では
『行内要素』という訳が一般化しただけの話です。
それが問題だと思うのでしたら、>>536さんが「行内要素という訳は誤りだ」
ということを一般化させれば良いと思いますよ。
がんばってください。

必死だもんな・ﾟ・(つД｀)・ﾟ・

>>539
「それは邦訳者が間違ってるんだ」とここで叫ぶことしかできない人間に何も要求してやるな。

dt{list-style-type:decimal;}は駄目なんですか？

う〜ん...
確かに『行内要素』というのは意味としては解釈できるんのですが
inline（インライン）とは言葉ではなくて用語ではないかと思われます。
例えば逆に邦訳するとして、石橋 → stone bridge となります、しかし
これでは意味不明な訳で、単漢字の意味だけになる。BridgeStone（ブリジストン）
となればどうだろうか？BridgeStone を邦訳してもブリジストンはブリジストン
inline element は インラインエレメント あるいは インライン要素ではないのですか？
>>539
>『行内要素』という訳が一般化しただけの話です。
ごく一部の個人的な邦訳だけでは？今迄書籍は色々と見ましたが、今、初めて
『行内要素』という邦訳を目にした訳ですが用はおおまかな意味の解釈としての
用途では間違いでは無いと思いますが>>536さんに同意で"inline element" 又は
"インライン要素"が賢明ではないかと思います。自然言語としてならなんとも
意義はないのですがどうでしょうか？それとお二方は『行内要素』を用いて邦訳
された方ですか？やけに肩を持っておられるように感じられますが。。。。
まあ、個人的な意見なので参考としておいて下さい。

>>542
駄目

>>542
list-style-type は display プロパティが list-item である
要素に適用されるものです。
通常、display: list-item である要素というのは li 要素の
ことですから、dt 要素に指定するのは正しくありません。

# まぁ、ブラウザは補完して適当に表示してくれるかもしれないけど。

>>543
> inline（インライン）とは言葉ではなくて用語ではないかと思われます。
あんたがどう思われるかどうかは無関係だと思われます。

> inline element は インラインエレメント あるいは インライン要素ではないのですか？
　「インラインエレメント」で一つのタームなのに「エレメント」は訳してよいのか。

> ごく一部の個人的な邦訳だけでは？
　とは言え、ここに掲載されている邦訳なんだからな。
ttp://www.w3.org/Consortium/Translation/Japanese

> 意義はないのですがどうでしょうか？それとお二方は『行内要素』を用いて邦訳
> された方ですか？やけに肩を持っておられるように感じられますが。。。。
　肩を持ってるわけではないよ。「知らない単語」をムキになって否定するのを突っ込むことで踊っていただいてるだけです。

googleで760,000件もヒットする言葉を「ごく一部の個人的な邦訳」などと言ってしまうから「世間知らず」と思われるんですよ。

誰かもうちょっとマシな燃料投下しろよ。

（´-`）.｡oO（「燃料」だったことにすれば、俺は救われるんだ…。俺は救われるんだ…。

paddingの数値をマイナスにしたいんですけどそれはできないのでしょうか？
実際にマイナス指定したのですが、それだと0pxとされてしまうようです。
マイナス指定はできないのでしょうか？
よろしくお願いします。

>>550
http://www.w3.org/TR/1998/REC-CSS2-19980512/box.html#padding-properties

> Unlike margin properties, values for padding values cannot be negative.

ということでダメ。

>>549
ﾜﾗﾀ
そろそろ>>470の釣り宣言出るかな↓

さて恥ずかしい>>470=>>536、>>543を晒しageとくか。

>>551
ありがとうございました。
できないんですね・・・。
でも、なんとかうまくデザインできるようにがんばります。
ありがとうございました。

>>546
>あんたがどう思われるかどうかは無関係だと思われます。
　それは貴方も同じことですね？それはw3cに所属する方が第三者に述べることです。
>「インラインエレメント」で一つのタームなのに「エレメント」は訳してよいのか。
　では、ブロックレベル要素はどうなのですか？邦訳レベルに合わせて意見させてもらっているのですが？
>とは言え、ここに掲載されている邦訳なんだからな。
　定義内容は言われるまでもなく熟知しています、全体的に統一性の無い邦訳だと
私は思います、あくまでこれは個人的な意見ですが
>肩を持ってるわけではないよ。「知らない単語」をムキになって否定するのを突っ込むことで踊っていただいてるだけです。
　ムキになっているのは貴方の方では？まあ、邦訳の解釈レベルが違うとしか言い様が
ないですね？

再度書きますがこれは私の個人的な意見なので参考としておいて下さい。
無理にレベルの異なる方へのゴリ押しではありませんので・・・

>>555には是非INSTACに掛け合って訳語の変更を要請してほしいとか思った。

※　議論はよそで　※

>>555
そうですか。

で、質問はなんですか？

>>555
それは貴方も同じことですね？それはw3cに所属する方が第三者に述べることです。

>>555
日記は自分のサイトに書こうか。

っていうかさぁ
http://www.w3.org/Consortium/Translation/Japanese
>リンクされた翻訳はボランティアによって行われたものです．
> またこれらの翻訳には誤りが含まれる可能性もあります．
> 正式なものはあくまでも英語版ですので， この点をご理解頂いた上でご利用下さい．
って書いてあるじゃん、 正式なものはあくまでも"英語版"ってことだ
何でもかんでも中国人じゃあるまいし漢字に置き換える必要はないんだよ
日本にはカタカナという素晴らしい文字があるじゃないかよ

はい、お次の方どうぞ

>>555
> 　では、ブロックレベル要素はどうなのですか？
　だから「訳すことに問題ない」といってるんだけど。

「知らない単語」はなかったことにするか、否定するしか生きれないんだろうな。

>>562,563
>>561

"行内要素" を（ダブルクォーテーション込みで）Google検索すると、
196件しかヒットしないね。

（´-`）.｡oO（「行内」という単語をいくら否定してもgoogleで760,000件もヒットする言葉であることは事実なんだけどな。

>>561
> 何でもかんでも中国人じゃあるまいし漢字に置き換える必要はないんだよ
ついには訳すことさえも否定か

ジャパンにはカタカナというナイスなテキストがあるじゃないかよ

はい、ネクストのピープルどうぞ

>>561
>>539

CSSに関する質問はこちらへどうぞ。　※　議論はよそで　※

※　日記もよそで　※

※　質問もよそで　※

まだやってんのかよ、まさに脳内だな
結構漏れのレス参照されているけど漏れって人気あるんだな（ﾌﾟ
論理的意見にまともに答えられない虫が群がっているようだが...
翻訳したボランティアがその中にいるんじゃないか（w
思うけどついでなら全部和製用語に邦訳しろや、中途半端なんだよ
それとブロックレベル要素の答えはまだ書いてないようだけど
それも書いておくんだよ。宿題だ

>>573
詭弁はおなかいっぱいだから、質問する人の邪魔はこれ以上やめて
これ以上議論したかったらスレ立てて
おねがいします

>>566
一応言っておくけど、Google検索では検索ワードを
"行内要素" とすると、「行内要素」というフレーズ全体を含むページを、
行内要素 とすると、各単語を別々にして（この場合では「行」「内」「要素」を別々にして）、
それぞれの単語を含むページを検索するような仕組みになっている

760,000件もヒットするのは、「行」だけ・「内」だけ・「要素」だけを含むページも
カウントされているから。

>>575
>>574

>>573
シコって寝ろ

※　質問はよそで　※

>>574
それは漏れに言ってもらってな
近郊でいうとザッと >>541,546,547,559,562,563,566,567
この辺りの意味・内容のないレスが問題だろうな（w

>>542
>dt{list-style-type:decimal;}は駄目なんですか？

駄目ではない。但し、display:list-item;も追加指定すること。IEはver.6から対応。
http://msugai.fc2web.com/web/CSS/display.html#display

>>579
>>574

>>580
その参照ｻｲﾄはちょっとｱﾚですね

アレとはどれ？　>>582

>>580の所のリンクなんだけど
position: fixed の【表示例】を作っているがこれは妙なだね
画像もキモイし、あと-mozなんかWeb上でつかちゃダメだよ

>>584
>これは妙なだね
妙な「何」ですか。アレとか仄めかさないで明言してやった方がいい。

>画像もキモイし、あと-mozなんかWeb上でつかちゃダメだよ
それは好きずきってもんでしょ。独自拡張もそれと承知して使用してるんだから。

>>585
http://www.mozilla.gr.jp/standards/webtips0001.html

>>586
そんな注意なんざとっくに承知。
その上で独自拡張も使用することに決めたね、私の場合は。

で、「妙なだね」とは？　気になるぞ。>>586

>>587
では、お好きにどうぞ
>>588
妙なだね ---> 妙だね
釣られてやるよ（w

いやだなぁ。
外来語に一喜一憂する日本人。



解釈がどうのと議論するんなら
英語板にでもいったら？

>>587
馬鹿丸出し(ﾟｍﾟ*)ﾌﾟｯ　独自仕様の解説はせんでくれよ

>>470はどこまで恥の上塗りを続けるのだろうか？
と思ったけど騙りだろうな。
まさか本人がこんな恥ずかしいことするわけががない。

まぁ一介の技術者集団のもじら組合。
使わないでくださいってんならわざわざCommentすんな、って話。

とにもかくにもエラそう。

>>593
というか、独自拡張なんか使う必要はない他にも方法はある
そんなことより>>587のところは独自拡張を使用するしない
以前に考える余地あり

a:link { text-decoration:none;color:#0000FF; }
a:hover { text-decoration:underline;color:#FF0000; }

こういうふうに、リンクの装飾をする方法を知りましたが
すべてのリンクが同じ装飾になってしまいます。
一部のリンクのみ、装飾を変えることってできますか？

イメージとしては、
.normal{
a:link { text-decoration:none;color:#0000FF; }
a:hover { text-decoration:underline;color:#FF0000; }
}
.black{
a:link { text-decoration:none;color:#000000; }
a:hover { text-decoration:underline;color:#008000; }
}
とスタイルを定義して、

<span class="normal"> <!--この範囲のリンクは普通っぽい配色-->
<a href="...">A</a><br>
<a href="...">B</a><br>
</span>
<span class="black"> <!--この範囲のリンクは黒っぽい配色-->
<a href="...">C</a><br>
<a href="...">D</a><br>
</span>
ってな感じのことをしたいのですが、これでは文法が間違ってるようなので
当然うまくいきません。

いい方法があったら教えてください。

>>595
<span class="normal"> <!--この範囲のリンクは普通っぽい配色-->
<a href="...">A</a><br>
<a href="...">B</a><br>
</span>
<span class="black"> <!--この範囲のリンクは黒っぽい配色-->
<a href="...">C</a><br>
<a href="...">D</a><br>
</span>

上のでやるなら
.normal a:link { text-decoration:none;color:#0000FF; }
.normal a:hover { text-decoration:underline;color:#FF0000; }
.black a:link { text-decoration:none;color:#000000; }
.black a:hover { text-decoration:underline;color:#008000; }


ついでにこういうのでは
<a href="..." class="normal">A</a><br>
<a href="..." class="black">C</a><br>

a.normal:link { text-decoration:none;color:#0000FF; }
a.normal:hover { text-decoration:underline;color:#FF0000; }
a.black:link { text-decoration:none;color:#000000; }
a.black:hover { text-decoration:underline;color:#008000; }

>>595
a:link, a:hover { text-decoration: none }
a.normal:link { color: #0000FF }
a.normal:hover { color: #FF0000 }
a.black:link { color: #000000 }
a.black:hover { color: #008000 }

>>595
a:link, a:hover { text-decoration: none }
a.normal:link { color: #0000FF; background-color: transparent; }
a.normal:hover { color: #FF0000; background-color: transparent; }
a.black:link { color: #000000; background-color: transparent; }
a.black:hover { color: #008000; background-color: transparent; }

>>596-597
最強に助かりました！ありがとです。

>>598
丁寧にありがとです。
background-color は transparent が規定値らしいので
入れても入れなくても変わらないっぽいですが。

CSS Validator の警告避けだと思われ。

>>594
>考える余地あり

だから、どんな？　それを具体的に指摘してくれなくっちゃ。

>>600
表示は同じだけど、より正しい表現なんじゃないかな

>>601 >>603
そんならシートの先頭に
　body * {background-color:transparent;}
とでも一行だけ入れておけば済む話。繰り返し指定するのは無駄。

>>594
>独自拡張なんか使う必要はない他にも方法はある

では、-moz-box-sizing:border-box; の代用になる方法があるならご教示下さい。
使用しないでどうやったらWinIE互換モード（含5.5以前）と表示を合せられるか悩んでます。

>>604
box-sizing はCSS3での実装予定プロパティつまり現在では標準ではないのと、CSS2の定義で言えばIEのボーダーからボーダーの計算は間違い。
それとソースでも晒してくれないと何ともいえないけど

>>602
>>580のところの人ですか？
例えば画像の固定位置のサンプル画像ですが、別ファイルにリンク
するとかぐらいやればいいと思いますよ。何のブラウザで確認して
いるのかは知りませんが配置は乱れているしテキストも一部隠れ、
しかも「ドクロ」の画像では初めて見た人は不快に感じると思いますが
CSSのウンチクよりCSSをどのように効果的に使用するかが先決だと
思います。それが「物理的構造」です。せっかく素晴らしい内容を公開
されているのですからなおのこと

>>605
>box-sizing はCSS3での実装予定プロパティつまり現在では標準ではないのと、CSS2の定義で言えばIEのボーダーからボーダーの計算は間違い。

そんなことは重々わかってますって。繰り返していただくに及びません。
で、それを知った上で、-moz-box-sizing:border-box;を使用してるんですけど。
代用になる方法なんて、本当にあるんですか。
大きなpaddingを含んだボックスにwidthを指定したい時、他に手がありますか。
現に、IE5.5の使用者がアクセス解析で15％存在するから、配慮せざるを得ない。

>606
>CSSのウンチクよりCSSをどのように効果的に使用するかが先決だと
>思います。それが「物理的構造」です。

それが「物理的構造」……って？　意味わからん。
物理マークアップはいかんのだし。

>>594
>独自拡張なんか使う必要はない他にも方法はある

-moz-border-radius無しに角丸をやるには一々画像を用意しなくてはならん。
-moz-opacity無しに画像を使用せずどうやってMozillaで透過ができるってのか。
だいたい他のブラウザでは無視するのだから害は無いのだし。
独自拡張に依存した作りのページにしなければそれでよいはずだ。
独自拡張アレルギーも大概にした方がいいと思ふ。

>>609
ベストエフォート的な考え方だよね。漏れは賛成です。
-moz-border-radius が理解できなければ、おなじみの矩形で、
となるだけだし。

角丸にはすごい前からみんな泣かされているよね。
3×3のtableを書いたり、JavaScript で無理やり before/after 擬似要素の
まねをしたり。

ページ内で複数種類の定義済みクラスを使用したいのですが
どうにも上手くいきません。

これでは駄目なんでしょうか？

<style type="text/css"><!--

.CL1{ a:link { color: BLACK }; };

.CL2{a:link {color: BLUE }; };

--></style>

ご教授願います。

つ、釣られないぞっ

>>611みたいな書き方が出来れば便利だとは思うけどね

いや、ホントに困ってるんですが。
お約束なケアレスミスなんでしょうか・・・（ ´Д⊂ヽ

>>5-7n のFAQにも見当たらないし
tripodのFAQｻｲﾄは無いし
ネットで出来る限りの検索探査もしましたが・・・うーん？

a:link.CL1

むー。やはり不可能。ということなんでしょうか・・・
一部のリンクの色を <a href="〜" style="color:BLACK;"></a>
で囲んで変えることは変えれますが、それだとどうあってもその部分はその色で固定されてしまうし・・・ｼｮﾎﾞｰﾝ

>>611
「セレクタ」を調べろ。

>>616
おまいさんはスレ内検索ってしないのか？
少し前のレスさえ読まないのか？

>>607
解釈の間違っているIEの為に何故解釈の正しいブラウザの独自拡張を
使ってまで互換性を維持したいのか？重々何をわかっているのか知ら
ないがそれでよければわざわざ質問しなければいいんじゃないの？
それより人にモノを訊く態度ではないし、M$にでも訊いてみたら

>>609
>だいたい他のブラウザでは無視するのだから害は無いのだし。
たったらなおさら最初から使うなってこと、自己満足のみ
それと1.5xぐらいから一部MozillaでもWeb上では動かないからね

>>619
>独自拡張なんか使う必要はない他にも方法はある
などと>>594で見得を切っておいて、結局代りの方法は無いのですね。
方法があるとのことなので「わざわざ質問し」てみたのですが、残念です。

>>620
>たったらなおさら最初から使うなってこと、自己満足のみ

だったら、ＣＳＳ未対応のＵＡもあるのに、スタイル指定すること自体、
自己満足のみってことになるんでないかい？

>それと1.5xぐらいから一部MozillaでもWeb上では動かないからね
そんなことはとっくに知ってるよん。無益な講釈は聞き飽きてるんだ。

>>616は>>595以下を読みなさい。
子孫セレクタとクラス・セレクタについて勉強しなさい。

>>621
だから質問しない方がいいんじゃないの？
そん態度じゃ「わざわざ教える」人はいないだろうな
>>622
UAって何だかわかってるの？論外（w
で、なんで使ってる訳？
それと日本人じゃないだろ

>>611
FAQがどうのこうのというより基本的な書き方がすごく間違ってるから。
スタイルシートの使い方は3種類あるんだけど、それがめちゃくちゃに混ざってるよ。

>>5-7を見る前に>>4を見たほうがいい。

>>624
DOMはUAじゃないとでも？

＞そん態度じゃ「わざわざ教える」人はいないだろうな

そん態度（笑）
誤字脱字が多いのは、「日本人じゃない」からかな？
何だかんだ言っても、「教える」ことができないだけなんでしょ。
さもなきゃ、独自拡張の代用になる方法をちゃんとご教示いただきたいもんだ。

>>627
独自拡張を使ってオナニーページでも作って(´Д`;)ﾊｧﾊｧしてろや（w
それかその独自拡張満載のオナニーページでも晒すことだな

※>>627の質問の経過
>>604
>では、-moz-box-sizing:border-box; の代用になる方法があるならご教示下さい。
↓
>>605
>ソースでも晒してくれないと何ともいえないけど
↓
>>607
>代用になる方法なんて、本当にあるんですか。
↓
>>621
>方法があるとのことなので「わざわざ質問し」てみたのですが
↓
>>627
>独自拡張の代用になる方法をちゃんとご教示いただきたいもんだ。
↓
>>628
>オナニーページでも晒すことだな

ほとんど字が読めない、文書を理解できないとしか思えない
＃ヒント「ソースを晒す」

>>627
>「わざわざ質問し」てみたのですが
"人の振り見て我身を直せ"とはこのこと
CSSや独自拡張以前に一般教養を勉強しなさい

>>629
だからさっきから言ってる｢ソースを際す｣ってどういう意味よ
一般人でも分かるように書いていただけますか？２ちゃんねらさん

>>631
日本人？

うわ。昼寝からおきたのにまだやってたの。
結局独自拡張を使うことの代替方法は晒せなかった、でFA?

>>631
http://www.bulldog.co.jp/

ソース、ねえ……。
>>607で
>大きなpaddingを含んだボックスにwidthを指定したい時、他に手がありますか。
と言ってるのでは不足なのかなぁ。

>>630
「わざわざ質問し」は引用符で括ってるのに。失礼な口調だとしても、元々は>>619が使った言葉だよ。
ほとんど字が読めない、文書を理解できないとしか……

「晒す」は２ちゃん内での造語ではないよ。

回答者が不足といえばそれは不足しているのであって、
質問者側が不足とか十分だとか判断できるものではない。

だーら議論はココですんなっつーの

>>637
その回答者サマはソース不足だっていつ言ってるんだ？
>>607に対して直接回答した>>619は捨て台詞で逃げてるだけだが。

>>639
逃げてはいないと思うがそもそも>>607は根本的に独自拡張とは
何かを理解できていない。box-sizing ぐらいの調整はマークアップ
とCSSの基礎を理解していればできはずだが
意味のない粘着としか思えない

>>639
逃げてるってさ、別に何か報酬貰ってるわけじゃないし、別に回答しなかったからといって逃げにはならないよ。
知ってるけど教えねー。だからなんだ？何が悪い。何をもって非難する。

＞ソース不足だっていつ言ってるんだ？
回答者は>>605でソース晒せと言ってるのにアンタはソース晒してないじゃん。
勝手にこれで十分だろとか判断して、>>607の情報しか出してないわけだろ？
なんでわざわざ出し惜しみしてんの？

>>640　できはず
>>641　「知ってるけど教えねー」のなら、最初から口出さなきゃよろしい。

>>642
教えるつもりで情報を貰おうとしたら、出し惜しみ＋態度悪すぎ。
こんな場合教えなくともいいと思うが？

「情報を出し惜しみする」のなら、最初から質問しなきゃよろしい。

出し惜しみって、だから情報不足だってその回答者サマはいつ言ったのかね？
見つからないので、レス番号で示して下さい。

だからさ、独自拡張使用のオナニーページ晒せよ（w
何にもわかってない厨よ

>>605
＞それとソースでも晒してくれないと何ともいえないけど

これでＯＫ？

>>646　だからさ、それに対して>>607が出したのでは不足だと言ったのか？

>>647
ソースって、だからそのソースはいつどこに書かれたのかね？
見つからないので、レス番号と該当箇所を引用して下さい。

>>648は>>635を読みなさい。

あと、他人のサイトだが、ここなんかbox-sizingを使ってる。
http://www.remus.dti.ne.jp/~a-satomi/
http://www.remus.dti.ne.jp/~a-satomi/common/css/__defaults.css
独自拡張を使用せずに直してみせて下さい。

・ソースとは「問題となっている内容の情報」を指していると思っている。
・「晒す」を「さいす」と読んでいる。

いやはや楽しい人だ。

>>649
＞該当箇所を引用して下さい。
と言ったのが読めませんか？
見落とした可能性を考慮して再度書いておきます。

＞独自拡張を使用せずに直してみせて下さい。
嫌です。アンタに協力するつもりが微塵も起こりません。

>>647
アフォか？値が存在しない自体説明、不足も何もない
一体何をどうしたいんだ？

>>649
自分のサイト晒せよ、腰抜け
今さら誰も教えてもくれないよ（w

ソースに対する見解の相違ですか？
まさか出し惜しみはしないでしょう。

ソース出すまでもない、要は「大きなpaddingを含んだボックスにwidthを指定したい時」（>>607）が問題なのだから。
それにソースが欲しければ>>649の例が出てる。
それでもまだ逃げるの？

ソースというのはHTMLソースのことですよ。
はやく際してください。

＞値が存在しない自体説明、不足も何もない
652は日本語がヘンです。

>>655
回答者が回答のために「ソースを出せ」と言っているのに、
＞ソース出すまでもない
などと言い放つのであれば、「あなたのために回答を出すまでもない」と言わざるを得ないな。

ソースを晒すことから逃げてるのはどう考えてもお前。

＞それにソースが欲しければ
ソースをほしがってるわけではない。「お前に回答してあげるために尋ねてあげてる」んだよ。

「俺が欲しがってる文房具が知りたいなら机を見ろよ。それでわからないのか？」
といってる人間に文具を与えてやろうと思うやつなどあるか？

>>655
＞ソース出すまでもない

だから、何故質問をする側のあなたが回答者が必要と判断した情報を不要と判断するのですか。
これは、あなたが判断すべき事柄ではありません。

＞それにソースが欲しければ>>649の例が出てる。
あれ？
あなたは情報を出したと仰いましたよね。
何故今頃出てくるのですか？

＞それでもまだ逃げるの？
逃げるとはなんですか。何を根拠に逃げると仰るのですか。
あなたは実に失礼です。

さっさと非を認めろよ。
もう終わらしてくれ。

で、結局-moz-box-sizingの代用法は出せませんか。

>>655
小学生レベルの「受け答え」の問題
そんなに知りたければ自分でやってみればいい
まさに独自拡張的な正確だな（w
氏ねよ

>>661
自分の非を認めなければ誰も出さないでしょう。
最も、非を認めたところで誰かが出してくれるとは限りません。
元々回答が貰える保証などありませんし。

>>605はソースを晒せと言った。
それに対し>>607は「大きなpaddingを含んだボックスにwidthを指定したい時」と情報を出した。
で、その>>607に対して、回答者本人がそれでは不足だと言ったのはどこなの？

>>663　知らないことは正直に知らないとお認めになっては如何。
で、結局-moz-box-sizingの代用法は出せないのですか。

Ａ 「ソースを」出せ。
Ｂ 「情報」を出しました。

ソースはどこにも出ていません。

>>661
なんか聞き分けのないお子ちゃまが欲しいものをおねだりしているようだね（w
親の顔が見たいよ

>>665
あなたこそご自分の非を認めては？
また、質問する態度も改めるべきじゃないでしょうか。

>>666
それでは不足だと言ってないよね？　なぜ不足なのかも。
不足だとしても、>>649はそれにつきあって例を出してるんだし。
さ、ご回答あれ。

>>664
>>619の
>人にモノを訊く態度ではないし、M$にでも訊いてみたら
これが答えじゃないのか？

>>669
ソースを出せと言われてソースがまだ出ていないわけですから、不足もクソも、
そもそもあなたソースを出してすらいませんでした。
その点について非を認めますか？

また、>>651で述べたようにあなたの様な失礼な態度をとる人に対して回答を出す気には微塵もなれません。

自分が回答できないのを態度の所為にして逃げるのはいかがなものか。

>>669
付き合うも何もそれはキミの勝手

>>672
私が回答できないという単なる憶測に頼ってしか反論せず、
さらには自分の非すら認めようとしない態度は質問者として如何なものか。

>>650が結論となるであろう。

>>674
憶測だとおっしゃるなら、それを示して下さい。
覆すには、-moz-box-sizingの代用法を示せば足ります。
そしたら、当方の非も明らかになります。

>>675
楽しい人＝ネタということですか？

>>676
あなたが私が出来ないと判断した根拠は何ですか？
明確な根拠を明示してください。
根拠として正しければ憶測ではなくなりますが、それを示せないのであれば単なる憶測です。

>>669
> それでは不足だと言ってないよね？　なぜ不足なのかも。
> 不足だとしても、>>649はそれにつきあって例を出してるんだし。
「ソース出していない」から「出せ」と言ってるわけで。
「ソース出していない」から「不足だ」と言ってるわけで。
「ソース出していない」から「ソース晒せ（「際せ」ではない）」と言ってるわけで。

>>677
いや、頭の中にお花畑か何かを所有しているのではないか、と。

>>676
> 憶測だとおっしゃるなら、それを示して下さい。
憶測であるとする理由が「根拠を示していない」以外に何があるのか。
思いつきで書き込んでるからどんどん破綻していくね。

あと「際せ」とはどういう意味なの？

>>678
>594 ：Name_Not_Found ：03/10/14 00:28 ID:???
>>>593
>というか、独自拡張なんか使う必要はない他にも方法はある

とか見得を切っておきながら、>>609にも返答するのを避けてるし。

631と635は別人です。と言っても信じまいがね。
楽しい人は「楽しい人たち」なんです。

まぁ別人であろうとなかろうと今話してる相手がどちらかであればそれでいいんだが。

>>683
じゃ二人も「晒す」の意味を理解していない人がいるということなのか。

片方は読み方すらわかってないし、
片方は「情報出してるじゃん」とか思ってるし。
まあ、どっちもダメダメなわけだが。

＃代替案がある、と言ってる人に突っ込むのは構わんけど、
＃その発言者以外のツッコミを無視するのはなぜ？都合悪すぎ？

ただ-moz-box-sizingの代りの方法を示すだけで
自分の正しさと質問者の非を明らかにできるのに。
それすらしないのは、できないからだと見做されても致し方あるまいて。

>>686
それは「代替案がある」と言ってる人へのレスであって、

・回答のために「ソース出せ」と言っている人に対し、なぜ出さないのか？
・なぜ横柄なのか？
・なぜ漢字が読めないのか？
・なぜ読めなかったのに「その書き込みは別人がやった」と言うのか？
・なぜソースというタームが理解できないのか？

については別件であることを理解いただきたい。

#つか、ソース出されりゃ代案も考えれるけど、漠然と「それに取って代わるものを出せ」と言われても

>>686
悪態をつく質問者へ回答することは、
悪態をついても回答して貰えるという前例となるだけなので回答すべきでないと思いますし、
たとえ私がさらりと回答を示すことが出来たとしても、あなたに回答を示すことは絶対にしたくありません。

＞それすらしないのは、できないからだと見做されても致し方あるまいて。
というか、アンタの基準で「致し方あるまいて」とかいわれても困るんですけど。
勝手にお前の思考回路を標準化するなよ。

>>682
自分の受け答えの未熟さで教えてもらえなかったおねだりだね？
もう一度基礎からCSSをお勉強すれば IEとMozilla の解釈のちがいぐらい
-moz-box-sizing なんか使わずにできるよ（w
なんでも教えてヽ(`Д´)ノ ｸﾚｸﾚ厨はだめだよ
-moz-box-sizing は確かに便利だけどね
CSS3が勧告されるまで我慢するのが大人っていうものだよ
わかった？

えーと、
例えばlist-itemとかはulに指定するべきか、liに指定するべきか、どっちにしなくてはならないとかいう決まりってあるデスか？

だめだだめだ。
もうこの子には何を言っても「できないからでしょ？」で思考停止してるよ

「できないからでしょ？」と煽れば「できるよ！」ってムキになってやってくれるのは中学生までと思うんだけど。
そんな罠にかかる大人はそういまいて。

>>687
別件に応答してると錯綜するから困るんだが……
>・回答のために「ソース出せ」と言っている人に対し、なぜ出さないのか？
　>>607で十分だと思ったから。不足ならば、なぜ不足か言って欲しい。
>・なぜ横柄なのか？
　>>605の横柄な説教口調に対応したまで。
>・なぜ漢字が読めないのか？
>・なぜ読めなかったのに「その書き込みは別人がやった」と言うのか？
　信じられないなら仕方ない。

>>690
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visuren.html#display-prop
'display'プロパティ（The 'display' property）
Applies to: all elements

>>692
なぜソースというタームが理解できないのか？

「煽られて悔しいから『わかってるんだぜ！』ってところを見せてやりたい」という感情と、
「ああ、こいつには教えたくないな」という感情で、時に後者が勝つこともあるんだよ。

>>689
＞-moz-box-sizing なんか使わずにできるよ（w
ではその「方法」を公開して下さい。
ここでなくても、どこかで結構。
公開しておけば、私でなくてもきっと多くの人が重宝するはずですから。

>>693
さんくすこ
＞要素（HTMLのLI要素など）
など、ってULに指定してもいいかどうかわからんかったわ。
仕様書を読解できるほどじゃないからなあ。勉強中だから。

そろそろ田舎武者の相手も飽きてきたな。

>>692
あのさ、誰もオマエの質問に対して答える義務なんかないの
不足だとか不足ではないかという前にまずはそれに従う
これについて教えてくれませんか？
↓
では、ソースを晒して下さい
↓
これですがどうでしょう？
↓
回答

これぐらい理解できないか？情けないよ

で、>>649のソースではどうなのよ？

>>699
(´ι _` 　) あのさ人間て機械じゃないんだよ
それぐらいわかんないか？

>>699
＞読みなさい
…

40以上レスを消費した挙句晒した他人のサイトで「ソース出しただろーが」はないよな…

(´ι _` 　) 回答者の中の人も大変だな...

晒すべきはソースであってサイトではないはず。

際せの人はどこ行きましたか？

独自拡張を好む人って考え方も独自だね
いったいどんな拡張を脳に入れているんだろうか・・・・

いちいち煽らなくていい。引っ張るな。

独自だというソースを際してください。

>>705
　>>609-610参照。

>>708
角丸みてぇなだせえことやるために泣いたりする人、と言いたいのかな？

-moz-border-radiusや-moz-opacityの代用法も、知りたいなあ。
>>620は言を左右にして回答してくれなかったけど。

>>710
> >>620は言を左右にして回答してくれなかったけど。
こういう煽りをいれるから答えなくなった、という事実には目を背けたいらしいな。

>>710,711
ウジ虫

煽り（？）を入れる入れないに拘らず、
>>584＝>>594＝>>605＝>>619＝>>620は百も承知のことを説教するだけで
肝腎の回答は避けてばかりでありました。

お前らがいくら頑張って信仰しても、幹部にはしてもらえないよ。

「回答を避けやがった」と「回答をいただけませんでした」を同義として使うバカだから回答がいただけなかったんだよな。

何の幹部？

>>714
お前がいくら頑張って煽っても、幹部にしてもらえないやつの足元にも及んでないよ。

>>716
こういう人って、「闇の組織があって、それで〜」とか妄想する癖があるみたい。
「黒幕を出せ」とか言い出すのもこのタイプ。

>>717-718
ごめん、誰を何で比喩してるんだか掴めない。

(´-`).｡oO（馬鹿を通り越して幻覚が現れてきたか・・・）

ええと、そもそも>>714は>>713にむかって言ってるのかな？

>>721
単純に、>>714は、「CSSスレ住人」に向けて言ってるんだよ。
こういう発言する人は大抵、「表示できればいい」とか言ってテーブルレイアウト。
で、過激派のW3C信者に叩かれて、「Validたれ」と思う普通の製作者も目の敵にする。
結果、「お前らは、綺麗なソース書けばW3Cの幹部になれるとか夢見てるんだろ！」とか、
「お前らは、教えを広めるためになんでもやるような組織に所属してるんだろ！」とかいう妄想を抱くようになるわけだ。

そもそも、いきなり現れてageで発言するようなやつが、スレの書き込みなんか読んでるわけない、と。

>719

>720

>721

（´-`）.｡oO（読解力皆無が二名

>>722
あのさ、改行しないか改行幅を狭くしてくれないかな？
読みづらい

独自拡張、草案段階のCSSについて語れ
http://pc2.2ch.net/test/read.cgi/hp/1019912046/l50

http://www.alib.jp/mozilla/extra_properties
http://deztec.jp/site/tips/page/p0032.htmlhttp://www.remus.dti.ne.jp/~a-satomi/nikki/2003/06a.html#d04n01
http://deztec.jp/design/note030102.html
http://www2.jan.ne.jp/~u-z/diary/2002/02.html
http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/

質問の仕方も知らない低脳は2chに来ないで下さい(￣ー￣)ニヤリッ

知ったかぶりの回答者も要らないけどな。
それでかな、Web制作板って固定ハンドル減ったよな……。

ここのスレみてると、
CSSでのデザインにこだわることがとんでもない厨房行為のようにみえてしまうよ…

ひろゆき降臨ｷﾀ――――――――(ﾟ∀ﾟ)―――――――――!!

>>729
まぁ仕様書も読んだ事無いのにこだわってる香具師は厨だな

ウェブ板の質問スレはどこでも、

やりたいことがあって、
自分でやったけどできなくて、
その過程を晒して、
アドバイスをもらう、

のです。ここ数十レスに出てきてるうんこちゃん以外のみんなも
よろしくお願いします。

>>731
仕様書を読んでも我流で使ってるんだから話しにもならない

調べたつもりですが、ちょっと分からないので、ご教授願いします。

win-xp-IE.6で

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
</head>
<body>
<table width="200" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<th bgcolor="#000000" scope="row"> </th>
</tr>
</table></body></html>

と

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--
以下同様省略
-->
</html>

では
"http://www.w3.org/TR/html4/loose.dtd"は入ってると高さの100%指定が効かなくなります。
前者の様な、縦に二つの違う色の背景を指定して、なおかつ、ウィンドウの高さに影響されないようにしたい
のですが、正しい記述、もしくは違う手法を教えてください。

これはスタイルシート関係ないのでは？
従順モードと股間モードの違いでは？

>>734
初期コンテナブロックを生成する要素は、
WinIE6標準モードではhtml要素、
WinIE6互換モードとWinIE5.5以前はbody要素です。

>>734
CSSスレッドで１ページ全面テーブルを出すとは、いい度胸ですな。
table無しでbodyに背景色指定すれば済むのでは。

>>734
Transitionalの場合、dtdの参照元を入れると標準モード
入れないと互換モードになる
>>4に載ってるサイトにたいてい書いてあるよ

標準モードと互換モードを調べてみましたが、
IEのバグみたいなことを言ってました。
まだちょっとしか見てません。

テーブルでのレイアウトは原則に反してるのは分かってますが、
これ以外のやり方で私が望んでる効果の出し方が分かりません。

黒黒黒黒白
黒黒黒黒白
黒黒黒黒白
黒黒黒黒白
黒黒黒黒白
黒黒黒黒白

bodyの背景色指定でこのようにできますでしょうか？

>>738
詳しく調べてみます。

table要素にheight属性はないんじゃないのか？

>>739
background-colorとbackground-imageを併用する。
>>741
その通りです。
　http://www.ne.jp/asahi/minazuki/bakera/html/reference/table#table

どうしてもそれでやりたいっていうなら、thにスタイルシートでheight値を与えるんだな。
しかし、div使えばできそうなもんだが。

ところでなんでヘッダ？

49 ：心得をよく読みましょう ：03/10/14 14:33 ID:/cuY8/mi
【板名】 WEB製作管理
【スレのURL】 http://pc2.2ch.net/test/read.cgi/hp/1064502391/l50
【名前】
【メール欄(省略可)】sage
【本文】
>>629
だからさっきから言ってる｢ソースを際す｣ってどういう意味よ
一般人でも分かるように書いていただけますか？２ちゃんねらさん

>>734
>scope="row"
なら右に続くデータセルがあると思うんだけど、どんなモノがあるんだ？

>>739
bodyの背景色指定でって限定じゃなくていいなら
そんなのいくらでも再現する方法あるけど
例えば 背景で50p（任意の幅）×1pxの画像を作って縦に並べたり
他にも<div>使ったり工夫次第でどうにでもなるよ

>>744 どこから取ってきた？
>>746　背景色の上に、background-positionで別色の背景画像を配置してもよいやね。

背景画像について質問です。
body.backright
{
margin : 0 300px 0 0;
padding : 0;
color : #000;
background-color : #FFF;
background : url("image/back-right.jpg");
background-repeat : no-repeat;
background-position : 100% 0%;
}
back-right.jpgは縦768px,横300px

このようにback-right画像をブラウザの右端に配置した状態で、
その画像の左側に線を入れることってできますか？
border-left : 1px solid #000;を入れても駄目でした。
どうすればいいのか、教えていただけないでしょうか？よろしくお願いします。

>>739
これで>>739のﾚｽのなかで希望してることだけはできる。ただし、内容の拡張によって工夫が必要。
<html>
<head>
<style type="text/css">
<!--
* {
　　height : 100%;
　　margin : 0em;}
body {
　　color : #ccc;
　　background-color : #fff;}
div.contents {
　　background-color : #000;
　　width : 30%;}
//-->
</style>
</head>
<body>
<div class="contents">
<p>hogehoge</p>
</div>
</body>
</html>

>>744は「晒す」が読めなくて「際す」でごまかしている

>>750　はあ、だから？　それに744てか、49みたいだけどどこのスレッドだ？

ネタのつもりで依頼したんだけど此処まで盛り上がるとは思わんかった･･

　正　直　、　ス　マ　ン　カ　ッ　タ


ついでに依頼したスレ
http://aa2.2ch.net/test/read.cgi/accuse/1066099305/49

>>748
その画像の左側に線を入れる

>>751
>>629を見てみろ。

>>748
画像ソフト使って画像の左側に直接1pxの線つければいいじゃん
で、画像の縦幅は2000pxくらいにする（引き伸ばすんじゃなくて、上に余分な余白をとってボーダーを残す為）

汚い方法でもどうしてもやりたいなら、
空のwidth:300pxにしたDIVを左側に寄せて、border-left : 1px solid #000;にするとか

勝手に発射したので続き
その画像の左側に線を入れる（加工段階で）
body{
margin: 0;
color: #000;
background-color: #FFF;
background-image: url("image/back-right.jpg");
background-repeat: no-repeat;
background-position : 100% 0%;
background-attachment: ?????;
}

何でbodyにclass? 付けるなら id

>>756
bodyにclassってつけちゃいけないのか？

>>749
まさにこれです。

自分のものにするために、勉強してで直してきます。
いろいろレスくれた方ありがとうございます。

そういえば前から疑問だったんだけどidとclassの使い分けってどうしてる？
漏れ殆どidしか使って無いんだが、それじゃやっぱ駄目か？

くだらないこと聞くなよ

>>759
idは何度も出てきちゃだめでしょ？
繰り返し使うのはどうしてるの？

>>759
駄目。
http://www.tg.rim.or.jp/~hexane/ach/fscs/fscs11.htm#a-class
http://www.tg.rim.or.jp/~hexane/ach/tocs/tocs05.htm

>>757
いけなくないよ。幾つかのページ間で共通のclassってのもあり得る。

>>763
サンクス、助かりました

俺bodyにclass使ってるからビックリしたよ
コンテンツの大きなくくりで背景を使い分けてるから
idは違うかな、と思ってたんで

質問します。

*{
font-size:small
}

font{
fontタグが指定した通りの大きさになる
}
っていうのってできますか？

標準サイズはすべて決まっていて、フォントタグだけは生かしたいのです。

…ってココまで書いたけどよく考えたら凄い質問してるなぁとおもってやめました。
もったいないのでｶｷｺ

>>765
できないし、そもそも、
CSS使ってる癖に<font>なんて物理タグ使ってはいけません。

そっすよね。すんません。
クライアントがメンテナンスしたいっていうので、
ベースデザインは生かしつつもフォントサイズやボールドを自由に設定できる方法を模索してます。

>>767
えっと･･･

>>765
クラにemやらＳｔｒｏｎｇやらＳｐａｎを教えろ

>>767
！？
クラからの依頼って事はそのレベルでプロやってんのか！？

web製作は不思議な世界だってつくづく思うよ･･･

はい…。
自分で言うのもなんですが、プロにもピンキリあると思います。

>767
メンテナンス性を求めるならなおさら、
HTMLはemやらなんやらにしてCSSいじるだけにしといた方が楽だろ
サイズもボールドも簡単に変えられるし

HTMLの文法とかより、デザイン力だからな。

>>772
em、 strongくらいは対応できると思うんですが、
classの自作は多分無理だと思います。

> classの自作は多分無理だと思います。
C++やJAVAのclassのことですか？

>>775

　　　　　 　 　 　 　 　 　 ∩
　　　　　 　 　 　 　 　 　 ( ⌒)　 　 　 ∩_ _　ｸﾞｯｼﾞｮﾌﾞ!!
　　　　　　 　 　 　 　 　 /,. ノ　　　 　 i　.,,E）
　　　　　　　　　　　　　/　/"　　　 　 /　/"
　　_n　 ｸﾞｯｼﾞｮﾌﾞ!! 　 /　/ _、_　　 ,／ ノ'
　（　l　 　 　_､ _　 　/　/　,_ﾉ` ）／ ／　_、_　　　　ｸﾞｯｼﾞｮﾌﾞ!!
　 ＼ ＼　（ <_,`　）（　　　　　　　／ （　,_ﾉ` ）　　　　 n
　　　ヽ___￣￣　ノ　ヽ　　　　　 |　￣　　 　 ＼　 　 （ E）
　　　　　/ 　 　/　　　＼　　　　ヽ ﾌ　　　 / ヽ ヽ_／／

この業界はプロもアマもあったもんじゃねえな

まぁその文依頼の内容もかなりピンキリだけどな、



つか、不可能な事要求してくるクラ大杉

>>774
spanいろいろなフォントサイズのclassをいっぱい作っておいてあげて
文字をこれくらい大きくしたい時にはこれを使ってくれと言えばｲｲだけだろ

俺も金払ってほしいよ

<span class="size14pt"> とかだったら意味ないぽ

本当に意味無いな

どうして？

>>782
そんなあなたのためにこのスレがあります

そもそも「論理的構造」と「物理的構造」の分離という基本的な概念を
わかっていない厨が多すぎる。わからないなら理解できる迄使用しない
方がよいと思われ

>>782
<span class="size14pt">テスト</span>
ってやってみろよ（ﾜﾗ

>>775
ここCSSのスレですよね…。
>>779
そこまでやると割に合わないので、
どうにか簡単な方法ないかなぁと思っていた次第です。
でも、とりあえず他に方法がないので、
その方向で進めていきたいと思います。
踏ん切りがつきました。ありがとうございます。
>>780
意味ないです。多分そんな感じで指定してゆこうと思います。

でわ。みなさんありがとうございました。

>782
お前、ぶっちゃけ
.bold{font-weight:bold}
とか作るだろ。

はい、ぶっちゃけそうです。

>>786　意味無いことしなさんな。頼むから勉強して下さい。

>>786
割りに合わないのはキミの低能なオツムだ

>>766
逝け

>>788
>>784

質問です。

<table>
<tr><th>品番<th>品名<th>単価
<tr><td>001<td>モナ鉛筆<td>100円
<tr><td>002<td>ギコ下敷<td>250円
:
</table>

例えば、こんな表で各セルの背景色を列ごとに塗り分けたいです。
Mozilla など CSS2 が使えるブラウザでは、

td:first-child { background: #ffc }
td:first-child + td { background: #fcf }
td:first-child + td + td { background: #cff }

このようにして、各列のセルを認識させることが出来るというのを
思い付きましたが、これは IE5.5 などでは効きません。もちろん、

<tr><td class=a>001<td class=b>モナ鉛筆<td class=c>100円
<tr><td class=a>002<td class=b>ギコ下敷<td class=c>250円

とすべてのセルに class 属性を割り振っておけば、簡単に実現できる
のは分かるのですが、これでは HTML ファイルがやたらと大きくなって
しまいますし、何というか......エレガントじゃない。(w

なんとか、IE/Mozilla/Opera などで問題なく表示でき、もっとファイル
サイズも節約できるエレガントな方法はないものでしょうか。

<col> 要素に背景色を指定するというのもやってみましたが、セルが全部
縦につながってしまいます。

>>793
キミの求める"エレガント"とは何だ？

各セルごとに色分けすることじたいエレガントにかけていると思うが

>>793
終了タグは省略しない方が無難ですよ。

クロスブラウザを実現したいのにスマートかスマートでないかを論じているのはヘン。
あんたはどっちつかずの自己愛者にしか過ぎないよん。

スマート→エレガント

>>763
CSS3 のセレクタが勧告されるまで待ってろ。
http://kanzaki.com/book/html/spec-nofollow.html#css3-selector

>>763 じゃなくて >>793 の間違いね。

IE が first-child を理解してくれたら、楽になるなぁ。

>>793
first-child
サブクラスはIEに対応してない(MacIEの新しいバージョンなら使える)

だから　CSS　は使う前に　有効なブラウザ　を　調べろ　と

>799
勧告された後、UAに浸透するまでどれぐらいかかるだろうな

>>799
それ以外のもまだ実装されてないのが多いしなぁ。
個人的にはMACのfirst-letterバグ回避に、langとかもはやく認識して欲しいと思う。
CSSのために英字で始まる文章、とかを書くのは本末転倒もいいところだ。

>>804
langは無くなりそう or 仕様変更されそうな予感

>793
DOM
JavaScript切られたらどうにもならんが
「色が変わったほうがより見やすい（なくても閲覧に支障はない）」という
使い方ならいいのではないかと

<col>に指定するとつながるってのもよくわからないが
<td>の縦padding指定するとかじゃダメなんだっけ？試してないけど

>>805
>langは無くなりそう
IE終わりだな

訂正
DOM → DHTML

>>793
IEの事は知らないけど、tdにborder指定しなきゃつながるわな。

ああ、col使ったときね。

>>794
IE に対応するだけのために、本来いらないコードを追加して HTML
ファイルサイズが 50%増しにもなるなんて状況は何とかならない
ものか（もうちょっとうまい方法はないものか）ということです。

>>799
そもそも IE が、既に勧告されてる CSS2 に対応してないからこの
問題が起きてるわけで、CSS3 が勧告されても IE が変わらなきゃ
状況は変わらないです。

>>811
HTMLファイルサイズを気にするよりtableを使用しない方が
ブラウザにとってはレタリング面では負担は少ない

　　 /二二ヽ
　 　||・ω・||　　＜ブラウザにとってはレタリング面では負担は少ない
　 ノ/　 /> 　　　　＜ブラウザにとってはレタリング面では負担は少ない
　　ノ￣ゝ

>>812
あぁ…なんか本気でまちがってるっぽいなぁ。
レタリングじゃなくてレンダリングだよ。
これ、結構ちがうよ。

>812
＞本来いらないコードを追加して HTML
＞ファイルサイズが 50%増しにもなる
お前は一つ大きな間違いをしている。
　外　部　リ　ン　ク　し　ろ　よ

やっべ、>811な

レンダリング＞描画、表示。
レタリング＞視覚効果のある文字、イメージ文字。

外部リンクしてみたって余計なclassは必要なわけですが
何か読み違いしてる？

50%も指定しなければいけないhtml文書ってそもそも記述に問題があるような期が刷るんですが。

ココの連中って根本的なことがわかってないのによく騒ぐんだな（w

>>820はみょうちきりんなhtmlを書いてclassが50%も占めるような人ですか

エレガントとかファイルサイズが増してどうのこうのだの、
なんか自己主張の強いプログラマみたいね。

あーのさ、htmlごときにつまんないこと考えてんじゃないよ。

td { background: 〜 }
td td { background: 〜 }
td td td { background: 〜 }

ではダメなのか？