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

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

cf. http://fake_lint.tripod.co.jp/css.html
　　http://nira.s25.xrea.com/FAQCSS/ls_00.html

【過去ログ】
　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/test/read.cgi/hp/1050086156/l50

【関聯スレッド】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://pc2.2ch.net/test/read.cgi/hp/991666454/l50
・CSSでイケてるデザインサイト 10
　http://pc2.2ch.net/test/read.cgi/hp/1048475227/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

【仕様書】
・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/
・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/
・* CSS { イケてるスタイルを："作れ";} 発表所
　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: 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://www.geocities.co.jp/SiliconValley-PaloAlto/6736/overflow.html
　http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html

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:左右（水平方向）のセンタリングは既出。垂直には色々な方法があります。
　「スタイルシート 縦中央(垂直中央)」参照のこと。
　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

>>2に訂正。
【関聯スレッド】
CSS/DHTMLバグ辞典スレッド 第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
CSSでイケてるデザインサイト　１３
http://pc2.2ch.net/test/read.cgi/hp/1053446369/l50

テンプレだけで1000を目指すスレですか？

>9
ウィルス総合スレッドとか行ってみ。
もっとスゴイから。(w

>1
乙。

>>30くらいまでテンプレのスレはたまに見かけるよね。

>>1
乙狩

font-familyに2バイト文字を使うとNetscapeでは無効になるそうですが、
たとえば、

BODY { font-family: ＭＳ Ｐゴシック ; font-size: 16px ; line-height: normal }

と記述すると、BODYタグに適用するスタイルそのものが無効になるのですか。
それとも、font-familyの部分だけが無効になり、font-sizeなどは有効になるのでしょうか。

font:で一括指定した場合、フォント名が全角だとすべて無効になることは知っています。

ごめんなさい、半角でMS PGothicと記述すれば良いということに気づきました。
答えてくださらなくて結構です。すみません。

>>12 >>1読め。「Netscapeでは」って、ver6以降なら大丈夫。
>特にNetscapeは、ver.4までと6以降でまったく別物です。

「ＭＳ Ｐゴシック ;」もダメ。
>空白類文字を含むフォント名は引用符 " または ' で括るべきです
cf. http://msugai.fc2web.com/web/CSS/font.html#font-family

font-familyプロパティには、generic family（総称フォント）を指定しなくては。
例）
body {font-family:'ＭＳ Ｐゴシック', Osaka, sans-serif;}

約5年ぶりにHTMLを触るんことになった
んで 最近はcssはどうかな まだあるのかなってｶﾝｼﾞで
見にきたんだけど すごいね
最近は進歩したんだね みんながんばってるね
おじさんはもう新しいこととか覚えられねぇや
キミたちがんぼれー

ねぇや
とかいってんなジジイ

>>15
http://www.remus.dti.ne.jp/~a-satomi/nikki/2002/07a.html#d03n03 を嫁

CSSって名前空間ないの？

例えば2つのcssファイルで同じクラス定義した場合、
両方が混ざってるみたいなんだけど……

>>19
>>3

ないのか……

なんか今、一瞬

>>19　+　>>3　=　>>21
(19に3を参照させたら21になって帰ってきた)

で面白いなとか思った。

やばすぎ。寝る。

>>22
19+3=22だもんね。やばすぎ。寝る。

なんでリストマーカーに任意のテキストって無いんだろう…

内容生成プロパティでええやんけ。>>24

>>25
まあそれはそうなんだけど、
imageがあるならtextがあっても良いんじゃないかなって
ちらっと思ってみたんだ。

display:markerに対応したブラウザが早く出れば良いな…

>>26
display:marker;はOpera6以降が実装してます。
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/visualren.html#display

display:none;
と
visibility:hidden;
でスペースが確保されるかされないかの違いはわかるのですが、
absoluteの場合で、
位置と大きさがもともとのページのスペースに収まっている場合、
違いはあるのでしょうか？

リンクされているテキストの上にマウスをポインタしたら、
へこんだようになるようにしたいんですが、どうやればいいんですかね？

>>29
>>2-10

>>28
実験してみればわかるでしょ？

>>29
それをやってるサイトのソースを見て真似する。

>>31
CSSファイルに書き込んでるからダメぽ・・・

テンプレの、段組についてのサイトを読み漁りましたが
分からないので教えて下さい。

<div></div>要素が上から下に３つ続いて
float:left; を使って、その要素の一番上の右横から新たに<div>要素を書き込みたいのですが
どうしても3つ目の右横からになってしまいます。

上下3つのdiv要素を、divでひとくくりにするしかないのでしょうか。
分かりにくかったらすいませんです。

>>32
>>4読め。

>>31
cssファイルへのリンクのアドレスの前にview-source:を付け加えたらCSSファイルの中身みれますた。

>27
あれ？
http://is.vis.ne.jp/charts/css2_visuren/index.xhtml#display
こっちでは未対応になってる。
どっちが正しいのだろう？

>>31
>実験してみればわかるでしょ？

実験してみて違いがなさそうだったんだけど、どうよ？って話。

>>27 >>36
すいません、間違えて印付けてました。
というわけで早速修正しておきました。
Opera は「display:marker」に対応してません。

>>28
>absoluteの場合で、
>位置と大きさがもともとのページのスペースに収まっている場合、

正直、意味わからん。日本語を勉強して欲しいと思った。

body{margin: 0% 20% 0% 20%}
body{width:60%}

これでテキストを真ん中に持ってきて、自動的に改行するようにしたいんですが駄目ですた。
何が不味いのでしょうか。ご教授おながいします(´･ω･`)。

>40
ｱﾎな俺には君の言ってる意味がわかりませぬ(´･ω･`)

>>40
文章なら
p { margin: 0 20% 0 20%; width: 60% }
にしる。たぶんこれで大丈夫。

>>40-42
margin-left:20%; margin-right:20%; と個別指定しないと
MacIEでは中央寄せにならないバグが。

教えて君にここまで親切にしてもらえるとは…ここは（・∀・）ｲｲ!! インターネットですね。
>>42‐43氏
ご教授ありがとうございますた。

>>44
質問スレだからな。

>>6
リンク先、移転してるよ。
【ＦＡＱ】修正
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

子孫セレクタの指定方法について教えてください。
.class td { color: green } のように、クラスを指定してから
要素を指定するのってOKなのでしょうか？IEでは大丈夫のようですが・・・。
教えてくんですみません。

「OKなのでしょうか」ですと？　ＯＫでない理由なんてありますかね。
>>47は>>4のリンク先を訪問しなさい。

すんません、勉強不足なもんで・・・。
例題は殆ど、 要素 要素 { } で書かれてるのばかりだから
不安になって確認しにきました。

>>49
解説書ばかり見てないで
よそ樣のサイトの外部ＣＳＳをダウンロードして見ると勉強になるよ。

・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.co.jp/SiliconValley-SantaClara/1308/
・* CSS { イケてるスタイルを："作れ";} 発表所
　http://strict.jp/~sappari/2ch/css.php

>>50
質問の意味わかってるか？
「できるけど正しい記述なのか？」だろ。
よそ様のサイトで実現できてても正しい記述かどうかわかんねえじゃねえか。
こういうときは、「仕様書嫁」だ。

>>51
【CSS検証】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/

>>52
ぐっじょぶ

毎度申し訳ありません。
先程の指摘を受けて、
body {width:60%; margin-left:20%; margin-right:20%;}
に変更しましたがどうもwidthの効果が出ないようです。

_|￣|○ ﾄﾞｳｽﾘｬｲｲﾝﾃﾞｽｶ

>>54は>>5を読んだのかと小一時間……
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

>>54　「widthの効果」ってナニ？　

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

1行に左寄せと右寄せを共存させることはできますか？
テーブルデザインなら勝手にセル割りすれば簡単に
できてしまうんですが、それはいやなので・・・。

ありきたりですが
______________________________________________
| Hoge　 　 　 　 　 　 　 　 　 　＿□×|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
みたいなことをしたいのです。
ページはfloatっていうの使って大きくわけているのですが。

>>57
段組の応用でできますよ。>>6のＱ４参照。

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

ページを開こうとするとパスワードを入力せよと言うのがでて
正解か不正解によって２つのページに飛ぶ、といったようなものを
つくるにはどうしたらいいでしょうか

>>60は多重書き込み。しかもスレッド間違ってる。アホ。

マルチポストか。
そういう非常識なのはよくないね。

ULを入れ子にしてるんですがに外側のULにlist-style-image指定して
内側を黒丸にしたいんですが、無理ですか？
http://www.htmq.com/style/list-style.shtml
↑ここにはlist-style-imageが優先されると書かれているので無理かと思いますが
もし入れ子のままできるのであれば教えてください。

>>63
明示的に画像マーカーをなくすのは
list-style-image:none;

>>64
list-style-image:none; ですか。
list-style:none; ってやってましたわ。
無事いけました。ありがとうございました。

CSS2邦訳の、わかりやすい訳の方が、見られません。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html
一時的なサーバー落ちですか、移転ですか。

http://homepage.mac.com/hiroyuki43/hankaku_b01.html

>>66
大分前から見られないぞ？
どうしてもそっちがよければ
KazuteruOKHASHIさん（訳者）にメール出せば？

こんな時こそInternet Archiveの出番だ。
http://web.archive.org/web/20010607085153/http://www.fan.gr.jp/~kaz/rec-css2/cover.html
http://web.archive.org/web/20020227235814/http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

>>65
Opera6には入れ子リストのlist-style-image:none; を無視するバグがあったけどね。
http://cssbug.tripod.co.jp/detail/opera/b012.html
Opera7では修正された。

代替案として、存在しない画像をリストマーカーに指定する手もあるが、
これはNetscape6がダメ。N7でも直ってない。
http://cssbug.tripod.co.jp/detail/mozilla/b026.html

ちゃんとレンダリングするのはWinではＩＥだけだったのだ。

例えば
p { color:#ffffff ; background-color:#000000 }
にすると、黒いのが勝手に
うにょーんって伸びてしまいますが
これをp要素で書き出す文章が長くなれば
それだけそれに伴って伸びるようにするには
どうすればよいのでしょうか？

>>71
説明は他人にわかる書き方でね。
察するに、ブロックレベル要素とインライン要素の差を理解してないのかな。
インライン要素ならボックスはウィンドウ幅ではなくテキストの幅になるよ。
だからインライン要素のタグで括って背景黒のスタイル指定してもよし、
或いはp要素をdisplayプロパティーでinlineにしてもよし。

Web標準普及プロジェクト
ブロックレベル要素とインライン要素
http://mozilla.gr.jp/standards/webtips0015.html
>CSSを勉強し始めた人はまずこの概念を覚えなくてはいけません。

>>72-73
レスありがとうございます。
CSSは始めたばかりですが
より精進していくつもりです。
では製作にもどります。

http://www.scottandrew.com/
http://www.hssh.jp/~hssh/
http://www.1point.jp/~book_2ch/index.html
http://thefool.fc2web.com/
http://red.ciao.jp/fantasy/
http://www.aquaplace.com/
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://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://tr.vis.ne.jp/
http://www.interq.or.jp/orange/nori/
http://www.kapowaz.net/?showarticle=13032003
http://www.clagnut.com/

フレームを使ってナビゲートを作ろうかと思うんですが、
ＣＳＳで代替できますか？

>>76

>>6は見たのか？

>>76
出来るかどうかと問われたならば
出来ると答えようではないか。
詳しくは天麩羅参照のこと。

>>77
ああ。

>>78
親切だな。
これからもそういう風に続けてね。

IEを切ればposition:fixedで結構自由にフレームっぽいレイアウトができるな。
例：http://www.w3.org/Style/CSS/

>79
今日は酔ってるからな、頑張ってみようじゃないか。

ただoverflow:autoを指定した要素って
見た目はフレームでもマウススクロールが出来ないのが
Gecko使いとしては辛い…

>>81
Gecko仮面のおじさんなのか。

>80
Fixする要素をHTMLの最初or最後に書けば、
IEでも一応ナビゲートバーの役目には使えるかも。
IEだけ特別の対応するのもどうかとは思うんだけど、
漏れのページの閲覧者は9割以上IEなのがなあ…

>82
おじさまじゃないやいヽ(`Д´)ノ

>>83
いや、あなたのページじゃなくて全世界中で９割以上がＩＥですよ。
ＩＥだけ特別の対応しないでどうするんですか？頭だいじょぶ？
ＩＥが嫌いでどうしても排斥したいと考えてるならばまだしも
自分のサイトをより多くの人に見て貰いたいと考えているならば
一番多いＩＥユーザを一番に考えないでどうするんですか？
そう言うセリフは「ＮＮだけ特別の対応するのもなぁ・・・」と使うんですよ。

結局、ＮＮはＩＥ以上の糞だし、せいぜいＯＰＥＲＡぐらいですね。
勝負になるのは。だって他に候補がいないんだから。

この板は、ネスケバカとオペ厨ばっかで偏りがあるな。

>84
だからIEを最初に考えてるよ…
IEで出来ない事がたくさんあって、
IE閲覧者に申し訳なく思いながら妥協の策をいつも練ってる。
IEがもう少し対応の幅が広かったら良いんだけどね。

ちなみに、漏れはNN使ってるなどと一言も書いてないんだけど…

>>84
CSSに関して言えばIEの方が遙かに糞

IEでレイアウトの崩れるページを見て
一般ユーザーはこう言う。
「だめじゃん、この糞サイト。」

そのページにW3C　CSSのValidロゴが貼ってあってもこう思う。
「は？ だから何？」

IEがどうこうという問題ではない。

>>88
は？ だから何？

IEが劣るだのなんだのはともかく、結局は
「シェア90%を無視は出来ない」
これに尽きるわけで。

まあ今時IEで見れないページなんぞ好き好んで作るのは
並々ならぬIEコンプレックス持ちだけだろうけども。

>>89
まあ、悔しかったらブラウザのシェアでも変えてみろ。

＞CSSに関する質問はこちらへどうぞ。　※　議論はよそで　※
文盲ばっかだな。

>>92
旗色悪くなると・・・・・　ﾌﾟｯ

IEで、ボタンに画像を貼り付けようとしているんですが、XPだとうまく表示できません。
やはり、仕様なんでしょうか？
<INPUT type="button" style="width:27px; height:27px; background-image:url(images/*.gif);">

>>94
なんでstyleなんかで画像貼るの？
普通にやればいいじゃん

まともなブラウザになってからシェア増やして欲しかった。
MS帝國ﾏﾝｾｰ

<input type="checkbox" に、なんらかのCSSをかますことは可能ですか？

<input type="checkbox" name="planid" value="1" style="border:1px orange solid">
とためしにやってみたらだめでしたが。。

>>97
フォーム部品のCSS対応はブラウザによっててんでバラバラで、
詳しく調べてる所も無かったような…

とりあえず漏れの知る所だと、
Mozillaではpaddingを設定すると中のチェックマークが削れる。

全く役に立たん情報ｽﾏｿ（ｗ；

>>97
ちゃんとオレンジ1pxのボーダーになるぞ？
スタイルシート言語の宣言してないんじゃないか？

多分>>97はcheckbox自体のボーダー
（大抵border-style:insetみたいになってるやつ）をいじりたいんじゃないのか

>>84
「赤信号、みんなで渡れば怖くない。」と一緒だな、>>85も同類
>>86
気にすること無いよ、正統なCSSで糞IEでは解釈できない
ページを作るべきだ。>>88のようなアフォが増えるだけ。

>>101
【議論厨】
一体今までどこにいたの？ってくらい議論になると沸いてくる人達。
他のスレに誘導しても議論を続ける悪質さで荒らしと同等の性質の悪さ。
ちなみに誘導されたからといって誘導先のスレで議論を続けるわけでもないという
異常な行動パターンを示し、理解に苦しむ。

【Strict厨】
正しいHTMLをあまりに厳密に解釈してしまい、HTMLのいわゆる宗教的な部分にまで
踏み込んで晒されたサイトを次々に批判したため、スレの空気は最悪に。
とにかく人様のものにケチをつけたがる。

【アイウォン厨】
彼女いない暦=年齢で、とにかく彼女を手に入れようと必死な人達。
何度振られようとI want youを連呼する。
歪んだ愛情からストーカーへと変貌する事もある。

実は
>>102=>>104=【Strict厨】=【アイウォン厨】

>>100
そうそう、チェックボックス自体になんらかのCSSかませるのかなーと思った、
素朴な疑問。

>>102
>理解に苦しむ。
頭悪そうだな（w

>>94
button要素は?
NN4以下で致命的なことになるが。

>>94も底なしにバカだが、NN4以下のCSSの解釈の仕方自体
最初から間違っているブラウザを眼中に入れている>>108なんかは
どうしようもない香具師だと思える。
もう来るなよ

>>109
CSSの問題ならCSSを無効にすれば済むが、>>108はHTMLの話だ。
button要素がボタンとして解釈してくれないのでは、利用者は手も足も
出ないだろう。そのことを「致命的」と言ったまでだ。

まじめな話、NN4なんて
閲覧者に相当の配慮をしなければならない立場の
企業や公共機関とかでもない限り、
切り捨てていいんじゃないの？
月光、オペラ、IEとそれぞれを配慮するのと
２世代前のタコブラウザを考慮するのとでは話が違うし。

失礼します
外部スタイルシートでtable属性をいじっていたのですが、
paddingのとこだけ反映されないで困っています……。
どなたかのサポートｷﾎﾞﾝﾇです。

TABLE {
font-size : x-small;
color : #000000;
line-height : 1.30;
margin-right : 5.00%;
margin-left : 5.00%;
padding-top : 15.00px;
padding-right : 15.00px;
padding-bottom : 15.00px;
padding-left : 15.00px;
width : 90.00%;
}

こんな風に書いてるんですが、どこが悪いのか……。
ちなみにエディタ上では反映されてます。

小数点以下2桁って・・・

>>113
エディタでスタイルシートをいじれる機能があって
それを使うと自動的にそこまで書き込まれちゃうんだyo。
いくら直してもファイル読み込むたびに勝手に直されるので
最近はそのまま使ってます。

>>113-114
別に実数で構わんよ。

>>112
パッディング変えてどこに反映されるとお考えでしょうか？
table要素に対してpaddingをしても、各セルの余白は変化しませんよ？

セルに適用したいなら
th,td{foobar:hogehoge}

>>112
普通に、cellspacing="" cellpadding=""使うか、
CSSなら、border-spacing: ; だな

>>115-118
ｻﾝｸｽｺ。解決しますた

>>107
これほど「オマエモナー」というレスがしっくりくる書き込みを久々に見ました。

>>120
オマエモナー

代替スタイルシートを使って画像（とalt）そのものを切り替える方法を教えていただけませんでしょうか。
イメージ的には
<h1><img src="title_r.jpg" alt="2ch Red Stage" width="200" height="100"></h1>
<h1><img src="title_b.jpg" alt="2ch Blue Stage" width="300" height="200"></h1>
この2つを代替スタイルの選択によって切り替えられるようにしたいという感じです。

代替シートでhtmlそのものをどうやって書き換えんのよ
普通は<h1>に背景画像を指定して、それをシートごとに切り替える

それぞれにid振ってdisplay:none

>>123
> htmlそのものをどうやって書き換えんのよ
いえ、こんな感じで、っていうイメージなのでHTMLを書き換えられるとは思ってないです。
で、
> 普通は<h1>に背景画像を指定して、それをシートごとに切り替える
ってのは思いついたんですがそれだと画像に対するaltはどう対応すればいいのかが思いつきませんでした。

>>124
これは思いつかなかったです。
でもその方法だとある意味、HTMLにデザイン的な部分を含めてしまうことになるのでちょっと避けたいです。

なら、素直にJavaScript使うこった

物理的なページデザインに依存する様な
見出しの内容自体が宜しくない気がする。

<H*>タグに画像入れちゃ見出しの意味ないだろ

>>128
↓にも文句言えば？

http://www.w3.org/

>>128
><H*>タグに画像入れちゃ見出しの意味ないだろ
タグの中にどうやって画像を入れるのかが謎。
見出しの内容が img要素のみでも、alt属性に
しっかり代替テキストが記述してあれば問題ないだろ。

>>125
h1にサイトタイトルとかもってきたら？

質問です。

<div style="border:2px solid #000">
<img href=".." align="left">文章...
</div>

こんなときに「画像が枠線を飛び出ないようにする」には
普通、どうするのでしょうか。
試行錯誤で次の方法を見つけたのですが
よろしくないですよね。

<div style="border:2px solid #000">
<table><tr><td>
<image href=".." align="left">文章...
</td></tr></table>
</div>

>>132
imgとdivの両方に、heightとwidthを指定する。

>>132
画像と文章を<p>でくくってみる。

>>134
同じだと思うが（w

×image href= ○img src= でした。すんません。
>>133
height はできるだけ使いたくないんです。
ブラウザ毎に解釈が違うようだし、別の問題が起きそうな気がして。
>>134
うまくいかなかったのです。

マーキーを動かなくすることって出来ますかね。

>>137
フィルタでタグを取っ払う
IE以外を使う

どっちにしろスレ違いな気が

nobr要素を代用できるCSSのプロパティはあるのでしょうか。

>>136
paddingを指定する。

試行錯誤で次を見つけました。
これが正解？

<div style="border:2px solid #000">
<img src=".." align="left">文章...
<div style="clear:left"></div>
</div>

(;´Д｀)

>>141
<div style="clear:left"></div>のような空タグは良くない

>>141
まったくもって正しくありませんな。paddingを使いましょう。
もしかしたら
<img style="border:***;">でもできるかも。

padding ?
本気でわからないです。
いったいどこに使えばよいのでしょうか。

>>132
imgにはheightとwidth設定しないとだめ
img style="height"のheightとは意味が違う。

>>139
ある。white-space。後は自分で調べれ

なにを偉そうに。

>>141
ＦＡＱのA5を見なさい。
「浮動要素の高さも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

お願いだからHTMLに関する基礎知識を付けてからCSSに挑戦してください。
正しいHTMLあってのCSSだとCSSValiderさんが言ってました。

141は画像にボーダーつけたいのか画像のまわりにボーダーつけたいのかはっきりしろ。
前者ならimg{border:;}、後者ならimg{border:;padding:;}or div{border:;}だ。

maginをいじって、オンマウスでメニューが右にはみ出るようにしたんですが
入れ子になったテーブルでやっていて、テーブルの大きさがオンマウスで変わってしまいます。
完全にテーブル幅を固定するにはどうしたらいいんですか？

CSSってa:とかって書きますよね？
したらページ全部のリンクはってる部分が対応しちゃんですが、
一部分だけにしたいときはどすればいんでつか？

一部をクラス付けしたdivでくくって
div.hoge a:link{〜}
とかやってみれ

>>153
クラス・ID

>152
はみ出る幅をメニューに事前に設定しとけ

>154
んなことせんでも
a.hoge:hover で良い。

>>157が
>>154のほうがスマートなやり方だということに早く気付きますように

>>158が場合によりけりなことに早く気付きますように

ＣＳＳでフォントサイズを「中」に固定する記述は
どのようにすればよろしいのでしょうか？
ブラウザの表示サイズを変更するとレイヤーの配置がずれて困っています。
勉強しろ！と言われるかもしれませんが
とっかりがなくて、いろいろなサイトを見てもよくわかりませんでした。
<HEAD>
の中に書くのですか？
すみませんが、お願い致します。

>>160
「font-size　相対指定　絶対指定」でぐぐる。

＃目の悪い人もいるし、文字サイズ固定は嫌われるよ。

>>160
固定はよくない。em單位でレイアウトしませう。

>>160
できれば文字サイズ変えてもずれないﾚｲｱｳﾄにするべし
ｶﾞﾝｶﾞﾚ

　　　 　∧＿∧
ﾋﾟｭ.ｰ　(　　＾＾ ） ＜これからも僕を応援して下さいね（＾＾）。
　　＝〔~∪￣￣〕
　　＝ ◎――◎ 　　　　　　　　　　　　　　　　　　　　　山崎渉

>>160
フォントサイズについて考えよう
http://pc2.2ch.net/test/read.cgi/hp/1042293757/

HTMLのことについての質問なんですが
スレッドが見当たらなかったので
こちらで質問させていただきます
インラインフレームについてなんですが
ウェブページの中に組み込まれたウィンドウ
以外を指定してページを変更することは
可能でしょうか？
調べてみたのですが
今のところみつかっていません
指定する方法を教えてくださいお願いします

HTMLのことについては、初心者質問スレッドで訊いて下さい。>>166

はいわかりました
ありがとうございました

皆様ありがとうございました
がんばってみます！

あぼーん

>>149 >ＦＡＱのA5を見なさい。
すんませんでした。
恥かきついでに、リンク先を読んだりして
まとめてみました。
------------
「浮動要素の高さも親に含めさせる方法」
１．親要素のwidth を指定
CSS の仕様には反するが、なぜか含むようになる。
注 IE5.0 でへんな余白ができる。
（NS7 はきちんとしている？ので、含むようにならない）

２．<br style="clear: "> を使う
よろしくないかもしれないが、
空のブロックタグを使うよりはよいのではないだろうか。
-----------------
ということでしょか？
わたしは、空タグがよくない理由を勉強しようと
思いました。以上。

リストを段組させるようにするCSS指定というのはありますか？

<ol>
    <li>あああああ</li>
    <li>いいいいい</li>
    <li>ううううう</li>
    <li>えええええ</li>
    <li>おおおおお</li>
</ol>

というのを

　　1. あああああ　　　　2. いいいいい
　　3. ううううう　　　　4. えええええ
　　5. おおおおお

とか

　　1. あああああ　　　　4. えええええ
　　2. いいいいい　　　　5. おおおおお
　　3. ううううう

のように表示させる、ということですが。

>172
display:table関連と
counterを使えば出来そう…出来ないかな？
とりあえず現状はfloat使っとけ、でFA

>172
二番目のは知らないけど、一番目のならolとliの幅を決めて
display:inlineで並べるか、float使うかでいけるような気がする。

便乗質問
<ul>
　<li><ol>
　　<li>あああああ</li>
　　<li>いいいいい</li>
　　<li>ううううう</li>
　</ol><li/>
　<li><ol>
　　<li>かかかかか</li>
　　<li>ききききき</li>
　　<li>くくくくく</li>
　</ol><li/>
　<li><ol>
　　<li>さささささ</li>
　　<li>たたたたた</li>
　　<li>ななななな</li>
　</ol><li/>
</ul>

これを
1、あああああ　1、かかかかか　1、さささささ
2、いいいいい　1、ききききき　　1、たたたたた
3、ううううう　　　1、くくくくく　　　　1、ななななな

こうしたいのですが

<li>にfloat指定してol liはclearすればいいんじゃないの
番号全部１にすんのは無理だろうけど

float:left;　float:left;　float:right;
clear:both;

こんな感じで

>>175
ulにfloat

ゴメソ見間違った。

>>177
なぜ一番右側だけfloat:rightなの？
float:left;三連発でいいはずだけど。

外部スタイルシートでtd要素にpaddingを入れたら
椅子ｳｪﾌﾞのトップ広告＆ナビまでデカくなってしまいますた……。
（ナビ部分にテーブルが使われているようです）

広告のとこだけpaddingを無効にしたいってのは、虫が良すぎる？

>181
class id

広告の所をdivで括ってclassなりIDなりを振ればよし。
それができない場合は、逆に広告以外のtableに全てclassを振って
スタイル指定を振り分けるしかない。

>>181

Gecko系とかOperaなら属性セレクタ駆使して広告をねらい打ち
することも可能だけど、IEには無力なので、広告以外のtableや
tdにセレクタを振ってそこだけpaddingを設定してみては？

>180
うっ。気分でそうしただけですのでそれで結構です。

>>182-184
ｱﾘｶﾞ�d。やっぱ地道にclass振るしかないのね　⊃Д｀）
やってみまつ。

テーブルっつってもレイアウト用だから
DIV+classかidでpadding振れば代用できるかなーと思ったんだけど、
そうしたら今度は中の見出し（hタグ）の方にまで
勝手にpaddingがかかってしまい、断念しますた。
スタイルシートは奥が深い。

>>186
>今度は中の見出し（hタグ）の方にまで
>勝手にpaddingがかかってしまい、

變ですね。paddingは繼承しないはずですが？
どうも何か妙なことをやってゐる豫感。
ソース出してくれないとわかりませんがね。

昔の人が「ソース」みたいなハイカラな言葉使うな、ヴぉけ

>>187

H4 {
padding-top : 2px;
padding-right : 10px;
padding-bottom : 2px;
padding-left : 10px;
border-top-width : 0px;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 10px;
border-color : #800000;
border-style : double;
}

idを使ってDIVでくくったら即タテにふくらみますた。
ちなみに当方エディタ使い。

>>186
ボックスモデルが解かってない予感。

>>189
テキストエディタで書いてるんだったら、
簡略化プロパティで楽しようよ。煩雑過ぎるよ。

h4 {
padding: 2px 10px 2px;
border-style: double;
border-width: 0 0 0 10px;
border-color: #800000;
}

今までCSSをまったく使っていませんでした。
フォントサイズを相対的に表示するのにいちいち

font size="-1"

というふうにHTMLで打っていました。

これをまとめてCSSで設定してしまおうと思ったのですがうまくいきません。

{ font-size: -1 }

という風にはCSSでは設定できないのですよね？
http://tohoho.wakusei.ne.jp/css/reference.htm#fonts
とほほのCSS見てみたのですが「単位は省略できない」とありました。それがこのことでしょうか？

と、いうことはHTMLで記述するところの-1と同じようにしたいときはCSSではどのように打てばよいのでしょうか？

負の値を使う

>>191
長さの単位などはCSSを利用する上で避けて通れないので、とほほなり
>>4のサイトなりで勉強してきてください。

font-size:small;

レスありがとうございます。
なるほど、ここは一筋縄ではいかないところなのですね。勉強してきます！
ありがとうございました。

>>189
ＣＳＳだけでなくそれを適用したHTMLソースも出してくれんとわからんってば。
親divに何かへんな指定をしてるんでないかい？

CSSを使っている場合、
<FONT>を一切使わないのが普通なのでしょうか？
また、FONTタグの代わりとして、何を用いればいいのでしょう？


CSSでFONTタグの属性(？)は指定してあります。
html文書の方には、<FONT>あ</FONT>のような感じで、属性指定はしていません。

>>197
font要素で何か装飾を付けたいということは、
そこには、潜在的な意図を持っている筈です。
その意図を、HTMLの構造要素のマーク付けで顕在化します。

例えばその装飾が、強調を示す意図であるのならば、
強調を示す em要素や、強い強調を示す strong要素でマーク付けします。

後は、構造を示す要素の意図を視覚的あるいは音声的に伝わり易くする為に
スタイルシートで体裁を整えます。これが所謂「構造と見栄えの分離」です。

参考：鳩丸ご意見番 - なんで FONT は駄目子ちゃんなのか
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/font

とはいえ、10年後のブラウザが<font>非サポートになるとも思えんが

>>198-199
ご意見番は見ていませんでした…
感謝。これでやっとエラーが0コになりました。

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

>>199
いや、なるだろうね。そのころにはhtmlなんて過去の産物である……かもね。

性能が向上して、一部の人々はhtmlなんて使わなくてもよくなるさ。

>>200
エラーを0にするのを目指すより
仕様書に沿ったhtml、css作りを目指そうよ
cgiの結果は同じかもしれないけどさ

>>202
初めはそれで良いんじゃないかな？
FONT 要素使っていた人にいきなり仕様に沿うよう要求するのは酷だと思う。
向上心があれば自分で調べたり、またここに訊きにきたりすると思うし。

まあ何にせよ、また一つのサイトが標準に近付いたのは喜ばしい（´ー｀）
漏れの知り合いなんて「なんでFONTつかわネーノ？」レベルだからな…

>>197　>>7を見て欲しかった。

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

テキストを幅400pxの以内に強制的に抑えて、
強制改項させるには、どうしたらいいですか？

>>206
見る側は大迷惑なのでそんなことはするな

>206
ブロックレベル要素にwidth:400pxを指定すれば出来る。
ただ<em>本当にウザい</em>のでbody要素にだけは指定しない事をお勧めする。

％にして

web制作初心者スレに書き込んだのですが、
スレ違いだったようなので、こちらで質問させていただきます。

<div>を使うべきところ、使わないでいいところの見極めが上手くできません。
例えば、下のＵＲＬを見ていただきたいのですが、
http://members.tripod.co.jp/linda3/1.html
http://members.tripod.co.jp/linda3/2.html
枠と文章の間に空間を作る場合、
前者の<p>のマージンを操作する方法と、
後者の<div>のパディングを操作する方法と、
どちらの方が良いのでしょうか？

よろしくお願いします。

>>210
Strict-HTML スレッド13
http://pc2.2ch.net/test/read.cgi/hp/1050581113/
で今日出てた。

実際にサイト晒すきあるなら
W3C信者にサイトを正しい記述に直して貰うスレ2
http://pc2.2ch.net/test/read.cgi/hp/1040377672/
ってのもあるぞ。

>210
その二つなら後者。

あと関係ない話で悪いんだが、どうしてもスクロールバーの色変えたいんなら
せめて見易い色にした方が良いぞ。
というかバーとバーの背景が同じ色なのは結構使い辛い。

>>211さん
レスありがとうございます。
検索不足でどちらのスレッドもしっかりと見切れていませんでした。
今後はチェックしていこうと思います。

>>212さん
レスありがとうございます。
後者が選ばれる理由っていうのは、
<div>がしっかりと意味を持って配置されているので、
無意味な<div>ということにはならないからということと、
前者では更新作業などをする際に不便だから、
ということ合ってますででしょうか？
スクロールバーは、言われてみると確かに見づらいことこの上ないので、
修正しようと思います。

また、後者以上に正しい記述の仕方というのはあるのでしょうか？
もしそうであったら、どなたか教えてください。
一時期かなりのDIV病にかかってしまっていたので、
なんだか過敏になってしまっています・・・・

あのな、別にＤＩＶつかったっていいんだよ。気軽に。

なんか、DIVはあくまで構造を示すためのタグであって、
装飾に使うというのは間違い、ということを知人に指摘されて、
じゃあ間隔を空けるためにDIVを使うってのも間違ってるんだろうなぁ・・・
と思って、悩んでいました。

class="waku"

ってどうなん？

>class="waku"
後に「waku」ではない見栄えに変更する時に
マーク付けを変更する破目になる。ナンセンス。
「waku」を付ける事には意味がある筈。
何かしらの構造を示す分類名を付けるべき。

以下を読むとdiv要素について何か得られるかもしれん。
http://members.jcom.home.ne.jp/jintrick/Personal/css_div.html

今後同じカタチのボックスをいくつか作る予定だったので、
そこに対しては「waku」を適用し、
他のカタチのものを作るときは別のクラスをつけて・・・
ってやろうとしてしまっていたのですが、
まずかったでしょうか・・・

>218
クラス名はHTMLの一部だからして、
物理的な名前を付けるべきではない、という事。
waku とつけるよりは、
caption menu comment など、その場に適切な名前をつけるのが良い。

>>218
そこから先はHTMLの話。
ゆえにスレ違い。

<img>のborderって非推奨だと聞いたんですけど、
cssでやる時はどう書くんですか？

img {border-width:0px}
とかですか？

>221
です。

>>222
すいません、意味が分からないのですが・・・

>223
ｽﾏｿ。
それで正しいよ、てこと。

>224
ありがとうございました。
やってみます。

お忙しいところ申し訳ありません。
実はスクロールバーの色を変えたいのですがこれはどこに入れたら良いのでしょうか。
<STYLE type="text/css">
<!--
body {scrollbar-face-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#3366FF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#3366FF; scrollbar-3dlight-color:#3366FF; scrollbar-darkshadow-color:#FFFFFF}
-->
</STYLE>

この下のところに入れたいんです。お願いします。

$fst=<<"SS_";
<STYLE TYPE="text/css">
<!--
input,textarea,select{
font-family :ＭＳ ゴシック; /*文字フォント*/
font-size :10pt; /* 文字サイズ */
color :#6666ff; /* 文字色 */
background-color:#FFFFFF; /* 背景色 */
border :1 solid #b5b5ff; /*線の太さ、色*/
}
input{
font-family :ＭＳ Ｐゴシック; /*文字フォント*/
}
-->
</STYLE>
SS_

教えてもらったから、教える番かも

<STYLE type="text/css">
<!--
body {scrollbar-face-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#3366FF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#3366FF; scrollbar-3dlight-color:#3366FF; scrollbar-darkshadow-color:#FFFFFF}
input,textarea,select{
font-family :ＭＳ ゴシック; /*文字フォント*/
font-size :10pt; /* 文字サイズ */
color :#6666ff; /* 文字色 */
background-color:#FFFFFF; /* 背景色 */
border :1 solid #b5b5ff; /*線の太さ、色*/
}
input{
font-family :ＭＳ Ｐゴシック; /*文字フォント*/
}
-->
</STYLE>

ちょっと汚いソースだけどこれでOKじゃない

>>226
ちょっと待って。
<body>に対してスクロールバーを指定したいの？
それともテキストエリアに対して？

border :1 solid #b5b5ff; /*線の太さ、色*/
↑これ変じゃない？

<STYLE type="text/css">
<!--
input,textarea,select{
font-family:ＭＳ ゴシック;
font-size:10pt;
color:#6666ff;
background-color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#b5b5ff;
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#3366FF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#3366FF;
scrollbar-3dlight-color:#3366FF;
scrollbar-darkshadow-color:#FFFFFF
}
-->
</STYLE>

これでOKでしょう。
（多分）

ところで
<a>タグのターゲット指定はスタイルシートでどう書くの？

ターゲットはCSSで代用できません。

>>226
別に構わないけど、
付け焼き刃的なＣＳＳの使い方は推奨しない。

>>230
scrollbar の色指定は textarea だけにとどめておく方が良い。
それと、そもそも >>226 のレスを待たず勝手に解釈してレスを返すのは
無意味。

後、font-family の「ＭＳ Ｐゴシック」の様に空白文字を含むものは
シングルかダブルのクォートで括る。

font-family: "ＭＳ Ｐゴシック"

みなさんありがとうございます。
これはI-BOARDhttp://www.cj-c.com/bbs/ibbs.cgi?no=23
を解凍して一切いじってないソースなんですよ。あまりいじると変になると思って
で、みんなさんのアドバイスにそってこのように加えてみたけど、スクロールバーの
色が全く変わらないんです。まだなにかおかしいのでしょうか？

$fst=<<"SS_";
<STYLE TYPE="text/css">
<!--
input,textarea,select{
font-family :ＭＳ ゴシック; /*文字フォント*/
font-size :10pt; /* 文字サイズ */
color :#6666ff; /* 文字色 */
background-color:#FFFFFF; /* 背景色 */
border :1 solid #b5b5ff; /*線の太さ、色*/
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#3366FF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#3366FF;
scrollbar-3dlight-color:#3366FF;
scrollbar-darkshadow-color:#FFFFFF
}
input{
font-family :ＭＳ Ｐゴシック; /*文字フォント*/
}
-->
</STYLE>
SS_

ウィンドウのスクロールバーの色を変えたいならbodyにも指定してやらんと効かんよ。
薦めたくは無いんだが。

ご迷惑おかけしました。
知識も教え方も未熟者でした。

逝ってきます・・・

質問です。横幅640pxのボックス中央揃え/内容は左寄せ　のページなのですが、
NN7での表示が変で困っています。IEのために下のようなコードを
（テンプレの解説にあった）書いたのですが…

<div style="text-align:center;border:0px;">
<div style="margin-left:auto;margin-right:auto;width:640px;
text-align:left;border:4px;">

内容　</div></div>

NNでは、画面が横幅以下になった時、「両側から」削られてしまう。
左端が基点に維持されないのです。どうしたらいいですか？

>>238
widthの幅固定をやめるしかないと思われ。
ウインドウがwidthのサイズ以下になったときの挙動は
ネスケの方が正しかったと思う。

質問です。過去ログなどを読んでも、どうも出来そうになかったので、
確認のためですが、詳しい方お答えいただければ幸いです。
出来ない場合は「出来ない」とだけお答え下さればいいです。
出来る場合はどのあたりを読めばいいのか教えてくださると助かります。

CSSポジショニングで配置したBOX要素(DIV)がいくつかあります。
これらの相互の位置関係を崩さずに、ウィンドウ(表示領域)に対して左右のセンタリングをしたいです。
IE4.xx以降とNN4.7x以降での対応を考えています。
DHTML(Javascript)は使用したくありません。(OFFにしているブラウザもあるので)

上記は可能でしょうか？

無理。
IE4 や NN4 の様な古いブラウザ相手に JavaScript なしで挑むのは自殺行為。

>>236
>ウィンドウのスクロールバーの色を変えたいならbodyにも指定してやらんと効かんよ。

bodyでなくてhtml要素に指定すべきなんですよ。

>>240
そもそもNN4はJavaScriptオフだとスタイルシートまで無効になるんだが。
それに絶対配置を使用すると、ウィンドウ・サイズを変更するだけで表示が崩れるバグもある。
http://cssbug.tripod.co.jp/detail/nn4x/b003.html
これを防ぐにはウィンドウをリサイズした時にページを読み込み直すJavaScriptを仕込んでやるほかない。

ｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀ＿ー￣＿￣）’, 　・　∴.'ｷﾀ， ．. ∧＿∧　∴.' ｷﾀ
ｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷ∧　--＿- ― ＝￣　￣`:,　.∴）'ｷﾀｷﾀｷﾀ(　ｷﾀ　) ｷﾀｷﾀｷﾀ
ｷﾀｷﾀｷﾀｷﾀｷﾀｷ,　-''￣　　＝　＿＿――＝',　・,‘　ｒ⌒>ｷﾀ_／ ／ ・,‘ ｷﾀｷﾀｷﾀ
ｷﾀｷﾀｷﾀｷﾀｷ／　　＿-―　￣＝＿　　）":"　. 　’ |　ｙ'⌒巨人⌒i .'　 ∴.' ｷﾀｷﾀｷﾀ
ｷﾀｷﾀｷﾀｷﾀ/阪神　ノ　￣＿＝＿　　`　））,∴.　）　|　　／　　ノ ｜∴.'∴.' ｷﾀｷﾀｷﾀ
ｷﾀｷﾀｷﾀｷ/　　, ｲ ）　　　　＿　）￣＝＿）　　　＿）, ー' 　／´ヾ_ﾉ ｷﾀｷﾀｷﾀｷﾀ
ｷﾀｷﾀｷﾀ/　 　_,　＼　　）＿　＿ ）＝　　＿）ｷﾀｷ／　,　　ノｷﾀｷ∴.'ｷﾀ∴.' ｷﾀｷﾀ
ｷﾀｷﾀｷﾀ|　　/ ＼　 `､　　　　　＝　＿）ｷﾀｷﾀ／　／ ／∴.'　∴.' ｷﾀｷﾀｷﾀｷﾀｷ
ｷﾀｷﾀｷﾀｊ　 /ｷﾀｷヽ 　|ｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷ／　／　,'ｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀ
ｷﾀｷﾀ ／　ノｷﾀｷﾀ｛ 　|ｷﾀｷﾀｷﾀｷﾀｷﾀｷ／　 ／| 　| ｵﾗｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀ
ｷﾀ ／　／ｷﾀｷﾀｷﾀ|　（_ｷﾀｷﾀｷﾀｷﾀｷﾀ!､＿／ / 　 〉ｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀ
ｷﾀ `､＿〉ｷﾀｷﾀｷﾀｷー‐‐`ｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷ|_／ ｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀｷﾀ

>>240

>>243での指摘の点を納得できるのなら、出来るよ。
つまり、NN4では、
１・JavascriptがOFFならあきらめる、
２・ウィンドウリサイズした場合は再読込のJavascriptを組み込む、
と言う点さえ納得してもらえれば。

でも自分はここのスレの住人じゃないので、過去ログなどはよくわからん。
自分で書いたソースでもないし。

つか、>>241氏と>>243氏、ここのスレの住人なら(違ったらスマソ)出来るんじゃないの？
教えてあげなよ。

>>242
＞＞ウィンドウのスクロールバーの色を変えたいならbodyにも指定してやらんと効かんよ。

＞bodyでなくてhtml要素に指定すべきなんですよ。

ということはCGIファイルのどういうところに入れば良いのでしょうか。
なんかしつこくてすいません。
ずっとやってますけどまだスクロールバーの色がかわらないんです。

>>246
あれはWinIE5.5以降だけの独自拡張だってのはご存知なんだよね？

>>246　つまりセレクタを何にするかです。body {〜} と html {〜} の差です。

http://pc2.2ch.net/test/read.cgi/php/1053051519/697 の予感>>226
マルチ放置の方向で。（既に答えが出ていると思うんだけどな）

>>247
はい。XPなので表示されてもおかしくないのですが・・・。

>>248
http://www.cj-c.com/bbs/ibbs.cgi?no=23
にはCGIファイルが2つあるのですが、この2つのどこかに入れるんでしょうか？
bodyということはこのどっかに入れるんでしょうか？
ものすごーく混乱しながら悩んでいます。

_HTML_
print"<body text=$text link=$link vlink=$vlink bgcolor=$bg";
if($back ne ""){print" background=\"$back\">\n";}elsif($back eq ""){print ">\n";}
print <<"_HED_";
<!--ヘッダ広告タグ挿入位置▽-->

>>249
それは自分ではありません！
あんないい加減な質問の仕方もしません！IDを出しておきます。真剣に困っていますし
答えなんてでていないと思います。

質問です。
<A> のtarget="_blank"をCSSで表現する方法が解りません。

>>250
スタイルシートの記述は<head>〜</head>の中。
それがスクリプトのどこにあるかは、CSSの問題じゃないからスレ違い。

>>252
ないです。
Strictで記述したくてtargetを使いたくないのならJavaScriptでも
使ってください。

>>253
>Strictで記述したくてtargetを使いたくないのならJavaScriptでも
>使ってください。
本末転倒ですな

>>251
ウィンドウのスクロールバーはhtmlかbodyに指定。
書き込む場所はCGIのCSSを指定している場所。はいおわり。

では前にも書きましたがこれではダメということなんですよね。
CSSってデキストドキュメントというのが2つありますが、これにいれるとこはないのですが。
http://www.cj-c.com/cgi_s/ibbs2001.htm
これを見てもわからないでしょうか？大真面目に聞いてます。

$fst=<<"SS_";
<STYLE TYPE="text/css">
<!--
input,textarea,select{
font-family :ＭＳ ゴシック; /*文字フォント*/
font-size :10pt; /* 文字サイズ */
color :#6666ff; /* 文字色 */
background-color:#FFFFFF; /* 背景色 */
border :1 solid #b5b5ff; /*線の太さ、色*/
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#3366FF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#3366FF;
scrollbar-3dlight-color:#3366FF;
scrollbar-darkshadow-color:#FFFFFF
}
input{
font-family :ＭＳ Ｐゴシック; /*文字フォント*/
}
-->
</STYLE>
SS_

>>4で勉強してきてくれ

>256
大真面目なのは良いが、CSS全然判ってないだろ…

$fst=<<"SS_";
<STYLE TYPE="text/css">
<!--
input,textarea,select{
font-family :"ＭＳ ゴシック" serif; /* 文字フォントには総称名(serifなど)を指定するように */
font-size :medium; /* 文字サイズは相対指定で */
color :#66f; /* 文字色（省略形） */
background-color:#fff; /* 背景色（省略形） */
border :1px solid #b5b5ff; /*線の太さにはpxなどの単位が必要です*/
}
html{
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-arrow-color:#36f;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#36f;
scrollbar-3dlight-color:#36f;
scrollbar-darkshadow-color:#fff;
}
-->
</STYLE>
SS_

これでやってみれ。
あとできれば特定のCGIで質問しないでくれ。

>>256
ここはそのCGIのサポートBBSじゃないし>>248>>253>>255
読んで理解できないようなら諦めた方がいいです。

つーか、>>227で既に答えが出ているのに、なぜそれに従わない？
いやがらせか？

>>241・243・245
お返事ありがとうございます。

>>245さん、NN4の件を納得すれば出来ると言うことですが、
具体的に方法を教えていただけませんでしょうか？
もちろん他の方でもかまいません。
よろしくお願いします。

>>261
具体的にHTMLとCSSのソースを出してくれないと、
知ってても指導できないのではないかな。

>>262
全部書いた方がいいならあとからまた書きますが、簡単に説明すると、

absoluteで別の位置にポジショニングした２つのDIVを、
ウィンドウに対して「２つのDIVの相対位置を変えずに」左右のセンタリングをしたい

と言うことです。
ソースが必要でしょうか？

>>260
よく読んでください。>>227あれは全然違います。本人も間違ったって>>237で認めてるじゃないですか！
>>230
下のほうのもやったけどバーの色かわらなかったです。

>>264　もちつけ
そんな態度じゃ、だれも教えてくれないぞ

中学生はちゃんとした日本語読解力をつけてから来てください

>>263
1.その二つのdivを更にdivで括る。
2.それにはposition:relative;を指定して、二つの絶対配置divの基準点にする。
3.その親divを中央寄せする。（ＦＡＱ見てわかるよね？)

IE4なんて見捨てなさい。使用人口は無きに等しい。

>>264
だからいい加減スレ違いだしうざいから帰れ

>>227も>>258も両方とも正しい。
Win+IE5.5以降ならどちらでも反映されるはずだ。
もっとも、設定用CGIファイルのパーミッションを755にしなければ
読み込まれるはずもないわけだが。

>>268
うざいのはわかります。でももう１０時間以上もPCの前でコツコツやってるんです。
しかもPCはダメかもしれないけど他の板の質問スレでは丁寧すぎるほど
丁寧に説明しています。ただの教えて君ではないということはわかってください。

ネット板でもオークション質問スレでは4％が俺のレスですよ。
でも不得意分野は誰にでもあるはずなんです。わかってください。

>>269

http://www.lunartecs.ne.jp/~white/sol/tech/html_css/007_01.html
http://www.lunartecs.ne.jp/~white/sol/tech/html_css/007_02.html
>IE 5.5までは<body>要素への記述でもよかったのですが、IE 6.0では
>その親要素である<html>要素に記述しなければいけないようです。

つまり標準モードでは、html要素に指定せねば効きません。

>>267
ありがとうございます。今から書いてテストをしようと思います。ですが…

＞IE4なんて見捨てなさい。使用人口は無きに等しい。

ということは、IE4では出来ないと言うことですか？
上司の命令なので、見捨てることは出来ないのですが…。
アクセスログを見ると、Windows・Mac共に、
IE4.xxとNN4.7xがまだまだ結構いると言うことなので、
切り捨ててはいけないと言うことになりました。

小さな会社なので、予算の関係で外注できませんし、
社内にはHTMLがいくらかでもわかる人が自分以外にいないので、
どうしようもない状態なのです。
とは言え自分も素人同然です。
自分がいないときのメンテナンスのために、Javascript(DHTML)は使用できない事になりました。
CSSなら、『○○を書き換えるなら、「ID="xx"」のDIV中の文字を書き換える』と言うマニュアルを作ることで、
なんとか出来そうなのですが…。

なにとぞよろしくお願いいたします。

>270
他所でキミが何をしてるか知らんが、
そんなのは此処には関係ないし免罪符にもならん。

で、オレのレスを無視してるのは釣りだと解釈してよろしいのか？

>>270
人に聞く前に自力で勉強しようとした事はありますか？

>ネット板でもオークション質問スレでは4％が俺のレスですよ。
そんなこと自慢されても困る。

>でも不得意分野は誰にでもあるはずなんです。わかってください。
不得意分野があるのは分かるが、まず努力をしろ。
努力もせずに質問だけされては、答えるほうが迷惑だ。

それと、あなたの質問内容はスレ違いのものを多分に含んでいる。
スレ違いの質問にまで答える理由はない。

>>270　
>ネット板でもオークション質問スレでは4％が俺のレスですよ。

ネタ？　そこまで自分の馬鹿さ加減を晒せるとは、なかなかの藝人魂ぢゃ。

マジなら>>258で解決してるでしょ。

>>270
下記URLで質問すれば、かなり丁寧な答えが返ってくると思うので、一度お試しあれ。
(メアドなどの登録が必要。無料です。)

http://www.okweb.ne.jp

>>272

/* =======================================================
ＮＮ４では，position:absolute; によって絶對配置した場合，ウィンドウサイズ變更で表示が大きく亂れることがあり，一々再讀込させねば直らない．それを自働にしてやる．
なほ<body>タグ内に以下の文字列を書き加へても同效果．
onresize="JavaScript:if (document.layers) location.reload()"
*/
if(NN4){window.onresize = rebuild;}
function rebuild(){location.reload();}

>>270
ああ、勉強するのと闇雲にコード弄るのは別な。

あっと忘れ物。
變數は、以下の通り。
var D=document;
var DOM=document.getElementById;
var NN4=(D.layers && !DOM)?1:0;

で、>>226は、>>258を試してみたのか?

>>273
無視なんてしてないんだって！感謝しながら今修正してるの。
input{
font-family :ＭＳ Ｐゴシック; /*文字フォント*/
}
-->
はいらないってことですか？削除しておけばいいんですね。
自分にはテキストドキュメント2つあるけど、まさかスタイルシートドキュメント
っていうファイルを自分で作らなければいけないんですか？？？！！！！！

しかも>>258のように今修正を何回しても
「テキストにすると全部無効になります」みたいな確認ボタンがでてきてしまうんですよ。
これってなんでしょうか？

上のレスだけ答えてください。いまから近所の野良猫にエサをやりに行かなきゃいけないんですよ。
昼間エサやると「野良猫が増える！ウンコが増える！」とか苦情くるんですよ。
野良猫だってもともと人間が捨てたんでしょ？！毎年犬や猫が保健所で何百万匹殺されてるんです。
勘違いしてる方多いですが安楽死なんかじゃないですよ。ガスで窒息死なんです。
全国のペット屋を潰しましょう。犬や猫を飼う時は野良や保健所のを飼ってあげてください。

このスレで迷惑かけたのは謝ります。申し訳ないと思います。
答えてくださった方にはお礼の言葉を言います。

どうもありがとうございます。

でも必死だったんです。

>>281
CGIのことをここで訊いても、知らんよ。
ましてや君の個人的事情なんて知ったこっちゃないっよ。

>>277・279
お返事ありがとうございます。
漢字表記が少し難しいですが、今、一生懸命理解に努めています。
(何とか理解できそうです。)

いま、FAQから、>>267の
＞3.その親divを中央寄せする。（ＦＡＱ見てわかるよね？)
を見つけだすべくあちこち探しています。
皆さんにご迷惑かけないように、何とか自力で探します。

251からおかしな言動が目立つな。ID出し始めたときだ。

>>281
>自分にはテキストドキュメント2つあるけど、まさかスタイルシートドキュメント
>っていうファイルを自分で作らなければいけないんですか？？？！！！！！
そんなスタイルシートとは関係ない業務上のことなんて質問しないでください。

>「テキストにすると全部無効になります」みたいな確認ボタンがでてきてしまうんですよ。
>これってなんでしょうか？
その質問ってなんでしょう？
その確認ボタンとやらを表示させるソフトの名前を言ってくれ。

>猫
スレ違いの事をわざわざ書かないでくれ。

>>284　ＦＡＱは>>5-7、センタリングのことはＡ２。

>281
あっても良いが必要も無いから省いた。

>テキストドキュメント
意味判らん…
スタイル指定するところが複数あるんなら全部やっとけ。
微調整は勉強してからで良い。

>テキストにすると
…非常に恐ろしいものを感じたのだが、
まさかWordやビルダーで編集してはいまいな？
もしそうならさっさと諦めろ、CSSのレベルじゃない。

>>270
> >>268
> うざいのはわかります。でももう１０時間以上もPCの前でコツコツやってるんです。
> しかもPCはダメかもしれないけど他の板の質問スレでは丁寧すぎるほど
> 丁寧に説明しています。ただの教えて君ではないということはわかってください。
> ネット板でもオークション質問スレでは4％が俺のレスですよ。
> でも不得意分野は誰にでもあるはずなんです。わかってください。

他所で立派ならば何やっても許される、と？
ここでの君は「ただの教えて君」以外の何者でもない。

で、この人は結局何がしたいんだっけ？

猫の話が出てき恐くなったのはオレだけ？

>>289
ID晒せよ。どうせそうやってウダウダ他人を責めるしかできないんだろ。
面と向かうとヘリ下る根性なしのお友達もいない孤独人間よ。

文句あったらピンクでIDさらしな。

http://pink.bbspink.com/test/read.cgi/avideo/1054401423/

>>292
もうそのくらいにしておいたら？

CSSについては、説明できることはすでに説明してあるから。

少なくとも他の人は、これまでのレスで出来るはず。(自分も試してみた。)
あなたが上手く出来ないのは、CSS以外の問題だと思われるから、
それなりのスレを探して、そちらに質問した方がいいよ。

----------------
以後完全放置で。反応するのも荒らしと一緒。>>ALL

>>294
了解

★★★★★お金が欲しい人は見て下さい★★★★★
http://www.c-gmf.com/index1.htm
自分勝手なことを言っている人って、もしかして、社会の中で生きてゆけない
人にも、感じられます。無職な人は、いつも逃げていて､自分が被害者である
ように語るが、それは間違いである。努力した人はそれなりに、自分の時間を
潰しても、仕事に没頭し、子供を育てている人が多い。人の何十倍も努力して
いるから、良い生活ができるのであります。私はそんな人間である。
何十年と私のビジネスを続けることが、良い結果になれば良いのであります。
法的な処置をとりたい人は取ってください。私のビジネスは本当に大事なこと
であり、皆さんが０円からビジネスできる仕事を提供しています。
http://www.c-gmf.com/index1.htm

>>294
>>285が既に解決させている。何を調子付いてるんだ？カスが。

ｽﾙｰｻﾞﾈｳﾞｧｰ

>>297 頭大丈夫？

ハイ次の方、質問をどうぞ。

質問です。
prio氏の切替スクリプトを使って、スタイル切替をしています。
これまではIE、N7、Operaで問題なく切替およびスタイル適用できていましたが、各CSSファイルのサイズが大きくなったため、それぞれ3分割したところ、Opera7.1で1枚しかCSSしか反映されないのです（Opera6.05も含めて他のブラウザでは問題なし）。

適用させたいCSSファイルの内容を大雑把に書くと下記の通りです。
base.cssの内容
@charset "shift_jis";
@import url("base2.css") all; /*IEには読込させない*/
body{・・・・以下省略・・・

top.cssの内容
@charset "shift_jis";
div#hoge{ position:absolute;・・・以下省略・・・

base2cssはIE以外に適用させるスタイルを記述していますが、とりあえず今問題が生じているトップページには関係ない内容です。
よろしくお願いします。

>>301
【関聯スレッド】
・代替スタイルシートに萌え〜
　http://pc2.2ch.net/test/read.cgi/hp/991400015/l50

あと、Opera7でどのシートを認識しなくなるのかを書いてくれなきゃ。
piro式はlinkタグ書き出し方式だっけ？

>>302
失礼しました。
認識しないのは、top.cssです。
piroさんのは、linkタグ書き出し方式です。
ご紹介いただいたスレの過去ログもあさってみます。

>>303
いまどんな風に<link>が書き出されてるのか、それを書いてくれなきゃワカラン。

#舌足らずな質問が多いよね。初心者なら仕方ないけど。

こちら、最新IE(Mac)なのですが、
スタイルシートでピクセル指定した文字の大きさは
いくらでもでかくできます。(前はできなかったと記憶)
winの最新IE、NSのこの問題の今の状況を教えてください。
winがないためお願いします。

>>305
でかく出来ない欠陥ブラウザはWinのIEとネスケ4だけ。

>>306
いやWinIEでもできるよ、font-sizeは100pxでも1000pxでも（笑）。

>>306-307
すみません、、。どっちですか？
できるということでいいんでしょうか？

できない。
>>307は勘違いというか、間違いだと思う。

ピクセル指定してあるフォントのサイズを、ブラウザの小、中、大、とかで変更できるかって事だよね？

font-sizeは100pxでも1000pxでも大きくできる。WinIEでもできる。
しかしpx指定したものは、WinIEの「表示＞文字のサイズ」から小、中、大、とかで変更することはできない。

>>305の質問の仕方ではどっちを訊いてるんだか判らないので、からかっただけ。

IEには「WEBページで指定されたフォントサイズを使用しない」
という機能がありますが？

フォントの色もスタイルもサイズも無視できるよう設定できます

>>309-310
できないんですね。ありがとうございます。
っていうか、前はできなかったんだけど、今はできるって最初に言ってんだから、
聞きたいのは、変更できるかどうかってことだと思わないの？
俺、吊られてるんだよねw

>>313
　>>311

外部CSSが読み込めません、助けてください
相対値で指定してます。ソースはこんな感じ↓

<link rel="stylesheet" href="css1.css" type="text/css">

【　g　t　m　】
★★紹介無しで確実に37,566ドル獲得出来ます★★
２８週か３０週我慢しさえすれば、およそ37,566ドルを誰もが
手に入れることができます。決して、誇大広告ではありません。
万一、6ヶ月間全く稼げない場合は、100％返金致します。
※ご購入しただけでは、ボーナスは発生しません。
必ず、手順をお読みになり、加入後10日以内に
オンライン・リ・コマース・システムをセットアップしてください。
あなた専用のGMT社の「オンライン・リ・コマース・システム」は、
あなたが何もしなくとも、当初のセッティングをしさえすれば、
夜となく昼となく、自動的に、メールを世界中に配信続け、
あなたに代わっての営業活動を始めます。
しかも、皆様方が得られるＩＤ番号が、一定のペイラインに到達すると、
誰しも、第一回のボーナスを得ることができます。
詳しくはこちらを見て下さい。(日本語解説有り)
http://bigbisiness.fc2web.com/gdp.htm

>>315
<link rel="stylesheet" type="text/css" href="css1.css">
じゃない？

>>317　属性の記述の順番は関係ないはずだが。

ところで>>315よ、問題の起こるブラウザ名とそのヴァージョンは何かね。

#質問の際は、必要な情報を提出してね。

>318
そうなの、知らんかったです。

>>315
じゃあソースは問題無いんじゃない。
パスが間違ってるとかの凡ミスは無い？

317は糞。
なんで順番ちがっただけでかけないの。
ﾊﾞｶｼﾞｬﾈｰﾉ

>>320

>>320
このスレではお世話になってるから、
初心者なりに分かる質問には答えようと思ってるのですが、
詳しい人は大勢居ますし、
糞呼ばわりされたので帰ります。

それと320さん、微妙に文章がおかしい気がします。

320はやつあたりする対象を間違えている。( ﾟДﾟ)ｲｯﾃﾖｼ

ｼﾈカスども。cssみたいなもんも一人で書けないのか。
名前は、
たとえば、<a target="_blank" href="hyyp://aaaa">
だったらﾑﾘとか言い出すと思ったから。

320＝324は糞であるという事が認定されました。
以降放置で。

だから死ねって、カス

CSSに関係のない話題は、やめようね♪

・学校が休みである
・台風4号のため、外で遊べない
・月末であるため、監督する立場の親が忙しい
から厨がわくんだね。

>>327
こいつの頭だいじょうぶかなぁ。
温帯低気圧に変わったのにまだ台風って言ってるよ。

誰も「この例以外のことでは無理」とかいうレスは付けてないので名前変えないと知障っぷりが露呈するよ

>>329
(´ι _` 　)ﾌｰﾝ　それで？

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

以下、何もなかったようにドウゾ

>>328
「月末」って言葉から5/31以前：つまりまだ「台風」となっていたころだと分かるだろう。

あと、お前のレス見てきたけど、日本語がおかしくないか。

>>332
意味がわからん。
なんであとの月末を持ってくるの・・・・・

どうでもいい

なんか、変な名前の常時ageの香具師が要るけど、
餌をまかない方向で。

>>240や>>301は解決したのかな。

カグシってしかいえないのはｱﾌｫ

>>337
カグシって何？

>338
中学生にはそう読めるんだよ

奴→香具師の変換にも「正統性」はない、カグシと読んだからといって責めるのはどうか

>>340
奴→ヤツ→ヤシ→香具師
きちんと流れがある。正統だ。

（>336を見て）
>>301
俺も同じような症状にあった。
Opera7.0 では、代替スタイルが多重に import やると CSS が適用されなくなる気がする。

>>341
いや、それはわかっているけど、その流れ自体「正統」を主張するのはどうかと。
要するに２ｃｈ特有のスラングなわけでしょ？
まあ『香具師』なんてもうほとんど死語で、用例が「≒奴」の方が多くなっているんだろうなぁ。

どうでもいいけど。

>>343
そもそも香具師はかぐしと読めないわけで。

>>343
ごめんなさい。ATOKでは「かぐし」でも変換できるみたいです。

<h1>見出し</h1>
★以下本文★
--------------------------
と書くと、
--------------------------
見出し

★以下本文★
--------------------------
↑みたいにタイトルと本文の間に一行空いてしまうのですが、
これを空けずに表示する方法はあるでしょうか。

なんかもうマジでね、外部CSS読み込めないんですよ、IE6でテストしてるんすよ。
↓ソースですよ。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>工事中1</title>
</head>
<frameset cols="15%,85%">
<frame src= "frame1.html" frameborder="0" norisize>
<frame src= "frame2.html" frameborder="0">
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>工事中2</title>
<link rel="stylesheet" href"css1.css" type="text/css">
</head>
<body>
<h1>必死だな</h1>
<p>
スタイルシートは一言で表現するならば必死だな
</p>
</body>
</html>

h1
{
background-color:#cfc;
color:rgb(0,128,0)
}
p{color:blue}

>>345
《「やし」の誤読》　と出るけどな。

>>346
h1のmarginやpaddingを調整しよう。

フレームは読み込めてるのにCSS読み込めないなんて変だよね

おいおいおい〜
href"css1.css"
href="css1.css"じゃねーの？

cssをブラウザに読ませて広告を消したいんですが、
画像はほとんど消せてもFlashの広告だけが消せません。
FlashファイルはObjectとやらで設定されてるということまではわかったんですが、
どうやって指定すればいいんでしょうか？

href="./css1.css"とかやってみた？

ちなみに本当に同じフォルダ内にあるんだろうね？　css1.css
もちろんコメントとか入ってないよね？

既にアプしてあるなら、そのcssをフルパスで指定してみるとか。

#ところでファイル名に問題はないんですか？＞ALL
（cssがNGワードとか）

>347
そんな文法ありえない
HTML自体まちがい

それともここに貼りつけるため、わざと省略してるのか？

>>353
> cssをブラウザに読ませて広告を消したいんですが、
　その考えを悔い改めろｳﾞｫｹ

>>355
どこがどう間違ってるのか言ってみろ

>>350
感謝！
なんか掴めてきたので思考錯誤してみます〜

>357
frameset、
終了タグは略していいとでも？

そうだったね

ついでに
norisizeじゃなく、
noresize

なんで誰も突っ込まないのか、そのほうが不思議
もしかしてつられてるのか？　俺だけが？

HTML4.01でフレーム使いたいときって片方はFramesetでもう片方はStrictとかでも問題ないの？
Transitionalってあんま使いたくないっていうか廃止される予定の要素とかたくさん含まれてるんでしょ？

>>347のFramesetはCSSと関係ない。>>348だけ検討すべし。

>>342
>Opera7.0 では、代替スタイルが多重に import やると CSS が適用されなくなる気がする。

是非こちらで詳しいことを報告して下さい。

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

FramesetってCSS読めないの？

CSSを読み込むのはframesetではなく個々のframe内のhtml文書でしょ。>>365

外部CSSは読み込めるようになったけど、片方のフレームしか表示されないっぽい。
frame1.htmlをブラウザで見るとframe2.htmlしか出てこないのけど、frame1にbodycolorを指定したらframe1しか出なくなった。何でだ？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>工事中</title>
</head>
<frameset cols="15%,85%">
<frame src= "frame1.html" frameborder="0" noresize>
<frame src= "frame2.html" frameborder="0">
</frameset>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>テスト</title>
<link rel="stylesheet" href="css2.css" type="text/css">
</head>
<body>
<h1>必死だなw</h1>
<p>スタイルシートとは一言で言うと必死だな<p>
</body>
</html>

>>367
ここはＣＳＳ・スタイルシートの質問スレッドです。
ＨＴＭＬのことは初心者質問スレッドでどうぞ。

>>369
死ねよ

>347=367
cssが読み込めない原因はなんだったかちゃんと報告しろ
やることやってから初心者スレへ速やかに移動しろ

CSSの前にHTMLの基本に目を通してこい

なんでここでstrictを持ってくるかな>>367・・・

タイプミスの多さといい、基礎知識のなさといい、
CSS以前の問題がいっぱいだぞ

なんか問題ある？Strict

>362
禿スレ違い。

二つだけ提言しておくと
Strictはtargetを指定できないので特に外へのリンクの際に問題になる、
そしてTransitionalだからといって廃止予定の要素を使わなくてはならない事は無い。

あとは初心者スレかStrictスレにでも行って聞いて来い。

っていうかよく考えたら片方はFramesetの時点で意味不明だ。
とりあえず然るべき場所で聞いてくれ。

ここはＣＳＳ・スタイルシートの質問スレッドです。
次の方、質問をどうぞ。

死ねよ

っていうか事故解決☆

結局cssは何一つ関係なかったと

お疲れ＜ALL

>>336,342
ありがとうございます。
結論から言うと、解決はしてません。
どうもpiro氏のスクリプトは、Opera7でうまく動作しないようです。

具体的には、ひとつのスタイル（デザイン）を2つ以上のcssファイルに分割した場合、
linkタグは最初の1枚目しか書き出しされないようです。
htmlファイル内にlinkタグを直接記述した場合にはOpera7でも問題なく反映されましたから。

仕方ないので、@import規則使って回避することにしました。

一つの外部スタイルシートで全ページの画像だけをセンタリングしたいんですが可能でしょうか？
文字は左寄せのままで画像だけを中央寄せにしたいんです。

img {〜}

>>382
一つ訊くが、
<p>るんたった〜るんたった〜<img>るんたった♪</p>
ってなってる時も画像を中寄せにしたいの？

>>383
img { text-align: center }
とやれば良いのでしょうか？

>>384
いえ、文章は画像(景色とか)の下に改行して書いてあるので。

>385
imgはインライン要素だから、センタリングするには
img { display:block; margin:auto; }
としる。

>>386
ありがとうございます。センタリングする事が出来ました。

>>381
opera7.0だと複数のcss読み込んだ場合
ﾕｰｻﾞｰcss切り替えボタンの下で切り替えられるけど、それも出来ないの？

>>386
margin-left:auto;margin-right:auto;と個別指定しないとMacIEはセンタリングしてくれないバグあり。
あと、IE互換モード（5.5以前）では、text-align:center;でないと中央寄せできない罠も。

>>389
Bugと言うか、margin:auto じたい邪道

>>390
何で邪道なの？

>>390
確かに中寄せ目的でmargin:auto;は邪道だけど、
バグはバグだ。

>>391
上下までautoになる。

個別に書こうかと思ったけど冗長になるから省いたんだけど、
そういえばMacIEにバグがあったね。　ｽﾏｿ

>>388
切替ができないのではなくて、
これまで1枚にまとめていたCSSファイルを3分割した場合に、
1つしか読み込んでくれないということです。

さくらどおりの切り替えスクリプトを使っているですが、
素のHTMLにしたとき、固定CSSを読み込まないようには出来るでしょうか?
てっきり、固定CSSを切ってくれるかと思っていたら、優先CSSを斬っているようなので。
バグではないと思いますが、ちなみに環境としてはIE6 SP1です。

>>395
下記に既出だったはず。

【関聯スレッド】
・代替スタイルシートに萌え〜
　http://pc2.2ch.net/test/read.cgi/hp/991400015/l50

>>396
書き込み終わってから発見したんで今、読んでるところです。
スマソでした。

あのー
htmlにスタイルを適用させるのはｲｸないですか？NNがなぜか動かなくなるんですが。

html{
オーバーフローやらバッググラウンドやら
}

ってふうに。

>>398
何故bodyではなくhtmlを使うのかと。

>>399
htmlのスクロールを消してbodyのほうのスクロールを動かすと
絶対位置指定したやつがその場に固定されるので。

浮動？疑似フレームみたいにしたいと思いまして。
IEでは正常に動作するんですがNNではリンクをクリックしても移動すら出来なくなってしまうのです。

>>398
ソースは正確に書けと。あとちゃんとバージョンを書けと。
NN4.xでの話だったら諦めろと。

いらないだろうけど一応報告。
DFJさん提供の切り替えスクリプトに乗り換えて解決です

>>401
NN7です。

多分問題の箇所
html{
overflow-y:auto;
background-color:#D5CADF;
background-image:url(.***);
background-position:0% 0%;
background-repeat:no-repeat;
color:#40406A;
font-family:ＭＳ ゴシック,sans-serif;
background-attachment:fixed;
}
body{
height:100%;
margin:0;
overflow-y:auto;
background-attachment:fixed;
background-image:url(***);
background-position:100% 0%;
background-repeat:no-repeat;
line-height:150%;
}

>>403
overflow-y(とoverflow-x)ってIEの独自拡張では

ＩＥの独自拡張はMozilla/NN7では単に無視されるはずだが。

>>400　FAQは読んだのか、と。
【FAQ】
Q3: CSSで擬似フレームってどうやるの？
A3: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/overflow.html
　http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html

>>404
そうです。
NNはoverflow:auto;ではおかしな動きをする+（上記の状態では）もっとバグる（リンクの上にカーソルもってくたびに
ｳｲﾝﾄﾞｳｻｲｽﾞが小さくなり最後には消えてしまう('A`)）ので。
NNにはとりあえず動いてくれればいいんですが上記のように動かなく（操作が効かなく）なってしまうのです。
軽いﾌﾞﾗｸﾗみたく…

46 ：Name_Not_Found ：03/05/25 02:13 ID:???
>>6
リンク先、移転してるよ。
【ＦＡＱ】修正
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

ほかの普通の疑似フレームスタイルは正常に動いてます。
overflow-yで（NNは普通の段組スタイルになる）

>>403
それだけではバグは起きない。
他の指定との組合せだから、ソースをもっと出して以下へどうぞ。
CSS/DHTMLバグ辞典スレッド 第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

http://pc2.2ch.net/hp/kako/991/991666454.htmlの118-129も読んでおいてね。

>>403
ところで、
>font-family:ＭＳ ゴシック,sans-serif;
は
font-family:"ＭＳ ゴシック",sans-serif;
だ。

>>409
正常とはいえないよ。
普通にフレームを使用した方が良い。




無駄にフレームが駄目とか言ってる奴
はストリクト原理主義スレに帰れ。

ストリクトでもないか。（爆

↑　※　議論はよそで　※

>>412
スレ違い

ｹｺｰﾝしてしまった

MacIE5 (含む OSX の IE5.1) では
html, heading, p, pre, dl, blockquote, form, address要素に
visible以外のoverflow を指定すると要素の中身が見えなくなる。
http://cssbug.tripod.co.jp/detail/macie/b013.html

>>400
bodyの中は絶対配置した要素だけなの？　なら当然。
> 通常フローの非置換ブロック要素の高さが 'auto' であるとき
>絶対配置ボックスの子要素は無視して高さを算出する。(CSS2-10.6.3)
>つまりこの場合、スクロールバー出る出ない以前に、body の高さの算出値は 0 となる。
http://pc2.2ch.net/hp/kako/991/991666454.htmlの125

>>407
再現条件を知りたいからソースを出しておくれ。

cssで、

sex{inflame}
としたのですが、これはOKなのでしょうか。

>>418 おーい山田くん、座布団取り上げ。

ｶﾞｰｰ(ﾟДﾟ)ｰｰﾝ!!!!

>>417
bodyの中は絶対配置してないやつも置いてます

http://hw001.gate01.com/fate-devil/
のdriftスタイルです。
http://hw001.gate01.com/fate-devil/css/drift.css

>>403
その>>421のdriftスタイルは、IE6で見ても
div.contentsの下の方が隠れてしまってスクロールできないが？
やりたいのはもしかして、こんな風なことかな。（必要最小限で示す）
html{
overflow:hidden;
height:100%;
}
body{
height:100%;
margin:0;
overflow:scroll;
}

>>421
とにかく、いつも640×480pxの窓サイズで見てる私には
そのサイトのdriftスタイルはdiv.menuとdiv.contentsが重なって
しかもdiv.contentsの下の方が隠れてしまってスクロールできないので
たいへん見づらかった。

>>400
>htmlのスクロールを消してbodyのほうのスクロールを動かすと
>絶対位置指定したやつがその場に固定されるので。

そんならNN7向けにはposition:fixed;で十分でないのか。
そもそもoverflowを使用するのはWinIEがposition:fixed;に未対応だからでしょ？
fixedの代りにＩＥ独自拡張のoverflow-yを使っておけばＩＥ・ＮＮ７どちらもイケる。

質問があります。
透過gif画像にリンクつけたんだけど、周りに線が出てしまいます。
これを消そうと、

A:link, A:visited{text-decoration:none;
background:none;
}

A:hover,A:active{text-decoration:none;
background:none;
}

こんな感じで書いたんだけどそれでも残ってしまいます。
何書けばいいんでしょ？

>>425　borderだよ。既出だよ。

>>425
それだと画像でないテキスト・リンクまで全部下線が消えるだろ。
画像だけなら――
A:link IMG, A:visited IMG, A:hober IMG {border:none;}

誤打。hober → hoverね。

>>426-427
即レスありがとうございます。
本を買って色々見てたのですが悩んでました。
少し急いでたので聞いてしまいましたが、次回からもう少し調べてから聞きます。
ありがとうでした。

>>422
＞IE6で見ても div.contentsの下の方が隠れてしまってスクロールできないが？
あれ？そんなはずはないんですけど…WinXPIE6
やりたいことはそんな感じです。
>>423
絶対位置指定なので窓サイズはやはりそこそこ広げてもらわないと見づらいかもしれないです。
>>424
＞そんならNN7向けにはposition:fixed;で十分でないのか
主としてIEを使ってるのでIEで見れることが前提なのです
overflow-yを使ってますがやはりNN7でリンクをクリックしても飛ばないバグが発生します。

NNで表示崩れるのは仕方ないとしても動かなくなるってのはちょっと問題ありなので。

>>430
>窓サイズはやはりそこそこ広げてもらわないと
絶対配置でも、px単位ばかり使用せず、%やemなどで相対指定すればいいだろが。

>>422のやり方を実行すれば、解決でないの？

>>431
＞%やem、たしかにそうなんですが他のスタイルもいくつかあるのでいいかな、と

>>422でもやはりバグが発生しました

>>432
どんなバグが？　（君はいつも説明不足ですね）
こちらで実験した限り、クリックできるし、窓サイズも小さくなったりしなかったが。

>>432 これで試してくれ。
html {overflow:hidden; height:100%;}
body {
height:100%;
margin:0;
overflow:auto;
}
div.menu {
position:absolute;
top:20px;
right:20px;/*left*/
width:150px;
}

>>433
NN7でリンクをクリックしても移動しないというバグです。

バグの程度は
>>421に行ってもらえればわかると思います。
それともバグ起こって無いですか？
もしかしてうちのNNが壊れてるのか…？(；'A`)

どうでもいいが「NN7」なんて無いからな

>>434
やっぱりだめですた。
バグがおこってしまいます。

>>436
ネットスケープナビゲーション7.0です

略してNN7って言わないですか？

>リンクをクリックしても移動しないというバグ

>>422=>>434の方法なら起きなかった。Netscape7.02で確認。

>>438
ネットスケープナビゲーター
でも、今は「ネットスケープ」。

>>440
ネットスケープ７の中にはメーラーもコンポーザーもある。だからナヴィゲーターも可。

>>439
あれ？やっぱりバグってしまうんですが…

>>440
NS7　ですか？

>>442
ちゃんとheight:100%をhtmlにも指定したのか？
リンク先を自サイト以外のyahooとかにしても移動できないか？
ソースはいまどうなってる？

情報を小出しにしないで、他人に理解できる形で説明すること！

>>443
指定しています。
>>421　アップロードしますた。

外部サイトにも移動できないです。

>>436 が余計なことを言ったので NS7 が登場しました。
>>442
NN7 で良いよ。

>>435
なぜだか無茶苦茶重いな、>>421のサイト。
とにかく、ローカルで実験したらジャンプできたぞ。

>>446
って、いうか
いっぱいあってもどれもセンスのないスタイル付けだな（ｗ

>>446
NN7でアクセスすると異様な重さを発揮します。（a.hoverとか特に）
うちはローカルでもバグってしまうのです。（NN7.0とNN7.02の違い？）

>>444
http://hw001.gate01.com/fate-devil/css/drift.css
div.menu a:link, div.menu a:visited, div.menu a:hoverへの指定をみな削ってみ。

そもそもdiv.menu aがwidth:145px;でマージンやパディングがつくのに
div.menuがwidth:150px;てのは狭すぎ。170px位にしてごらん。

>>449
それでもバグってしまいます。

ためしにhtml{}を全部削除したら移動できるようになりました。（ただしダブルクリックで？）
でもデザインが変わってしまうので解決ではないんですが…

>>450
マージンやパディングが縦方向のみだから大丈夫では？

>>448　阿呆みたいに重くなるが、一応移動はできた。
>>452　borderがあるし。

>>450
div.menuにborderをつけてみると判るけど、
div.menu aが右にズレてdiv.menuからはみ出てる。これもＮ７のバグ？

>>454
li要素の左余白は、IEはUL {margin:0;}で消えるけど
NNやOperaはUL {padding:0;}でないと消えない。

>>455
なんと、そうだったのですか。
padding:0;入れることでレイアウトが改善できました。

バグは相変わらずですが('A`)

>>456
アンカーをクリックしてから、ウィンドウサイズを変更すると、「読み込み中」になって移動してくれる。

サーバーの所為だったんでないの？　普通に移動できたけど。
http://hw001.gate01.com/fate-devil/

擬似フレームは
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
では動かないんですか？
同じソースで
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
だと動いたんですが、strictにすると無理でした。

>>459
ブラウザはIE6だね？
標準モードではhtml要素・body要素の振舞ひが互換モードと違ひます。

>http://pc2.2ch.net/hp/kako/991/991666454.htmlの118-129も読んでおいてね。

キャンバスを表示する要素の違い
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic4

以前のバージョンの Internet Explorer では、BODY 要素がキャンバス (ドキュメントのコンテンツを表示するための全領域) となります。［……］この要素のマージンは、要素の境界の内側で、かつスクロール バーの内側です。
Internet Explorer 6 以降［……］標準準拠モードでは、HTML 要素がキャンバスを表します。

注 : 属性 overflow、overflow-x、および overflow-y は、コンテナのサイズより大きいコンテンツを管理するときに使用するもので、標準準拠モードが有効になっていると、これらの属性は HTML 要素に適用されます。

>>460
はい。振る舞いが違うことは知ってました。
で、つまりは、オーバーフローで擬似フレーム、はstrictじゃあ完全じゃない、って事ですね。
有難う御座いました。

>>462
わかってないな。strictで出來ないわけがないだろ。
body要素に指定してたスタイルをhtml要素にしてみろや。

>>463
ttp://www.fromdfj.net/html/sample/overflowsample04.html
↑このまんまです。

URLよりソース出せよな。>>464
body{padding:0px;margin:0px;}
.header2{width:15%;height:100%; position:absolute;left:0px; top:0px ;overflow:auto}
.content{width:70%;height:100%; position:absolute;left:15%; top:0px ;overflow:auto}
.footer{width:15%;height:100%; position:absolute;left:85%; top:0px ;overflow:auto}

height:100%;を body { } に追加指定すれば解決。

>>465
できましたです。
ソース出して、それをstrictに置き換えただけでしたので横着してしまいました。
有難う御座います。

すみません質問です。
背景画像を二個配置したいのですが、うまくいきません。
このテンプレに書かれているように要素を追加してもダメなんです…
それぞれ二つの画像を左上と右下に表示させて、スクロールしても固定にしたいのですが、
どうもうまくいきません…なにか良い方法はないでしょうか？

(・∀・)ｲｲ懸賞、お小遣いサイトをピックアップして紹介してます
月に1万円以上は厳しいけど、4000円ぐらいなら確実に稼げます！！
http://f15.aaacafe.ne.jp/~suikas/present.html

>>467
「どうやって」、「どのようにうまく行かなかったのか」を書きましょう。

spanとdivの違いって？教えろ

inlineとblock。

(CSS的にはdisplayを弄ればいいので、「違いはない」が、
　HTML的には「違いがありすぎる」。)

>>471
ちゃんとアンカーリンクつけろよカスが
誰に物言ってんだ死ねよ

>>457
ほんとだ。移動できました。激重ですが
>>458
特定ブラウザで移動できなくなるサーバー（障害）ってあるんですか？

>>467
html{
background-image:url(***);
background-position:0% 0%;　/*左上*/
background-repeat:no-repeat;
background-attachment:fixed;
margin:0;
}
body{
margin:0;
background-attachment:fixed;
background-image:url(***);
background-position:100% 100%;　/*右下*/
background-repeat:no-repeat;
}

html要素のバッググラウンド他を除けたらいままでのバグが解決しました。（IEとほぼ同じ表示）
ホイールが効かないのは仕様かな？

というわけで
>>474を実行するのは辞めたほうがいいかもしれないです。>>467

>>467
キャンバスを表示する要素の違い
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic4
>別々の背景
>要素 HTML および BODY に対して、個別に background プロパティを指定できます。……

>>475　画像が重かっただけでないの？　cacheが利用できるから軽くなったとか。

>>472　>>4にあるだろが。http://www.mozilla.gr.jp/standards/index.html

>>472
>>148

>>475
ウィンドウの横幅が狭いと、スクロールバーが消える。
http://hw001.gate01.com/fate-devil/diary.html

あ、IE6での話ね。Mozillaは大丈夫。
overflow-xの問題か？

>>480
疑似フレームではbody {height:100%;width:100%;}を忘れるな。

>>480
確かに。画像を貼ってるせいですね。
>>482
width:100%;　これ忘れてました。
入れたところスクロールバーは改善しましたが
>>407のバグがIEで起こるようになってしまいました(；'A`)ﾅｾﾞﾀﾞ?
NNほどひどくないですがリンクの上をカーソルが通るたびに横幅が小さく、ある程度までいくと
元に戻るんですが場所によってクリック出来なくなったり…

とりあえず画像を小さくしました。

>>483
> >>407のバグがIEで起こるようになってしまいました(；'A`)ﾅｾﾞﾀﾞ?

そのバグの再現条件を絞り込んで報告してください。

>>484
http://hw001.gate01.com/fate-devil/bag.png
上がバグ前。下がバグ後。
画像のようにリンクの上を通ると（画像ではHTMLのバナー）スクロールバーがどんどん迫ってきます。
ただし、メニューのリンクはバグが起こりませんでした。

htmlにもwidth:100%;入れないといけないのかな？と思ってやってみましたがバグは起こりました。

質問者はID出すかトリップつけれ
とくに長々と継続してるヤツ
質問者が複数入り乱れると、訳わからん

あと、>470=472
お前この間のバカか？

>>485
再現画像を出してくれるより、再現条件を絞り込んで欲しかったんだが……。
a:hover{
color:#802020;
background-color:transparent/*#D5CADF*/;
}
で直らないか？

再現条件を*絞り込んで*から
↓こちらへ報告しておくれ。

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

ページ全体のフォントサイズを一括して指定することってできないのか？
しかたなくクラスごとに指定してるんだが・・・・

>>488

>>1

何が言いたいのお前？
死ねよ

* { }　とか　body { } とか、頭使って応用。>>488

おしーえて　おじーさんー
おしーえてー　おじーさんー

>>488 >>492　頭、惡さうぢゃの。

煽りだろ

image張れねぇなぁ・・・・
background-image:uri("")で合ってるんだろ？

放置でよろしく

放置でよろしく

>>495
ur<i>じゃなくて url("hoge")だよ。

uriっていうタグ知らないの？
ほんとはそっちが正式なんだよ

そんなタグねえよハゲ

お尋ねします。外部CSSのbody部に以下のような記述をしていますが
Opera6で正しく反映されません（トップとレフトに余白ができる）。
これは俺の記述がまずいのでしょうか？それともOperaの仕様でしょうか？
仕様なら諦めますが、記述のまずさなら修正をご教示ください。
>>4の
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.htmlの情報では
対応しているようなのですが・・・

body {
background: white url(img/hoge.gif) repeat left top;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
}

http://www.w3.org/TR/REC-CSS2/syndata.html#uri

>>495
>>502

>>501
marginと paddingを0に してもだめならもう一度来てね。

いつでも激安

安心して24時間お買い物ができる！
セルビデオ店が近くにないお客様も気軽にお買い物を楽しめます。
http://www.net-de-dvd.com/
安心確実

お支払は安心の代金引換です
振り込んだのに商品が届かない等
の心配は無用！
http://www.net-de-dvd.com/

なんや知らんが畑違いの広告が増えたなぁ

>>505
ん？専用ブラウザ入れてNGワードを指定するといいよ

504 名前：あぼ〜ん[あぼ〜ん] 投稿日：あぼ〜ん
あぼ〜ん

>>503
paddingプロパティ入れたら解決しました、ありがとうございました。

擬似フレームなんですが、
最下部の項目が、一ページ分の高さがない場合最下部へのリンクをクリックしても頭にこないですよね？
これを防ぐ方法ありますか？
パディングを下に入れたら縦スクロールが出てしまうし、改行しまくるのはよくないような気がするし。
わかる方教えてください。

>>508
ひと口に疑似フレームと言っても色々なタイプがある。
ソースを出してくれんとわからん。

＞最下部へのリンクをクリックしても頭にこない
何言ってるんだかわからん。

>>508
あくまで想像なんだけど…ページ内リンクのことか？

>>509
えと、ごめんなさい。
name属性に対してリンクを張った場合、
高さが1ページ分に満たさないと、（それ以上下が無いから）name属性の位置がブラウザの最上部にいかない、って意味です。

CSSは
width:280px;
height:auto;
position:absolute;
left:0;
top:120px;
overflow:auto;
}
.menu{
width:auto;
height:100%;
position:absolute;
left:320px;
top:0px;
overflow:auto;
}
です。

>>508
わかりにくい文だが、もしかしてページ内リンクのこと言ってるつもりなのか？
href="#name"って奴。
だとしたら擬似フレームとは関係ない。ＣＳＳとも関係ない。
ページ最下部へのリンクをクリックしても、その終点アンカーがhtml最末尾にあったりしたら
ジャンプした後もその終点アンカー部分がウィンドウ最上部に来ないのは当り前。

>>510
それです。
なんでその言葉を省いて説明したのか自分でもわかりません。

>>512
だから、その下にパディングとかとればなんとかなる、でも擬似フレームだと縦スクロールがでてしまう、ということを言ってるんですけどね。

>>511は一体何に指定したのかわからない。
>>514 擬似フレームでなくても、下パディングを大きく取れば縦スクロールが出るが。

頼むから、他人に通じる言葉でえあかりやすく説明して。

えあかりやすく→わかりやすく

>>515
普通のフレームの場合と違って、擬似フレームの場合ページ全体にはスクロールバーは出ずに、
オーバーフローがかかってる部分にだけ縦スクロールがでるわけですよね？

でも、オーバーフローがかかってる部分の下部にパディングとかを入れるとページ全体にまでスクロールバーがついてしまうんです。
オーバーフローがかかってる部分にの下部に改行を大量に入れる、などしたらできるんですけど、そんなことをせずにCSSでできる方法ないですか？っていう内容なんです。

name属性orid属性を指定した要素が擬似フレームによって
常にブラウザに表示された状態だったら当たり前。
うまく説明できないが擬似フレーム内をスクロールしたら見えなくなる
要素にname属性かid属性つけるべし。

>>517
だから>>511のソースではわからんつってるのに。
>CSSは
>width:280px;
これ、セレクタは何さ？
bodyとhtml要素へはどんな指定してるの？
body {height:100%;}は指定してあるんだろな？
……等々。

>>518
有難う御座います。
> 常にブラウザに表示された状態だったら当たり前。
違います。オーバーフローの擬似フレームなので、常にブラウザに表示された状態じゃないです。

http://homepage.mac.com/hiroyuki43/2ch.html

スタイルシート
BODY{
height : 100%;
margin: 0px;
}
.list{
width:280px;
height:auto;
position:absolute;
left:0;
top:120px;
overflow:auto;
}
.menu{
width:auto;
height:100%;
position:absolute;
left:320px;
top:0px;
overflow:auto;
}

<div class="list">
<p>目次</p>
</div>
<div class="menu">
<p>本文</p>
</div>

こんな感じです。
これの本文の下部に改行を入れまくらなくてもいい方法が知りたいんです。

>>522
そもそも疑似フレームだったら、body {overflow:hidden;}でないの？
でなきゃページ全体（body）にスクロール・バーが出るのは当り前では。

>>525
とりあえず擬似フレーム自体はできてます。

ttp://www.fromdfj.net/html/overflow.html
のとおりにやったの、overflow:hidden;の記述はしてなかったです。
その記述を追加してみましたが、padding-bottomを入れると全体にスクロールバーが出ることはかわりませんでした。

>>522-523
http://www.fromdfj.net/html/sample/overflowsample04.html を例に。
これに
html {height:100%;overflow:hidden;}
body{height:100%;}
と追加しておいて、
.content{padding-bottom0:100px;}
とかすればよい。
（これ位、自分で工夫すれば見つかるやり方だよ）

>>527
スクロールバーはでなくなりました。有難う御座います。
質問の仕方が悪かったですが、これでは、項目の方も上にずり上がってしまいます。
これを回避する方法はないんでしょうか？

>>527
それだとMozilla/NS7でうまくゆかなくなる。

>>528
とりあえず、コテハンにしてくれ。話の流れがつかみにくい。

>>530
すみません。

>>528
ＩＥ６ならば、互換モードか標準準拠モードかで
heightの計算法にpaddingを含むか含まないかの差が出るでしょ。

>>527-529の改良を。
http://www.fromdfj.net/html/sample/overflowsample04.html を例に。
html {height:100%;overflow:hidden;}
body{height:100%;overflow:hidden;}
.content2 {padding:0 0 100px 0;}
<DIV class="content">
<DIV class="content2">
<P>コンテンツ</P>
<P>コンテンツ</P>
<P>コンテンツ</P>
……
<P>コンテンツ</P>
</DIV>
</DIV>
これでIE6標準／互換モード、NN7とも、ＯＫ。
divを重ねるのがイヤなら、他の手を工夫してくれ。

昨晩来、舌足らずな切れ切れ質問の所為で、スレッドが浪費されてるな。

次スレッドでは>>1に、他人にもわかる書き方で質問しろって書いておくか。

背景画像じゃなくて普通に画像を表示させたいときってCSSよりもHTMLのほうがいいの？
なんかhttp://www.google.co.jp/search?q=cache:LSkC8gEhG1YJ:www.fromdfj.net/html/insertimage.html+css+%E7%94%BB%E5%83%8F&hl=ja&ie=UTF-8読んでそう思った

その画像が必要な情報であるなら
<img>使うんじゃないの

そもそも、overflowの用途を勘違いしているのでは？

彼女に振られてのんでてレスおくれましたスンマセン

>>467
　すぐ下で出てる、htmlの要素を追加したりもしましたがうまくいきません。
　　htmlの方をかきかえてイメージ表示させようとしてもうまくいきません。
　　やはり無理なんでしょうか。背景画像二個固定表示させてるサイトなんてみたことないし…
　　

>>538 自分で自分にレス？
何が、どうやって、うまくゆかなかったのか、具体的に書いて頂戴。

http://homepage.mac.com/hiroyuki43/jaz09.html

うまくいきませんだけでは誰も教えられません

>>541
彼女とうまくいきません。どうしたらいいですか？

ボクの生き様がうまくいきません。どうしたらいいですか？

>>543
とりあえず死んでください

誰かいっしょに死んでください。ボクは石炭を用意します。
でもうまくいかない気がします。

外部CSSのbodyタグで背景色とフォントカラーは指定できるんだけどフォントサイズが指定できなくて困ってま
bodyじゃ無理ですくぁ？

はい無理で

じゃあどうすればいいのでつか
　　　　　　　　　　　　　　　　↑
　　　　　　　　　　　　　　　ｽﾇｰﾋﾟｰ

どうしましょうか
　　　　　　　↓
　　　　　　スヌーピー

body「タグ」ってなんだよ…
正しい用語使ってくれよ。

で、フォントサイズの指定がなんで出来ないんだ？
どう書いたかここに張ってみてくれ。

こんな感じだよｯ☆
bodyの中に書けばそのページ全部のフォントを指定できるかと思ったけどダメだった

body
{
background-color:white;
color:black
}
div
{
font-size:x-small;
margin:15px;
padding:auto;
border-width:1px;
border-style:solid;
border-color:black
}

>551
bodyの中に書けば効く筈だが…
ちなみにブラウザは？
あと、IE6互換モードと5.5以前は
テーブルの内容にフォントサイズが継承されない。

てか画像置いたらそれがボックスからはみ出て困ってるんです
どうしたらボックスに収まってくれますか

>>553
ボックスを画像より大きくする。
または画像をボックスより小さくする。

画像のサイズ110*220ぐらい
で、テキスト数行。マージン、パディングはauto。
float:leftにしたらテキストが画像の右に回り込んだのは良いんだけどボックスのサイズも画像に合わせて勝手に変わってくれないかと思ってるんですがね
ボックスのサイズを指定するしかないのですか？

>555
ボックスの最後に
<br style="clear:both;">
を挿入して見ると良いかもん。

なんかまた妙な袋小路に入りかけてる気がするが

>>556
そんなタグ僕の持ってるCSS辞典に載ってませんよ知りませんよっていうか試してもダメでしたを
ボックスのwidth:auto height:autoもだめぽなんでpxとか%でボックスのサイズ指定するしかないのですか？

悲惨だな

>>558
ごめんなさい、私外国語苦手なんです。
日本語で話していただけませんでしょうか？

なんかもうDream Waverとか使っちゃえばいいかなとか思っちゃったりなんかしちゃったりしてね☆

>>558
タグなのかよ。そんな辞典は捨てろ。句読点付けろ。それから…もういいや。

>>562
消えろって言いてーんだろわかったよ消えるよもう来ねぇよ死ねよ

>>563
俺んち、来いよ。

質問です。外部CSSを読み込ませる形で主にIE6で確認してます。
divでボックスのスタイルを指定しているのですが、ページの一番上にボーダーラインだけの空のボックスが表示されているのです。
普通、ページの一番上に表示されるのはHTMLのbodyに一番最初に書いてあるソースのはずですが、なぜか指定していないはずの空のボックスが出てきてしまいます。
こんなことってあるんでしょうか？

>>565
それはローカルでのこと？
てか、ソース書いてくれないと分からん。

>>566
いえ、ローカルではなくサーバにあげた状態でです・・・・
ローカルとサーバ上とでは全然表示が違ってしまうわけですが。
ソースですか、めんどくせぇから書きません。

>>567
（・∀・）ｶｴﾚ!!

しかしさっきから一体何事なんだ

あ、今確認してみたけどローカルだとちゃんと出るんですよね
ジオシティーズにあげた状態だとやはりページ先頭に謎のボックスが・・・・
謎です
ソースは間違ってないと思うんだけどな〜

>>570
ジオの広告バナーはちゃんと表示されてる？

>>571
めんどくさいので調べるのが嫌です

>>572
騙らないでください
試験運営中なのでとりあえず広告は全部消してます
これだとなにかまずいんでしょうか？
ソースは間違ってないと思うんで悪いのはYahoo!ってことでいいですか？

─ｗｗﾍ√ﾚｖｖ〜(　ﾟдﾟ)ﾎﾟｶｰﾝ

>>573
広告消すのは規約違反。通報しました。

アホはいいよな

うるせぇな、広告消したからってどってことねぇだろ
あんなウゼぇの消したからってよぉ〜
あいつらの収入にならないからって俺の知った事じゃねぇんだよ

あら、トリップ違うわ
キーが思い出せん。ﾃｷﾄｰにつけた捨てトリップだったからな

規約、規約って五月蠅いバカが多くて困るね

アホはいいよな

　　　　　 　　　　 　 　/ヽ　　　　　　 /ヽ
　　　　　　　　　　　　/　ヽ　　　　　 /　ヽ
　　＿＿＿＿＿＿ /U　ヽ＿＿＿/　　ヽ
　　|　＿＿＿＿　／　　　U　　　　:::::::::::U:＼
　　| |　　　　　　 /／ ＿__　　　＼　　::::::::::::::|
　　| |　　　　　　 |　　|　　 |　　　　　U :::::::::::::|
　　| |　　　　　　.|U　|　　　|　　　　　　::::::U::::|　　　なにこのスレ・・・
　　| |　　　　　　 |　├―-┤　U.....:::::::::::::::::::/
　　| |＿＿＿＿　ヽ　　　　　.....:::::::::::::::::::::::<
　 └＿＿＿／￣￣　　　　　　:::::::::::::::::::::::::|
　　|＼　　　 |　　　　　　　　　　　:::::::::::::::::::::::|
　　＼ ＼　 ＼＿＿＿　　　　　 ::::::

text-alignが適応されないんですが、これって記述する順番とか特にないですよね？
一つのクラスにたくさん要素してしてるんで不安で・・・・
でも並べ替えてもだめです

.midasi1
{
text-align:left;
background-color:#996633;
color:#ffffff;
border-width:1px;
border-style:solid solid hidden;
border-color:#000000;
margin:15px 15px 0px;
width:auto;
height:10px
}

事故解決しました。もう結構です

ふふっ、CSSを極めつつありますよ、私
あー手打ちでページ作るのって楽しい☆
ビルダーとかでお手軽に作ってる厨の気が知れないね☆

鉛筆削るの極めたってあんまり意味無い

>>555-556
なぜＦＡＱを見ないのか。>>7
A5:
>これに当て嵌まらなかったら「浮動要素の高さもheightに含めさせる方法」などを参考に。
>　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
>　　http://cssbug.tripod.co.jp/detail/winie/b079.html

質問です。
CGIから投稿したテキストをテンプレートに吐き出す際、
そのテキストを表示させる部分に
p.***{
background-color: #222222;
border: solid;
border-color: #808080;
border-width: 1px;
padding: 5% 10% 5% 10%;width:80%
}
と指定したのですが、改行していないテキストはそのまま指定してあるborderからはみ出して、ずっと横まで表示されてしまいます。
この場合、CSSの指定で、borderからはみ出さないようにすることはできるのでしょうか。
CGIの方で、強制改行の指定をしなければならないのでしょうか。
使用しているブラウザは、IE5です。

>>587
長い英単語は改行されなくても、
日本語や普通の英文は改行されるでしょ。
そのままで問題無いと思う。

>>587
border: solid;
border-color: #808080;
border-width: 1px;
↓
border: solid 1px #808080;

折り返しとは関係ないけど。
折り返しは>>588の言う通り指定する必要ないよ。

回答ありがとうございます。

残念ながら、全角の日本語でも、折り返してくれません（泣）
CGIの方でも、折り返しや強制改行の方向で、試行錯誤して見ようと思います。
>589に教えていただいたところも、訂正してみます。

＞残念ながら、全角の日本語でも、折り返してくれません（泣）

それは妙だ。他に何かヘンな指定をしてると見た。ソース見ないとわからんが。

>>590
たぶんそれCSSが関係あるんじゃなくてHTMLの記述にどこかミスがあるんだと思うよ。
そのCGIが吐くHTMLをhttp://openlab.ring.gr.jp/k16/htmllint/htmllint.htmlで
チェックするといいと思います。

おかしな記述をしていないか、チェックしながら>592に紹介していただいたところに逝ってチェックしてきます。

>>587
いざとなったら、word-break:break-all;があるさ。WinIE5.5以上だけだけど。
http://east.portland.ne.jp/~sigekazu/css/international.htm#word-break

なんとか無事に解決しました！ありがとうございました。
大感謝です。

一応、どう解決したのか報告してほしい。HTMLのミスだったの？　>>595

>>595=ダメ人間（ダメ質問者）の典型的パターン

<div style="visibility: hidden">
と
<div style="display: none">
の違いは、どこにあるのでしょうか？

>>598
試してみればすぐわかる

>>598
わかんねーよ、と思ってましたが、短いテキストで実験してたのが間違いでした。
なるほど、「単に見えないけどボックス領域は確保される」と
「存在しないように扱われる」いうことですね。
ありがとうございます。

あ┏━━━━┓
┌┃タイトル┃┐
│┗━━━━┛│
│いろいろと　│
│文字を書く　│
└──────┘
こんな感じにする方法はどうすれば？

>>551

;が無いよ;が
;
color:black;

>>601
タイトルの部分をポジションで上にずらす

ってかマジ厨質問いい？
今フレーム使ったページ作ってて、俺の構想では左のフレームがメニューで右がコンテンツっていうあのタイプな。
んで、左フレームのメニューのリンクを踏むと右フレームにリンク先が表示されて欲しいんだけど、左フレームのソースに普通にリンク張ってあるから左フレームのリンク踏むとリンク先が左に出てくるのな
これを右に出すにはどういうソースにすればいいのか教えてくれ
まぢたのむ

>>604
target

>>605
それだけじゃわかんねぇよ
どんなふうにかけばいいんだ
もっと親切に教えろ

つまり厨質問とは厨が出す質問と言う意味だったわけですね

>>604
つーか、ｽﾚ違い
ttp://www.ne.jp/asahi/minazuki/bakera/html/reference/inline#a

>>604
フレーム使うな。

ホントはフレーム使いたくないけど他に良い方法がないんだyo（・３・）

で、私は貴方に非常に聞きたいのだが、なぜこのスレを選んだ？

てかオナニーしてスッキリしてからもう一回、冷静に本読んだら解決した
すまなかったな

スタイルシートを使っているページを保存したいのですが
どうしたらよいのでしょうか？
ブラウザで「名前を付けて保存」ってやっても保存出来ませんでした、
とエラーが出てしまうのですが

>>613
それはスタイルシートを使っているページだからではない。
普通はHTMLファイルと一緒にCSSファイルや画像ファイルなども一緒に保存される。

@で別のＣＳＳファイルを呼び出してる場合、保存しようとするとエラー出て保存できんけどな

>>613
スレ違い

>>614
［普通は］ってなんだよ（藁）ﾌﾞﾗｳｻﾞによるよそんなもん。

614じゃないけどシェア９割超のブラウザがあれば「普通は」で通じるかも。
敢えてこのスレで言ってみる。

［普通は］ってなんだよ（藁）同じﾌﾞﾗｳｻﾞでも保存の仕方によるよそんなもん。

馬鹿丸出しの616晒しage

SELECT の右側に出る矢印のカラーを変更することはできないでしょうか？

<DIV CLASS="??">で??のクラスにbackground-image を設定してあるのですが
javascript を用いてそのbackground-imageをオブジェクトとして参照
することは出来ないのでしょうか？

スタイルシートの変更はcookieを用いて行えると書いてありましたが
直接変更することは出来ないのかと思いまして、
もしよろしければアドバイスをお願いいたします。

＞javascript を用いてそのbackground-imageをオブジェクトとして
ただの文字列（String）だし

>621
返答ありがとうございます。

ただ、実際やってみたらそれでうまくいかなかったのですが、
それは僕のどこかのミスが原因なのでしょうか・・・

>>616
（´._ゝ｀)

［普通は］ってなんだよ（藁）時と場合によるよそんなもん。

WEB板史上に残るバカ→>>616

>>602
最後のセミコロンは省略できます。

［普通は］ってなんだよ（藁）もろもろによるよそんなもん。

DHTMLの質問になるのかも知れませんが、
<tag onmouseover="this.style.color=#xxxxxx;">----</tag>
みたいに動的に色を変えるように、動的にCSS classを
適用したいのですが、可能なのでしょうか？

やってみりゃいいだろヴぉけ

<tagA> tag A </tagA>
<tagB> tag B </tagB>

こうあったときにAにマウスポインタを載せた時はAの色を、
Bに載せた時はBの色を変えたいんだよね？
だったら tagA:hover {color:red;}

Aに載せた時にBの色を変えたいのなら、JavaScriptスレへ。

>>628
:hover疑似クラスで可能。
但しa[href]以外の要素でも対応するブラウザは尠い。

>>631でもかかれてますが、
IEではa以外のhover(span:hover等)に対応していないので、
a[href]以外はJavaScriptを使うか、トリッキーな方法しかないです。

document.all.??.backgroud-image に相当するオブジェクトは
ないのでしょうか･･･

>>620　WinIEでは、できない。
ウェブ・ブラウザがOSと一体化してるからね、その手のフォームはOSに由来するんで変更できない。

>>620 >スタイルシートの変更は
【関聯スレッド】
・代替スタイルシートに萌え〜
　http://pc2.2ch.net/test/read.cgi/hp/991400015/l50

　　　　　　　　　 ／;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;　　＼
　　　　　　　　　 ／;;;;;;;;;;　　;;;;;;;;;;;;;;;;;;;;;;　　;;;;;;;;;;　　ヽ
　　　　　　　　 /　;;;;;;;;;;;;;;;;;;;;;　　;;;;;;;;　　;;;;;;;　　　　　丶
　　　　　　　　/　;;;;;;:　　;;;;;:　　　;;;;;　　　　;;;;;　　　　 │
　　　　　　　 /　;;;;;;;;;;　 ;;;;;;;;;;; ;;;;;;;;;; ;;;;; ;;;;; ;;;　　;;;;;;;;　│
　　　　　　　│;;;;;;;;;;;;//|| ||||| || ||||| |||| ||　ゞ::::::::　:::::::│
　　　　　　　│;;;;;;;;;/|| || | |||| |||| ||| ||| || |||| | |ゞ:::::::::::│
　　　　　　　∩;;;;;;/丿,;::≡ミﾐ;;､、 ソ　　__,,,,､､､.. ゞ::::: /
　　　　　　　|/|;;;;//　　　_" _''ヘノ　ヾ彡=''_""``　ヾ:::/、
　　　　　　　（(|ソ　 ,─≦◎≧ヾ　- , ≦◎≧- 、 ヾ|/）
　　　　　　　ヾ|||　　　　-￣ '　　　　ヽ ￣ -　　　　　||ﾉ
　　　　　　　 ヽ!|　　　　　　　 /　　　ヽ　　　　　　　 |ﾉ　　／￣￣￣￣￣￣￣￣￣￣￣￣
　　　　　　　　ゝ:　、　　　　（　_　　　_ ）　　　　　　ﾉﾉ　＜　コラァ！
　　　　　　　　` ヽ　　　　 / 　 _ヽ ノ　 ヾ　　　　　ﾉ　　　 ＼＿＿＿＿＿＿＿＿＿＿＿＿
　　　　　　　　＿_>、　　　 ,, '::＿`_' _:` 、`　　　 ./
　　　　　　／＼ _/ ヽ　　 ( ／----- ヽ） ,　　 ﾉ
　　　　 ／　　　＼　, 、 ､　､ヽ､' ￣ `ﾉﾉ＿　,/
　　　／　　　　　　＼　ヽ　 ヾ､.￣￣　(　　 ）'丶
　 ／　　'　"''　､　　　＼　＼　_,,￣ ''ノ ` ﾞ/　　＼
／　, -　、　,,　 `ヽ　　　＼／　 ￣ヽ '　 ヽ　　　 ,ゝ--、
　　　　　　　　　　　　　／　　　　　　ヽ　　|　　／ 　　ノ
　　　　 ,,　　､　　　　/　　　　ヾ 　　　ヾ 　ヽ-' 、　,／
　 - ''　 　　　 ヾ　　（　　 ヽ 　丶　　　 !　'' 　,, ゝ" |
''"　　　　　　　　＼／ヽ　　ヽ 　ヽ　_　'i　／　　　　ヽ

す、すいません。。。

ページの背景色=白、フォント=黒にしたいときってわざわざ宣言する必要ある？
俺としては読み手側で変えられないようにしたいんだけど、そもそもページの背景色とフォントの色なんてユーザが変えられるのか？

>635
ありがとうございました。
<DIV ID=??>に適用するスタイルシートはjavascriptで動的に変えることが
できることがわかり、なんとかできました。助かりました。

残っていた質問はSELECTの右側の▼は色を変えることが出来ないのでしょうか？です。

>>639
できません

>>638
変られるに決まっているだろ。
IEでも、設定で変更可能だし、ス切リボでも使えば、
好きなときに好きなスタイルを設定できるわけで。

colorだけ指定すると場合によっては
background　　　〃　　　　　　　　　　　　醜くなるから注意が必要だね。

別に弄らない部分に対しては、大抵はブラウザのデフォを使ってもらったらいいので

最初の文字だけ変更するのは<span>とか使わないと無理なんでしょうか？
例えば、

Aiueo

とあって、Aの部分だけ色を変えるようにしたいのです。

>>642
>>4

>>642
要素名:fiest-line
これでok
1行目ならfirst-lineで

>>642
ブロック要素の先頭の文字であれば
擬似要素　first-letterを使えばCSSとしては可能です。
ﾌﾞﾗｳｻﾞが対応しているかは別問題ですが。

>>645
［CSSとしては可能］ってなんだよ（藁）ﾌﾞﾗｳｻﾞによるよそんなもん。

>>646
(ﾟ∀ﾟ)ｱﾋｬﾋｬﾋｬﾋｬ

で、誰も>>644につっこまないのか？

>>648
ここまであからさまだとな

>>648
許してくれ
普通に書き間違えた

背景画像を半透明にするためにはどうすればいいのでしょうか？

>>645
［CSSとしては可能］ってなんだよ（藁）ﾌﾞﾗｳｻﾞによるよそんなもん。

>>651
透過PNG（IE非対応）。
IEは独自拡張のフィルタ使うしかない。

#さすがにlonghorn版では対応するだろうと淡い期待。

とりあえず半透明画像を作ることでなんとかなりました。

質問させてください。

┌─────────┐
│　　　 １　　　 │
├──┬──────┤
│　 ３ │ 　　 ２　 │
├──┴──────┤
│ 　　　 ４ 　　 │
└─────────┘
こういうレイアウトのページを作ろうと思ったんですが、
htmlでの文章の順番を数字のとおりにしたいのです。
ふつうに１３２４の順番で書けばいいのはわかってるのですが。

「３」はメニュー部分だということもあって、携帯とかで見る人にしてみると
いきなり本文が読めないのはちょっと悪いなあという感じがするのです。
positionをいろいろいじってみたのですがうまくいきません。
テンプレのサイトでもこのような事例はありません。
でもできたらメニューは左に持っていきたいというのがありまして……
なにかいい方法or誘導先はないでしょうか。よろしくおねがいします。

>>655
.div2 { float: right; width: 20em; }
.div3 { float: right; width: 20em; }
.div4 { clear: both; }
みたいな感じでいいんじゃないの。

Ｈで上手いアイコラを発見っ！(*´Д`*)ハァハァ
このコラ上手すぎ！でもワレメはまずいだろ。(*´Д`*)ハァハァ
http://homepage3.nifty.com/coco-nut/

>>656
.div3 に float: right; は要らぬはず。

>>656
あ、floatの存在をすっかり忘れてました(アホだ)。

floatはブラウザの(IEですが)幅を狭くしていくと
縦にビョーンとなっちゃうのであまり好きではないのですが
これが一番現実的ですね。ありがとうございました。

ほんとはmin-widthが使えると良いんだけどね。
まあそんなこと言いだしたら display:table* も、てことになるが

>>659
> floatはブラウザの(IEですが)幅を狭くしていくと
> 縦にビョーンとなっちゃうのであまり好きではないのですが
　腹のそこからｳﾞｧｶですな。フロートのメリットがそれなんだよ無知のクソめが

cssで、いくらウィンドウを広げても縦に中央寄せさせることってできますか？

>>662
なぜＦＡＱを見ない？　>>7だ。

>>663
そこを見たんだけど、結局可能なのか不可能なのかがよくわからなかったんですよ。

>>664
IEだとCSSでは不可能。Gecko系は可能。

一つ質問したいんですが、
IE6.0の標準モードだと:first-letterは効かないんですか？
Netscape7とかIE互換モードなら適用されるのに、IEで見た時だけ
適用されてないんです（´Д｀；

>>665
>IEだとCSSでは不可能。

IEでも工夫すれば、可能だが。

>>666
参考サイト（>>4）のバグ辞典は見たか？　

before,after早くIEに実装されないかなあ。金額の前に$をCSSで付けたい。

>>668
で、質問は何？

$をcssでつける意味が分からないんですが…

>>669
質問じゃないよ。>>666に関するﾚｽ。

>>670
いちいちプログラム側で引っ付けるのめんどくせぇじゃん。RDBMSも然り。

>>667
バグ辞典は一応見てましたが、
first-letterだけに関してしか見てませんですた（´Д｀；

解決できましたので。どうもです。

外部スタイルシートで
例えばdiv.sample1とdiv.sample2とdiv.sample3の３つがあるんだけど
class=で呼び出す時、３個目のsample3がＩＥ(ヴァージョン６.０)だと無視されてしまいます。
他の２個はclassで呼び出したとき全く問題なく反映されるのですが、
sample3だけ何故か完全に無視されてしまいます。
唯一Operaだけきちんと表示してくれるのですが
ＩＥで反映されるようにするためにはどうすれば良いでしょうか？
sample1とsample2とsample3は背景の色の指定の違いだけです。
どなたかアドバイス下さい。

ＩＥのバグってことはないですよね？

もういちどcssとhtmlを見直す。cssは>3にあるvalidatorにでもかけて検証
そんなことになるバグは無かった気がするけど

>>675
丁寧な回答ありがとうございます。

ソース出してくれないと、何ともワカランのよね。

>>677
そのセリフ聞き飽きた

検証にかけたら総括的にまとめなさいって出た。
ムダが多いからもっとソースを削れってことか・・・？

>>678
ソースを出さないと話しにならんのに出さない質問者がいるから仕方がない。

>>679
ソース出して。

>>679
再定義かな。多分。重複しないように書き直したらどうだろう。

>679
そういう場合一番多いのは、cssではなく、
肝心のHTMLファイルのタイプミス、あるいは記述ミス

もう一回見直してみれ

去年友達にスタイルシート作って貰ったんですけど
とほほで調べると終了が違うみたいで・・・
このままでも問題無いでしょうか？
８０ページぐらいページあるので直すのはちょっと難しい。

//-->
</STYLE>

>>683
つーか80ページもあるならまとめて外部CSSにすれ。

そんなのGrep置換ですぐ直せるだろ

何故にGrep…

>>681
ソースを大幅に削ったら直りました。
答えてくれた方、ありがとうございました。

>>683
終了は
-->
</style>

//-->　はJavaScriptとの混同だと思われ。

XHTMLだから俺はこめんとあうとはしないけどな

最善は外部ファイルで…

つーか<style>なんて使わないだろ。

<div id="hoge"><h1>neko</h1></div>

これでh1にもdivにも背景画像を指定したいのですができないのでしょうか？
h1の方の背景画像はちゃんと表示されるのですが、divの方がまったく表示されなくて困っています。

>>692
もうちょっと詳しく書いてください。

idよりclassの方がいいよ・・・・
idって一つのHTML内で一回しか呼び出せないから。
呼び出せないこともないけど正規の使い方じゃない

初心者質問です。
http://www.geocities.co.jp/Playtown-Darts/1633/event_gi1.html
みたいな感じで
テーブル枠にあの細い線を出したいのですがどのようにすればよいのでしょうか？
これを使いたいのですがよく分からなくて･･･

>>692
それじゃh1の後ろにdivが隠れちゃうだろうね。
そもそもどういう表示をさせたいのだ？
>>695
とりあえずソース見れ

CSSなら　table{border-collapse:collapse}

>>697
これをCSSに入れて書いたらうまくいきました。
ありがとうございます

>>692
すでに>>696も指摘する通り。
div#hoge にpaddingを指定するか、div#hoge h1 にmarginを設定するかして、
div#hogeの背景の現れる餘地を作ってごらん。

┏━━━━━━━┓細い線がh1, 太い線がdivなわけで、
┃┌―――――┐┃当然、divがh1よりも「はみ出す」形にならないといけないわけで
┃｜ ここが h1　｜┃
┃└―――――┘┃padding, marginを指定してね
┗━━━━━━━┛

皆さん親切にありがとうございました。
h1の画像を左上に、divの画像を右上に表示させたかったのですが、
h1のmarginで右にスペースをあけたらdivの画像がちゃんと表示されました。
本当にありがとうございました。

質問させてください。
a:link,a:visited
　　{color: #ffff90;
　　text-decoration: none;}
a:hover,a:active
　　{color:#ff0000;
　　position:relative;top:1px;left:1px;
　　text-decoration: default;}
これでカーソルを乗せたときに色が変わって、ボタンを押したみたいになるはず
だと思うのですが、なぜか変わりません。
a:hover,a:active
　　{position:relative;top:1px;left:1px;
　　text-decoration: default;}
にすると、ボタンみたいに動きます。何か変ですか？

text-decoration: default;なんてあり得ません。
なぜ>>3を見ない？
【CSS検証】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/

なおしたわけですが、ボタンみたいに下がりません(/_;)

>>703
なおしたわけですが、ボタンみたいに下がりません(/_;)

ボタンみたいに下がるって何？

703はボタンみたくなるかを指南したわけではないからね。
かくいう俺は解決法知らんし。paddingとmarginでやればいいと思ったけどちがうのかな

>>707
余白ではなくて、IEでマウスを乗せたときにボタンを押したみたいに
色が変わって、ちょっと右下に下がるようにしたいんです。
色の指定をはずすと、ちゃんと下がります。

レベル低いな、ここ。

レベルじゃなくて、テキストを下げたいわけですが

>>709-710
偽物は止めてください。

tableオブジェクトをマウスでドラッグして動かせるには
どうすればいいんですか？
テキストだとうまくいくのに、テーブルに変更するとうまく
いきません。

>>702
IDかわらんうちにID晒しながらトリップ付けれ。
それと、環境を教えてくれ。

>>712
誤爆？

ＩＤ変わるまで、あと５分。どうする？

>702
ん？
a:link,a:visited {
color:#ffff90;
text-decoration:none;
}
a:hover,a:active {
color:#ff0000;
position:relative;top:1px;left:1px;
text-decoration:none;
}
でちゃんと下がるぞ。
色つけたせいで判り難いだけじゃなかろうか。
2pxとか3pxにして確かめてみればよい。
あとdefaultってのはnoneとかunderlineとか正しい値に直しとってくれ(上じゃnoneにしたけど)

>>716
おそらくunderlineだと想われ。

ブラウザのサイズ変えても、大きさが変わらないようにしたいのですが
position: absolute;でやらなきゃダメですか？

>>718
>大きさが変わらないようにしたいのですが
何の大きさ？

>>719さん
段組です
floatだと大きさが変わっちゃいます

本物です。
わかりにくいだけでした。
色の設定を消して、下がったのは、やっぱり色の設定だからでした。
スマソ。

>>720
>>6の段組関係は見たか？

>>722
見ました。
大きさ変わるのばかりでうす

>>722
あった
書いてありました
(*￣m￣)ぷっ
がんばるます

>>718
だめぽ。
というか、そもそもfloatは回り込みなので、
ウインド幅がなくなればまわりこんでいる分は縮まる罠。
position:absolute;top:auto;left:auto;をfloatの替わりに入れれ。
で、反対側にもきちんとwidth指定。
ただし、widthは相対値にしろよ。pxとかにするなよ。
ちなみに、ネスケ7ではウインドウ幅を小さくした時にスクロールがうまく出来ない罠。

>>725
あと右側はposition:related;left:左側の幅;

>>725
おお！ありがとうごます
(*ﾟ▽ﾟ)やってみるよ
でもabsoluteにして、その中の文章が長いと
あふれてあふれてどうしよう。
そこでfloatかな？

>>727
widthを指定汁。

>>684〜>>688
レスありがとうでした。面倒なので苦情が来ない限り放置します。
これからは-->にします。

今、気がついたばかりだけどさ、
position: relative で場所を移動させていると、
本来あったはずの所（＝今は無い所）へジャンプするね。
困った！
（WIN98 IE6 のみで確認したところ）

<h1 id="hoge">タイトル</h1>

<a href="#hoge">タイトルへ</a>

h1#hoge {
position: relative;
top: **px;
left: **px;
}

初心者な質問で大変もうしわけないのですが・・
colorを変更したべた塗りではなく3D表示の水平線をFOMA（P2102V、F2051、N2051等）
で表示させたいのですが、以下のようなへたれスタイルシートを書いてみたもののまった
く反映されませんでした。

<hr noshade style="color:#ffffff; height:3px; border-bottom:solid silver
1px; border-right:1px solid silver; border-top:1px solid black;
border-left:1px solid black;">

FOMAで表示されるか、またHRを使用にはこだわりませんので、他の
方法がありましたらご教授いただけませんでしょうか・・。

>>730　既出です。バグ辞典スレッド参照のこと。
http://cssbug.tripod.co.jp/detail/winie/b088.html

>>731
「3D表示の水平線をFOMA」って意味不明だが。
下記が参考になるかも。
　hr要素へのスタイル指定
　http://cssbug.tripod.co.jp/misc/hr.html

>731
FOMAで見れるかどうか知らんが、solidでなくinset/outsetなんかはどうか。
hrでなくdivを、height小さくして使うとか。
ウチの携帯はAUなんで試せんから適当言ってるけど。

いろいろぐぐってみたのですが分からなかったのでここに来ました
ボックス要素を縦方向にセンタリングすることはできるでしょうか？
divにラインをつけた四角いワクにoverflowをスクロール指定したものを、
ウィンドウのサイズがどんなサイズであれ真ん中に表示したいのです。

いままではtableでvalignで指定していたのですが配置にtableを使うのは良くないそうで…

>>734
>ボックス要素
あらゆる要素はボックスを生成するのですが。

>divにラインをつけた四角いワク
ボーダーという用語すら知りませんか。

>ウィンドウのサイズがどんなサイズであれ真ん中に表示したいのです。
そういう事をやっているサイト最近見ないな。
垂直方向中央揃えとか、overflowとかは厄介。
初心者は余計な事をしない、考えない方が無難。
先ずは、シンプル・イズ・ベストを目指すべし。

＞あらゆる要素はボックスを生成するのですが
検索で調べた感じではテキスト要素とボックス要素の２種類があって
テキスト要素はスタイルシートでも縦センタリング（便宜上そう呼びます）できる
ようなのですが……。
＞ボーダーという用語すら知りませんか
なんか用語ばっか使うのがオタ臭くて抵抗があるのでなるべく普通の言葉
を使いたかったんです。すいません。

もうそろそろ10万hitなので少しは凝ったものにしたいんですよね。
とりあえず縦センタリング部分だけtable使ってごまかします……。

>736
インライン要素の対はブロック要素、ね。
オタくさいって、ココに来てる時点でもまいも漏れも十分オタさ。

縦方向のセンタリングは難しいなあ。
body { height: 100%; }
div.v_center { height: 40%; margin-top: 30%; }
こんな感じで出来ないかな？

>>734-737
あのな、>>662-663に既出なんだよ。
なぜＦＡＱを見ない？　>>7だ。
Q6:画面中央に配置するにはどうすれば？
A6:左右（水平方向）のセンタリングは既出。垂直には色々な方法があります。
　「スタイルシート 縦中央(垂直中央)」参照のこと。
　http://www.parkcity.ne.jp/~chaichan/qanda/qa3558.htm

外部リンクのCSSファイルで画像を指定してfilterをかけたいのですが
画像のクラス（ID）指定はどうすればよいですか？

<div class=xxx>画像</div>でくくってみましたが
filterがかかりませんでした。
おﾊﾞｶな質問だったらごめんなさい。

>>739
<div class=xxx>→<div class="xxx">
だがclass名のつけかたは一応合ってる。
フィルターを指定したCSSの記述の方に問題があるのではないか？
その部分、ソース出してごらん。

<div class="image1"><img src="blue.png"></div>　　[htmlﾌｧｲﾙ]

div{}
.image1{filter:Xray();} 　　[cssﾌｧｲﾙ]

>>740さん、訂正してこう書いてみたんですがﾌｨﾙﾀかかりません。
IE6です。

はじめまして。
HPのデザインでやりたい事ですが
ペイント系ソフトとかでできる、フォントの頭に＠をつけて文字を90°回すのをやりたいんですが、
検索しても関係無い物にばかり引っ掛かって
そういう機能が有るのかさえわかりません、

具体的には
数値系のテーブルに英文字で見出しを入れたいんですが
普通に横に書くと無駄に横幅広がってしまうんです(下手すると5〜10倍にも)

CSS使うとけっこう詳細設定できることあるので　もしかしたら・・と思うんですが
もしそんな機能が有ったら教えてください、よろしくお願いします。（＿　＿

filter:Xray();　の後に　width:100%;　を入れると
ﾌｨﾙﾀかかりました！　ﾔﾀｰ!!

レスくれた740さんありがとう。

>>742
フィルタ。IEでしか動かないので注意。

.header{
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}

rotationの値は0〜3まで。

>>742
例：
.tate {font-family:"@ＭＳ 明朝","@平成明朝",'Lucida Sans Unicode','Arial Unicode MS', serif;"}

>>742
>普通に横に書くと無駄に横幅広がってしまうんです

なら、文字を回転させるなんて面倒なことよりかwidthを指定しろよな、
と思った。

こんな感じにレイアウトするにはどうすればいいんだ？↓
わかりやすいようにイメージ画を書いてやった
http://cm.ws10.arena.ne.jp/cgi-bin/ro/img/no2902.gif

>>747
ＦＡＱ（>>5-7）で段組の諸法を学んで出直せ。
floatかな、やっぱり。

>>748
とりあえずfloatで画像の横にテキストを回らせることはできるんだけどボックスに右に置きたいテキストが左に回ってしまう・・・
<img src="******" class="left">でボックスはイメージの右見回るけどボックスにfloatつけてもテキストは右見回らないんだよね
<div class="******" class="left">とかやってもさ

>>1のテンプレートは移転した。
http://fake_lint.tripod.co.jp/css.html
→ http://web2ch.s31.xrea.com:8080/index.php?CSS

>>749
まともな日本語を書いて出直せ。
それから、ソース出してくれ。

スマソ。急いで書き込みしたもんで・・・・
ようするにボックスの中に画像→ボーダー付きテキスト→テキストと一列に並べたいわけだな
どういうソース書けばいいのか考えてくれ

>>752
いまどんなソースでうまくゆかないのか、それを出してくれ。
親切な人が直してくれるでせう。

CSSでCLASSを細かく設定して、HTML上で組み合わせて使ってます。
こういう使い方って問題あるんでしょうか？
こんな感じ↓

【hoge.css】
.nihongo { font-family : 'ＭＳ Ｐ明朝',serif ; }
.eigo { font-family : 'Century','Times New Roman',cursive ; }
.aka { color : ff0000 ; }
.ao { color : #0000ff ; }
.midori { color : #00ff00 ; }
.center { text-align : center ; }
.right { text-align : right ; }

【hoge.html】
<div class="eigo aka center">Hoge</div>
<p class="nihongo ao right">ほげ<span class="eigo midori">hoge</span>ほげ</div>

最後の</div>は</p>の誤りです。
すみません。

>>754
複數classに問題は無いが（IE4、NN4では無效）
そのclass名の付け方や組合せ方には再考の餘地大ありですな。

>>747-752
それが人にものを訊ねる態度か。

div {border:1px solid #f00; width:100%;}
img, .box {float:left;}
.box {width:4em;}/*floatさせる要素はwidthが必須*/
.clear {clear:both;}
<div>
<img alt="" src="***" width="〜">
<div class="box">ボックス</div>
テキスト
<br class="clear">
</div>

>>754
表示色や表示位置に由来するような物理的なクラス名は好ましくない。
それではスタイルをHTMLから分離した事にはならないから。

>>754
body {font-family:'ＭＳ Ｐ明朝',serif ;} としとけば、
いちいち .nihongo なんてclass名はつけずに済むはず。
基本的に日本語のページなんでしょ？　<html lang="ja">でしょ？
あと、英語の箇所にはlang="en"もつけた方がよい。

>>756、>>758、>>759 各氏
早速のお答え、ありがとうございました。
754に書いたclass名は実際に使ってるものとは別ですし、実際にはbodyで日本語のフォントを指定して、英語にしたい箇所だけclass付けしてます。
でも、物理的なネーミングを付けてることには変わりないので（汗）、再考してみます。

lang="en"を指定しておけば？

font:"とあるアルファベットのみのフォントA", "日本語に対応したふぉんとB"
とすれば、アルファベット部分はAで、それ以外はBのフォントになる

うまくいきませんよ
っていうかソース↓

*css

.paragraph
{
margin:15px;
padding:15px;
width:100%;
height:20%

}

.subheading
{
margin:15px;
padding:10px;
width:310px;
height:100px
}

.clear{clear:both}
.left{float:left}
.right{float:right}

<div class="paragraph">
<img src="******" class="left" width="162" height="161">
<div class="subheading">
どうすれば（・∀・）ｲｲの？
</div>
テーブルとかじゃダメだしね。罫線出ちゃうし
<br class="clear">
</div>

HTMLね。
長くて書けないから共に省略

>>762-764
画像はブロック要素ではないのでdisplay:blockが必要。
class="subheading"ってのが示した図の真中に挟まれたボックスであるならば、
これにもfloat:leftを指定する必要がある。

話は変わるが、
>テーブルとかじゃダメだしね。罫線出ちゃうし
罫線を消すことは出来ます。テーブルレイアウトはお勧めしませんが。

>744 >745 >746 さん
レスありがとうございます 745さんので動きました！

>746 さん
列が多いので半角英文字でコンパクトに置きたかったので時計回りに90°回したくて。


でもワードやペイントソフトとは逆方向に90°に文字がまわってしまいました、
できればIE以外でも動作してほしいのですが

.tate {font-family:"@ＭＳ 明朝","@平成明朝",'Lucida Sans Unicode','Arial Unicode MS', serif;"}
これが動作したんですが
半時計回りに90°回ったままだと打ち込む文字を逆順にしなければいけないので
時計回りに90°回せる様ににしたいんですが・・。なにか手は無いでしょうか？
よろしくお願いします（＿　＿

よくある右側に画像をずっとおいておくのってどうやんの？

良くあるって言われても。

どんなの？

>>767
background-attachment: fixed;
のことか？

>>737-738
すいません。FAQを見落としていました。
どうもありがとうございました。

>>767
ttp://yuzu.ee.uec.ac.jp/natu02/e2HT/sakuhin/css-3-4.html
たぶんここの真ん中へんを見れば分かるかと。

すいません。質問なんですが、
body{word-spacing;3em;}
とやりたいんですがなぜか反映されません。
ソースの記述でスペースを空けるんですよね。

>>762-764
あのな、>>757見ろや、ボケが。あのソース試したのか？

>>771
word-spacingなんてプロパティーは存在しません。
質問は解説サイト（>>4）でよく確かめてからにしてね。

>>766
>でもワードやペイントソフトとは逆方向に90°に文字がまわってしまいました、

そんな阿呆な。
そもそも、頭に＠が付いたフォント名は
縦書き用フォントを指すってわかってるのか？

>時計回りに90°回せる様ににしたいんですが
無理。IEの独自拡張のフィルターを使ってくれ。

CSSでイケてるデザインサイトリンク集等に紹介されているサイトを参照しても
ブラウザのスクロールバーやマウスポインタ等に適用されているものは見られません。
これは閲覧環境を改変するのは好ましくない、デザインの範疇ではないということですか？
ぶっちゃけ皆さんはやってないのでしょうか？

>>772
お前のその汚ねぇソース試したけどだめぽだったぞ
てかdisplay:blockで画像をブロックとして扱うことを覚えたのはいいんだけど、真ん中のボックスにfloat;left設定しても残りのテキストが右に回ってくれんのよ
下に回ってしまふ・・・・てかclear:bothってなんの意味あんの？

>775
やってない。
カーソル変えるのは正直かなりウザい。
スクロールバーは…漏れはNNだし。

で、そこはかとなくスレ違いの予感。

>>773
え？CSSの本に書いてあったんですが･･
すいませんでした。

>>773
いや、word-spacingは存在するよ。
http://hp.vector.co.jp/authors/VA022006/css/text.html#word-spacing
もっとも、欧文でなけりゃ意味無いが。

>>776は>>764か？　名前欄に数字だけでも入れろや。
で、>>757のソースを一字も変更せずにちゃんと試したのか？
うまくゆかないブラウザは何だ？　IE6でもNN7でもうまくゆくぞ。

display:blockなんて必要ない。>>765
floatを指定した要素は自動的にブロックレベル要素として解釈されるきまりだから。

きっと>>776は馬鹿なんだよ。
だって>>765の２〜３行目も理解してないみたいだし。
既に>>757でimg, .box {float:left;}としてあったのにね。
ＦＡＱ（Ｑ５：>>7）すら読んでないらしいしね。

>>771
それが日本語文だったら、word-spacingが反映しないのは当り前。
英語みたいにわかちがきしないんだから、単語間スペースなんて無いでしょ？

きっと>>781は馬鹿なんだよ。
だって>>776の2〜3行目も理解してないみたいだし。
死ねよ
どうすればいいんだ？早く教えろ
貴様の言ったことは試したからよ、早く教えろよ

かといって、letter-spacing:3em な文章は読む気も起きんが

>>776
>真ん中のボックスにfloat;left設定しても残りのテキストが右に回ってくれんのよ

それで回り込みしないはずがない。
単にウィンドウ幅を狭くしすぎてるだけでないの？　最大化してみな。

一応言っておく。
>>771
コロンとセミコロンを区別しよう。

>>785
それで回り込みするはずがない。
最大化してます。widthも100%です。てかなんでなんでしょうね？
>>786
突っ込まれるかと思ったら以外に突っ込まれなくていいのかな〜とか思ってたらお前が突っ込んだわけですか。
そんな下らないたかだかタイプミス程度のことに突っ込むなんて下らない人間ですね(藁)。

all >名前欄に数字だけでも入れろや。

img, .subheading {float:left;}
これを>>763のhtmlソースに適用すれば、ちゃんと回り込みするが。

回り込みなどで苦労するのが面倒なので
画像から文章からなにからブロックにしておのおの配置しているのですが
これはｲｸﾅｲですか？

>>790
いちいちdisplay:block;してるの？
ＣＳＳ仕様書によれば――　
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visuren.html#q24
'position'の値が'absolute'あるいは'fixed'であれば、'display'は'block'に、（強制的に）設定される。
'float'の値が'none'でなければ、'display'が'block'に設定される。

いいんじゃネーノ？(AA略

>>790
positionによる配置の方が崩れやすい。
窓の大きさや文字サイズを変更すると、対応しきれないサイトが多いんだよね。
floatをマスターしませう。

だいたい、ブレークにクリアー使ってることがアフォ

>>794
http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2

>>791
いつもposition:absoluteにしてます。
ｲｸﾅｲでしょうか？

>>757
div {border:1px solid #f00; width:100%;}
img, .box {float:left;}
.box {width:4em;}/*floatさせる要素はwidthが必須*/
.clear {clear:both;}
<div>
<img alt="" src="***" width="〜">
<div class="box">ボックス</div>
テキスト
<br class="clear">
</div>

それにしても汚ねぇソースだな
ビルダーのはき出すソースとどっちが汚いか(藁藁)

>>796
少なくとも、position:absolute;にした要素に
display:block;は必要ない。無駄。

>>793
そうなんですか。全文字サイズ固定なんです。
今のところは苦情もきてないのですがこれを機会に勉強してみます。

>>797
ならば、きれいに書き直せばいいだけぢゃん。
君にできるんならね。

頼むから。彼は脳にボウフラ沸いてらっしゃるんだから。丁重に扱って。
返信するときはひと月くらいレスの内容を考えてからにしましょう。

えっちなサンプルムービー多数有ります☆！
http://cg.iclub.to/link/ranran1/

>>799
本文の文字サイズ固定はよろしくない。

フォントサイズについて考えよう
http://pc2.2ch.net/test/read.cgi/hp/1042293757/l50

>>801 彼ってだれ？

お前ら全員死んでおけ
たかがCSSぐらいでいい気になりやがって
死ねよ

↑彼ってこれ。

>>806
自分のこと？

>>807は自衛隊に憧れているので、
「自分」を「私」という意味に使います。

>>803
おぉ勉強になります。
さすがに本文は指定していないのですが結構固定してます。
難しいですねぇ。

彼 {display:none;}

ハイ次の方、
質問どうぞ。

おっぱいってどんな感触ですか？

tp://cyber-doll.dyndns.org/cgi-bin/joyful/img/590.gif

おっぱい {visibility:hiddden;}

ハイ次の方、
CSS・スタイルシートの質問どうぞ。

まんこの中ってどんな感じなんでしょうか？

>813
hiddden…

どうしても文字サイズ固定の場合それかためてtitle="〜"に内容入れとくのどうかな？
親切じゃない？

文字サイズの話なら>>803のリンク先で。

スレ違いすんまそん。
いてきます。

リスト使うのって何か意味あるの？

>>819
リストであることを明示するためにリスト要素でマークする。

てかリストって何？

ここはCSS・スタイルシート質問スレッドです。

HTMLのことはよそで。
「Webサイト制作初心者用スレ vol.58」
http://pc2.2ch.net/test/read.cgi/hp/1055215791/l50

それぐらい大目に見て教えろ

>>821
【名-1】 リスト、一覧表｛いちらんひょう｝、表、目録｛もくろく｝

↓ｽｹﾞｰ
ttp://www.246.ne.jp/~y-iwa/

sine

>>825
CSS分かんない人？>>824のﾘﾝｸ先ﾍﾟｰｼﾞ作った人と同類ね。