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

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

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

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

【まとめサイト】　http://web2ch.s31.xrea.com/?CSS
【FAQ】　http://web2ch.s31.xrea.com/?CSSFAQ
【過去ログ】　http://web2ch.s31.xrea.com/?CSSLog
【関連リンク】　http://web2ch.s31.xrea.com/?CSSRelated
【前スレッド】　http://pc10.2ch.net/test/read.cgi/hp/1169637015/

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

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

【仕様書】
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.it.okayama-u.ac.jp/man/rec-css1/rec-css1.html
CSS2の仕様書の邦訳（日本規格協会訳／個人訳）
　http://www.y-adagio.com/public/standards/tr_css2/toc.html
　http://www.swlab.it.okayama-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/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS1テストスイート
　http://www.doraneko.org/css1test/
・ばけらの 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
・K@tsukun's PAGE! > 付録：CSS対応状況表
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSS Laboratory対応表・一覧
　http://is.vis.ne.jp/charts/index.xhtml
・ブラウザのHTML4/CSS対応度テスト
　http://homepage1.nifty.com/emk/moz/browsertest.html
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.at.infoseek.co.jp/index.html

【解説など】
・Web標準化Tips（特に「HTML/CSSのよくある誤解・ミス」）
　http://www.mozilla.gr.jp/standards/webtips/index.html
・ブラウザによる振り分け（JavaScriptを使用しない方法）
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・Web Site 作成支援 - What is CSS?
　http://www.nextindex.net/web/CSS/index.html
・Academic HTML::CSS2
　http://www.tg.rim.or.jp/~hexane/ach/
・『スタイルシートWebデザイン』ボランティアHTML化版。
　http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・スタイルシート用語集
　http://www.mitsue.co.jp/case/design/c_index.html
・IE で min-width を指定する方
　http://www.lucky-bag.com/archives/2005/05/ie_minwidth.html
・CSSでイケてるデザインサイトリンク集
　http://ike.s33.xrea.com/
・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.jp/cas_ike2/
・* CSS { イケてるスタイルを："作れ";} 発表所
　http://web.archive.org/web/20030415121122/http://strict.jp/~sappari/2ch/css.php

【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: tableなどブロック要素をセンタリングするには？　text-align:center;を指定しても Netscape6(or7)ではなりません。IEでは中央寄せになるのに……
A2: IEの実装の誤りです。詳しくは下記（特に5.）をご覧ください。
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.Tableのセンタリング
　http://members.jcom.home.ne.jp/jintrick/Personal/css_miss_table.html
5.ブロックレベル要素をセンタリングする方法
　http://www.mozilla.gr.jp/standards/webtips0004.html

【FAQ】
Q3: CSSで段組するには？
A3: 下記などを参照して下さい。
CSSを用いた段組の作成のコツ
　http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
　ttp://web.archive.org/web/20031005195659/http://www.skipup.com/~l-_-l/web/
スタイルシートでマルチカラムデザインの実現
　ttp://web.archive.org/web/20040603063133/http://shiten.s9.xrea.com/etc/stylesheet/multi_column.htm
スタイルシートでマルチカラム・デザインを実現する方法
　http://www.motchie.com/article/multicolumn.html
tableを使はない段組:CSSによるマルチカラムデザインについての考察
　http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
試驗場 - 段組(position版)
　http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
段組れいあうとてすと (floatによる段組の例)
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと（Netscape4でも崩れない段組みの実例）
　ttp://web.archive.org/web/20041001014138/http://homepage3.nifty.com/fores/
リストを用いたレイアウト
　http://css.maxdesign.com.au/index.htm

世界標準ホームページ制作王の、国内における標準化を目標に、
他社工作員と戦い続ける愛国有志のスレッドは以下の通りである。

【警告】21世紀の世界標準はホームページ制作王のみ
http://pc10.2ch.net/test/read.cgi/hp/1172413968/

非標準アプリケーションを製造・販売するために
標準アプリケーションに対していわれなき悪評を喧伝する企業、
ならびに非標準アプリケーションを使用しつづけて
標準アプリケーションの普及を妨げるユーザー、
彼らに世界の意志による正義の天誅が下る日は近い！

【FAQ】
Q4: なんかフロートの表示が崩れるみたいなんですけど？
A4: まずclear忘れがないかを確認してください。
floatさせる要素にはwidth指定が必須（img要素以外）。抜かすとMacIEやOperaでの表示は保証できません。WinIEは勝手に補ってくれるだけです。
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
またfloat:left;で回り込むのはテキスト（imgを含む）だけです。ブロック自体を横並びにするには、後続要素にも“float:left;”なり“margin-left:（浮動要素のwidth）;”なりを指定する必要があります。WinIEの間違った実装で誤解が多いので注意。
　http://cssbug.at.infoseek.co.jp/detail/winie/b054.html
これに当て嵌まらなかったら「浮動要素の高さもheightに含めさせる方法」などを参考に。
　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
　http://cssbug.at.infoseek.co.jp/detail/winie/b079.html
　http://cssbug.at.infoseek.co.jp/detail/winie/b053.html

Q5: CSSで擬似フレームってどうやるの？
A5: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://web.archive.org/web/20040221221340/http://kobit.info/tips/overflow.html
　http://web.archive.org/web/20040215182735/http://kobit.info/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html
レイアウトサンプル 擬似フレーム
　http://www.rju666.com/web/layout/imitate_frames.html

Q6:画面中央に配置するにはどうすれば？
A6:左右（水平方向）のセンタリングはA2に既出。垂直には色々な方法があります。
　「スタイルシート 縦中央(垂直中央)」参照のこと。
　http://chaichan.hp.infoseek.co.jp/qa3500/qa3558.htm
vertical-alignはテキストのみが対象だからブロックレベル要素を配置できません。

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

【FAQ】
Q8.dt・ddを横並びにしたいのですが。（会話文など）
A8.floatとmargin-leftの応用で。下記サイトを参照のこと。
「<dl> の整形」
　http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/12b.html#d18n03

Q9.リンクした画像の線が消えません。
A9.img要素ではなくa要素をセレクタにしてborder指定してませんか？
a:link img, a:visited img, a:hover img {border:none;}
NN4は http://cssbug.at.infoseek.co.jp/detail/nn4x/b022.html 参照。
text-decorationの場合、親要素に設定された下線を子要素で解除できないのが正しい仕様です。
cf. http://cssbug.at.infoseek.co.jp/detail/winie/b040.html

Q10: リンクを新しいウィンドウで開かせるにはどうしたら？
A10: CSSではできません。target属性かJavaScriptでやって下さい。別窓が開くと迷惑に感じる人もありますからなるべくしない、がW3Cの方針です。

Q11. height:100%;としても高さが100%になりません。
A11. heightを%単位で指定するためには親要素の高さを明示的に指定する必要があります。下記サイトを参照のこと。
「height: n%;の正しい仕様」
　http://www.mozilla.gr.jp/standards/webtips/webtips0032.html

Q12: いままでHTMLでやってた××をCSSでやるにはどうすればいい？
A12: 下記をご覧あれ。テーブル・レイアウトは段組のFAQ（A3）を見なさい。
「いままでの 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
HTML でのレイアウト指定の、 CSS での指定との対応表
　http://deztec.sakura.ne.jp/x/01/tips/page/p0037.html

【参考】
　IEの position:absolute; のバグを利用した擬似フレーム

----------------------------------------------------------------

＊IEの position:absolute; のバグを利用した擬似フレーム

１．標準モードにする
２．body {height:100%; overflow:auto;}
３．fixしたいブロックを position: absolute; で指定

以下に示すようなハックを用いることにより、全ブラウザへの対応も可。

/* 全ブラウザに適用 */
#menu {position:fixed; display:block; top:100px; left:10px; width:130px; height:200px;}

/* IE6 のみ読み込む */
* html #menu {position:absolute; display:block; top:100px; left:10px; width:130px; height:200px;}

《実現例》
CSS frame emulation
http://www.stunicholls.myby.co.uk/menu/background2.html

>>2のリンク、現行スレじゃなかった。許せ。
前スレ>>1000氏ね

>>1乙。
しかし64ndって・・・・・・前スレの63ndにつられるなよwww

だよな。
64の場合は64rdだ。

>>13
馬鹿。中学英語からやり直せｗ
64stだ。

前スレ1000ﾜﾛﾀｗ
あれこそ1000に相応しい。

ふさわしいかどうかは別にして、誘導まだなのに埋めんなアホ。

64ck

それよりも、まとめサイトが消えてるわけだが

64css

たぶん FAQ レベルと思うんですが解決方法が見つからず…。

可変幅 div に対して nowrap/overflow:hidden にしたいんですがこれは無理でしょうか？
div の最大幅は先祖要素の幅(固定幅だが不定値)としたいのです。

具体的には、
<div id="container"><div> 可変幅 </div><div>固定幅右寄せ</div></div>
で、container が可変幅(さらなる親要素で width 指定)という状況で、
これを表示上一行で表現したいという。

つまり、可変幅div は container 内で右寄せ部に侵食しない範囲で広がり、
その上で内容テキストは overflow:hidden ではみ出した部分を削りたいのです。

firefox では以下でうまくいってます。IE では左の div が広がっちゃいますが…。

<div style="text-align:center">
<div style="margin-left: auto; margin-right: auto; text-align: justify; width: 400px; border: 1px solid #ccc;">

<table><tbody><tr>
<td style="border: 1px dotted #f00"><div style="white-space: nowrap; overflow: hidden; ">
ながいながいながいながいながいながいながいながいながいながいながいながいながいながいながいながいながいながいながいながいテキスト
</div></td>
<td style="width: 140px; white-space: nowrap; overflow: hidden; border: 1px dotted #00f">固定幅(幅確保)テキスト</td>
</tr></tbody></table>

</div>
</div>

>>16
グズグズしてるからだろカス

>>22
ファビョんなよｗ

１．「固定する」
横幅を固定する、その理由はレイアウトのバランスを保つため
横幅を広げたらWebも横に広がり、レイアウトが崩れるようでは、初めからレイアウトはなかったのと同じ
固定された横幅なら、ウインドウの幅に関係なく常に一定の横幅の中にWebを表示することができ、
スリムでバランスのとれた構成が実現できるのです
実際、世界中の「CoolWeb」やプロが作っている企業ページのほとんどは横幅を固定しています

>>22-23
いい流れだ。実に2chらしい（ ＾ω＾）

可変幅のレイアウトって地味に読みにくいよな

>>26
ttp://wktk.vip2ch.com/dl.php?f=vipper22405.jpg

>>24
無職のアホ原理主義者は固定幅は迷惑とかいってるみたいだけど
もともと購買能力の無いニートの意見は実際資本主義世界では無いに等しいからね。
デザインといったらPCのLED青いやつと交換するようなキモヲタの相手はしなくていいよ。

というわけで28の意見は無視していいみたいです。

可変幅の利点がいまいち不明

極端な解像度に対応出来ると思ってた頃が、僕にもありました。

>>20-21
Div使いまくってるのに、Tableレイアウトなのか・・・

逆に固定幅の利点が不明。
作る側がデザインしやすいというくらいか？
閲覧する側からしたら知ったこっちゃないよな。

閲覧する側からすると
幅は自分の好きにウィンドウを変えたい

>>33-34
君たちが趣味でWebをやっている事はわかった

>>35
実に短絡的だな。
仕事での話をすれば、クラの要望等で固定幅にせざるをえないことなど多々ある。
それは制作者の都合であり、クラの都合であり、閲覧者の都合ではない。
お前はひょっとして固定幅にすることのエクスキューズを求めてるだけなのか？

うーん、ある pixel までは可変でそれ以上には広がらない(で overflow:hidden)って
結構あたり前にほしいと思うんですけどね…。やっぱ無理かなぁ。

今回の場合は右寄せ要素があるから面倒なんですが…。
positon: related のなかに absolute で right:0 なども試しましたが、
firefox ではそこそこだけど IE じゃぜんぜん…。

>>36
Webの仕事をしているような書き込みですが
訪問者の多くが固定幅より幅可変を求めているとでも思っているのですか？

というか、一番に試したのは float だったわけですが、float する要素自体が固定 width でないとあっさりブロック改行になるわけです…。
いろいろやって行き着いたのが table…。それでも(IEで)だめだったわけですが。

>>37
>ある pixel までは可変でそれ以上には広がらないで
max-widthを調べろ。overflow関係ない。

37 は書き方が悪かったと思うので書き直します。

GUI 一般(web に拘らない)の table 的レイアウトで、特定列だけ可変幅にする
というのはごく普通だと思います。で、全セル nowrap&overflow:hidden というのも。
単にそれを実現したいだけなんですよね結局のところ…。

>>40 そのようなわけ(>>41)で max-width に指定すべき値が無いんです。
その指定すべき幅が親要素(>>41 の例の場合は table 幅)に影響されるので。

>>38
実際にどうかは統計取るしかない。
それができないなら、それぞれのメリット・デメリットから考察するしかないよな。
で、あなたは訪問者の多くが幅可変より固定幅を求めているとでも思っているのですか？

>>43

実際にどうかは統計取るしかない。
それができないなら、それぞれのメリット・デメリットから考察するしかないよな。
で、あなたは訪問者の多くが幅可変より固定幅を求めているとでも思っているのですか？


実際にどうかは統計取るしかない。 それができないなら、それぞれのメリット・デメリットから考察するしかないよな。 で、あなたは訪問者の多くが幅可変より固定幅を求めているとでも思っているのですか？

固定幅＝池沼乙

大型ディスプレイでリキッドレイアウトを見ると果てしなく1行が長いんだぜ

>>46
大型ディスプレイでブラウザ幅を自分好みにしてないってどういう初心者

>>47
それは観覧者がしなければいけないのかよ？

>>33
>逆に固定幅の利点が不明。

それを想像力の欠如と言います、
大多数の商業サイトが固定幅を採用している事実に直面しながら、
なお、その目的や利点を理解できないということは相当な重傷です。

世の中の仕組みが理解できないのは最近の初等教育の欠陥のなせる技であろうと思われます。
早めに死んでください。

宜しくお願いいたします。

>>44
>いよな。 で、あなたは訪問者の多くが幅可変より固定幅を求めているとでも思っているのですか？

目の前の事実を直視できないのですか？
まず鏡を見てください、ブサイク中でしょうがそれがあなたの遺伝情報の発現です。
直視してください。

馬鹿にはわからないでしょうが、世の中理由がありみな行動しています。
その意味がわからないからといって説明を求めては行けません、
なぜならあなたに説明する程、暇ではないのです。

あなたが理解できなくても固定幅のサイトは存在するし、
あなたの遺伝情報も伝えられる事はないでしょう。
もし、良い人が現れたら感謝してください。
それはボランティアです。

リキッド推奨派は観覧者が全員ブラウザのお気に入りを表示していると思ってないか？
1024×768で画面いっぱいに広げたブラウザでリキッドレイアウトの文章なんて読めたもんじゃない
読みにくければ自分で好みのサイズに変更しろってどう考えてもおかしいだろｗｗｗ

プライドだけは高いから基地害煽ると盛り上がるな

ディスプレイが大型化・解像度が上がるにつれ幅可変レイアウトは減っていくだろうな

しかし固定だと大型モニタ超解像度だとめっちゃ細くならね？

幅可変なんかいってるの貧乏人だけでしょ？

>>54
でかくしてスカスカになっても嬉しくも何ともないがな。

>>54
殺風景ではあるが読みにくいよりまし

普通に2-3枚表示してるけど？
画面一杯にするとなんかいいことあるのか？

>>58
自分中心に物事を考えるなよ

俺はタブブラウザだから画面一杯にしかならない

>>59
なんかいいことあるのか？って意味わからないか？

>>60
タブブラウザって画面でかくなるとそんなに利点を感じないなぁ
Vistaやマックじゃタブなんか邪魔なだけだと最近感じるな。

>>59
質問に逆ぎれか。。

ゆとりあるな。

2〜3枚表示している奴もいれば全画面表示している人もいるって事だろ

だから全画面表示してなんか良い事有るのかって聞いてるんだと思うんだけどな。

ゆとり満載だな。



全画面表示の特徴（このスレ直近より）

>>56 スカスカになる
>>57 読みにくい
>>60 タブブラウザだからそうなる


どれも積極的な理由に見えないけど。。。。

>>64

スルーよろ

>>61
んーでも、ビジターのディスプレイを汚さない要素は大事だと思う

表示の仕方は個人の自由なんだから良い事があるないなんて関係ないだろ
自分も全画面表示なんてしないし・・・

おいもういいだろ
12chみろゴルゴ13の製作風景だぞ。

>>51
固定だと自分で好みのサイズに変更することさえできないんだぞ？

ゴルゴすげー。
脚本家45人っておい。
直木賞作家もゴルゴの脚本家出身かよ！

固定推奨してた奴は結局自分の基地外っぷり披露しただけで去ってったな

ところでここ何のスレ？

WPを使ってBlogを作ろうと思ってます。サイドバーからメニューが
左右に突き出た形のデザインで、CSSでつまずいてしまっています。
サンプルイメージを下記の場所に置かせていただきました。
レイアウトは固定です。

http://ccfa.info/cgi-bin/up/upload.html
up0215.jpg
PASS：sample

サイドバーのCSSの一部はこんな感じですが、だめだめな感じです。

#rap {text-align: center;　}

#sidebar {float: left;　clear: right;　width: 220px;　text-align: center;}

#title {width: 190px;height: 190px;margin-left:15px; margin-right: 15px;background: #000160;　}

#menu1 {background: #6C1FB3; color: White; width: 220px; height: 30px; }

.space40 {width: 190px;　height: 40px;　margin-left: 15px;　margin-right: 15px;
background: #000160;　}

何か例となるサイトやCSSはないものでしょうか。

>>72
>レイアウトは固定です。

旬なワードだな！w

>>49,50何だこの池沼は

さあ、リキッドデザインリターンズの時間です！w

でかいモニター使う奴は全画面サイズでブラウザ使わないから問題ない。
見やすい大きさってのはあるからな。

>>72
その質問の仕方でどう答えろと？

>>75
あなたは池沼リターンズですか？

ID表示にしようぜ、アホは消せるし粘着も減るだろ。

Webデザイナーも素材屋も小学生も池沼もW3C信者も制作王狂信者もアフィ厨も同人板の腐女子も潜伏してるのがこの板の醍醐味だろうがよ
ID表示にしたらつまらんよ

そんな面白さはいらないｗ

やましい事はしてないからIDになっても全然困らない。

tableで作ってるけど、サイドバーの話題が出ると揺らぐ。
右のサイドバーだと、コンテンツ→サイドバーの順にクロールするんだよね。
ブロック要素やってみたけど、レイアウトの微調整がむずかしすぎてだめだった。
慣れると微調整も楽になるんだろうか。

ってクロールの順番てtableは行の結合すればいいだけか。
でもソースごつくて保守大変。tableユーザーってオールドタイプ？

少なくともここで言うことじゃねーな

>>72,>>83
何をどうしたいか書け。何言ってるかさっぱりわからん。
tableレイアウトはスレ違いだ。

リキッドと固定は知覚方法の違いもあるんだろうな。
デザイン畑よりの人間でブロックマンとか好きな奴はリキッド？なんか理解できないだろうし。
記述言語から入ってそれを体系的・論理的に理解してるやつらにはまた別の感覚があるんだろうな。

流れが雑談だったから質問と言うわけでもない

>>87
さっきから顔真っ赤な奴が混じってるからしょうがないよ。

うわ粘着

>>87
質問だとは思ってなかったが、どちらにしろここで言うことじゃない。

疑問符で書いといて質問じゃない、とはねw
もうアホかと。

おまえらまとめて出てけ。

煽ることしか出来ない奴は帰れ

CSSの勉強をしているのですが質問があります。
body {
height:100%;
max-height:100%;
　　　overflow:hidden;
　　 border:0;
}
のheight:100%;の後にmax-height:100%;を書く理由が分かりません。
どういった効果があるのでしょうか？ご指導よろしくお願い申し上げます。

あ・い・し・て・るのブレーキサインと一緒

>>94
意味がない・・・

なるほど。意味が無いのですか。
難しく考えすぎちゃいました；
ありがとうございました。

ふと思ったんだがリキッド派は2ｃｈでも改行する必要ないんじゃね
どうして改行するんだ？

>>98
専ブラで改行しないで横スクロールバーが出るやつもあるらしいぞ。
それはリキッドソリッド全く関係なく他人への気遣いだと思うが。

まだ続ける気？

まだ煽る気？

>>101
それは俺に対してか？
何を勘違いしてるか知らないけど俺は傍観者だ。
スレ違いの話題をいつまで引っ張る気だと言っているんだが。

>>102
長文でスレ違い乙。

>>98-103まとめて消えろ

一番は95だと思うな

どうでもいいけど3行って長文か？

単にイヤミだろ

br病でググレ

初めて聞いた＞br病

とりあえず今は関係ないな

リスト<li>の黒丸のサイズを小さくさせるにはどうしたらいいですか？

>>111
disc指定ならfont依存。画像とかtextにすれば。

>>112
どうもありがとう
指定なしで規定の使っててfont-size小さくしても文字だけ小さくなって
精進します

>>113
いや、特に指定しなければdiskだよ。

>>114
いや、UA依存だよ。
Lynxなら＊

>>115
それは知らなかった。thx!

>>115
確かにdisc、square、circleはUA依存だけど、lynxはそもそもCSSに対応して
ないんじゃ

いや、CSSとか<ul type="***">とか何もしなかった場合にどんなリストマークが表示されるかって言いたい。

リストのサイズはjavascript使わないと無理だろ
まともに回答してやれよ

>>119
>>119
>>119

CSS2.1に出てくるaligned subtreeというのがよく分からないのですが、どな
たか説明してもらえないでしょうか。
http://www.w3.org/TR/CSS21/visudet#propdef-vertical-align
「aligned subtreeはその要素とvertical-alignが"top"か"bottom"でない子要素
のaligned subtreeを含む」ってどういうことですか？

>>121
無理せず日本語訳を読めばいいと。
2.1はあるのか知らないが、vertical-alignが2とそうそう変わるわけないし。

>>121
ただの、virtical-alignの説明じゃないかｗ難しく考えナイナイ！！

例
<img src"***" style="vertical-align:top">ああああああああああああああ

ホームページの説明を言えば、
imgが親で、サブツリーがああああああああああああああああ

virtical-alignは、ブロック要素には指定できないから、その関連のこと言ってんでしょ。
imgタグに入れた場合は、その要素を含んだDivに適用されっから、imgに入れた場合、
親にあたる画像に対して、テキストが、上下する配置になる

ってのを、ややこい文章で説明してんだろ

<div>
　<ul>
　　<li>あああ</li>
　　<li>いいい</li>
　</ul>
</div>

を表示したときって

　・あああ
　・いいい

になると思うんだけどこの左の無駄な空きってCSSで削除できる？
text-alignとか試したんだけどできなくて・・・初心者すぎだがよろしくたのむ

>>124
li { margin-left: -1em; }

最初に
*{margin:0;padding:0;}
って指定してから必要な部分にmargin設定するのをお勧め。

すいません、CSS勉強しながら、HP作ってます。
そこで質問なんですが、

お気に入りに入れた時に、ホームページによっては、
そのページのマークみたいなのが付いてるページありますよね。

ヤフーならY!　Yahoo動画　　とか。
　　　　　↑マーク

このマークって、どうやってはめ込んでるんでしょうか？？
すいません、CSSの質問ではないのかもしれないのですが。。
あと、このお気に入りのマークって、名称とかあるんでしょうか？？？

お忙しいと思いますが、どうかよろしくお願いします。

>>127
お気に入りアイコン？
作り方がここにあるよ。
ttp://www.tagindex.com/hp_guide/img/favicon.html

確かにスレ違い。
とりあえずfaviconでググるといいよ。

>>128-129
さっそくの、ご返事ありがとうございました。
作成ページまで、お手数をおかけします。
faviconというのですね、勉強になりました。

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

　　　　　　　　　　　　全体を中央に

　　　　　　　｜　　　　　　　　　Ａ　　　　　　　｜　　　 ｜
　　　　　　　　-------------------------　　　　｜
　　　　　　　｜　　　｜　　　　　　　　　　　　　｜　　　｜
　　　　　　　｜　Ｂ　｜　　　　　Ｃ　　　　　　　｜　Ｄ　｜
　　　　　　　｜　　　｜　　　　　　　　　　　　　｜　　　｜
　　　　　　　｜　　　｜　　　　　　　　　　　　　｜　　　｜
　　　　　　　｜　　　｜　　　　　　　　　　　　　｜　　　｜


こういうレイアウトをCSSで実現するにはどうしたらいいのでしょうか。
今のところ下のような感じになっていてD以外は収まっています。

<body style="text-align:center">
　　<div style="text-align:center; margin-left:auto; margin-right:auto; width:ページ全体の幅">
　　　　<div>
　　　　　　<div id="A"> ...... </div>
　　　　　　<div style"width:Aと同じ">
　　　　　　　　<div id="C" style="float:left"> .... </div>
　　　　　　　　<div id="B" style="float:right"> .... </div>
　　　　　　</div>
　　　　</div>

　　　　<div id="D"> .... </div>
　　</div>
</body>

　　<div style="text-align:left; margin-left:auto; margin-right:auto; width:ページ全体の幅">

でした。

BとCのfloatも逆です・・・

ABCを1つのdivでまとめて
そのdivとDのdivで考えれば余裕だろ

おまえらdivってどう発音してる？
デーアイブイ？
ディブ？
デブ？

でぃぶ

>>134
　　　　<div id="D" style="float:right;"> .... </div>

にすると

　　<div style="text-align:center; margin-left:auto; margin-right:auto; width:ページ全体の幅">

で指定した幅を超えて画面右端にいってしまうんです。

c left
b left
d left

b left
c left
d left

どうもCSSの問題じゃなさそうなのでもう一度ソース見直してみます。
レスしてくれた方、ありがとうございました。

<body style="text-align:center">
　　<div style="text-align:center; margin-left:auto; margin-right:auto; width:ページ全体の幅">

　　　　<div style="float:left">
　　　　　　<div id="A"> ...... </div>
　　　　　　<div id="C" style="float:left"> .... </div>
　　　　　　<div id="B" style="float:right"> .... </div>
　　　　</div>

　　　　<div id="D" style="float:left"> .... </div>

<div id="footer" style="clear=all"><div>

　　</div>

</body>

これでいけるだろ

clear="all"=×
clear="both"

Dの幅減らしてみれば入る

外部cssにて全称セレクタでfont-sizeとcolorを設定して、所々classでそれぞれ
を変更したんですが全称のほうが優先されてしまいます。styleでタグに直接
入れるとやっと反映されます。
全称は一番優先度が低いらしいですが、こういう仕様なんでしょうか？

単に書き方間違えてるんだろ。

マップでエリア内のリンク形状を変えたいんだけど、foxで動くんだけどIE,Safariで動きません・・・
よい方法ありませんかね？

area shapeにhrefは、書けない仕様です。

<map name="nanashi">
<area shape="rect" style="cursor: pointer" coords="295,4,340,22" id="nanashi1" alt=" ">
<area shape="rect" style="cursor: pointer" coords="360,4,402,22" id="nanashi2" alt=" ">
</map>

ちなみに、最初はCSSからclass属性で読み込ませてましたがダメなので
現在は直接書いてしまっています。それでもダメなのはなぜ。。。。

>リンク形状
なんだこれ

>>147

すみません。
カーソル形状でした。。。

>>148
意味がわからない。クリッカブルマップにリンクが無くて、いったい何の主義なんだ。

>>149
この領域内だけをカーソル形状「リンク」にしたいとの要望がきたんですよね。
私にもどんな主義かはわかりません。

>>146
area shapeにhrefは、書ける仕様です。
ttp://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/objects.html#h-13.6.1

>>151

通常は、書ける仕様なんですがこのページに関しては書けないんです。
なのでCSSで無理やり変えてやろうかと思い立ったんですが、変わってくれなくて。

>>150
用語もまともに言えないレベルだもんな。言いなりなんだよな。
ユーザビリティに反するくらい言えるようになりなさいな。
どうあってもmap使うなら、空リンクつけたら出来る。以上。

移転すると停滞するな

IRって使ってる？？

3カラム←→2カラム可変のデザインで、
ソースの記述順は
A（メインコンテンツ）
B（右メニュー）
C（左メニュー・2カラム時は右メニューの下に）

B+Cをdivで括ってBを右寄せ、Cを左寄せ。
んで左右マージン自動のAをBとCの間に配置ってのを思案中ですが
絶対位置指定以外でAを中心に持ってくる方法ないでしょうか？

>>156
position:absolute以外ならfloat

レスどうも。
しかしfloatではいかなかったのです。
全体の幅を800pxで作っているので
［B+C］をwidth:800pxにしてるからだと思いますが。

％指定にすれば、良いんでないの・・・

へぼおきしん

％でもダメっぽいです…。
今一応こんな感じです。

#container {/*　全体　*/
width:800px;
}
#boxA {/*　メイン　*/
float:left; width:500px;
}
#sidemenu {/*　B（左）+C（右）　*/
width: 800px; float:left;
}
#boxB {/*　メニュー左／左に5pxの余白　*/
width:140px; margin-left:5px; float:left;
}
#boxC {/*　メニュー右／右に5pxの余白　*/
width:140px; margin-right:5px; float:right;
}

<div id="boxA">まんなか</div>
<div id="sidemenu">
<div id="boxB">みぎ</div>
<div id="boxC">ひだり</div>
</div>

質問いたします。

<div id="baner">
<h1>site titel</h1>
</div>
<div id="wrapper">
<div id="content">
<h2>entry title</h2>
<p>entry body</p>
</div>
<div id="menue">
<h3>menue1</h3>
<h3>menue2</h3>
<h3>menue3</h3>
</div>
</div>
<div id="help">
<address>help</address>
</div>

のとき、
（つづく）

（つづき）
#wrapper{
width:700px;
background-img:url
background-repeat: repeat-y;
}
#content{
width:500px;
float:right;
}

#menue{
margin-left:500px;
float:left;
}
#help{
clear:both;
}

などとすれば、#wrapper　に指定した背景画像は
#content #menueのどちらが長かろうと短かろうと
長い方の末尾まで、画像が下方に伸びるとおもうのですが、
実際には、#menueの末尾で切れてしまいます。

この現象の回避方法はございますでしょうか？

>>162
clearfix

>>161
<div id="container">
<div id="boxA">左</div>
<div id="boxB">中</div>
<div id="boxC">右</div>
</div>

#container {/*　全体　*/
width:auto;}
#boxA {/*左*/
float:left;
width:130px;
#boxB{/*中*/
float:left;
margin:0 10px;
width:520px;
#boxC {/*右*/
width:140px;
float:left;}

>>161
あぁ、左が右の下だったか。
leftをrightにかえなされ。
あとは、がんばんな

idやclassの名前は自分の好きな用に決めても管理できれば問題ないですか？

>>164氏

clearfix とは、
http://stopnlisten.no.land.to/2006/11/ie7clearfixclear.html
のことですか？

いまいち使い方がわかってないまま再質問しますが
この場合、ｈｔｍｌに追加してマークアップを増やす必要ないんでしょうか？

質問があります。メニューやサイドメニューをこのようなCSSで個別にleftやtopの位置を変更し
絶対化してメニューを作成するのはだめでしょうか？また何か問題が起きますでしょうか？
ご教授のほどよろしくお願いいたします。

#sidemenu1 a{
/*\*/
overflow: hidden;
/**/
text-indent : -3000px;
display : block;
border : 0;
background : url(imeges/1a.gif) no-repeat;
width : 170px;
height : 30px;
left: 5px;
top: 220px;
position:absolute;
z-index: 5;
}

>>168
それ以前にそのソースではカラムにならないだろ。

>>169
何がダメだと？個別ってどういう意味？

>>170
記入不足があり失礼しました。
メニュー内容が複数あるのでそれを個別にとの意味でした。
メニュー１・メニュー2・メニュー3
のようにメインメニューを横並びにする場合と
サブメニューA
サブメニューB
サブメニューC
のようにサイドナビを作る場合です。
初めてCSSで作成しており不安なので質問させていただきました。
・上記のCSSでバグが起こるブラウザ等は無いでしょうか？
・メニューの種類分だけCSS記述量が増えますが読み込み時間に影響はあるのでしょうか？
（共通部分はまとめる予定です）
よろしくお願いいたします。

cssの基礎で要素を使った指定というのを試しているのですが

<font id="iro1">あ</font><font id="iro2"い</font>

のように指定しているのですが
iro1のほうはちゃんと変化するのですがiro2のほうが反映してくれません
何が原因なのでしょうか？それともこういう仕様なのですか？

コマンドミスかどうかなどは確認しましたが間違いはなさそうです

<font id="iro2"い</font>
↑　>がないが・・・・

わざわざすみませんが
<font id="iro1">あ</font><font id="iro2">い</font>

本文ではミスはしてないはずです

追記しますがﾘﾝｸ先のcssファイルはこんな感じです

#iro1{color: red;}

#iro2{color: yellow;}

とりあえず、

その部分だけのCSSとHTMLを書いて試してみては？

外部css
#iro1{color: red;}
#iro2{color: yellow;}

HTML
<font id="iro1">あ</font><font id="iro2">い</font>

のみ作ってみては、どうかに

>>176
色々試してみてたら解決しました
どうやら/*赤*/のようにコメントを挿入してたのがだめだったようです

ありがとうございました

cssでコメント入力ってできないの？

>>165氏
どうもです。
しかしそれだと2カラム・3カラムの変更が出来ないのです…。

てか色々調べて自己解決しそうな気配が。
メインの左側を左メニュー分マージン取って
左＋右メニューdivの回り込みを左のマイナスマージンでごまかして。
ただ左側に長いスペースが出来てしまったので、これを消さないと…。

どうも有難うございました。

>>178
できる。
>>177はCSSファイルの文字コード指定してないか間違えただけと思われ。

タブのようなものをしたいのですが、

□□▲▲■■■■ ←▲部分(テキストリンク)がクリックすると
□□□□□□□□
□□□□□□□□
□□□□□□□□

■■△△■■■■ ←タブっぽく切り替わる
△△△△△△△△
△△△△△△△△
△△△△△△△△

これはjavascriptで z-index変えるという作業で実現できるのでしょうか？
IEとOPERAで動けばいいのですが、
他に最適なやり方はあるのでしょうか？

>>181
JavaScriptだと思うのにどうしてここで質問するんだよ。
意ってよし。

スタイルシート関わってるからじゃないの

>>182
もう少しわかりやすく説明してください
言ってる意味がわかりません

>>184
JavaScriptスレにお逝きなさい

クッキー全遮断
スクリプト不可
がデフォじゃね？

釈たんﾊｧﾊｧ

人造人間 釈タン 鼻筋長い

だがそれがいい

どういう自演だよ

>>183-184が自演だな。

いやいや、違うってｗ

まだいたのかお前

まあDHTMLだな。

クラスfont_8ptのtableタグのすべての文字(tdタグ)をfont-size:8ptしたいのですが、

<style>
table.font_8pt { font-size: 8pt }
</style>

としても、フォントが小さくならないのですが、
これであってると思ったのですが、どう記述すればいいのでしょうか？

ちなみに

<style>
table.font_8pt.td { font-size: 8pt }
</style>

としてもダメポでしたorz

>>195
ttp://cssbug.at.infoseek.co.jp/detail/winie/b023.html

それ以前の問題だろｗｗｗ
8ptなんてする香具師は逝ってよし。

>>196
バグでしたか、回避方法もわかりました。
ありがとうございます。

cssの書き方を基礎から勉強し直せ。
> table.font_8pt.td { font-size: 8pt }
これってどういうギャグなわけ？

しかも8ptって・・・読んで欲しくない文章なのか？
ま、俺はブラウザの最小フォントサイズを10ptにしてるから、
お前がどう指定しようと8ptでなんか絶対表示されないがな。

>>199
>お前がどう指定しようと8ptでなんか絶対表示されないがな。
>お前がどう指定しようと8ptでなんか絶対表示されないがな。
>お前がどう指定しようと8ptでなんか絶対表示されないがな。
>お前がどう指定しようと8ptでなんか絶対表示されないがな。
>お前がどう指定しようと8ptでなんか絶対表示されないがな。

自演乙

199じゃないが、>>200がなにをしたいのかわからない

>>195のサイトは、ユーザーCSS普及へ貢献してくれるだろう

普及「に」貢献、だろ。

6ptならまだしも8ptならまだ見えると思うが？
ちょっと小さいけど標準程度の文字サイズだろ・・・

>>205
メイリオとかOsakaならどうか解らんが、
ＭＳ Ｐゴシックとかならどうか解らん。

>>206を翻訳すると

「どうか解らん。」

ってことでOK？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "tp://www.w3.org/TR/html4/loose.dtd">
対象IE6.0SP1

<div id="container">
　<p class="class_p"><img src="path" alt="→" width="14" height="14" class="class_img">文字</p>
</div>

p.class_p 　　　{ font-size:14px; line-height:18px; }
img.class_img { vertical-align:問題点; }

img"→"と文字を水平にしたいので、img: vertical-alignにtext-top(他なんでも)を設定すると
p: line-heightがIE6で無効になり、行間がなくなります。firefox2,opera9.1では有効です。
無効になることで、IE6とfirefox2,opera9.1の div:#container:height の差が出るのが致命傷になっています。

これをIE6でimg"→"と文字を水平にし、p: line-heightが指定どおりになる方法を教えてください。

ttp://useyan.x0.com/s/html/css_sample/vertical-align.htm

リストタグ自体を右へもって行きたいのですが
どうすればいいのでしょうか？
----HTML----
<td id="headmenu"><ul>
<li><a href="">サンプル１</a></li>
<li><a href="">サンプル２</a></li>
</ul></td>
----CSS----
#headmenu{
background-color:#ECECEC;
padding:2px 10px 2px 0px;
margin-bottom:10px;
text-align:right;
}
#headmenu ul{
margin:0px 0px 0px auto;
list-style-type:none;
padding:5px 0px;
text-align:right;
}
#headmenu li{
float:left;
display:inline;
padding:0px;
margin:0px;
}
#headmenu li a{display:block; position:relative; letter-spacing:0.1em; padding:0px 10px; border-right:1px #BDBDBD solid; font-size:0.8em;}
お願いいたします。

タグを右に持ってくという意味が・・・タグの意味間違ってね？

間違えました。リスト自体でした。
申し訳ございません。

要するに
margin:0px 0px 0px auto;
これが効かないよ、と言いたいのかな？
width指定してないせい。

質問があります。
font-size: 100.01%;を指定する手法を試してみたいのですが・・・
通常はbodyに指定するようですが擬似フレームをしているので
CSS内にhtml{ 　もあります。
この場合はhtml{ }内に指定していいのでしょうか？
ご教授願います。

擬似フレートとか関係なく
おまえの文書のルートがどうなっているかだ。

>>209
ありがとうございます。
p: line-heightが無効になるのはIE6のバグでした。

？

角の丸いボックスを作りたいです。
とりあえず四つ角となる扇形の画像はつくりました。
標準モードで作りたいです。
ボックスのなかには疑似インラインフレームをいれようかと考え中。
テーブルで作るのとスタイルシートのみで作るのと、
どっちが無難ですか？
どっちを推しますか？

断然CSS

では、ＣＳＳではどんな構成にするのを推しますか？
調べるといくつも書き方が出てくるのですが、
たとえば
http://hyper-text.org/archives/2006/12/collect_rounded_corners.shtml
など

それがいいと思うならそれでいい
同じレイアウトでもCSS表現は千差万別だから
答えは一つじゃないから

>>221さんはどのやり方を勧めますか？

CSSだけでの角丸ボックスは難問。スクリプト使っちゃってる所もある。

<div>を重ねるのが良いかな。tableよりはましだと考える。

divを重ねるとは、つまり
http://hyper-text.org/archives/2006/12/collect_rounded_corners.shtml
のやり方ということでしょうか。

自分で決められないならやめとけ。

結局は「自分で調べろ」ですか
質問スレってたいていそうですよね

>>226
自分で調べ、自分で試さなければ身につきません。あなたのためです。

池沼がファビョってると聞いてvipから来ますた

>>226
べたべた構って欲しい人には超初心者スレがお勧め。

>>227
そう思ってるなら、なんであなたはこのスレにいるの？
しまいにゃ、知障が現れるしｑ

ホンモノか。

基本的に試してみてどうしても分からない時や
試した後にもっといい方法は無いかアドバイスを求める為に
このスレはあると思う
試していないのに質問をしていきなり答えを求めるのはよくないよ
いっぱい試していっぱい失敗して経験値が上がると思う
そういう人たちの為にこのスレの人たちはいると思う

まあこの場合答えが書いてあるのになに聞いてるんだという意味もあるからな・・・

甘えてるだけだよ。
女性に多いけど、誰かに同意や指示を貰わないと何も出来ない。
そうじゃないと上手く行かなかった時、ケツの持って行き場が無くなるからな。
誰かのせいに出来るって事が前提で行動する自己中タイプ。

実は女性だったりしてｗ

女性とか言うな。童貞か？ｗｗｗ

女の言い方あれこれ

女性＝童貞
女の子＝ろりこん
女子＝小中高校生

女＝隠れ童貞

メス＝鬼畜

おんなを女性って言うやつはモテないだろうな・・・

おんな＝素人童貞

とりあえずいままでのを参考に作ってみました。

このスレの回答者 ｛
　　　角がたたない丸くするCSS；
｝

ﾂﾏﾝﾈ

IEよりも規格外れな奴らに効くわけがないｗ

女の言い方あれこれ

スケ＝時代錯誤のDQN
お嬢さん＝老人か893
コネコちゃん＝昔の俺ああああああああ

>>1-10000テスト

ttp://www.stylish-style.com/csstec/hi-level/domannaka.html
上のように画面の縦横中央にボックスを配置したいです。
上のサイトでは
position:absolute;top50%;left:50%;
とし、marginを上と左にボックスの大きさの半分だけ引くことで
再現しているのですが、
position:absolute;を指定したボックス内のテキストが
IEのバグで選択できなくなってしまいます。
しかし、position:relative;ではうまく再現できません。

そこで質問です。
IEのバグを回避する方法、
または上記のやり方以外で画面縦横中央表示を可能にするテクニック
をご存知の方、よろしくお願いします。

>>247
スレ違いだからよそで聞け

>>248
なぜスレ違いですか？

スレ違いじゃないとは思うがテンプレ

そんなことよりも女の呼び方について論議しようぜ

>>250
失礼しました。テンプレに参考サイトがありましたので、
そちらを参考にします。

なおん、つってた奴いたな

すいません、質問です。
今、サイトを作りながら、勉強しているのですが、
height指定で、コンテンツ量が少ない時の場合などに、

.content{height:auto; mini-height:500px;}
というセレクタを書きました。

ですが、IE6以前のブラウザへの対応は、どうすれば良いのでしょうか。

ハックで
.content{height:auto; mini-height:500px;}
*html .content{height:500px;}
とすると、mini-heightというより、heightへの上書き・・・

どうすればいいのでしょうか。。
別セレクタを設けて、コンテンツの少ないページは、別セレクタを使用する
しかないのでしょうか・・

お忙しいと思いますが、よろしくお願いします。

チャンネーとかな

>* html .content{height:500px;}
>とすると、mini-heightというより、heightへの上書き・・・

上書きになるわけないだろう

* html .contentの意味をよく考えてみることだね

俺のスケ

>>254
基本的にはそれで合ってる。
今　何が問題なんだ？

早速のご返事ありがとうございます。
>>256
http://www.lucky-bag.com/archives/2004/11/のサイトで、子供セレクタのハックが書いてあり、
上書きされるというコメントがあったので、*htmlも、そうなのかなぁと思ってしまいました＾＾；
精進しますです。

>>258
mini-heightを認識しないIEヴァージョンに、違う形で、適用したいのですが、
.content{height:auto; mini-height:500px;}
*html .content{height:500px;}
この場合だと、コンテンツ量が多い場合、認識しないIEは、
500pxで、コンテンツが途切れるのではないのかなぁと、思いまして。

mini-height自体が、認識しないとなると・・・どうすればと＾＾；

誰も突っ込まないようだが
miniじゃねーだろ。季節的にもまだ早い。

あ・・・minですね。。。
すいません、失礼しました＾＾；

ちゃんねーのminiに突っ込みてぇなあっ！

<style type="text/css"media=all>
でmedia=allとはこのページ全てに適用という解釈でよろしいでしょうか？

>>263
mediaは、出力媒体の指定

ごめん、無駄にあげてしまいました。
失礼しました。

>>259
IEは内容量に合わせてボックスの高さが指定値を超える。

>>266
なるほど・・・Firefoxを見てました。。。
そうですかぁ〜私の、不注意ですね、この質問。。

すいません、ご指摘・ご回答ありがとうございました。
以後気を付けます。

外部スタイルシート(default.css)を使用してます。
で外部スタイルシートを追加（test.css)したいのです、

default.cssから、test.cssを呼び出すことってできましたでしょうか？
書式を教えていただけないでしょうか？？

@importでググるよろし。

一応自己フォロー。
NNとかは対応してないから注意な。
まあ、NNはCSSで色々問題が出るだろうから、逆に読み込まないのは利点かもしれないけど。

>>269さん　ありがとうござました。感謝です

■←画像
　−カテゴリ１
　−カテゴリ２
　−カテゴリ３

カテゴリにカーソルが乗ると■画像が切り替わるようにしたい
のですが、妙案はありませんか？

JavaScript

>>272
CSSは見栄えを定義するもの
画像の切り替えをCSSでやる意味がわかりません

CSSファイルって、キャッシュで残るんですか？
今10k？ぐらいのサイズのCSSファイルを使っています。

>>275
UAに依存する

Firefox2.0.0.2だと、col要素にwhite-space nowrap;が効きません。
IE6だと効くのですが、これはFirefoxの仕様ですか?

>>275
＞今10k？ぐらいのサイズのCSSファイルを使っています。
この一文は何なんだ。

>>277
col要素なんてcssに無いし。

>>277
効かない方が正しい。

>>280
改行させたくない列はどうしたら…

>>281
colに設定しないでtdかthに設定する。
colは背景色とか幅くらいにしか使えない仕様だよ。

>>281
テーブルレイアウトなら即やめる。表ならcolは使わない、または改行を気にしない。

>>282
(´・ω・`)ｼｮﾎﾞｰﾝ
でも、早く分かりました。ありがとうございました。

>>283
内容の長短が激しい列とほとんど変わらない列が有るんです。

本当にtableが適当なマークアップなのか、内容はtableに適当なのか、再考してみれ。

表作るときはtable使ってるな

>>283
>表ならcolは使わない
何故？

レスの流れを嫁

別の人間だが、読んでもcolは普通に使うと思った。

>>286
「歯を磨くときは歯ブラシを使うな」と同じレベルのことを言ってるって気付いてる？

>>287,>>289
語弊があるレスだったスマソ。
nowrap優先するならcol使うなって意味で言ったつもり。
281がテーブルレイアウトにtable使ってるのか、表としてtable使ってるのか不明だから、ああ書いた。

>>290
もうちょっと掘ってみろ

いや別にnowrapとcolは全く別の目的で設定するものだしなぁ、
両方あってもいいと思うが。

>>292
同じこと

>>293
何か君とは友達になれない気がするよ。。

>>293は友達がたくさんいるわけだが。

いいなあ。。

友達になってやるから、取りあえずペプシ買って来い

>>293は友達がたくさんいる。

htmlとcssだけがとーもだっちさー

>>293
オレオレ、ペプシ買って来いや

調べたんですがわからなかったので教えて下さい
外部からスタイルシートを呼び込んで設定をしてるのですが
その外部ファイルの一部
a:link {
color: #0099CC;
text-decoration: none;
を
a:link {
color: #0099CC;
text-decoration: none;
　　　　 font-size: 20px;

このようにリンクにはフォントサイズの指定をできないのでしょうか？
３時間ほど設定をしてますができません；；
やり方がありましたら教えて下さい

　　　　　＿＿＿
　　　 ／　　　　 ＼　　　　　＿＿＿＿＿＿＿＿
　　 /　　 ∧　∧　＼　　／
　　|　　　　 ・　・　　 |　＜　呼んだ？
　　|　　　　 ）●（　　|　　＼＿＿＿＿＿＿＿＿
　　＼　　 　 ー　 　ﾉ
　　　 ＼＿＿＿_／

body{
  width:800px;
  margin-left:atuo;
  margin-right:auto;
}

と、body要素に直接、ＷｉｄｔｈとＭａｒｇｉｎを指定するのは
文法的にＮＧなんでしょうか？

>>302,>>304
テンプレ>>2の検証サービスでチェック汁

>>302

}　が無いとか、そういう単純な事じゃ無いの？

<ul class="xxxxxx">
<li class="yyyyyy">ほにゃらら１</li>
<li class="zzzzzz">ほにゃらら２</li>
</ul>

この様な時に”ほにゃらら２”だけを右寄せしたいのですが、
何か良い手はありますでしょうか？

>>307
.zzzzzz { text-align: right } じゃだめなんか？

ul.xxxxxx:last-child{text-align: right}

>308 >309
ありがとうございます。
色々いじっていたのですが、<li>を外して<div>で書いて逃げてしまいました。
309さんの方法で試してみます。

>>310
最悪

ウソ教えんな

画像ボタンの上にマウス乗せたときだけ枠線を表示させようと思って、
以下のように記述しました。
すると、Mozillaだとちゃんと動くのですが、IE6だと色指定が反映しませんでした。
どなたか解決策ごぞんじではないでしょうか？


・CSS
a img { border: 2px dotted transparent; }
a:hover img { border-color: #63f; }

・html
<a href="links.html"><img src="img/links.png" alt="links"></a>


IE6だと、マウス乗せてない状態で透明にならないし
(ブラウザデフォルトの色のまま点線になります)、マウス乗せても変化なしです。

「"a:hover img" border」で検索したところ、同じ質問してる人を二人見付けたのですが、
どっちも「ちゃんと動くよ」で片付けられてましたorz

なおOSはwin2kSP4です。

簡単なテストページつくってみました。
http://www.geocities.jp/orth2ch/test.html

IE使いの方、よろしければちょっと試してみていただけませんか？
意図してる動作では、外枠無しの状態からマウスを画像に乗せると赤枠に変わります。

うちのIE6では、青色の枠が出っぱなしなんですが、
みなさんの環境でちゃんと動作するのなら良しとしようかなと・・・

上記ページのソースです
<html>
<head>
<title>test</title>
<style type="text/css">
<!--
a img { border: 2px dotted transparent; }
a:hover img { border-color: red; }
-->
</style>
</head>

<body>
<a href="links.html"><img src="img/links.png" alt="links"></a>
</body>

</html>

>>313-314
IE使いじゃないけどさ、ブラウザデフォは殺してからcss指定するのが基本だろ。
それからIEはborderのtransparentにバグがある。バグ辞典調べれ。

>>314
画像にﾜﾛﾀｗ

>>313
IEはaのhoverにしか対応してない。

現在、強制改行について悩んでいます。ＨＰでページを作る際に
少な目と多めの文章が個々にあって、手動で<p> </p>を書き加えています。
hightの高さを固定という案がありましたが、固定すると私のＨＰでは
右サイドバーの線がページ毎に変わってしまい、見栄えがよくありません。


■文章の量が正しいとき

　　　　　　　　!　　　　!
　　　　　　　　!　　　　!
　　　　　　　　!サイド!
　　　　　　　　!　　　　!　
　　　　　　　　!　　　　!
^^^^^^^^^^^^^^^^^^^^^

■文章の量が短いとき

　　　　　　　　!　　　　!
　　　　　　　　!　　　　!
　　　　　　　　!サイド!
　　　　　　　　 　　　　!　
　　　　　　　　 　　　　!
^^^^^^^^^^^^^^^^^^^^^

このような感じになり、どうしたら正しいときの
見栄えになるのでしょうか。現在は上記でも述べたように
<p> </p>が無駄に多すぎて、困っています。

タグがきちんと表示されてないようです・・・。<p></p>の間は です

あれ・・・。nbspです。連続投稿、申し訳ありません・・・。

>>320
考え方から間違ってると思う。基礎から勉強し直してね。

>>317

>>321
わかりました、勉強してきます。

inputのsubmitを画像（グラデーションのボタン画像）にしようと

div#submitImage input{ background-image: url(botton_image.jpg); }

としたのですが、なぜかIE6.0でみるとぼやけた感じになります。
Dreamweaver上では問題ないのですが、どうしてでしょうか？

>>315
ブラウザデフォは、
a img { border: 2px dotted transparent; }
で殺せてると思ったんですが、transparentが反映されないのはバグだったのですね。
バグ辞典見てきます。ありがとうございます。
確かに、a img ではtransparent以外の色なら反映されていたので、
背景色を指定することにします。(a:hover img には何指定しようと駄目ぽですがorz)

>>316
笑っていただき光栄です。

>>317
それは、a:hover はOKだけど a:hover img は非対応ということでしょうか？
下のURLとかでは、「IEとFirefoxで動作確認しました」という書きこみもあるので、
もしや動かないのは自分とこだけなのかと疑ってました。
http://72.14.235.104/search?q=cache:YMqNAYkgqLkJ:lolipoking.lolipop.jp/page/patio.cgi%3Fmode%3Dpast%26no%3D6214+%22a:hover+img%22+border&hl=ja&ct=clnk&cd=8&gl=jp&lr=lang_ja

とりあえずa:hover imgにborder指定するのはあきらめた方がよさそうですね。

>>325
んにゃ、フツウにa:hover imgは使えるよ。
>>317は何か勘違いしたんだろ。

>>326
えっ、そうなんですか！
うーん、やっぱりおかしいのはうちだけなんだろうか。。。

問題切り分けのため、バグありのtransparent指定は無くして
テストページつくりなおしてみました。
みなさんとこでは、IEでもちゃんと動作するんでしょうか？
http://www.geocities.jp/orth2ch/test.html

>>313
body{line-height:2;}
a img{border:none;}
a.img{padding:2px;}
a.img:hover{border:dotted 2px #63f;padding:0;}

<a class="img" href="#"><img src="." alt="."></a>

>>327
div { line-height: 2em; }は余計。
a img { border-style: none; }→img {border:none;}。

全体をwidth1000pxのdivで囲み
その中で左から左右のmargin10pxずつ、width180pxのdivを2つ
最後にwidth600pxのdivを配置しました。それぞれfloat: left、marginを取ったものにはdisplay: inlineしてあります。
しかし、IEで見ると最後に書いてないはずの文字が描画されてしまいます。
(正しくは最後に描画されている文字が2回描画される)
FFで見ても出てこなく、IEでも全体のwidthを少し大きくすると解決できました。
前述の通り、中の要素の横幅はwidthとmarginあわせて丁度1000pxになっていると思うのですが
このような描画になる理由がわかりません。
どなたか教えて頂けないでしょうか。

width1000pxのdivなんか使ってるせいだよ＾＾

>>330
有名なwidthの独自仕様

>>331
＾＾

>>332
標準準拠モードでもなりましたので何かまた違うような気もするのですが・・・
後出しになりますが2カラムで
全体に800px、左に左右margin10px+width180px、右に600pxとやった場合は正常でした。

標準も何も関係ないべ。

先生方添削ありがとうございます。修正しますた。
border: none だけでよかったんですね。
http://www.geocities.jp/orth2ch/test.html

>>328
なるほど！padding指定したらtransparent使わなくて済みますね。感動しました。
ただ、<a class="img" href="#"><img src="." alt="."></a> の使いどころが
分かりませんでした。あほで申し訳ないですorz
一応、画像上でマウス押下したらリンク先URLに飛んでってほしいのですが・・・

>>329
はい。line-height: 2em はいらんですね。。
枠線と文字が重なってうざかったのでつけてしまいました。


ところでどなたもIE使ってないんでしょうか・・・ｗ

(ﾟДﾟ)ﾊｧ?

馬鹿は底無し。

330です。
色々試してみた所何故か1カラム目を2カラム目にbackground-colorを指定すると
不自然な描画が解消されました。
一見関係ないので腑に落ちないのですがバグなんでしょうかorz

>>1カラム目を2カラム目に
1カラム目と2カラム目に　でした。

>>336-337
すみませんorz
まとめると、IE6で a:hover img へのborder指定が反映されなくて、
これは自分の環境だけなのか？他の人のIEから見たら正常なのかどうなのか？
ということを知りたくて、>>335のテストページ作りました。

特に問題ないというのであれば、
うちでも、Mozillaならちゃんと反映されているし、
この記述のままいこうと思ってます。

バグ辞典スレ2で同じような質問をしてる人がいるので、
たまに起こる現象なのかもしれませんが・・・
http://pc2.2ch.net/hp/kako/991/991666454.html
(374あたり)

>>340
経験則で申し訳ないが、
昔似た問題を対応したときは、aタグに意味のない再描画で対応した。

たとえば
.test1 a { border: 0px dotted blue;}
.test1 a:hover { border: 0px dotted none;}

を追加

formタグってhover属性ってつけられますか？
formのかかれたプルダウンメニューを選択している時に、特定のテキスト
か画像を上に表示させたいのですが。

>>342
対応してるブラウザなら着けられるが
おまえのやりたいのは多分hoverじゃないからもうちょっと調べた方がいい。

勘違いしていたらすみませんが、

div#header #headerNavi{
}

と書くと、<div id="header"></div>内でしかheaderNaviが使用できないのでは
無いのでしょうか？それとも書き方が悪いのでしょうか？

,

使用できないということはない。パタンマッチが正しくなければ適用されんかもしれんが。

width, heightの指定サイズを
ブラウザの印刷設定用紙と同じサイズにしたいのですが、可能ですか？

mediaタイプを使い分けろ

横幅100%のテーブルでoverflow-xをその部分にだけ適用する事ってできるものでしょうか？

>>349
言ってる事がわからないし、overflow-xなどIE独自拡張はスレ違い。

>>350
ではどこならスレ違いではないのかね。

超初心者スレがいいんじゃない

使うなっちゅー事

ボックスサイズが内容物に合わせた大きさへ強制的に調整される(IE6)
http://cssbug.at.infoseek.co.jp/detail/winie/b052.html

このバグの対処方は大きな画像やテーブルを使わないことしなないんでしょう
か。CSSで対処するのは無理なんでしょうか。

無理。テキストでもなる。

>>349
<TABLE>要素には適用されないと思うよ。

>>356
ブラウザによってはできる。
overflow-xはCSS3であるから先行実装してるのあるし。

background-color:transparent;
ってどういう意味？

ｸﾞｸﾞﾙと出てくる。背景色透過

透過というと別の誤解をされないか？

透過じゃなかった。透明。

親要素の背景色っていう意味だよ

親要素の背景色にしたいのならinheritじゃないの？

2カラムのレイアウトで作ってるんですが
1つのボックスの中に2つfloatを指定して入れてまして
その後clearする部分が構造的にない場合はどうやってclearすればいいでしょうか？
今は<br style="clear: both;">やっています。

>>363
それはまた別、継承しないプロパティを無理矢理継承させる方法。

>>364
後ろにないんだったらclearする必要がないと思うが。

>>365
なるほど、この場合特に必要な要素ではないのですね。
ありがとうございました。

>>365-366
またボケ対ボケか。このスレひどいなｗ

>>364
・フロートの包含ブロックにoverflow:autoを指定(Netscape7にバグあり)
・包含ブロックとなる要素にclearfix
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

別に背景が出ないとかの問題で相談されてるんじゃないから
そんなこと教える必要はないだろう。混乱させるだけ。

>>368
まあそれだとIEで使えないという問題がね

>>370
IEは初めからバグのせいで無関係。

clearfixやってみたのですが上手く行きませんorz

<div id="全体">
　<div style="float: left:">1カラム</div>
　<div style="float: left;">2カラム</div>
　<div style="float: left;">3カラム</div>
</div>

この時に

.全体:after {
　content: ".";
　display: block;
　height: 0;
　clear: both;
　visibility: hidden;
}
.全体 {
　display: inline-table;
　min-height: 1%;
}
* html .全体 { height: 1%; }
.全体 { display: block; }

ですよね？

>>371
IE7をお忘れか？

レスちゃんと読みんさい

>>372
.全体じゃなく、#全体じゃねーの？

>>375にｲﾋﾟｮｰｳ

あぁ、すいません、そこは書き込む際のミスですorz

色々と検索して調べてみても372のように表記してあるのですが
どこかおかしい点があるのでしょうか？
現状だと表示が少しおかしくなります。

floatの後にbrを使ってclearすると表示は直るのですが
あまり気持ちのいい方法ではないのでclearfixでやりたいのですが・・・

　height: 0;
マジレスするとこの部分を1px。
ついでにcontentsは中身なしでいい。

after使うことじたい、微妙じゃ・・・

afterは最高じゃないか！

379さんの通りにやってもダメですねorz

IE限定でおかしな表示になるのですが
何故か最後の方の表示一部が再度表示されます。

http://uproda11.2ch-library.com/src/110987.png
具体的にいうとこんな感じになります。

>>382
2カラムって言ってたのに3カラムだし、どのソース使ってんだかわかんないし。

失礼しました。

少し色々と考えてきます。それでは。

>>382
IE用には
_height:1px;
min-height:1px;
を入れとけ。

>>372
これじゃだめ？IE6,7,Fx2,Opera9ではうまくできたけど。
#container { border: 1px solid black; display:inline-block; }
* html #container { height: 1px; }
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#boxA { float: left; width: 30%; }
#boxB { float: left; width: 69%; }

<div id="container">
<div class="section2" id="boxA">…</div>
<div class="section2" id="boxB">…</div>
</div>

>>379
contentプロパティに中身を指定しないとボックスを生成しないブラウザがあっ
たはず。

>>389
kwsk

>>387
ムリだろｗ

372です。

ちょっと調べてみた所どうやら下記のような状況になりました。
http://uproda11.2ch-library.com/src/110992.txt
このソースの内、真ん中2つのコメント文を削除すると何故か表示が正しくなります。
もしくは、.leftにあるwidthとmarginを削除すると正しくなります。
(後は最後にclearを入れた空要素を入れでも正しく動く)

ここでまた疑問なのですが.leftのwidthとmargin、.rightのwidthの合計が
#containerのwidthと等しいのに何故表示がおかしくなるのでしょうか。
(コメント文削除で挙動が変わるのはスレ違いっぽいので略)

#スタイル :: after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

って、 :: を二ついれてないからじゃねーの？

リストのLIに画像を使いたい
条件
・文章内の複数のリストのなかから一つのリストだけに適応したい
（用は個別スタイルの設定の仕方）
・UL　LIのりすとでLIの・を画像にしたい

どんなタグを書けばいいのですか？

ul#スタイル名 {
list-style-image : url('../images/xxxxx.gif')" ;
}

<ul id="スタイル名">
<li>甲</li>
<li>乙</li>
<li>丙</li>
</ul>

> list-style-image : url('../images/xxxxx.gif')" ;

イメージのURLは任意で。

>>393
ありがとうございます
微妙に検索してもピンとこなかったので助かりました

>>388
いや、
>contentプロパティに中身を指定しないとボックスを生成しないブラウザがあったはず。
ここをｋｗｓｋ

>>390
> #スタイル :: after {

上の様にスペースはさんじゃ機能しなかった…
#スタイル::after {

もしかしてこの設定の話はもう終わってます？

長々とすいません。

<div style="clear: both;"></div>ではダメで、<br style="clear: both;">だと大丈夫なので
どうもclearの問題じゃないような気がしましたorz
389の通り、内側のブロックのmarginとwidthの指定をなくすか
内側にあるブロックのmarginとwidthの合計より
外側のブロックのwidthを大きくすれば解決できるのですが
その理由が納得できないです。

IEでのwidthの解釈のバグはmarginもpaddingも全て含めてwidthの幅になるんでしたよね？
そうすると、IE以外では表示がおかしくなると思いますが
今回は逆でIEだけ表示がおかしくなります。

>>397
なんか言ってること全然違くね？
ttp://cssbug.at.infoseek.co.jp/detail/winie.html
ここ全部調べて恋。

>>398
ありがとうございました。
http://cssbug.at.infoseek.co.jp/detail/winie/b166.html
まさかこんなバグがあるとはorz
html文中のコメントを全部削除したら表示が正しくなりました。

フォントサイズについてなんですが、

%で指定する場合、100%以外の数値はどういったものがいいんでしょうか
90%とか110%、120%、130%がいいのか（10%ずつ）
80%とか120%、140%、160%がいいのか（20%ずつ）
75%とか125%、150%、175%がいいのか・・・（25%ずつ）

あとemで指定する場合も、1em、2em、3emなどの整数以外はどこまで指定できますか？
少数第一の位までで0.5刻みまでなのか0.1刻みでも大丈夫なのか
少数第二の位までで0.05刻みまで大丈夫なのか0.01刻みでも大丈夫なのか・・・

pxで指定するとOSやブラウザなどの環境によって
文字がぎざぎざになったり汚くなったりする大きさがあると聞いたので・・・

検証サイトなどがあれば教えてください
よろしくお願いします

>>400
どっちも何でもいい。

>>400
%かemとか（相対指定）だけ使うほうが閲覧者に優しい。
どれだけ大きくても、どれだけ細かくてもいい。

>>401-402
レスどうもありがとうございます。自由に設定してもいいんですね。
あなたのお好きなようにと言われると不安になる性格で、
何かルールなどに縛られたくて質問した次第です・・・

text-indent:-9999px;等の指定で画像置換する方法だとCSS使用・画像OFFしている
閲覧者には何もないように見えてしまうことが分かり、ギルダー・レビンメソッドを
使うことにしました。そこで質問があります。
<h3><span></span>見出し</h3>

h3{ width:250px; height:30px; position:relative; }
h3 span{ position:absolute; background:url(imeges/test1.gif); width:100%; height:100%; }
だとW3CのXHTML検証では引っかかりませんがAnother HTML-lintでは<span></span>間が
空白ということで引っかかってしまいます。

そこで自分なりに考え
<h3><span class="number">#1</span>見出し</h3>

h3{ position:relative; width:250px; height:30px; }
h3 span{ position:absolute; background:url(imeges/test1.gif); width:100%; height:100%; }
.number { /*\*/overflow: hidden;/**/ text-indent : -3000px; }

としてみました。XHTML・CSS共に肥大してしまいますがこの方法はちょっと無理があるでしょうか？
また構文的に問題がありますでしょうか？長々とすみません。ご指導よろしくお願いいたします。

ただのtext-indent:-9999px;でいいよ。

閲覧者も少しは苦労しろって事

>>404
背景色を白と仮定する。
250x30 に 20pxの高さの｢白帯｣を下に付けて 250x50 にする。
h3 {
  width: 250px;
  padding-top: 30px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  color: White;
  background-color: Black;
  background-image: url(250x50.png);
}
<h3>見出し</h3>

画像を読めば文字は白帯にまぎれて見えず、画像を読まなければ文字は見える。
文字を巨大化していたらはみ出すだろうが、それはそれでどうでもいいし。

まあどうせおまえらは20pxの隙間さえ気に食わないんだろうけどなｗ

>>404
「構文的」には(X)HTMLもCSSもW3Cの提供するValidator通ればOK
(何らかの理由でチェック漏れがあることはあり得る。Another HTML-lintは文書の妥当性以上の検証を行うもの)
「HTML構造的」にはひどい(span.number内の文字列に意味があるなら別)が
どうしても画像置換したいんだろうから知らん

>>407
validator通れば構造は正しいよｗ
構造の検証（DTDに適合しているかどうか）が一番楽だから。
DTDで記述し切れないような細かな仕様まで検証する（検証しようと努力する）のがvalidatorだから。

このスレの伝統なんだが、構造=意味 という勘違いが根強いな。
例えば<div>, <span> は構造を構築するが、意味は無い。
マーク付けすればそこに構造は生じるが、意味が伴うかどうかは別の話。

そして、意味とは人が解読するためではなく、UAが解読（何等かの関連付け）をするためのもの。
マークアップとは仕様に書いてある通りUAのためだけのものであって決して人のためではない。

その #1 という文字は、<span>の内容だからUAにとっては無意味なテキストデータでしかない。
UAが解釈できるのは <span> による構造だけであって、そこから意味を抽出したりはしない。
つまり、その #1 という文字の意味の対象は人であって、
よほどの馬鹿でないかぎり、何かの通し番号だろうな、と察しがつくだろう。

とても参考になりました。ちなみに、span内の#1は見出しの通し番号です。
<span></span>が画像置換の為だけの不必要な物なので、
そこに視覚障害者の方で読み上げソフトを使ってらっしゃる方に対して
ページ内での場所が分かるように、見出しに通し番号を振ってみようと考えた結果でした。
text-indentで画面外に飛ばしているのは一般の方には必要ない情報だからでした。
なかなか上手くまとめるのって難しいですね。ご指導ありがとうございました。

ブログなんかのテキストのサイドメニューで、頭に画像のアイコンを付ける時、みなはどんな方法でやってますか？
できれば理由も教えて頂きたいです。
・まんま画像とテキストをhtmlレベルで並べるだけ
・リストで組んでlist-style-imageを使う
・no-repeatの背景画像として置いてpadding-leftを画像分よせる
など色々あると思うけど、とりあえず概ねどのブラウザでも表示されるような感じでいきたいのですが。（ネ助4.x系以前は対障外として）
今は背景でやってます。

>>410
サイドメニューの意味を考えろや。
それが画像として意味があるんならimg要素で、
単にリストのマークならlist-style-imageで、
単に文章の背景ならbackgroung-imageで。

SafariとFirefoxで表示確認済みのブログのスキンが
IE7で正常に表示されずに困っています（IE6では未確認です）

tableで段組みをし、以下の様にエントリーとサイドメニューの要素を
角丸画像のボックスで表現しています

<div class="side"><!-- ボックスの両サイド -->
<div class="outer"><!-- ボックスの底辺 -->
<div class="inner"><!-- ボックスの上辺 -->
要素
</div>
</div>
</div>

/* ボックスの上辺 */
.inner {
background-image: url(http://hoge/weblog/images/inner.jpg);
background-repeat: no-repeat;
background-position: left top;
}
/* ボックスの底辺 */
.outer {
background-image: url(http://hoge/weblog/images/outer.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
/* ボックスの両サイド */
.side {
background-image: url(http://hoge/weblog/images/side.jpg);
background-repeat: repeat-y;
background-position: left top;
}

エントリー要素の角丸画像は表示されるのですが
サイドメニュー要素だけ、ボックスのサイド部分と底辺部分が表示されません
試しに_height:100%;を追加したりもしてみましたが改善されず
恐らくIEのバグだとは思うのですが、ざっと検索してみても対処の方法が分かりません
ご教授頂けないでしょうか

>tableで段組みをし
>tableで段組みをし
>tableで段組みをし

失せろ。

NN4対応とかの案件なんじゃないの

table病とdiv病を併発すると死にます

お尋ねしたいことがあります。厳格なXHTML＋外部CSSで作成する場合、
本来は画像（文章を補足するイメージ画像も含む）は全て背景画像になるのが
正しいのでしょうか？

XHTML内で<img src="〜　と指定するのは問題無いのは分かっていますが
完全に見栄え（全ての画像も含む）と文章を分離してみたいと思っております。
（CSS ZENのようにCSSを切れば文章しか出ない状態のことです。）

>>417

CSSを切った環境の閲覧者には
文章を補足するイメージ画像は必要ないと思うのか？

>>417
装飾でなければ背景にしなくていいんだよ。
その画像がなければ文書が成り立たないとか、その画像があることで情報が豊かになりわかりやすいとか、は、使っても良いんだよ。

なるほど。確かに言われてみればそうですね。
なにか深く考えすぎて勘違いしてましたｗ
ありがとうございました。

＿＿＿DIV＿＿＿＿＿　　DIVはborderで線を表示
｜　　　　　　　　　　　　｜　　ｈ2は float: left;　position:relative;
｜ｈ2　　　　　　　　LI　｜　　　LIは　です float: right;
｜　　　　　　　　　　　　｜
｜　　　　　　　　　　　　｜

というこうぞうでスタイルシートを組んでます

DIVの左右の線が　消えてしまうのですがコレを直すにはどうすればいいのでしょうか？
CSSはこんな感じです。
/* コンテナ */
div#centerblocks div.storytext {
margin: 0 0 10 0;
padding: 0;

border-top: 1px solid #ADAAAD;
border-right: 1px solid #ADAAAD;
border-bottom: 1px solid #ADAAAD;
border-left: 1px solid #ADAAAD;
}

/* 記事タイトル */
div#centerblocks div.storytext h2 {
float: left;
position:relative;
top:5px; left:20px
font-size: 110%;
font-weight: bold;

}

つづき

/* アイコン(メールを送る・印刷用ページ・PDF) */
div#centerblocks div.storytext ul.icon {
list-style-type: none;
float: right;
position:relative;
top:5px; right:10px
text-align: right;
}

div#centerblocks div.storytext ul.icon li{
display: inline;
position:relative;
top:5px; right:10px
padding: 0;
}

>>721
>>372-399

>>422
floatしてそれをposition:relative;するって何？
まともに表示出来るブラウザあんのか？

>>424
もともとfloatだけだったところに
しらべたらposition:relative;を入れるといいってググッたら出てきたので
この組み合わせはないということですね

position:relative;は消すことにします。

下記のようなソースで、ul内のliのテキストの上にのると、★画像が入れ替わる
ような仕掛けってなんとかCSSでできないもんでしょうか。
<ul id="category">にhover指定して、★の画像のところを絶対position指定して
表示させるようにすればいけそうですが、他に方法があれば伺いたいのですが。

<div id="side_rap">←サイドバーを覆うラップ　幅180 px

　<div id="title_img">←TOPのバナー画像とタイトルテキスト
　　<a id="title">MY PAGEへようこそ</a>
　</div>

　<div id="category"></div>←カテゴリという文字の入った画像★

　<div id="category_list">←ULを格納するBOX
　　<ul id="category">
　　　<li>カテゴリ１</li>
　　　<li>カテゴリ２</li>
　　　<li>カテゴリ３</li>
　　</ul>
</div>

</div>

それは〜じゃ〜ばすくりぷと〜♪

>>427
ありがとうございます。よく考えてみたら、それほどカテゴリリンクは
使われなさそうなので、option表示させ、option選択中にHoverがかかる
ようにしたいと思います。

下記のようなソースです。formタグにhoverがきけば一番いいのですが、
無理そうなので、<div id="form_test">のエリア内に入るとhoverがき
くようにしたいのですが、どうもうまくいきません。

<div id="form_test">
<FORM NAME="form">
<SELECT NAME="sel">
<OPTION VALUE="aaaa.html">aaaa</OPTION>
<OPTION VALUE="bbbb.html">bbbb</OPTION>
<OPTION VALUE="cccc.html">cccc</OPTION>
</SELECT>
</div>

#form_test {
width: auto;
text-align: center;
}

form_test:hover{
background: Aqua;
}

何か良い方法はありませんか？

>>428
フォームの表示はUA依存。そーいうモンを弄くるな。

INPUTタグのtype毎に指定を切り換えることは出来るでしょうか。

＜指定のイメージ（#を仮使用）＞
input#text{ background:red }
input#submit{ cursor: pointer }
input#button{ cursor: help }

class,idを使うしか無いでしょうか？

>>428
>>>343

>>430
CSSセレクタの基礎を勉強して恋。

>>426
wrap

今度、新しくサイトをつくるんですが、
前回つくったサイトのCSSが激しく汚くなってしまったので、
CSSの記述を参考にできるサイトを教えてください。
たとえば、外枠だったらoutlineとかwrapperとか書くことが多いですが、
そのレパートリーを増やしたいです。
よろしくお願いします。

>>434
自分で禿しく汚くして、直すのがめんどくさい。
いちから勉強するのもめんどくさい。
誰かの真似をしよう。その誰かを探すのもめんどくさい。
おまえら探して俺様に教えろ。希望はこんなもんだ。説明するのもめんどくさい。後は察しろ。わかったなクズども。

>>435
ちょ、このスレ激しい

>>435
蛇足だけど
>直すのがめんどくさい。
直すんじゃなく、新しく作るのね。
これは、勉強なんだ。
じゃ、なにを見て勉強すればいいか教えてくれないかな？

>>437
おまえがまず勉強しなければいけないのは
自分で物事を考え解決する方法

>たとえば、外枠だったらoutlineとかwrapperとか書くことが多いですが、
>そのレパートリーを増やしたいです。

#sotowaku
#ookinakukuri
#hitomatome

いくらでも増やせるw

>>437
デラべっぴん

#sotowakuとか最悪だな

#orenokattedaro
#sukiniyarasero
こんな感じかな

ul {
margin:0;
padding:0;
list-style:none;
}

li {
margin:0;
padding:0 0 0 14px;
background:url(dot.gif) no-repeat 0 0.5em;
}

上記の方法でリストのマーカーに画像を使っているのですが、
winIE6で確認するとマーカー画像が一部分だけ消えた状態で表示されたり、
ブラウザをスクロールすると一部のマーカーが消えたりします。
Firefox等では全く問題がないので、
http://cssbug.at.infoseek.co.jp/detail/winie/b153.html
にあるバグだと思われるのですが、もしこの現象を回避する方法等あれば教えてください。

>>443
list-style-imageぷろぱて

>>444
list-style-imageで指定してみたところ、winIE6でも問題ありませんでした。
表示位置を細かく設定できないのが残念ですが、不確かな表示をされるより
安全そうなのでこちらで制作していこうと思います。ありがとうございました。

backgroundでもwidthとか設定するとうまく表示されることとかありますよ。
あとposition: relative;
とか。

>position: relative;
メモリ食いつぶしてますます不安定になるからやめとけ。

>>446-447
ulのスタイルにwidth、position:relative各々試してみましたが、
どちらの方法でもwinIE6にて、背景画像を使用したマーカーが
問題なく表示されるようになりました。ありがとうございます。
メモリ消費に関しては知識がないので解らないのですが、
447さんのアドバイスを参考にposition:relativeを避け、
widthを指定する方向でいきたいと思います。

IEで出来るコトをFireFoxやOperaでもヤリたい、というのはOKでしょうか？

フレームに個別に縁取りを付けたいのです。IEではコレでいけました。

<frame name="main" scrolling="no" noresize marginwidth="0" marginheight="0" src="もなー_frame.html" style="border:10px solid #ff3333; padding:0" >

%一行目%ということで、「もなー_frame.html」もまたフレームを使っています。なんとかFireFoxやOperaでも同じように枠を付ける方法はないでしょうか？

>>449
>>1
●土台のHTMLが間違ってるとCSS指定も意図通りに効きません。
　正当(valid)なHTMLを心がけて下さい。validator（>>2）でチェックできます。

<frame>の使用はValidでないと言う事は無いが、今日フレームを使うサイトなど無い

儲け目的ではない、検索エンジン糞食らえな身内だけに見せるならむしろ使った方が楽。

それは真面目に弾いとけよ

なんか、頓珍漢なコト言ってしまったようですいません。

>>450
これってIEの方言なんでしょうか？
同じように見える、最悪、フレームの枠線の色を#ff3333に代えるだけでもOKなので、代替方法はないでしょうか？

>>451
すいません、時代遅れで(^^;　いま、フレームって使わないんでしょうか？
「一部分だけスクロールさせたい」
「一部分を別HTMLとして分けて管理したい」
という場合、どのような手段を取るのでしょう？

>>452
とりあえず検索エンジンくそ食らえ、っつーか、検索してもらっちゃ困るんですけどね、このサイト（苦笑）
googleが云々は気にしなくてもいいサイトではあります。

>>454
「一部分だけスクロールさせたい」
これがそもそも余計にお節介なんだが、まあやるとしたらoverflow。
「一部分を別HTMLとして分けて管理したい」
管理者の手間を減らす目的で閲覧者の閲覧幅をいじらないでほしいなあ。
やるとしたらSSIやPHP。

具体的にどうやるんでしょう(^^; すいません初心者で…




とか質問するの禁止な。

>>455
……すいません、JSPなんです（苦笑）

それはさておき、overflow検索しました。……なるほど、私、時代遅れなんですね(^^;
>>449の「もなー_frame.html」はこれで１HTMLに纏められるから、後はBODYのstyleで枠を指定してやればいいでしょうかね？
ちょっと試してみます。

JSPなんです、って何か物凄く意味不明な返答に聞こえるのは気のせいじゃないはず。

>>451>>453>>455
validとかstrictとか振りかざす輩を、相手にするのも馬鹿馬鹿しいが、
物事とはそう単純なものではないのだよ。
単純は簡単で分かりやすくて書きやすくて良いけどね。

XHTML1.1 - Module-based XHTML - Second Edition W3C Working Draft 16 February 2007
http://www.w3.org/TR/xhtml11/

5. XHTML Abstract Modules
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html

タブブラウザが主流になれば、target="_tab"とか、定義される可能性とか想像できないかな？

>>459
スレ違いなのでうせやがれタクト先生

>>459
target="_tab"
じゃなくて既存の
target="_blank"
で十分だが。

＞タブブラウザが主流になれば
使ってない奴がアホ

>>458
いや、PHPとか言われたのでw

ということで、IEとOperaではoverflowでイケそうですが、FireFoxではうまく動きませんね。スクロールバーは出ているのですが……

<body>
<table style="border: 10px solid #66cc33" width="100%" height="100%">
<tr>
<td>
<div style="width: 300px; height: 100%; overflow: scroll;">
<table border="1" width="100%">
<tr>
<td>以下実は行が一杯</td>
</tr>
</table>
</div>
</td>
<td>こっちは固定にしたい</td>
</tr>
</table>
</body>

とかではダメなのでしょうか？＞overflow

><table style="border: 10px solid #66cc33" width="100%" height="100%">
・・・・・・・・・・・・・・・・。
あのさ、ここじゃなくて初心者スレのほうがいいと思うよ、マジで。

>>462
デュアルディスプレイの俺様にとってはタブブラウザは不便以外の何者でもない

使い方によるべ。

>>463
了解しました。逝ってきます。

>>459
XHTMLは、targetじたいが、非推奨では・・・

タクトに構うな

質問です。

cssだけでwebサイトを制作するなかで、
領域は中央に表示させたいが、その中の文章は
左寄せにしたいと言う場合はどうすればいいんでしょう？
<center>や<div align="center">のような
非推奨要素はできるだけ使わないようにしたいんですが…。

質問内容を具体的に書いています。↓
ttp://www.geocities.jp/toumin_m7/

>>470
margin: auto;

テンプレ嫁

そういえば、そろそろテンプレのリンク切れ何とかしよう

>>472
失礼しました。逝ってきます…

リスト項目を横に並べて画像を使ったメニューを作りました。
メニュー全体の左右のmarginをautoにして中央揃えにしているのですが、
IEで見るとメニューの左側に余分なマージンができてしまい、ちょっと
右に寄った状態になってしまいます。
FireFoxやOperaで見るときちんと真ん中に来ています。
何か解決する方法はありますか？

どうやったのさ

どっかのpaddingが影響してんじゃね？

>>475
ソースもないのに、どうしろと

そーすね

>>470
まぁ、あれだ・・・
君は、文章をDivでかこむのか、、、と

つか、質問する人、ID晒せ。
わかりにくい

失礼しました。ソースは下記のようになっています。
よろしくお願いします。

htmlはこれで
<body>
<ul id="menu">
<li id="menu01"><a href="menu1.html">メニュー1</a></li>
<li id="menu02"><a href="menu2.html">メニュー2</a></li>
</ul>

CSSはこうなっています（ちょっと短くしました）
#menu {background: url("menu.gif") no-repeat center;
list-style: none; margin: 0 auto; padding: 0;
position: relative; width: 680px; height: 100px; }
#menu a {background-image: url("menu.gif");
text-indent: -1000em; display: block;
width: 100%; height: 100%;}
#menu li {top: 0; height: 100px; list-style-type: none;
display: block; margin: 0; position: absolute; }
#menu01 {width: 126px; left: 0 }
#menu02 { width: 182px; left: 126px }
#menu01 a { background-position: 0 0 }
#menu02 a { background-position: -126px 0 }
#menu01 a:hover, #menu01 a:focus { background-position: 0 -100px }
#menu02 a:hover, #menu02 a:focus { background-position: -126px -100px }

ごめんなさい、見にくくなってしまいました。

>>482
再現しません。他の部分に問題があると考えられます

>>479が哀れでしょうがない

自分で自分を慰める485

485は俺です。探さないでください…

俺は軽く侮蔑を込めて485を書いた。
>>487を見て、スルーしてやれば良かったなと思った。

答える奴はトリップと自分の自慢のWEBを晒せ

>自分の自慢のWEB
まず日本語を勉強しろよ。

細けえな

485は俺です。探さないでください…

submitのボタンをCSSで背景画像を入れて装飾したのですが、
なぜかIE6.0でみると、汚く見えます。（ボーダーが2重表示されてるみたいに）

ソースはこんな感じです。
.submitBotton input{
background-image: url(image/button_back.jpg);
margin: 0px;
border: 0px;
width:100px;
}

「汚い」なんて主観でもの話すなよ、意味不明

>>484
ごめんなさい。
Explorerで中心揃えにならなかったので、bodyに
［text-align: center;］と指定したのを忘れてました。
そしたらページサイズに合わせて動く様にはなったけど、
センターからずれてしまう様になりました。
ずれるのはIE6です。

・・・ごめんますますわかんない

overflow:auto;を指定した高さ・幅固定のボックス内に
scriptタグを使用したカウンターを設置しました。
IEで表示すると、そのボックスを上下にスクロールすると
カウンターだけ位置が固まったまま動かず、周りのものだけ何事もなく動きます。
IEのバグですか？
解決策をお願いします。

仕様とは思わない理由を言ってみろ

>>498
いくつかのカウンターを設置してみたのですが、
同じ現象がおきたので、カウンターのほうの問題ではなさそうだと思いました。
故、IEでのバグか、overflow:auto;の規則に従っていないかと思い
ここで質問しました

>>495
再現する最小限のソースをうｐしてみ。

>>497
カウンターがJSで位置固定する仕様なら諦めろ。

>>482
>#menu {background: url("menu.gif") no-repeat center;
list-style: none; margin: 0 auto; padding: 0;
position: relative; width: 680px; height: 100px; }

#menu {background: url("menu.gif") no-repeat center;
list-style: none; margin: 0; padding: 0;
position: relative; width: 680px; height: 100px; }

>>500
>>502
いろいろありがとうございます。
サンプルページを下記にアップしました。
ttp://234234.web.fc2.com/test2.html

bodyに指定してあるmargin:autoをはずしてもIEでは変わらず、
FireFox等ではセンターに行かなくなりました。

>>503
<img id="image1" src="menu.gif" alt="" width="680" height="200" border="0">
これなんのためにあるの？

>>503
全体的におかしいなｗ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="content-type" content="text/css">
<meta name="generator" content="Adobe GoLive">
<title>test</title>
<style type="text/css"><!--
*{padding:0; margin:0;}
body{text-align: center;background-color:#FFFFFF;}
#menu {width:680px;height:200px;margin:10px auto 0;background:url(menu.gif) center no-repeat;}
#menu li {float:left;height:100px;width:170px;list-style-type: none;display: block; }
#menu li a {background-image: url("menu.gif");text-indent: -1000em;display: block;width: 100%;height: 100%;}
#menu01 a { background-position: 0 0 }
#menu02 a { background-position: -170px 0 }
#menu03 a { background-position: -340px 0 }
#menu04 a { background-position: -510px 0 }
#menu01 a:hover, #menu01 a:focus { background-position: 0 -100px }
#menu02 a:hover, #menu02 a:focus { background-position: -170px -100px }
#menu03 a:hover, #menu03 a:focus { background-position: -340px -100px }
#menu04 a:hover, #menu04 a:focus { background-position: -510px -100px}
#image1 {text-align:center; }--></style>
</head><body>
<div id="menu"><ul>
<li id="menu01"><a href="menu1.html">メニュー1</a></li>
<li id="menu02"><a href="menu2.html">メニュー2</a></li>
<li id="menu03"><a href="menu3.html">メニュー3</a></li>
<li id="menu04"><a href="menu4.html">メニュー4</a></li>
</ul></div>
</body></html>

↑もっと修正できるだろうから
あとは、自分で。

質問させてください。

マージンを指定した<table>内の<caption>要素について、Firefoxにて下記の現象が発生し、解決法がわかりません。
Opera9、IE6では意図したとおりに表示されています。

例のように記述すると、<caption>は上から50px、左から200pxのところに表示され、その下にtableが続くと思います。
しかし、Firefoxでは左上隅に表示されてしまいます。
<caption>のネガティブマージンで調整できるかと思ったのですが、そうすると今度はOperaで思わしくない表示になってしまいます。

<html>
<head>
<style><!--
table { margin-top: 50px; margin-left: 200px; }
table caption { text-align: left; }
--></style>
</head>

<body>
<table>
<caption>キャプション</caption>
<tr>
<th>th01</th>
</tr>
<tr>
<td>td01</td>
</tr>
</table>
</body>
</html>

既出の問題かもしれませんが、よろしくお願いします。

caption{
display: block;
}

やればなおるかな？

>>508
レスありがとう！
<caption>に display:block; やってみたけど、なぜか左端列と同じ幅になってしまった。
（例では1列の表組みでしたが、実際は複数列です）
width指定してるわけでもないのに、なんでだろう…。

と思ってたところ、<table>に display:block; で思い通りの表示になりました。
なぜこれで解決するかはわかっていませんが。

caption辺りは何気にバグ多いな

HTMLのテーブルでガントチャートみたいなものを作っていますが、
任意の箇所に、今日の日付を意味する縦線を入れたいのですが、
実現可能でしょうか。
CSSなのかHTML、JSなのかよくわかりませんが、こちらに質問しました。

わからないのにここで聞かないで下さい。

>>504
その画像と上のメニューがずれてしまう原因を知りたいと思ったので入れました。

>>505
>>506
とてもすっきりしていて、余計なところが如何に多かったのかと恥ずかしくなります。
違う部分を比較して、理解できるようがんばってみます。
本当に助かりました。
ありがとうございます。

>>507
それは仕様の違い。
Fx用にはcaptionのほうにマージン設定汁。

>>511
日付を意味する縦線が何かわからん。

日付を意味する縦線＝スラッシュ？

2007/03/14

女の子を意味する縦線？

ヘッダー部、CSSファイルの中に td{background-color:#ffffff} と記入すると以降のHTMLファイルの中に現
れる全てのtdタグの背景色が一括して変更されますが、この状態で、ある一つのテーブル内のtdだけ異な
る背景色にするにはどうすればよいでしょうか。

テーブル内の全てのtdタグにstyle="..."と書き加える事を思いつきましたがそれではあまりに酷いので助言
をください。

ここは質問スレッドだけどさ、
せめて1冊くらい解説本を読んでみたとか
ネットの解説サイトはある程度見たとか
そのくらいの下地は欲しいよね…

>>518
オレはどちらかというと質問者側だけど激しく同意

>>517
お前ひどい

>>517
<td id="aruhitotsu">ああああ</td>

td#aruhitotu {
background......
}

ところで質問なんですが
ひとつのdivの背景で

■■■■■■■■■■■■ a.png
■■■■■■■■■■■■
□□□□□□□□□□□□ b.png
□□□□□□□□□□□□ b.png ループ
□□□□□□□□□□□□ b.png ループ
というのは実現できますか？

>>517
1+1+1+1+1+1+1+1+1+0=9
10-1=9

あとidとかclass使え。

>>520
おまえのほうが酷い。
無理。

>>520
できるわけないだろｗ
ただ、その背景画像の表現ならば、
■■■■■■■■■■■■ a.png
■■■■■■■■■■■■
□□□□□□□□□□□□ b.png
□□□□□□□□□□□□ b.png ループ
□□□□□□□□□□□□
↓
■
■
□
□
□
を、１つの画像として、Xにリピートすりゃいいんでない

女の呼び方あれこれ

女の子＝ロリコン
女性＝童貞

このスレはこんな奴らしかいないのかｗｗｗ

>>524
これはひどい

>>520
レスありがとうございます。

idを使えば記述が減っていい具合ですね。
tableタグに何か識別子のような物をつけてtdタグ全てに書き加えないでも良い方法はありませんか？

>>526
tableにclassつけろよ。
つうか基礎の基礎から勉強汁。

>>523
それだと長いコンテンツの時に
下方向がまっしろになりませんか？

>>528
氏ね

>>528
523じゃないが、
充分な高さの画像にしとくか、それが嫌ならdiv二つ重ねろ。

>>530
div厨氏ね

>>531
脊髄反射乙
自分じゃやらねーよ。

別に>>528の作ったサイトを自分がメンテするわけじゃないんだから、
多少div重ねようが俺は困らん、というスタンスもアリだと思う

すぐdivという発想が脊髄反射なんだけどね

元はといえば基礎もロクにやってない質問者が悪いんでわ。
超初心者はすなおに該当スレに誘導した方が丸く収まる。

div重ねようが好きにさせりゃいいだろ

必死だなdiv厨。

>>534
脊髄反射の意味分かってんのか？

大体>>520,528こんなこというような質問者なんだから
>>523で不満ならdivでも重ねてろってことだ。

それを脊髄反射でdiv厨扱いするお前の方は、さしずめdiv厨厨てとこか。

>>537
必死なのはお前だろｗ

「この人痴漢です！」の一言で善良なサラリーマンが犯罪者扱い。
無実を証明し名誉を回復するには膨大な時間と金がかかる。

人権擁護法ができると「この人差別しています」と一言言われたら、
痴漢でっち上げ以上に悲惨なことになる。
しかも、日本人を取り締まるのが反日国家の国籍を持った人間の可能性も。

divが1つ増えたらなんなの？

全部divでやれ

pやspanぢゃだめなん?

http://test111.web.fc2.com/

上記のような構成にしたいのですが
ソースをもっとシンプルに出来ないでしょうか・・（特にbody内）
なるべく短く纏めたいのですが、自分にはこれが限界でorz

divでやれdivで

デブデブうるせえな

ぽっちゃり系でいいのか

divでなんでも出来るんだよｗ

>>544
><span class="right"><h2>test</h2></span>
・・・・簡略化以前の問題。
HTMLの基礎から勉強して恋。

だからdivだとあれほどw

>>549
他を省いてるだけで実際は<h1>もあるんですが・・
そういう問題ではないですかorz

spanをdivに変更すれば・・？

>>551
正しいHTMLを自負するサイトでなければHTMLなんて気にする必要はない
好きなようにやれ。

正しいhtmlにcssを反映させるから美しいのだ。
>>1をよく読め。
>>551は勉強しろって言われたろ。他に言うべきことはない。

>>552
好きなようにやった結果ああなってるわけだが

HTMLチェックしてみました、なるほど・・

基礎解説サイトちゃんと読んできます
ありがとうございました

>>553
はいはい自己満足乙＾W^

>>554
>>552はネタだろ。さすがに

俺は適当なHTMLだけど今まで困った事ないぞ

そんな事よりキッドデザイン推奨派がどうして2ｃｈで改行するのか考えようぜ

divだーいすきｗ

正しいHTMLがどうとかよくわからんが
ブロック要素とインライン要素くらいはせめて理解しておこうぜ。

と、質問者側が言ってみる

そんな事より正しいHTML推奨派がどうして2ｃｈで改行するのか考えようぜ

http://52.xmbs.jp/HaRuNa0526/こいつのホンペ荒らして下さい……友達のホンペをパクリよった………最低です

そんな事より正しいHTML推奨派がどうして糞HTMLな2ｃｈを普通に利用しているのか考えようぜ

結局は自サイト以外のHTMLなんてどうでもいいんだろ？ｗｗｗ

>>544
画像使え。

>>561
ブロックレベル要素な

誰も基礎なんて勉強しない。
好きなようにHTMLらしきファイル作って、広告貼りまくって、小銭集めに必死だ。

でも結局そういうもんなんだよな。
だからこそここまで身近に情報を発信できるようになったんだから。

オナホ裂けちゃった

よかったな。彼女いなくて。
殺人罪で逮捕されてるところだ。

>>566
ブロック要素で通じると思ったが

>>571
つかわかってないでそ？

ここは、CSSのスレな訳だが、正しいHTMLを使用するものの中にも
W3C原理主義者と、そうでないのがいる訳で、わたしはlint 100点とかは全く目指していない。

因みに、W3Cも必ずしも硬性憲法でない訳で、XHTML1.1では、frame要素とかが復活している。
ttp://www.w3.org/TR/xhtml-modularization/abstract_modules.html

>>573
全然そんな話はしてない

>>573
あんたが何を目指そうが勝手だが、うそはよくないな。
> XHTML1.1では、frame要素とかが復活している。

>>573
普通につくってればHTML-lintで100点は容易だ。
少なくともこのスレの者ならな

通常ならｐ要素で一気に書ききってしまうような文章でも2ｃｈだとどうしてみんな改行するんだ？
不思議だ･･･

俺のサイトはHTMLに一応こだわってるが他人のサイトなんてどうでもいい
よく知り合いにオナニー（自己満）って言われるｗｗｗ

おらのブログはHTML-lintマイナス50点ぐらいだけど完全CSSレイアウト
適当なブラウザでも同じように見えるYO

100点にすると何が変わるの？

オナニーマスター度が上昇

まぁ、lint気にしてたら「納期にまにあわない」ってので、気にしない人のほうが多い。
サイトじたいが、「ウェブ標準をうたってる（うたいたい）」という、クラは別だがな。

>>577
ｐ要素ってなに？

パラグラフ

>>579
どんなので引っかかった？

sage忘れ

オレのブログは47点だった
9: line 912: <A> を 912行目の <NOSCRIPT>〜</NOSCRIPT> 内に書くことはできません。 → 解説 43
9: line 913: <BR> を 912行目の <NOSCRIPT>〜</NOSCRIPT> 内に書くことはできません。 → 解説 43
9: line 914: <SPAN> を 912行目の <NOSCRIPT>〜</NOSCRIPT> 内に書くことはできません。 → 解説 43
9: line 941: <INPUT> を 940行目の <FORM>〜</FORM> 内に書くことはできません。 → 解説 43
9: line 942: <INPUT> を 940行目の <FORM>〜</FORM> 内に書くことはできません。 → 解説 43
9: line 954: <A> を 954行目の <NOSCRIPT>〜</NOSCRIPT> 内に書くことはできません。 → 解説 43

なんつーかデフォルトの部分のミスだな

ブログなんてかけても

>>536
あーすまん
オレのメインサイトはブログの素材配布サイトなんで

ブログを始めてからその快適さにスタイルシートでサイトを作りたいと思い、今夜から取り掛かった若輩者です。
テンプレをダウンして作り始めたんですが、あれっと思うことにぶつかりまして、５時間悩んで調べても分からないので質問させてください。

ダウンしたテンプレは２コラムタイプです。左にメイン、右にメニューのシンプルなものです。
それでメニューの部分ですが、これは各ページに同じ記述をする以外ないんでしょうか？
ブログのように一箇所を編集するだけで、全ページのメニューを共通して更新出来るようにするにはどうすればいいんでしょうか？

■1から■10000までの数字を大きく表示させたいんだけど
どうしたらいいの？
数字の前に記号■を入れたい
CSSの事は全く分からないからヒントを下さい
後はググッて調べるから

>>588
CSS関係ない。php include でググれ。

>>589
それがリストなら、ul使ってlist-style-type:square;。
違うなら:before使うとこだけど、IE6以下は非対応。

>>588
そういう時はframeを使うんだ。

>>590なるほど、ありがとう調べてみる

外部リンク、target="_blank"にしてるから100点取れない

ああ、それ非推奨なんだよね
新しいウインドウで開くか否かはユーザーが選ぶことで
管理者が押し付けちゃだめとか。

結局
■■■■■■■■■■■■ z-index 1
■■■ヘッダー背景■■■
□□□□□□□□□□□□ z-index 0
□□□□□□□□□□□□
□□□□ループ背景□□□
□□□□□□□□□□□□
□□□□□□□□□□□□

こんな感じにしました

まあ人によるんだろうけどな。
俺は外部リンクは別のサイトってのを明示したいから外部だけ_blankにしてるけど。
個人的にも外部サイトは別窓の方がわかりやすい。

>>594
新しいウインドウで開いて欲しいユーザーに
わざわざ右クリックやシフト押させるなんて酷い話だよな。
ユーザーに手間掛けさせんじゃねっつの。

新しいウィンドウで開いて欲しくないユーザーに
余計なウィンドウを閉じさせるなんて酷い話だよな。
ユーザーに手間掛けさせんじゃねっつの。

正直、これはブラウザ側で指定するべきだと思う。
デフォの設定、つまり_blankは言ってみればデザインのようなもので、
管理人の好みで選んで良いと思う。

> W3Cのtarget属性に関する文書
> ユーザーエージェントで新しいウインドウを開かない設定ができるようになるまでは、
> ユーザーに知らせることなしに新しいウインドウを開いたり現在のウインドウを変更しないようにする。[優先度2]

「ユーザーエージェントで新しいウインドウを開かない設定ができるようになるまでは」
であって、今は「ユーザーエージェントで新しいウインドウを開かない設定ができる」んだから
いつまでも非推奨にしているのはおかしいんじゃないの？

ということで、俺はこれは「だから使うな」と言っているのではなく
「だからユーザーエージェントはとっととこの機能を実装汁！」と言ってるんだと思ったのです。

firefoxとかで普通にOFF設定できるしな。
逆に、大部分のブラウザで外部サイトは_blankで開くように指定も出来るようにもなれば
もっといいのに。

普通にOFFにできてもデフォルトの状態がONなら採用されないだろ

>>590
調べたらズバリそういうサイトがありました。
でも自分にPHPが導入出来るかどうか問題なんですが・・・

>>591
フレームは使わないでメニューを作りたいんです。

自分は文章の途中とかで外部リンク有る場合は
_blankで飛ばされた方が楽かな。
でもこれはかなり個人の好みかなぁ…

テキストリンクをマウスオーバーで
リンク色変更、アンダーライン表示させたいんですが
アンダーライン表示がうまくいきません(色は変わります)
環境はWinXP、Opera9.10です
IEやFirefoxではきちんと動作するのですが…
原因お分かりの方いらっしゃいますか？

ソースは↓のような感じです

#main #contents_list a:link,
#main #contents_list a:visited {
color: #333300;
text-decoration: none;
}
#main #contents_list a:hover,
#main #contents_list a:active {
color: #990000;
text-decoration: underline;
}

>>605
仕様。
どうしてもっていうならborder-bottom:solid 1px #990000;に変えな。

どういたしました（＾▽＾）

>>606
レス感謝です
代替方法まで教えていただきありがとうございました

JavaScriptオフの人が、どうしても別窓で開かないと困るってことは、そうないかなぁと思って、
おれは、_blankは、JavaScript使ってる一応。

IE向けにアンダースコアハックを使うとvaildにならないと最近知ったのですが
vaildになる他の手法は無いでしょうか？

JavascriptでUAを判別して読み込ませるCSSを変えれば？

CSSをいじるのは楽しいんですが、長続きしません。
どうやったらやる気が出るか、
どうやって長時間集中してるかアドバイスください。
自分は２０分ほどでやめてしまいます＞＜

>>612
ADHDかもしれません
http://ja.wikipedia.org/wiki/ADHD

インドへ行ってサイババに相談するといい

>>610
!important 使ってハック

ここにいる奴は仕様書が全て
仮に仕様書が別窓を肯定するように変更されれば
信者は別窓を薦めだす不思議な流れになるはずだ

俺馬鹿だからW3Cは独占禁止法に反してると思う

俺はもっとW3Cが権限をもっていいと思うわ。
もうね、ブラウザの違いでCSSを変えるとかありえない。
各ブラウザが独自性を出すのはいいけど部分的に
独自解釈するのは何とかしてほしい。（IEとかIEとか）
仕様書に完全に沿わない解釈を持ったブラウザは作るなといいたい。
そしてそれを取り締まる権限をW3Cにもってほしい。
仕様書に沿わないブラウザは許可を出さないとか・・・。

IEとかいう糞な存在のせいでオレは２０分しか(ry

別窓で開くことの是非について言及するのは避けるが、
とりあえず>>597,598,616の辺りは
自分がどんだけ頭悪い発言してるか自覚した方がいいと思う。

外部リンクまで同じウインドウで開かされた場合
面倒なので元のサイトには99％戻らない俺が来ましたよ

ブラウザに別窓を選ぶオプションがあったとしても使用しない
見る側は常にこんな感覚だろうな

>>620
それは仕様書がそうだからそう思うだけだろ？
そうでなければおまえの独自の理論を聞かせてもらいたいものだ

すいませんでした

>>620
専ブラも言ってみれば全て_blank扱いだがそれについてどう思いますか？

W3C信者

仕様書がそうだから。理由はわかりません＞＜；

結論を言ってしまえば別窓だろうがそのサイトが面白ければ見る
つまらなければ見ない。それだけの事である。そのサイトのHTMLが糞でもそれは変わらない。

W3C信者が糞HTMLの2chを利用している時点でそれは立証されている

何その屁理屈

お前ら馬鹿？
そんなくだらんこと考える前に
どうしたらオレが20分以上集中してCSSいじれるか
考えてくれよ
ここは質問すれで、討論すれじゃないんだぞ

交通法規で例えてみる

時速30キロの道路を40〜50キロで走行するのが一般人
法律だからと言って30キロ以下で走行するのがW3C信者

>>628
ADHDかもしれません
http://ja.wikipedia.org/wiki/ADHD

>>620

<p>別窓で開くことの是非について言及するのは避けるが、 とりあえず>>597,598,616の辺りは自分がどんだけ頭悪い発言してるか自覚した方がいいと思う。</p>

<p>
別窓で開くことの是非について言及するのは避けるが、<br />
とりあえず>>597,598,616の辺りは <br />
自分がどんだけ頭悪い発言してるか自覚した方がいいと思う。<br />
</p>

W3C原理主義者なのにどうして改行するんだ？ｗ

<br />が連続しています　-1点

>>631
読みにくいから

文法に気を使う大抵の製作者は、自身のサイトの後のメンテと互換性の為に
便利な文法を使っていたらW3C勧告にほぼ準じる結果になったってだけで
「自分の制作物であろうが他人のサイトであろうが、Webとはかくあるべき」
なんて信念に基いて行動してるわけじゃないだろう
べつに2chのソースがnot valiedだろうが手元ではちゃんと
読めるように表示されるのだから知ったことではない
それより意味を明確に伝えるために改行を用いたっていい

自サイトでは読みにくいとわかっていても段落として改行はしない。
それがW3C原理主義者。要するに仕様書に踊らされているだけ。

>>634
と言う事は他人に仕様書通りの文法を押し付けようとしている奴はただの馬鹿って事でFA？

議論はよそで

人がちょっと目を離した隙に好き勝手言いやがってｗ
誰がW3C信者だ。
俺は>>597,598,616の発言の"頭の悪さ"を指摘しただけだっつの。

>>622お前のその独自の理論の根拠を言えよ。
>>624それは専ブラの仕様だが何か？
>>631人を勝手にW3C原理主義者にするなｗ

ああ疲れた。

つーかほとんど>>616の自演だろ

>>638
おまえ馬鹿か？

>>620
>597が面白かったのでつい乗ってしまった。今は反省している。

つうか597,598で終わったはずの話を蒸し返すなよ。

>>629
これは深いな

いや全く＾＾；

自演乙

>>640
何だその小学生みたいなレス

br病って言うんですよ

>>641
＞597,598で終わったはずの話を蒸し返すなよ
なぜそこで終わったことになってるんだｗ

すまんが、年のせいかスレタイがよく見えないんだが…
誰か教えてくれないか？

>>603
自分にっていうか、サーバーに置けるかという問題もあるんだぜ

> フレームは使わないでメニューを作りたいんです。

なんか、こうテキストエディタだかバイナリエディタだかで
複数のファイルの同一の文字列をまとめて置き換えるなり書き換えるなり
みたいな機能を持ったソフトがあると思うから探してみそ

　「Javaが嫌いな奴はブラウザの設定でOFFにすればいい」
　「画像が嫌いな奴はブラウザの設定でOFFにすればいい」
なのになんで
　「別窓が嫌いな奴はブラウザの設定でOFFにすればいい」
とならないの？

スレ違いに親切ぶってとんちんかんな回答をする＝アホ

次の質問どうぞ↓

質問いいっすかー
最近頭が来るって20分以上集中できないんですけど
どうしたら集中できるようになりますかー

>>653
20分以内で全部おわらせる

>>654
きついっすねーそれは
２〜３箇所修正しただけで終わっちゃいそうです＞＜

>>653
間にコーヒーブレイクを挟む。

>>653
間に筋トレを挟む。

柔らかいモノに挟んでもらう

>>656
コーヒー大好きだ。そうだな、20分後とにコーヒーブレイクってのもなんだが

>>657
最近、自分の醜い体に嫌気が差して筋トレはじめたんだが
腕立て伏せやってる間に眠りについてしまう

>>658
はさんでくれる人がいない＞＜

あわてないあわてない
ひとやすみひとやすみ

ソースいじり飽きたら、イラストレーターで素材作ってるよ

いっきゅー

あー素材作りねー、CSSも大切なんだけど、
実際画像で5割以上の見栄えが決まっちゃうからね

>>650
そんな特殊な事をする奴は1割にも満たない
それを問われてもな・・・ｗｗｗ

「閲覧者の自由を狭めない」というのはユーザビリティの基本的考え方の一つだけれども、
これに対して「ユーザのしたいことを先回りして準備する」こともまた、製作者には求められている。
ユーザが「他サイトへのリンクは新窓で開きたい」と考えているならば、製作者側でその希望を実現することが「ユーザの利便を向上する」ことになる。

リンク target 問題の争点は、製作者が target 指定すると、ユーザの選択肢がなくなることだ。
しかしユーザが通常のリンク参照と同等の簡単操作で新窓を開くためには、ある程度の勉強が必要だ。
そして多くのユーザは、「（自分は何も努力する気が無いが）製作者には何とかしてほしい」と思っている。

私は「バカな閲覧者は勝手に不幸になればいい」と思うが、多くの製作者はなかなか割り切れないだろう。
自分がちょっと手間をかけるだけで喜んでもらえるのであれば、一肌脱ごうと思ってしまう。

その結果、ある程度勉強してきた閲覧者が不幸になるのは理不尽だ。

理不尽だがしかし、あまり問題にはならない。

やはり多くの場合、勉強してきた人の希望も「他サイトへのリンクは新窓で開きたい」だったりするので、製作者の target 指定は案外、邪魔になることが少ない。
ちょっとできのいいタブブラウザなら、「既読タブを閉じる」なんて機能もある。
どうせ勉強するなら、ブラウザもいいものを選べばいいんじゃない?　という意見も通用しそうな状況になってきた。

>>665が脱ぐスレになりました

ここでいったんＣＭでーす

>>648
>>648
>>648
>>648
>>648

>>665
一番簡単で効果的なのは
ブラウザに別窓で開かないとゆう設定を追加する事だな。

すいません。
font-family　の指定で　フォント名をしんぐるくおてーちょんで囲った方が良いんですか？
comic ms sans　みたいに空白を含んでるのだけ囲ってたんですけど、
やっぱり全部囲った方がいいんでしょうか。

>>670
それはネタか？

マジ本気です。
すんません。
この流れなら聞ける！って思いました。

文章の途中にあるリンク（タグクラウド）が同窓で開かれると激しくうざい

ていうかタグクラウド自体がうざい

>>674
タグクラウドの意味わからん、あれ便利なのか？

あれスパムだな

>>670
空白があってもなくても囲む必要はない。

>>677　うそ。アフォ。死ね。
「空白文字」を含むフォントは引用符で囲まなくてはならない。

質問いいですかー
最近>と?を、&と%と$と#あたりを間違えて打ってしまうことが多いのですが
対処法を教えてください

>>679
激打を10年やってから鯉

>>679
そういうのは質問じゃなくて相談っていうんだぜ

>>678
デタラメ言うな

>>682
http://www.w3.org/TR/CSS21/fonts.html#font-family-prop
仕様書くらい読め

>>683
オマエ、スポーツ新聞の見出しだけで語るタイプだろｗ

>>679
両手が揃っていて不自由がないことを前提に言えば、
% と & は打つ手が違うから間違えようがない。
また、所謂英語配列だと、% と & は隣接していない。

Shiftキーを押しながら5で%。6で&としているんですが、
それらも小指で押しながら…とやっているんですか？
タイピングについてあまり知らないもので

>>683
どんだけ読むの遅いんだ？ｗ
まあ、順番に 1, 2, 2.1 の該当部分をゆっくり読んで理解できたら、嘘を訂正しとけよ。

結論だけ繰り返しておくと、慣例的に引用符で囲っているだけで、
必要かどうかを突き詰めれば、不要なんだよ。

仕様だけでなく現在のブラウザシェアを考慮してその実装についても言っておくと、
空白があるというだけでパースできなくなるようなブラウザなんて存在しない。

とりあえず、引用符で囲っていない実例を挙げといてやるよ。
http://www.w3.org/StyleSheets/home-import.css
すなわち、@import を知っているブラウザは全て合格ということだ。

2.1ってどれだろな

念のため言っとくと俺は>>678じゃないから。

んでもって俺は、
囲まなくては"ならない"というのは言い過ぎなのは言うまでもないが、
"デタラメ"というのもまた言い過ぎだと思っただけ。
まあ単に表現の問題だったな。

それと>>687「読むの遅い」ってのが意味分からんのだが。

>>683
やっと読めた。久しぶりに辞書とにらめっこしたよ。
仕様書っててっきり買わなくちゃ行けない者だと思ってスルーしてた
ピンポイントな記述をもってきてくれてありがとよっ！＞＜；

オマエラ釣られすぎだな

＞仕様書っててっきり買わなくちゃ行けない者だと思って
ﾜﾛﾀｗ

あるあるあるｗｗｗｗ

いや俺もそう思ってた
邦訳もあるでよ

>>689
デタラメはデタラメ。

その話はもういいよ

ちょっと質問いいかな
明日から二日間帰省するんだけど
帰省中PCいじれないんだ
なにをして暇をつぶせばいい？

俺の腹がでてきたのは、仕様か

ｗっうぇｗｗっうぇｗｗ

テンプレ配布してたら知らないサイトから「うちのテンプレをパクるな」って苦情がｗｗ
ちょｗｗCSSが全く一緒ｗｗｗてめーが氏ねｗｗｗｗｗ

>>699
ここはお前の日記じゃない。質問スレだ。
お前が死ね。

>>700
「死ね」とか言っちゃってる幼稚な子がくるところじゃないんだよ^^

>>701
（　´,_ゝ`）ﾌﾟｯ

>>699
どうせ基本的な3カラムとかの構成の基本パターンなんだろ
著作権も糞もないと思うけど

正直3カラムが基本パターンになる世界はやめてくれ。カラムうざすぎ。

やっぱフレームだよな。

>>704

なんで
？

>>704じゃないが、カラムはフレームと同じで
閲覧領域を勝手に狭められるから嫌い。

フレームみたいに閲覧者が好き勝手にサイズを弄れるようにするにはどうしたらいいの？

>>708
フレームにすればいい

テーブルのwidthとheightはCSSで指定しない方がいいよね？

>>710
なんで？

いや、CSSで指定しなさい

>>709
トンクス。やっぱ無理なのか。

アクセシビリティを考えるとフレームの方が良いってこと？

使わなきゃいいだろ・・・

一般の奴がアクセシビリティなんて考えなくて良いよ

アクセシビリティとか正しいHTMLの前に内容を充実させる事を考えろよｗ

ナビゲーションメニューに内容の充実も糞も無いでしょう・・・

>>718
おまえ馬鹿だろ？

初心者スレが荒れてるせいで、馬鹿がたくさん流れ込んでるから。もうﾀﾞﾒﾎﾟ。

>>716
別窓騒ぎの時に言ってくれよ！
その一言で解決したじゃんｗ

>>717
だったら紙にでも書いて街頭で配っとけ。
機械がHTTP・HTMLでデータをやり取りするのだから、それがそつなく行われる事が基本になる。

fontサイズを基本12pxで指定して、ユーザ側で文字サイズを変更出来るようにするにはどうすればいい？
最低を12pxにすればいいんかな

内容が糞なら何をしても無駄

pxを使わない

>>723
CSSで文字サイズをpxで定めるとユーザー側では変更できない
閲覧者のブラウザ側でサイズ変更してもらいたいなら％で指定汁
もしくはjavascriptで12px以外の指定も何バージョンか用意しておくとか
javascriptはｽﾚ違いだから該当ｽﾚで訊け

>>723
pxを使いたいなら、CSSわけて、ユーザー側にスタイルを選択させる方法もある。
が、ブラウザ対応が限定されるので、PHPとかを使う場合が多い。
ググレ

>>726
%指定だって、元々最大にしてる人がそれでも小さく感じたときはどうすればいいんだｙｐ
指定しないのが一番

>>728
指定して無くったって最大以上にはならないワナ

>>729
それをさらに小さくされてたらという前提だろうが

>>728
うけるｗｗｗ

ブラウザの文字サイズ設定のUIが「中」「大」「最大」とかじゃなく、数値入力なら問題ない。と？

意味不明

>>728ｗｗｗｗ
最大表示でも未指定サイズが小さいって思う人はどうするんだｗ
FireFox使え！という答えを待っているのか

既出だったらすみません。

CSSで画像のナビゲーションを作りました。
aをblockにして、a:hoverでマウスを乗せた状態の画像に変わるというやつです。
それで、マウスオーバーした時に、そのサイト上の画像などが一瞬写り込むのですが、
これはなにが原因なのでしょうか？IE6.0でもFirefoxでもなります。

>>734
つ【ユーザースタイルシート】

>>375
PCの性能の問題。

>>734
その環境の上に、さらに製作者によって小さくされるのか。悲惨だな。

>>735
ソース出せ

おまえら俺にマジレスすなｗ
そういうレスは>>728にしてくれ

>>738
以下のようなソースです。
div#navi li#home a{
display: block;
height: 30px;
width: 120px;
background-image: url(../img/navii/home_off.jpg);
}
div#navi li#home a:hover{
display: block;
background-image: url(../img/navi/home_on.jpg);
}

>>740
それだと、hover時に、画像を読み込むことになる
読み込む時間は数秒かもしれんが、閲覧者からすればカーソルをもっていった時に
瞬時に切り替わらないので違和感がでる
読み込む時に、たぶん画像がうつり込むのかもしれん。

aのbackground-image: url(../img/navii/home_off.jpg);　と　a:hoverのbackground-image: url(../img/navi/home_on.jpg)を１つの画像とし
div#navi li#home a{ 略〜background-image: url(../img/navii/home_on_off.jpg); }
で、最初に画像は読み込ませる
a:hover時は、画像を、background-positionで指定する。

■□＝on_off.img
■がオフ　□がオン
要は、１つの画像を位置指定するってこと

ていうか、結構基本。参考書読もう！

>>741
回答ありがとうございます。
「なるほど」っと思って意味分かるのですが、それが一般的なのでしょうか？
最初は雑誌か何かで見て覚えたような気がするのですが、
1つの画像を2つにする事に関して、多少違和感がありまして。。

そうするしか解決しないというなら、そうしますが、気になります。

>>742

>そうするしか解決しないというなら、そうしますが、気になります。

せっかく741氏が親切丁寧に教えてくれたのに
この言い草はなんなんだ？

いやならJava Scriptでページ読み込む前に画像を読み込ませろ。
ただしやり方がわからなくてもここで聞くなよ。

>>742
CSSの記述方法は多種多様。自分がやりたいようにやれば良いと思います。
が、多種多様な分、参考書・サイトに記載されている例文も多種多様。
多くのソースに目を通して、色々なやり方を覚えたほうが吉かな。

>>743
ありがとう。

<fieldset>
    <legend>フォームグループの表題</legend>
    ...
</fieldset>

Mozilla Firefoxのデフォルトスタイルを見てみたのですが、legend要素を囲んでいる
ボーダーの部分がみつかりません。

どのようにスタイルが定義されているのか知りたいのですが、どうすれば
見られますか。よろしくおねがいします。

だってデフォルトでlegendにボーダーなんか存在しないじゃん・・・あったら怖い。

>>746
こんな感じのボーダーなんですが……
http://www.uploda.org/uporg737807.png

<fieldset>のborder

　　　　　　　　　　　　／￣￣＼
　　　　　　　　　　／　　 _ノ　　＼
　　　　　　　　　　|　　　 （ ●）（●）　
　　　　　　　　　　|　　　　 （__人__）　　　　　自宅警備員８年って書いてあるけど、自宅って何？
　 　 　 　 　　　　 |　　　　　｀ ⌒´ﾉ　　　　　
　 　 　 　 　 　　　 |　　　　　　 　 }　　　　
　 　 　 　 　　　 　 ヽ　　　　　 　 }
　　　　　　　　　　　 ヽ､.,＿＿ __ノ
　　　_, ､ -― ''"::l:::::::＼ｰ-..,ノ,､.ﾞ,i ､
　　/;;;;;;::ﾞ:':､::::::::::::|＿:::;､>､_　l|||||ﾞ!:ﾞ､-､_
　丿;;;;;;;;;;;:::::i::::::::::::::／:::::::＼ﾞ'' ﾞ||i l＼>::::ﾞ'ｰ､
. i;;;;;;;;;;;;;;;;;;;;;;|::::::::::::::＼::::::::::＼ .||||i|::::ヽ::::::|:::!
/;;;;;;;;;;;;;;;;;;;;;;;;!:::::::::::::::::::＼:::::::::ヽ|||||:::::/::::::::i:::|
;;;;;;;;;;;;;;;;;;;;;;;;;;|;;;;:::::::::::::::::::::::＼:::::ﾞ､|||:::/::::::::::|:::

　　 　 　 ＿＿＿_
　　　　／　　 　 　＼
　　 ／　　─　 　 ─＼
　／ 　　 ,（●）　（●）､＼ 　　　社長の自宅に住み込み、警備をする仕事です
　|　 　　 　 （__人__）　 　 | 　　 休日０、給料０の超激務無給でした
　＼　　　　 ｀ ⌒´　　 ／ 　 　　そのため忍耐力は人一倍あります
,,.....イ.ヽヽ、___ ーーノﾞ-､.
:　 　| 　';　＼_____ ノ.| ヽ　i
　 　 |　　＼/ﾞ（__)＼,| 　i　|
　 　 ＞　　 ヽ. ハ　 | 　 |｜

すいません、質問があります。
サイト作りながらCSSの勉強をしています。そこで、
モダンブラウザ＋IEで確認を行っています。
IEはVer5〜7まで確認しているのですが、IE5.01_SP2のfloatの挙動がおかしく。。
#building {width:600px; padding:25px;}
#content {float:left; width:450px;}
#sidemenu {float:right; width:100px;}

<div id="header">うほほ</div>
<div id="building"> <div id="content">ああああああああああ</div> <div id="sidemenu"> <ul><li>menu1</li><li>・・・・・・・</ul> <div> </div>
<div id="footer">うほほ</div>
上記より、IE5だけ、sidemenuが、フッタの上部にきてしまいます。

----------------ヘッダ
lあああl 【menu1】
lあああl 【menu2】
lあああl
lあああl
-----------------フッタ

↓が

----------------ヘッダ
lあああl
lあああl
lあああl 【menu1】
lあああl 【menu2】
-----------------フッタ

これは、仕様でしょうか？お忙しいと思いますが、よろしくお願いします。

仕様ではない。バグ。

バグではない。独自仕様。

>>751-752
レス、ありがとうございます！
ふむむ・・・カラム落ち・・・でもないのですかね。。。
contentの下にmenuが落ちてるわけではない。。。し。
ふむむ・・・

ふむむって何だよ

>>753
違うよ。
ttp://cssbug.at.infoseek.co.jp/detail/winie/b097.html
多分これ関係。

レス、ありがとうございます！
なるほど〜縦幅指定しなければ回避可能かもなのですね。
positionでやればとは思っていたんですが、ウヤムヤになるのもなぁと思って、
助かりました！しかし、ヘッダが原因だとは、全く予期せずビックリです。

お忙しい中、ありがとうございました！

なんか誤解してる気がする。
ていうかfloatはimgのalignのような小さなものの用途が目的だから
段組は正直positionの方がいいよ。

positionは壊れやすいイメージがある

書き方が壊れてるんじゃね？

IEが壊れてるんだよ

頭が壊れてるんだよ

>>757
ありがとうございます。
はい、段組みはpositionが良いというのは、このスレを見だしてからわかっていました。
ただ、参考書のほとんどがfloatで段組みしていたので、
とりあえず、（練習だと思って）最初は参考書通りにやってみようと思ったんです。が・・・
IE5のバグに、今ぶちあたりorz
sidemenu部分のみをpositionしても、content部分がfloat組みだからか、同症状になり・・・
後悔しております。。。色々基点を変えて試してみます。

もう１サイト作ろうかなぁと思っているので、次は、positon段組みで練習します＾＾；

↑あ、ID変わってしまった。。ID:HENUB6kjです

>>761
ﾂﾏﾝﾈ

URLをそのまま表示した場合（http://〜〜〜〜〜）、長いとどうしても解像度を低くしたときに横スクロールが出てしまうのですが、
これをボックス内に収めて改行させることはできないのでしょうか？
white-space:normal;かと思ったのですが、これはちょっと違いますよね？

htmlの基本を勉強し直し。

コンパクトじゃだめかね？

すいませんが、質問させてください。
以下のように記述した場合、
IE7 では、自分が期待した通り、
boxA と boxB が間隔なしで表示されるのですが、
Firefox2 では、 boxA と boxB の間にマージンが 1em 分とられてしまいます。

<div id="container">
<div id="boxA">TEST</div>
<div id="boxB"><p>TEST</p></div>
</div>

#container {margin:0px;padding:0px;}
#boxA {height:200px;background-color:Blue}
#boxB {height:200px;background-color:Red;/* margin-top:-1em; */}

この現象は何が原因となっているのでしょうか？
また、Firefox で IE7 と同じように、
間をあけずに表示させるには、どうするのが一般的なのでしょうか？

>>768
継承はブラウザによって違うので、margin・paddingは全て殺してからレイアウトするのが基本。

>>757
positionの段組はレイアウトが制限される場合が出てくるから微妙

>>769
ご回答ありがとうございます。
試しに、次の指定を追加したところ、
Firefoxでも期待通りの表示を得ることが出来ました。

div, p {margin:0px;padding:0px;}

スレッドのテンプレートから辿ったサイトによると、
margin と padding は継承しないプロパティに挙げられていましたが、
ブラウザの実装によって異なるのですね。
最近、CSS について学習し始めたばかりなのですが、
こうしてブラウザ毎に異なる解釈をされる度に、泣かされます。。。

いや、それ継承の問題じゃないから。

>>765
改行はIE独自拡張以外無理。
overflowでやんなさい。

>>742
遅レスだけど、画像をあらかじめ読み込む方法として、
hover用の画像をどこか適当な場所に
<img style="display: none;" src="***.jpg">
という具合に非表示で配置するってのはどう？
漏れも今、そうしてる。

ただ、この方法だとマウスカーソルを高速で移動させると
一瞬砂時計マークに変わることがあって、ちょっとカッコ悪い。

やっぱりJavaScriptか…。
まだ勉強中だが、いまいちよくわからん…。
参考にしてる本がだめなのか…？

>>774
スレ違いで悪いが、
JavaScriptは10年前に昼休みから夕方までで憶えられたけどな。
OOPとしてはまだ継承が無かった時代だ。
あと、正規表現さえ無かった。
その後、主にCSSを操作するために、MSとNSが所謂APIを一気に出してきた。
5年前くらいにはDOM仕様もまとまって、
W3C関係者が執筆に加わったサイ本第4版は
ラクダ本より分厚くなるという量にまで膨らんだ。
当然のように、HTTP, XML, HTML, XPath, CSS
などの知識まで求められるようになった。
今となっては、それなりに集中して憶えても、
使えるレベルになるまで1年はかかるだろうな。
CやJavaやPythonやOCamlなどの経験が全く無ければ、3年くらいかかるかもなｗ
だから、逆に、今ではそれなりに稼げる専門職として成立しているわけだろうが……。

ここは日記帳じゃねーんだ！！

段組でpositionの方が良いと言っている奴は
多種多様なレイアウトをした事が無いんだろうな

positionがいいって言ってんのはタクトだろ

Webでそんな多種多様な段組をされること自体が迷惑。
ていうかpositionが嫌だと言ってる奴はfloatの使い方も知らないんじゃね？

さすがに迷惑だったらCSS切るだけだから無視すればいいだろと思うが
複雑なレイアウトのためにHTMLがdivだらけclassだらけは、
本末転倒でバカだなあと思う。

何でも優劣つけようとするなよ。
ケースバイケースだろ。

>>781
んだね。どっちが良いとかじゃんくて、
どっちでも出来るってのがベターだよな

>>781
DIV厨は優劣の問題じゃなく
逝　っ　て　よ　し

どっちもできても、やりたくないことはある。

DIVERS！

スレ違いだ
何でもdiv厨と決めつける奴はstrictスレへ

自分はどうしてもDIV厨じゃないと言い張りたいだけに見える・・・

だってDIV厨じゃないも〜ん♪

少なくとも厨ということは確定。＞も〜ん♪

えへへ〜♪

うふふ〜♪捕まえてごらんなさ〜い♪

あはは。待てよー。あはは。

それ〜♪

DIVが多くても誰も困りません〜♪

ふふふ〜♪

>>794
マジレスすると転送料は増える

一般人はソースなんて見ません〜♪

あはは〜♪

ttp://www.borujoa.org/img/src/1174412241932.jpg
このようなレイアウトをテーブルを使わず、CSSで表現するとすれば、どのような感じにすればいいのでしょうか？
CSS辞典引っ張りながら小一時間がんばってみたのですが、全然わかりませんでした。
先輩方教えてください。

>>799
css以前にhtmlも理解してないんでしょ。

>>799
がんばったんならソース出せ

279 愛のVIP戦士 2007/02/13(火) 16:44:03.59 ID:18D9VbSe0
俺は小学生の頃ジャンケンでグーしか出さなかった。
みんなになんで？と不思議な顔をされたがグーしか出さなかった。
もうずっとグー、ひたすらグーだった。
しまいにジャンケン馬鹿とまで言われたがそれでもチョキやパーには浮気しなかった。

そんなある日給食でプリンが余った、プリンと言えば小学生の憧れのデザート、
欲しくない奴などいるハズも無く、当然公平に勝負という事になった、ジャンケンで。
皆俺の方を見てニヤニヤしている、そしてガリ勉の学級委員長が合図をかける。

「最初はグー！ジャンケン　ポン！」

その時俺は初めて封印されしパーを使った。


283 愛のVIP戦士 2007/02/13(火) 17:01:11.29 ID:lL1Y72vwO
>>279
アイコじゃねーか

どうでもいいがチョキ使えば勝てたのにw

p{
font-family:'Impact','Arial Black';
text-align:left;
}

<p><a href="../">index</a></p>

上記のようなソースなんですが、IEでは「index」の文字にきちんとImpactが適用されます。
が、FirefoxだとImpactもArialも適用されず、別の細いフォントで表示されちゃいます。
何が原因かわかりません。正解を教えてください

>>804
p a　{略}
にすれば幸せになれるかも

>>805
幸せになれました！ありがとうございます！

>>804
総称フォントは入れといてね。

ここで質問していいのかちょっと悩むものなんだけど、
CSSについて基本的な解説サイトを完読して、
普通に装飾していくだけなら十分自分で書ける程度の力はつけられたと思うのだけど、
ここから発展していくためにお勧めの書籍ないし解説サイトを教えてください。
高度なデザイン、それとブラウザによって起こるバグについて理解を深めたいです。

>>808
デザインに関してはセンスとしか・・・
デザインの前にStrictスレとかで「何故CSSを使うのか」のための
HTMLを勉強して意識しておくのはいいかも。
バグに対しては
ttp://cssbug.at.infoseek.co.jp/
正直ここが一番詳しい。

>>799
リストで背景に指定するんじゃないの？

>>809
高度なデザインってのはつまり、Javascriptを用いないで、
バグを考慮したボックスの画面縦横中央表示とか(やり方知らないけど)のこと
ってことでよろ。
了解、行ってみる。

>>811
おまえがこのスレさえ読んでないことがわかった。
それで
>普通に装飾していくだけなら十分自分で書ける程度の力はつけられたと思うのだけど
この台詞はおこがましい。

>>812
知ってるよ。テンプレにあるんだろ？
結構前にだが誘導されたことある。

精神分裂？

＞Javascriptを用いないで
じゃないのか？

テンプレがJS使ってると言いたいのか？

>>816
テンプレのはjs使ってるな。

>>808
HTML・CSSをある程度覚えたら別の事をはじめた方がいい
それ以上覚えていってもオナニーにしかならないから

デザインは学校行って学んだ方がいい
カラーコーディネーターの資格があると実践に役立つ

>>817
？？？

>>819
なにか？

>>811
おまえ、CSS読めるけど、基本しか書けないって感じだろ？
まるっきりCSS使えてないと思うぞ

>>819=821
顔まっかっか

いや、別人だし

CSSでロールオーバーに挑戦してるんだが、ありえないぐらいに難しい・・・・
難しすぎてさっぱりわからん

JSでやるよりずっと簡単だと思うが・・・
やったところまでソース晒したら？

すいません、CSS初心者なのですが質問があります
自分はあまり知識がないのですが
CSSを使ってサイトを作ってみたところ
ファイアフォックスでは思い通りに表示されるのですが
IEで閲覧したところサイト全体が左寄せになってしまいました
前に同じような感じで作ったときは、IEでの表示がおかしくなったりはしなかったので
原因がわかりません
必要とあらば、ソースもうｐするので
回答よろしくお願いします

>>826
テンプレにあるやつだと思う。

>>827
すみません、読んでもよく分かりません。。。
どこか書き換えればいいのでしょうか・・・？

>>828
FAQの2。

とりあえずお前ら安価つけろ。
なにがなんだかさっぱりわからん
画面中央表示は>>2-10あたりにあるリンクの掲示板?に説明があるが
バグを考慮した全ブラウザ対応のはHTMLとCSSだけじゃ不可らしい

携帯でちまちま売ってる俺は暇人

>>826
ソース出せ

>>830
おまえが一番アンカついてない件。
JS使ったって全ブラウザ対応は無理だよ。

>>826
標準モードにしてみ。

一応テンプレのFAQを読んでいますが、よく分かりません
ソースは
http://www.vipper.net/vip201384.css.html
パスはaaaです

すげえ初心者なんでかなりダメ出しとかあると思うんでよろしくお願いします

>>835
そういうのって
ページ構成のHTMLがないと

>>836
わかりました。少し待っていてください

>>833
安価ついていないのに1番とか2番とかがあるのか、
初耳だな。

言い出しっぺの法則

HTMLのソースはこれです
http://www.vipper.net/vip201403.zip.html
まだ作っている途中なので少ないです
URLと書いてあるところがURLで、テキストと書いてあるところがテキストです

言いだしっぺの法則ｗｗｗ


>>840
>><br><br><br><br><br><br><br>
なにこの糞HTML
勉強しなおして来い
HTML書けないやつにCSSは無理だ。

テンプレも理解出来ないんだぜ。推して知るべし。

とりあえずHTMLとCSSまとめてうｐしろ。
話はそれからだ。

>>840
標準モードにすればおＫ。

DOCTYPEをURLありのStrict
これでおｋ

>>845
話はそれからじゃなかったのか？ｗｗｗ

>>845
Strictである必要はない。
StrictならURLは必要ない。

気にするなｗｗｗｗ
誰だって気が変わることはあるｗｗｗｗｗ

対応表とかもう頭に残ってないな。
StrictのURLなしはIE5あたりが(ry

>>849
おまえの頭は対応表の問題じゃないことはわかった・・・

で、質問者は？

>>841
すまんそこは気にしないでくれ
フリースペースのため下部に入る広告と本文の間に隙間を作りたかったんだ

:fucusってバックグラウンド指定とか有効ですか？

>>852
pタグにマージン入れれば済むこと
<font color="">もCSSで代用できるね
中途半端にやらないほうがいいんじゃ？

>>853
うん

言い出しっぺがタクトっぽい件
よくその知識で他人を糞とか言えるな

text-indentって
-9999
と
-99999
使う人いるけど、5桁で外に飛ばしてるのって結構珍しくないですか？
なんで4桁じゃないんだろ。一個多くタイピングしただけ？

>>856
しっ。目を合わせちゃいけません。

>>857
そんなのは本人に聞いてください…。

>>858-9
教えないんなら出てけよｗｗｗｗｗｗ

今晩は寝落ちﾉｼ
まぁ一生「言いだしっぺ」で書き込むことはないとおもうがｗｗｗ
やっぱあやふやな記憶はたどらないほうが吉だなｗｗｗ

(ﾟдﾟ)ﾎﾟｶｰﾝ
マジに教授だったのか

おかしな回答が続くと思ったら・・ぜんぜん懲りないアホ公なんだな。

>>826
cssのbodyセレクタに　text-align:center；を追加

もういいよ・・・

>>826
はい
http://www.vipper.org/vip471390.zip.html
受信パスはaaa

>>866
とっくに回答をいくつももらってるだろ

>>866
超初心者スレ池

>>866は>>826に対して、修正した回答をupしてあげたのでは？

まぁ、>>866の修正だと、IE5.5では、中央表示されんがな

サポート終了したブラウザは俺は放置(・∀・)

自演つまらん

加わってた者だが、どこか自演だったのか？

あえて言っておくけど、俺(言いだしっぺ)は>>861以降レスしてないぞ。

>>873
おまえは一生来なくていい

タクトの馬鹿が居着くなら次スレはいらないよ

/* エテ公乙 */

英語と日本語のフォントを指定した場合
operaでは文字の間隔が大きくなるのですが、
両方のフォントを指定して回避する方法はありますか？

<body>
<p>あいうえおかきくけこABCD</p>
</body>

body {
color: #666666;
font-family:Arial, "ＭＳ Ｐゴシック", sans-serif;
font-size: 100%;
}

フォントファミリーからArialを抜くと通常の間隔になります。
よろしくお願いします。

Aタグの疑似クラスを一回の指定で設定することはできませんか？
疑似クラスなしで指定したところ
firefoxでは一度に設定できたのですが
ie6では無理でした。

助けてエスパー

>>877
fontによって文字のプロポーションが違うんだから当然でしょ。
Operaの問題じゃないし。

エスパーですが何か？

はい伊藤です。

はい美咲です。

では、これからテニスのラケットをくぐります

はまって抜け出しないので助けてください。

表を表示するテーブルをつくり、その表をクリックするとより詳細なデータのページへ移動させようと考えてます。
FirefoxとOperaでは正常に動作するのですが、IE6では表の上にカーソルを移動させてもリンク用のカーソルに変化しません。

<div class="waku">
<a href="アドレス">
<div class="a">見出し</div><div class="b">データ</div>
<div class="a">見出し</div><div class="b">データ</div>
<div class="a">見出し</div><div class="b">データ</div>
</a>
</div>

上記のようにwakuの中に縦3列横4列のテーブルになってます。
wakuはcssにてdisplay:blockしブロック要素にしてあります。
IEで正常にカーソルが変化させるにはどうすれば良いでしょうか？

>>885
div要素をa要素で囲んでいるあたり、HTMLの基本が分かっていないと思われ。
まずはHTMLから勉強して、ブロックレベル/インライン要素の区別くらいはで
きるようになってね。

>>885
表はtableで

見出しとデータは定義リストで

DIVをAで囲むの初めて見た…

意味わかんね。
自分で調べるのが面倒だからきいてるんだよ。

自分で調べているなら、最初から質問しないだろうが阿呆が。

あと、答えたくないなら答えなくていいから。
お前らが回答する、しないは任意であって強制ではない。
ブツブツ文句をいうなら最初から答えなくてい。
俺は答たい人に答えてもらえばそれでいい。

890の死亡フラグが立ちました

>>890
氏ね

>>885
画像化したほうが、ソースも簡潔で複雑にならんかもな

>>890
オマエは、本当に878なのか？
堂々とIDをさらしたらどうかね？
隠してといて、言いたこというのは、「とても、かっこわるいね、きみは」

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

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

略〜

甘えんな小僧！

本人だろうとなかろうとスレ違いだ。

さすが春休み。

#wrapperというボックスを中央に寄せたいんですがどのように指定すればいいんですか？

<div align="center">と指定するとボックス内の文字まで中央化されてしまいます。

どなたかお願いします

>>897
てんぷれ嫁

ここはある程度分かってる人が相談に訪れるところなので、
初心者、初歩的な質問は下記へお願い致します。
http://pc11.2ch.net/test/read.cgi/hp/1171444150/

意味わかんね。
自分で調べるのが面倒だからきいてるんだよ。

自分で調べているなら、最初から質問しないだろうが阿呆が。

あと、答えたくないなら答えなくていいから。
お前らが回答する、しないは任意であって強制ではない。
ブツブツ文句をいうなら最初から答えなくてい。
俺は答たい人に答えてもらえばそれでいい。

釣りご苦労さん。ﾂﾏﾝﾈｰﾖ

pタグで改行するやつ死ね

そういえばpタグって携帯で有効だっけ？

ウンコの話題から一転デレ・・・
新ジャンル『ウンデレ』

誤爆

それってただの下痢じゃ・・・

>>903
パラグラフに対応してない携帯なんてあんのか？

ない