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

すいません、ほんと初心者なんで、わからないんです。
　擬似クラスとか
A要素をdisplay: block 化して
とかさっぱりわからないです。（汗）

>>947
いっそのこと

<ul>
<li>メニュー</li>
<li>ニュースとか</li>
</ul>

li {
list-style-type: none;
display:inline;
}
とか

どっかネットで拾ってきます。。。
　すいませんでした。

>>950
すいません。テーブルレイアウトをやめるためになるべく
divで指定しているのですが…こんな感じで。

div.a{
color:#000000;
background-color:transparent;
padding-top:1em;
padding-bottom:1em;
width:15%;
float:left;}

div.b{
width: 50%;
height: 35em;
margin-bottom: 2em;
border:1px solid #CC9966;
float: right;}

これをくっつけたいのですが―
我儘いってすいません。

>>953
あーなるほど。
やってみます。

>948 まだいるか？

a{
color:transparent; /* 任意に */
background:#ccccff;
border:solid #ffffff 1px;
}
a:visited{
color:#ffffff;
background:#ff69b4; /* hotpink */
}
a:focus{
color:#ffffff;
background:#ffa500; /* orange */
}

意図したものになってなさげ。後は自分でどうにかしてみぃ

>>957
本当にすいませんでした。ｍ（＿＿）ｍ
　自分でよく調べてみましたら、ここにわたしの求めていたようなことが書いてありましたので、
下記のアドレスのサイトにある書きこみを参考にしようと思いました。
　本当に親切にありがとうございました。ｍ（＿＿）ｍ
http://bbs.otd.co.jp/wizard/bbs_tree?base=3947&range=1

>>947
両方にfloat:left;で。

ところで、次スレッドの雛型だれか作って。

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

CSSに関する質問はこちらへ。
>>2　関連リンク集。参考にすれ。

【過去ログ】
#1 {　http://mentai.2ch.net/hp/kako/974/974934062.html }
#2 {　http://natto.2ch.net/hp/kako/984/984113434.html }
#3 {　http://natto.2ch.net/hp/kako/992/992992981.html }
#4 {　http://pc.2ch.net/test/read.cgi/hp/996828258/ }
#5 {　http://pc.2ch.net/test/read.cgi/hp/1005047493/ }

【CSSと関係ない初心者質問はこっちで】
☆　Webサイト制作初心者用スレッドver15　☆
　http://pc.2ch.net/test/read.cgi/hp/1010524882/

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

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

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

1個追加してみた。リンクチェックはしてない。

>>960
過去ログのURLの前、全角になっちゃってた。ｼﾊﾟｲ。

功罪評価スレッドは入れなくてもいいと思う…．
あと，CSS関連 の FAQ とかあったっけ？あったら 3-5 あたりに．

>>959
出来た！！
皆様。本当にありがとうございました。

>>963
功罪スレは要らないだろ…それだったらStrict-HTMLスレにしろYO!
http://pc.2ch.net/test/read.cgi/hp/1008380243/l50

Strictもいらんだろ・・・！　

strictHTML＋CSSが理想形だとすると関係なくもない。
けどあっちはかなりディープだし、敢えて貼ることもないんじゃ。

>965
いや，僕に言われましても…．

FAQ 的なものを考えてみたけど，
・table のセンタリング
・スクロールバーの色変え
・擬似フレーム
ってところか．やっぱ別になくてもいいか．

>>966-967
同意。

>>968
FAQは欲しい気がする。

# それと、>>1が長くなりすぎると(l50とかで)読みづらいから、
FAQは>>2-4、関連スレ等は>>5-6あたりに纏めてホスィ。

--次スレ用テンプレ--

Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
質問は内容を吟味して、正しい日本語で。
特定の環境で問題が生じる場合には、ブラウザ・OSのバージョンを明記して下さい。
FAQは>>2-4、関連スレ等は>>5-6あたりにあります。

って感じで。

Dreamweaver3でCSS指定、NS6.2で確認。でもIE5では全く反映しません。
バックグランドイメージやフォント色など基本的な指定なので、IE5が未対応とは思えませんし、
他人が作ったCSSのWebサイトは問題なく閲覧できます。
特にバックグラウンドイメージはまっさらなWebページを作成し、bodyタグに指定するだけで（他に余計なことしない）も
表示してくれません。

何か原因になりそうなこと、CSSの指定で気を付けることありませんか？
ちなみにMac版です。

>969
ふむ．そうすると FAQ に入れるべきはなんだろう？
あと「特定の…」の一文，常に環境を書いてもらうようにしたほうがいいと
思うので（特定の環境かどうかわからない場合も多いだろうから）
「OS やブラウザによって結果が異なることがあるので質問の際には OS や
ブラウザのバージョンを明記してください」くらいでどうでしょう？

>>970
DW の吐いたCSS 見ないことにはなんとも…．
あるいは DW 専用スレッドのほうが答えてくれるかも．
　Dreamweaver教えます♪(その３)
　pc.2ch.net/test/read.cgi/hp/1007610142/

>>971

<style type="text/css">
<!--
body { background-attachment: fixed; background-color: #000000; background-image: url(file:///〜省略〜.jpg);
background-repeat: no-repeat; background-position: left top}
-->
</style>

で他の部分は新規ファイル状態からいじっていません。
やはりこれだけでもIE5(Mac）ではただ背景が真っ黒になるだけです。

うーん、特に問題あるとは思えないんですけどね。
Netscapeではきちんと見えてるし・・・

>>970
うちのMacIE5ではちゃんと見えるけど？
まさかurl(~)の部分、アップした後もfile:///にしてるんじゃないよね？
ていうか相対URIにすれば大丈夫だと思われ。

FAQに擬似フレームはあった方がいいかも。

あのー、質問したいんですけどレスが950すぎてるので
次スレにしたほうがいいですよね？

【ＦＡＱ】
Q.tableをセンタリングするには？
A.下記を読んで下さい。
http://pc.2ch.net/test/read.cgi/hp/1005047493/337-354
http://pc.2ch.net/test/read.cgi/hp/1005047493/359-362
http://pc.2ch.net/test/read.cgi/hp/1005047493/416-449
http://pc.2ch.net/test/read.cgi/hp/1007538322/445-484
http://pc.2ch.net/test/read.cgi/hp/1005047493/583-584
http://tancro.stp-1.com/stylesheet/n6_center.html

>>976
これも追加。
http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp#cssenhancements_topic6

>>976-977
まとめると――
旧来の<center></center>で括る代用としては、

1.<div align="center"></div>で括る。しかしStrictでは非推奨。

2.<div></div>で括ってそのdivに対して、もしくはセンタリングしたい要素の
親要素に対して、text-align:center;を指定する。
IE（互換モード）・NN4で有効だが、しかし"text"-alignなのだから
ブロック要素の中身（インライン・テキスト）だけでなくブロック要素自体をも
整列するこの動作は、仕様書の誤った解釈であった。
Mozilla/NN6にもこの誤った解釈をさせたい場合、text-align:-moz-centerを指定。

3.センタリングしたい要素に、margin-left:auto;margin-right:autoを指定。
Mozilla/NN6・Opera・WinIE6標準準拠モードで有効。これが仕様書通りの正しいやり方。
但しMacIE5ではblockquote要素・ul要素・ol要素はセンタリングされないし、
「margin: 50px auto」みたいに一括指定した場合、table要素は中央寄せされない。
MacIE4.5では、table要素・div要素・ul要素・ol要素・dl要素で左右のマージンを
「auto」にしてもセンタリングされない。

WinIE6以降実装の標準準拠／互換モードについてはDOCTYPE宣言でスイッチする。
http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp#cssenhancements_topic2

>>971
ＦＡＱに段組のやり方の参考サイトを挙げておきたい。
テーブル・レイアウトから卒業するには必須だし。擬似フレームより頻出でしょ。
要はfloatとpositionの利用法ですが。
http://dfj.cool.ne.jp/html/column.html
http://www.skipup.com/~l-_-l/web/
http://homepage.mac.com/csstyler/css-multicol.html
http://www32.tok2.com/home/eyeeye/css001.html
http://www.motchie.com/article/multicolumn.html
http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html

ＣＳＳの書き方で、
例えば、「A.xxxx」と「.xxxx a」は同じですよね？
でも、「.xxxx a」の場合だと、先にページ全体のa要素を指定していたら、
適用されなかったんですけど、「A.xxxx」の場合は大丈夫でした。
なにか違いがあるのでしょうか？
質問の意味がわからなかったらごめんなさい・・。

980です。
ちなみにIE6です。

>980
＞例えば、「A.xxxx」と「.xxxx a」は同じですよね？
違います．
・ a.xxxx ： a 要素で xxxx というクラス名をもつもの
・.xxxx a ： どんな要素であれ xxxx というクラス名を持つもの（p でも div でも）の中にある a 要素

>982
違うんですね・・。ありがとうございます！

でも、どういう時にどういう風に使い分ければいいのかいまいち？？です。
もっと勉強します。

疑似フレームの例としてこれどうよ？

例）http://www17.u-page.so-net.ne.jp/qb4/chiharu-/files/frame.html
その方法）http://www17.u-page.so-net.ne.jp/qb4/chiharu-/overflow.html

1000

input.hankaku { ime-mode: disabled }
こんな事出来るんだ。便利だなcssは。

>>986
IEのみだけど

フォントサイズはデセンダからダイアクリティカルまでの距離というcss1と
行間をつめた場合のベースライン間の距離というcss2と２こあっけど
どっちよ？

ユーザースタイルシートかなにかで
リンクを張ってある画像をすべて border=0
にすることはできますでしょうか？
htmlであらわすと↓のような感じにしたいのですが・・・。

<a href="link.html"><img src="ファイル名.gif border=0"></a>

新スレ作成ｷﾎﾞﾝﾇ

a img { border: 0 none; }

>989へのﾚｽでした

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

1000

うわ、1000ギリギリじゃん。
というわけで新スレ立てました。

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

とりあえずさげで１０００を狙ってみる

記念カキコ

なんかＩＤ(･∀･)ｲｲ!!

ここで去る。誰かどぞ。

あ

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。