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

Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。
【過去ログ】
　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/test/read.cgi/hp/1015474859/
　http://pc.2ch.net/test/read.cgi/hp/1019881572/

【関連スレ】
・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コミュニティの功罪を評価するスレ 4th Reich
　http://pc.2ch.net/test/read.cgi/hp/1021555514/

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

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

スレ建て完了。
うまく2getされませんでした。

2げとぉー！

全然レスないな（ｗ

では、質問どぞ
↓　↓　↓　↓

CSSファイルって配布しているサイト有ります？
しょぼいタグですら配布しているサイトもあるというのに
CSSファイルの配布って余り見たことなくて。
画像などとセットにして配布してくれたらいいなあ…とか。
スレ違いの質問だったらごめんなさい。

俺はタグの配布と言う単語ほど珍奇な日本語を他に知らない

>>8
それ考えたことはある。
しかし、結局特定のページ全体の構成のうえに成り立つものであり
そうすると、ただのテンプレ。

>>8
イケてるＣＳＳスレからどっかに辿り着いたら
ダウンロードできるサイトあったぞ
どこかは聞くな忘れた

>>8
たしかに検索(*)してもぜんぜん引っかからん。
いつもデザインが下手なのですぐに没になってしまうCSSでも
配布したら客来るかな（ｗ

* googleで「CSS　配布　素材　テンプレ」で検索。
29件ヒット。それっぽいのは見つからん。

>>8
なかみ見てないけど、結構ヒットしたよ。
http://www.google.com/search?num=50&hl=ja&lr=lang_ja&q=.css%20配布
好みのものを探してみる！

ｸｿ、IDが（ｗ

>>13のURLはコピペしてくれ。
リンクが途中で切れてるよ（；´Д｀）

８です。皆様ありがとうござます！
よくよく考えてみると確かにテンプレですね…。＜ＣＳＳ配布
ホームページビルダーのチュートリアルで作れるような。
頑張って探してみます〜

９さん
それがあるのですよ…。
こういう表現でタグは配布するものではないと思うのですが。
テーブルタグで画像とセットでというならまだ分かりますが…。
１２ばんさん配布してください…（笑

>>15
h t tp://wdt.pekori.jp/
見た感じこんな感じかな？

もっと必死になればみつかるかも（ｗ

｜配布してください
時間があれば（ｗ

え？おまいら>>9の意見は無視?
それとも、俺の知らないところで一般的だったのか
"タグですら配布しているサイト"

>>17
いえ、あなたが正しいです。
配布とかしてるサイトは逝ってよし。なにを考えてるんだか。
それを使うヤツもいるからわけ分からん。

>>17
わかってるよ。

でもまぁいいか、という感じで。
どうしても使いたい人がいるのなら

誰も1に「おつ」って言わないシリーズスレって珍しいな（ｗ

それじゃあ、>1おつかれー！！

ところで、前スレ960の質問、私も興味あるので、誰か教えてください。
＞<wbr> と同じようなことは、どうやるんですか？

だからスレ違いって961で言ってるだろ？
Strictスレ逝けよ。

>22
21はCSSの質問で合ってると思うが。

> Strictスレ逝けよ。
(ﾟДﾟ)ﾊｧ?

>>21
無理っぽい。
word-break: keep-all; で近いことはできるけどIE独自。

>>24
前スレの961を見ろよ。

前スレ960や、22は何故あれをStrictスレ向きだと思ったんだろう…

>>17
一般的じゃないんだろうけどさ、あったよ。
ttp://www.hesperus.net/stylesheet/

例えば
<table align="center" width="500">
みたいにレイアウトしたい時に
margin: 0 auto 0 auto;
width: 500px;
とやると、html4.01strictでは上手く表示されるのですが、
xhtmlにすると上手くいきません。
これは書き方が間違っているのでしょうか？

>28
xml宣言が入ったためにIE6（だと想定）が互換モードに入っちゃうからですな．

質問です。最近はやりの
bodyタグにborderを入れて周りに色を入れているのですが
さっきﾈｽｹさんで見たら、浮いて枠のように見えていました。
自分のwinでは、見た目アイフレームみたく見えるんですけど
macで見ても、やっぱし浮いて見えるのでしょうか？
そんな小細工やめたほうがいいですか？

<wbr> が規格に無いようなのでStrictｽﾚに行ったんですが、
あっちで、CSSｽﾚで合ってると言われたので帰ってきました。
だけど、どうも無理みたいですね。
IEの独自拡張を使う気にはちょっとなれないので、あきらめます。
ありがとうございました。

>>26
上に書いた理由でした。

外部スタイルシートに
@import url(hoge.css);
を記述してNN4.*とIE3にスタイルシートを読み込まないようにしたいのですが、
これの使い方がいまいち分かりません。
これを使ってるサイトを見るとＴＯＰページのＣＳＳに
外部スタイルシートでindex.cssを指定してて、
@import url(hoge.css);
とあるんですがなぜかその下にスタイルを記述してるんです。body{margin:0%:}
みたいに。
NN4.*とIE3で読み込ませたくないスタイルだけhoge.cssに記述して
それ以外はそのままindex.cssに書いてるということなんでしょうか？

>>29
なるほど。
どうもありがとうございました。

>32
>NN4.*とIE3で読み込ませたくないスタイルだけhoge.cssに記述して
>それ以外はそのままindex.cssに書いてるということなんでしょうか？
です．

>>34
ありがとうございます。
でもIE3ってエラーあるみたいだから何もスタイル読み込ませないで、
index.cssに@import url(hoge.css);とだけ書き、
hoge.cssに肝心のスタイルすべて書くの方が楽だと思うんですけど、
なかなかこういう風にやってるサイトってないですよね。なんか間違ってます？

>>20ｸﾞｽﾝ

>>30
Macで見ても浮く。IE6も場合によっては浮く。

>>36warata

>>37
すみません「場合によっては」とは
どういうことですか？

>>39
標準モードなら浮く。bodyに margin:0; を追加で希望通りの表示になると思う。

>>31
CSSじゃないがソフトハイフンというものがある。
http://www.akatsukinishisu.net/itazuragaki/?soft_hyphen

スレ違いの話を引っ張ってｽﾏｿ

既出でしたらすみません。
a:hover に background-color や border を指定して、アンカーにポインタを
重ねたときだけ背景色や枠線が表示されるようにしようとすると、
IE6（たしか5.5も）で見たとき、ポインタをアンカーに重ねた際に、
そのアンカーを含むブロック全体の位置が微妙にずれるんですが、
原因はなんなんでしょう。
N6では大丈夫なので、IEのバグかと思うのですが、よそのサイトを
見てると、IEでも大丈夫な場合が多いので……

IE3って一番下のシートを読みこみに行きますよね？
それってalternate stylesheetを指定した時もそうなんですか？

<link rel="stylesheet" type="text/css" href="default.css" title="デフォルト" media="print, screen" />
<link rel="alternate stylesheet" type="text/css" href="hoge.css" title="hogehoge" />
<link rel="alternate stylesheet" type="text/css" href="no_style.css" title="ノースタイル" />

この場合、IE3はno_styleを読みこんでくれるんでしょうか？それともalternate指定
せずに普通にstylesheetと書かなければいかんのでしょうか？
ご教授たまわりたひ。

うわっ、ごめんなさい。自己解決しますた・・。ｽﾏｿ。

h1 要素に高さを設定した時に、中身を縦方向に関して中央に配置するにはどうしたら良いでしょうか？

>>42
ポインタをaに重ねた場合、a:hoverに指定されたborderの幅の分だけ
アンカー部分のボックス領域がずれてしまうため。
対策は、あらかじめa:hover以外にもborderを指定しておくこと。
色は背景色、幅はa:hoverのものと同じにしておけばいい。
背景に画像を使ってたらこの対策は使えないけど。

>>46
すみません、その方法はすでに試したんですけど、なぜかそれでもずれるんですよ。
それに、borderを指定せず、background-colorだけ指定してもずれます。
念のため、a:link と a:visited にもbackground-color : transparent;を
指定したけど、やっぱりずれました。

たとえば、下記のサイトは、IEで見てもずれないんですが、CSSのソースを見ても、
どこが違うのかわからないんです。

http://www.alib.jp/
http://jst-9.com/zneco/
http://members.jcom.home.ne.jp/w3c/

>>47

IEって伝統的にそうだよねえ・・・6はまだマシで、4なんてもっとひどい。
border関係なくずれるときはずれます。

>>47
IEの互換モードと標準モード両方試してみた？

>>42
アンカーを含むブロックボックスの padding-bottom が原因…だったかな。
それは要素が左にずれてくヤツだったっけ。

バグ辞典スレで何度か話題に上ってるよ

ネスケ6で、固定幅のDIV要素をセンタリング表示したいんですが、
bodyにはどんなスタイルを適応すればよいのでしょうか？
text-align:center ではダメみたいなので、、

>>51
bodyの幅を指定して左右のマージンをautoにする。
もしくはセンタリングしたいdivの幅を指定して左右のマージンをautoにする。
ボックスのセンタリングとボックス内のセンタリングは考え方が違う。

>>40さん、ありがとうございました。
納得しました。

CSS 有効な場合は画像を表示して、無効なら文字を表示するには、
どうすれば良いんでしょうか？

>54
何も考えずに書くと
p{background: url(path-to-image); font-size: 0;}とかかな，試してないが．
しかし，どういう場面で使うのか今ひとつわからん．何となくCSSの使い方を間違ってる気がする．

>>55

できました。
Mozilla ではそのままで、IE では、line-height:0; を付けると上手くいきました。
ありがとうございました。

>しかし，どういう場面で使うのか今ひとつわからん．

サイトのロゴを表示する時に大きい画像を使っていると、
CSS を切って見た場合に違和感があったので。

>何となくCSSの使い方を間違ってる気がする．

原理主義者じゃないので、気にしません。ﾜﾗ

気にする気に市内の問題じゃないと思うがー

>>57

デザイン変更で楽をするためだけに、CSS を使ってるもので……
思ったように見えるようにするためなら、
table レイアウトにも抵抗ありません。ﾜﾗ

GoLiveやDWってソフトでCSS簡単に加えることができる？

table 要素でできるような、
幅の決まっていないブロックレベル要素のセンタリングは、
できないんでしょうか？

左右のマージンをautoにすればよいのでは?

>>49
ご指摘ありがとうございます。4.01Strictで書いた文書だったんですが、
試しに文書型宣言をTransitionalにしてみたら、ずれなくなりました。
どうやら後方互換モードなら大丈夫みたいです（W3C準拠モードのバグ？）。
>>47で挙げた3つのサイトは、IE6が理解できないXHTMLやISO-HTMLで書かれている
ので、このバグを免れていたんですね。

しかし、このためだけにTransitonalやXHTMLに乗り換える気になれないので、
もうちょっと他のやり方を模索してみます。

>>58=54
CSS有効で画像切ってたらどうすんだよ。ちったあ、考えろ

altの文字が表示されるんじゃないの?

>>64
p要素（58=54のつもりだとh1要素かな）に背景画像を指定するという話だから、
alt属性は表示されないというか、そもそも書けないのでは。

>>42
自己解決しました。
幅の狭いウィンドウ（ディスプレイ）ても読みやすいように、左右の
marginとpaddingを%で指定していたのが原因だったようです。
単位をemに切り替えたらずれなくなりました。

>>63
おおぉ、ちっとも考えて無かったです。ﾜﾗ

>>65
> 58=54のつもりだとh1要素かな
そのつもりでした。

ということで、大きい画像のまま放置することにします。
ありがとうございました。

>61
これってIEじゃ中央にならないよね？

>>68
なる
IE5.5以上の標準モードでmargin:autoのセンタリングは有効。もちろん、text-alignでもなる
互換モードではマージンのセンタリングが効かない。っしょうがないので、text-align

標準モード margin:auto - プロックレベルのみセンタリング

互換モード text-align - ブロックレベルもインラインもすべてセンタリング。

>>69

IE6以上っすよ。

ＣＳＳって取っ付きにくいね。ソース見てもパクれないし

>>71
パクれるよ。
最初の頃は　CSSでイケてるデザインサイト　で紹介されてるサイトの
CSSを見て勉強してました。

>>70
そうでした。訂正ありがとう。
IE　６．０以上です。
mac IE 5.5だた

>>72
「参考にしよう」と思っているんならともかく、
「パクってしまおう」などと考えてる香具師は
「右クリック→ソースの表示」「表示→ソース」までしか出来ないんじゃないか？

やし 【〈香具師〉・野師・弥四】
縁日など人の集まる所に露店を出し、興行や物売りを業としている人。露天商の場所の割り当てや、世話をする人もいう。てきや。

ふ〜ん。しらなんだ。

>>61
幅が決まってないと、いけないんじゃないでしょうか？

>>74
参考にしようと思ってますが見方が分かりません・・・
どうやって見るのでしょうか。教えて下さい。

>>74
パクろうと思ってますが見方が分かりません・・・
どうやって見るのでしょうか。教えて下さい。

すいません。分かりました・・・

まじめな話、パクリ方も分からんような人は、CSSを基礎から勉強した方がいい。

いや、この手合いは
「○○をやるにはどうすればいいか」
ってことしか頭にないから。
基礎から勉強なんて考えたこともないと思われ。

いや、基礎から勉強中でうまくいかないから参考にしたいだけです。
パクるという表現が悪かったですね。
でも見方分かったのでがんばります・・・。
そして参考にしようと見てみたら画像だった罠。
後は、NNを落として確認せねば。

厨な質問失礼します(;´Д｀)

よく「absolute で px 指定はやめとけ」と言われるのですが何故なんでしょう・・・。
原因がわからず仕舞い・・・。

>83
どこでどう「よく言われて」いますか？僕は寡聞にして知らないのですが…
拡大解釈して「フォントサイズの絶対指定」の話だとしたら，IEなどではフォントのサイズが
ユーザ側で（簡単には）変更できず，ユーザの利便を損なう（恐れがある）から．
それに関してはpxだろうとptだろうと不便なことに変わりはない．

行番号: 1
文法解析エラーが発生しました : "Shift_JIS";

何でですのん・・。こういうもんなのでせうか？
あと確かｶﾞｲｼｭﾂだったと思うんですが、「_」って使っちゃいかんの？
Validatorで怒られまくって激しく鬱なんですが。

>84
div.header { position:absolute; left:100px; top:200px; }
にしてたら
「コレは良くないよ・・・」
と指摘されますた・・・。

>>86
誰に？positionでpx指定なんてよくある事でしょう。

>>87
pxやptなどで絶対指定をすると、解像度の低いディスプレイで見ると、画面から
はみ出てしまうことがありうるから、%とかemなどの相対指定にしろ、ってこと
じゃないですかね、たぶん。

pxは（以下略ｗ
ってのはおいておいて、>>88のとおりで正解かと。

逆に%にされたら文字が重なって醜くなることもあるだろうし、
px/ptのままでもいいんじゃないの？
＃場合によるけど

>88-89
ﾎｳ､助言ｻﾝｸｽｺです(;´ー｀)ﾉ
要は解像度低いのでも違和感なく見れれば言い訳ですな・・・。
頑張ってみよう。

なんかちょっとスレ違いな気もしますが、
CSSデザインのサイトにたまにW3Cのバナーなんですけど、
W3C CSSでチェックがしてあるバナーじゃなくて、
MADE WITH CASCADING STYLE SHEETSと書いてあるバナーはどこで取得できるのでしょうか？

>>91
これかな？
http://www.w3.org/Style/CSS/Buttons/Menu

>>90
vaioとかの極端に縦幅の狭いディスプレイにも対応するとなると、
結構むずかしいと思いますが、がんばってください。

表であっておかしくない物まで、table 要素がタブーであるかのように、
無理に dl 要素なんかを使ってる人ってどうよ。

>>92
それです！ありがとうございます。
それは他のと違ってなんか検証とかしなくてもつけていいのですか？

>94
tableはCSSレイアウトがむずかしいから・・・・かな。
少なくとも私はtableをCSSで飾るのが苦手

>>95
それはCSS使ってるよっていう印だから検証はなくてもいい。
だからといってめちゃくちゃ書かれても困るが。

>>96
見た目のために、どの要素を使うか決めてるってこと？

filterを使うと、印刷寺に不正な処理が出てしまいます。
回避する方法はありますか？

filter: shadow(colo=#0000ff)

印刷寺にfilterを使わない。
つか、印刷寺って何よ？

100

>>100
http://www.google.co.jp/search?sourceid=navclient&hl=ja&querytime=BAAAC&q=%88%F3%8D%FC%8E%9B

読んでないけど、何かが存在する（謎

operaってさ、cssファイル側で@charset指定するとシート読みこんでくれない。
これってoperaがアホなんでしょうか？

>>102
うん、そうだと思う
OperaのCSS対応はまだまだですね　Overflowで紗枝効かないんだもんげ

<div align="right">テキスト</div>
だと、右寄せできるのですが<div>がブロック要素なので、改行してしまいます。
改行しないで、テキストを右寄せにするようにすることは可能でしょうか？

<span>

>>104
ていうかここで質問するならCSS使って下さい。

改行したら困る理由がよくわからないんだけど、
右寄せのテキストのさらに右に何か表示したいの？

>>104
margin-top: -1em; とか position: relative; top: -1em;
とかで改行分のスペースを詰めて見せれるかなぁ…と思ったけど、
微妙にズレル。
そもそもあまりエレガントなやり方じゃないし。

pxって相対指定じゃないの？

>>109
相対指定は相対指定だけど、pxは
同じ画面でも、解像度によって大きさが変わるってことで相対。
emや%とは相対値の基準が違います。

>>110
何をもって絶対指定というんだ？

どの環境でも同じ大きさで見えるもの

a:link,a:active,a:visited{
text-decoration: none;
}
a:hover{
color: #2935fe;
text-decoration: none;
}

としたいのですが

a:link,a:active,a:visited,a:hover{
text-decoration: none;
}
a:hover{
color: #2935fe;
}

このように同じ要素を2度宣言するのは可能なのでしょうか？

>113
可能．つーか，聞く前に試してみた？

>>114
ありがとうございましあ

div#layout1{ margin:0px 0px 0px 60px ; width:420px ; }
div#layout2{ margin:0px 0px 0px 120px ; width:420px ; }

上記の様にdiv要素でピクセル絶対指定のレイアウトをしようと目論んでいるんですが、
Win NN6 だけなぜかmargin もwidthも反映されません。
IE5、Opera6、Mozilla1.0では期待通りのレンダリングをしてくれるんですが、
NN6だけダメです。
不思議なことに、id指定を無くして素のdivとして記述した場合は
問題ありませんが、idをclassに変更した場合はダメでした。
NN6ではdiv要素にidとかclassとか使えないんですか？
そんなはずないと思うんで、widthとかmarginだけダメなのかとも思ったり‥‥
いろいろ試したけどお手上げです。

すみません、自己レスです。
ふと思い立ったのですが、どうやらid名に”_”を含めていたのが
失敗の原因だったようです。
お騒がせしました。

>>117
仕様では"_"も使えるはずなんだけどね……。
# 先頭には使えないけど。

body{
color: #458237;
}
っていれたんですけど
body{
background-color: #f5f5ff;
color: #458237;
}
background-colorの宣言も必須になりますか？

>>119
そんくらい自分で調べろよ。
どこにでも載ってるだろ。

>>119
あったほうがいいだろうな。

下記のページのように
http://nakorin.tripod.co.jp/test/e.html
ブロック要素内で、文字列を縦方向で中央に表示させる方法はありませんか？
このページはサンプルで、実際にはdt,dd要素などいろいろ使います。

>>119

閲覧者の設定次第で、文字が背景に溶け込んで見えなくなるおそれがあるから、
文字色と背景色はセットで設定した方が安全。

>>122
divにpadding使うかpにmargin使うか。

>>124
値は何にすれば良いのですか？
paddingに50%と書くとページサイズに対して50%になってしまいます。
10.6も参照したのですが、autoだと0とみなされるようです。

訂正。
（REC-CSS2の）10.6
ですた。

>>125
……本当に仕様書読んだのか？

確かに、marginにはautoという値を指定出来るが、
paddingにそんなものは無い。

ttp://www.w3.org/TR/REC-CSS2/box.html#padding-properties

>>125
124ですが>>127の仰る通りpaddingにautoなんて無いですよ。
確か指定するとMacIE5.xとかでとんでもない事になるはず。

div#big { height:10em; background:#f00; color:#037; padding-top : 4.5em; }
若しくは
p{margin-top : 4.5em;}
にするか。少しは頭を使いませう。

質問させてください。

WINのネットスケープ６．２でＣＳＳを使った時に
ＣＳＳファイルを外部に置いてそこから内容を読み込む
様にしたときにＣＳＳの内容が反映されず、困っております。
ｈtmlファイルに直接ＣＳＳを書き込んだときには反映されています
また、ＩＥの６では大丈夫でした。
下記のアドレスにファイルをアップしてあります。
ご助言宜しくお願いいたします。


http://www5.plala.or.jp/jewel/

>>129
<table>タグが無い

とおもったらあった

>>129
キャッシュをクリアしてみ。
Netscape6.2.3で問題なかったし。

二十歳ぐらいの人しか来ない小説のサイトをやっています。
いままでフォントの大きさ等は何も指定していなかったのですが、
こんどfont-size: 11ptとやってみたくなりました。
わたしのWin+IEの環境では何も問題なく表示されるので、次回の更新で実行しようと思うのですが
ほかの環境で見ている人に何か問題が起こる可能性がありますか？
起こるとすればそれはどんなものでしょうか？
どうしても11ptにしたいのですが。

>133
眼が悪くて大きな文字で読みたい人や画面が大きくて横に大量に文字が流れてしまうような人から
「文字が小さい」と苦情がくるかもしれません．
小さい文字が好きな人や画面が小さくてできるだけ小さな文字で読みたい人から
「文字が大きい」と苦情がくるかもしれません．
特に理由がなければ指定しないことをお勧めしますが，
「どうしてもしたい」んならご自由に．
世の大多数の人はWin＋IEですが，そうでない人もたくさんいますし，
Win+IEであっても画面のサイズやウィンドウサイズは十人十色であることをお忘れなく．

>>134
レスありがとうございます。そうですよね。
画面の大きさとかいろいろありますよね。
11ptが一番美しく見えるんですけど、たしかにちょっと目が疲れるんですよね。
よく考えてから決めたいと思います。

>11ptが一番美しく見えるんですけど
ゲロ吐きそう

>>135
スレ違い
http://pc.2ch.net/test/read.cgi/hp/1023094512/

>>128
ごめんなさい　前提が不足していました。
本文の高さが1emとは限らないんです。
画像もあります。

ナコ林ウザイ

>>139
はぁ？何がだよ

>>140
（　´,_ゝ｀）ﾌﾟ
名前変えてもIDでバレバレ。ﾌﾟ

>>138-140

ナコ林うざいね。
しかも自分かうざいことに気づいてないのもうざい。

ナコ林さんへ

もう、テーブルでええやん。
CSS やめてもええやん。

<h1>サイトのタイトル</h1>
<p id="news">新着情報</p>
<p id="help">ヘルプ</p>

というHTMLを、

─────────────────
新着情報 サイトのタイトル ヘルプ
─────────────────

という風に、タイトルが真ん中にくるように表示させたいのですが、
どうやったらいいのでしょうか。
HTMLを書き換えれば、floatとかdisplayでできるのですが、そうすると、
CSSが無効な環境だと、サイトのタイトルより先に新着情報がきてしまって、
具合が悪いので……

>>144
<p id="news">新着情報</p>
<h1>サイトのタイトル</h1>
<p id="help">ヘルプ</p>

>>145
HTMLは書き換えないでって事だぞ。

>>144
pをfloatで流してh1にposition使ってみるとかでできない？
あとはmargin駆使。

>>ナコ林
ソース出せって。画像に対して云々ならvertical-alignでも使えば良い訳で。
何がしたいのかサパーリわかりません。

144さんへ

もう、テーブルでええやん。
CSS やめてもええやん。

>>144
Yahoo! JAPANのようにイメージマップを使う手もありますよ。

>>144
positionはブラウザの実装がイマイチなので二の足を踏んでたのですが……
いろいろ試してみます。

>>148
いえ、「Strictなソースで、Yahoo!のようなレイアウト」を実現したいので、
イメージマップはちょっと……

>>149
ismap属性もarea、map要素もstrictですよ…

>149
もっとも単純には
h1{text-align: center;}
#news{text-align: left; margin-top: -1em;}
#help{text-align: right; margin-top: -1em;}
とかそんな感じ．h1やpのmargin，h1の高さなどによってmargin-topの値は変更．

>>150
Valid≠Strict
「Strict」は宗教的な意味合いが強い

strict DTD のことでしょ。

あああ　　hoge
いいい
ううう

としたいのですが、この場合はhogeにposition:absolute;を指定すればいいはずですよね？
でもなぜかそうしても

あああ
いいい
ううう
hoge
となってしまいます。どなたかわかりますでしょうか？

もちろん、top:hoge; left:hoge;　は指定してるよね？

わかっていれば以下は無視の方向で。

http://tohoho.wakusei.ne.jp/wwwcss2.htm#Position
とほほの「■ポジショニング」を参照。

>>155
すみません。勉強不足ですた。
できました。ありがとうございます。

CSSはレイアウトを自在にやれるほど成熟してないよ

じゃぁこのスレに来るなよ

129です。
ブラウザを6.2.1→6.2.3にしたところ反映されるようになりました。
有難うございました。

まだ、分からない点があり、申し訳ありませんが質問させていただきます。

内容が、ボックスより大きい時はスクロールバーがでるようなボックスを作り
そのボックスの外からボックス内のアンカーにリンクをつけました。
IE６ではボックスがスクロールしてアンカー部が表示されましたが
ネットスケープ６では、表示されません。
これはNN６のバグなのでしょうか？

下記にソースを置いてあります。
解決策を教えていただけませんでしょうか？


http://www5.plala.or.jp/jewel/

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

>>159

Netscape 7PR1（Mozilla 1.0相当）ではちゃんと「ここ」までスクロールしたよ。

CSS勉強し始めの者です。
IE6で横スクロールバーが出てしまう場合についてに
書かれたものをどこかで読んだのですが
今必死に探しているんですが見つけられません。
どこかのサイトだったのか、2chだったのかも覚えていなくて
どなたか心当たりのあるスレかサイトをご存知でしたら
教えていただけますか。

>>161
本人の記憶がそれだけあやふやで、
他人に探せるわけ無いだろ。

>>162
すみません、、、
あれこれ探しているうちにだいぶわかってきました
doctypeに関することのようなのでこれをキーワードに探してみます

質問させてください。
Macでウェブサイト作りをしているのですが、

<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="Stylesheet" type="text/css" href="common.css">

と外部スタイルシートを読み込ませようとしたのですが、
IE5で確認したところ全然反応しません。他のブラウザはありません……。
誤字脱字大文字小文字配置替えなども試しましたがダメです。
Winは持ってないので現状で何とかしたいのですが、どうすれば良いのでしょうか？

>>164
外部スタイルシートの場合は、meta要素で言語設定する必要はないよ。
htmlからスタイルシートの相対パスがまちがってんじゃない？

>>165
成る程……。
でも、ファイルは同じフォルダ内にあるんです。
ファイル名も間違ってないし。おかしいな……？

あ、ちなみにOSはMacOS9.2.2です。
一応Winでもウェブサイト作りしたことあるんですけど、
そちらでは同じ記述で正常に読み込んでたんだよなあ……なぜだろう？

>>166
CSSの中身はどんな風に書いてるの？
<style>
</style>
とか書いてないよね？

>>164
たぶんMacのせいというわけではないと思います、
私もMacでサイトを作っていて、同じ記述で読み込んでいますので。

>>168
はい、その辺は大丈夫です。
埋め込み形式とごっちゃにしてはいません。

>>169
そうなのですか、っていうかそうですよねえ。
私もどこかに記述間違いがあるのではと思います。
とにかく調査継続します。

フレームページの左右のページの背景色を違う色にすることは可能ですか？

>>172
フレームだったら普通にできるだろう。

>>171
なんだろうね。気になるなぁ
ＣＳＳのソースここに書いてみたら？

>>171
validatorでチェックしてみた？
思わぬ記述ミスしてるかもよ。
漏れもたまにあるし、そういうこと。

>>85
@charset "Shift_JIS";
二重引用符、使ってます?

>>176
うぃ。使ってますた。それがエラーの原因なんですか？

>>177
ああ、ごめんなさい。
私自身が二重引用符つけてなくて、エラーになったことがあったので…

@charset "Shift_JIS";
p {
    content: "『』";
}

これを試したところ、ノーエラーでした。
何か別のところで、間違えているのではないでしょうか?

>>178
できました。わざわざすまんです。
@chrset : "Shift_JIS";とかやってました（；´Д｀）
コロンが余計だったみたいでふ。馬鹿なのはOperaじゃなくて漏れﾀﾞﾀｰﾖ。

>>179

> @chrset

aが抜けてるのは大丈夫？

160さん、おそくなりましたが、有難うございました。

>>180
typoでし。もうﾀﾞﾒﾀﾞﾒじゃん漏れ(ｗ

>>118
エスケープしないと使えないよ
ttp://www.w3.org/TR/REC-CSS2/grammar.html
| "#"{name}{return HASH;}
| name{nmchar}+
| nmchar[a-z0-9-]|{nonascii}|{escape}
| nonascii[\200-\377]
| escape{unicode}|\\[ -~\200-\377]

>>183
ttp://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html
>nmstart [a-zA-Z_]|{nonascii}|{escape}
>nmchar [a-zA-Z0-9-_]|{nonascii}|{escape}

errataは改版がでるまではworking draft相当ってどこかで聞いたけど、どうなの？

MacIE4.5はスタイルシート読み込まないようにしたほうがいいかな。
MAC持ってないんで確認できないからエラーとか考えるなら読み込まないようにした方がいいかと思って。

>>186
Mac使いだけど、MacIE5未満には読み込みさせないようにしてるよ。
MacIE5.XはWinIEよりもCSS対応は良いと思うが。
↑みんな知っているか・・・

>>187
サンクス。
Mac使いの話が聞けて良かったです。
MacIE4.5には読み込ませないようにしました。

<A HREF="98.html" target="_new">98</a>
targetをスタイルシートで書くとどうなるんでしょうか？

>>189
それはtarget属性のままでいいよ…

<p id="news">新着情報</p>
<span class="news">新着情報</span>

これの違いは？

>>190
HTMLを採点するページでtargetはスタイルシートで書けって言われたの

CLASS属性によるクラス名と、ID属性によるIDは同じような目的に使用できますが、
クラスはクラスに対して名前をつけるのに対して、IDはタグで囲まれた要素に名前を
つけます。従って、ひとつのドキュメント中に、同じ名前を持つCLASS属性は複数出現
しますが、同じIDを持つID属性は許されません。

>192
そんなことをいう採点ページってどこ？

.col2 { color: #008000; }

これはネスケ6だと無効なんでしょうか？
<span class="st_col2">お知らせ</span>

.col2 { color: #008000; }

これはネスケ6だと無効なんでしょうか？
<span class="col2">お知らせ</span>

>>192
どこで言われた？

>>192
Q.リンクでtargetを指定しているのですが、
HTMLチェッカでチェックするとエラーが出てしまいます。
A.frame及びtarget属性は、4.01 Strictでは不許可です。
それぞれ適切なDOCTYPE宣言(Transitional or Frameset)をしておきましょう。
4.01 Strictと共存させたい場合は、JavaScriptで代替することもできます。
なお、CSSにはtarget指定に該当する機能はありませんのであしからず。

スクロールバーの色を変えてる人
名前： Name_Not_Found
E-mail：
内容：
いる？

自分は
BODY {
scrollbar-face-color: #1E90FF ;
scrollbar-shadow-color: #00FFFF;
scrollbar-highlight-color: #00FFFF;
scrollbar-3dlight-color: #00FFFF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-arrow-color: #0000FF;
}
なんだけど、もっと綺麗な組み合わせってある？

あれ？新規スレを立てようとしたのに、なぜ？？？

アホやな・・・

まじで、アホやな・・・

良かったんじゃない削除依頼の手間が省けて。

>>199
自分はこう。

BODY{scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#0099ff;
scrollbar-darkshadow-color:#ffffff;}

CSS Validatorで撥ねられるから
そんな技は使っちゃダメ

scrollbar-3dlight-color:#800080;
scrollbar-arrow-color:#800080;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#800080;
scrollbar-track-color:#ffffff;

もうやめてくれ・・・

スクロールバー色変更厨が出てきたスレはここですか？

<small></small>や、<b></b>などをidと併用するのは構いませんか？

>>209
ダメだという理由を教えて欲しい。

>>209
CSS使うならsmall

ミスった

CSS使うならsmallやbを使うなよ。
そういう指定はCSSでやるべきだろ？

>>212
そう思ったんですけど、どういう指定をしたらそれらのタグと同じ効果が得られるのか
わからないのでタグとCSSを併用しちゃってます。やっぱりCSSの理念に反してますかねえ・・。

>>212
<b>は<em>か<strong>にすべきかもしれんが、
別に<small>はいいだろ。非推奨ではないはず。
ま、これ以上はstrictスレッドの話題ですな。

>>214
b 要素も別に非推奨では無いワナ。
無論、em 要素や strong 要素の方が妥当だが。

>>213
＞タグと CSS を併用
微妙な表現だ。

「いいだろ」っていうんならB要素だって「いい」んですけど。
規則より理念の方が大事だろ。

>>215-216
Strict-HTML スレッド 4.0 (W2C Recommendation)
http://pc.2ch.net/test/read.cgi/hp/1022751972/l50

強調の反対の意味、弱める意味としての<small>の必要性は過去ログで既出。

>>192くらい
どうすればええねん。

この属性は、すたれつつある属性です。将来はサポートされなくなる可能性が
あるので、使わないようにしましょう。
XHTML1.0(J)では、<A>などのNAME属性は薦められていません。
ID属性を使いましょう。XHTML1.1では、そのようなNAME属性は廃止されています。

>218
>198

こんにちは、自分は今ＣＧＩネットゲーのＥＢＳ（エンドレスバトル）を製作しているのですが
『戦闘』などのボタンの上に、カーソルを載せるとボタンの色が変わるってのを作ろうと
色々サイトを飛び勉強しましたがいまいち思うように行きません。

<STYLE type="text/css">
<!--
A:HOVER{
font-style : normal;
color : #ff8000;
}
-->
</STYLE>

これを使うと、一応『戦闘』などのボタンじゃない、他のリンクが
カーソルを載せると色が変わるようになったのですが、『戦闘』ボタンなどは一向に無理です。

因みにその『戦闘』などのボタンの形式は
print << "-----END-----";
<tr><form action=$MAIN_SCRIPT name="FM" method="POST" target=Sub><td colspan=7>
<script language="JavaScript">
function Move(){parent.Sub.location.replace("$MAIN_SCRIPT?LOGO");}
</script>

<input type=hidden name=cmd>
<input type=hidden name=pname value=$FORM{'pname'}>
<input type=hidden name=pass value=$FORM{'pass'}>
<table cellpadding=0 cellspacing=0 border=0><tr>
<td><input type=submit name="b_mode" value="戦闘" $STYLE_B1 onClick="document.FM.cmd.value='BATTLE_1';Move();"><br>
</form>
<form action=$MAIN_SCRIPT method=POST target=Main>
<input type=hidden name=cmd value=MAIN_FRAME>
<input type=hidden name=pname value=$FORM{'pname'}>
<input type=hidden name=pass value=$FORM{'pass'}><td>
<table cellpadding=0 cellspacing=0 border=0><tr valign=top>
<input type=submit value="更新" $STYLE_B1 onClick=\"parent.Sub.location.replace(\'$MAIN_SCRIPT?LOGO\');\">
</td></form>
</tr></table>
</td></tr></table>

-----END-----

こ〜んな感じです。
これをどうにかして、カーソルを載せただけで光るようにする方法を分かる方居ませんでしょうか？
もしよろしければご教授お願いいたします。

ボタンやなしに
画像を使うなどしないと無理だろう

>>221
やはり画像なのでしょうか？
ttp://www9.plala.or.jp/doa/
こちらのＥＢＳが、自分が創造してるものなのですが画像変更とはなんか違う気がするのです。

>>220
色を変化させたいA要素（リンク・アンカー）にクラスを振って
ボタン風に装飾するとか。

a.button {text-decoration:none; padding:2px;}
a.button:link, a.button:visited {
color:#00f; text-decoration:none;
border-width:2px;
border-style: solid;
border-color:#eee #aaa #888 #ddd;
background:#bbb;
}
a.button:hover {
background-color:#999;
border-width:2px; border-style: solid;/*Operaが繼承しないので*/
border-color:#777 #ddd #ddd #777;
color:#6ff;
}
a.button:hover img, a.button:focus img {border:none;}

って言うか、<A>要素で考えている限り永久に無理だろ

>>213
b と同じ効果なら、font-weight : bold; で、
small と同じ効果なら、font-size : smaller; です。

>>222
IE限定でならJAVAスクリプトを使ってclassを変更できるみたいだぞ。

ちなみに、*:focus(+JAVAスクリプト)でできないかなと思ったが
IEはfocusには対応してないんだな。

>>204-206
スクロールバーのカラー変更プロパティは、
CSS Level1,2何れにおいても認められていません。
今後使わないように。

>>227
独自拡張と承知の上でなら使ったってよかろ。害のあるわけでなし。

教えてくれた方ありがとうございます。
もう少し勉強してみます！

tableのcellspacingとborder要素に対応するCSSのプロパティって
あるんですかね？できればcellspacingを教えて欲しいです

プロパティ

>>230
th, td 要素をいじればいいんでは？

tdにpaddingとborderかな？
よくわかってないけど

>>230

このへんで探してみては
http://hp.vector.co.jp/authors/VA022006/css/tables.html

これを外部スタイルシートを使って書くとどうなるんでしょうか？

<table width="500">
<tr>
<td width="150" height="10" bgcolor="#ffffff" align="center">
</td>
<td width="200">
</td>
<td width="150">
</td>
</tr>
</table>

んなもん自分で考えろ
何でいちいちそんな問いに答えていかにゃならんのだ

スタイルシート質問スレッドだから

そりゃそうだ

テーブルのように、中身の量に合わせて幅を変えて
枠線を表示するには、どうしたらいいんでしょうか？

>>235
table や td などに、class="なんたら" と付けて、
そのクラスに対して、幅なり水平位置なりを変更すればいいんじゃないでしょうか？

>>230
激しくガイシュツ
border-spacing

こんにちは。
以下の問題が発生して非常に困っています。
ExcelファイルからCSSファイルを生成し、そこへinputタグなどを追加し作成した
HTMLファイルをIE6.0で表示させると、２，３回に1回画面が壊れます。
例えば、１行表示がなくなったり、罫線が一部消えたりします。
何か対策方法をご存知の方、教えてもらえないでしょうか？

#his { font-fammily: cursive }

これに気づくまで２時間悩んだ・・。

>>241
日本語とHTMLとCSSを勉強するのが最短

>>242
意味わからん。スペル違うし

>>243
>意味わからん。スペル違うし
だからそれを間違えたってことじゃないの？
カルシウム取れ

>>244
>>242の独り言のような発言はこの「質問スレッド」において
どういう意味があるのか「わからん」ってことじゃねーの？

テーブルみたいな表ってＣＳＳで作れるの？？

>>246
display:table

これを外部スタイルシートを使って書くとどうなるんでしょうか？

<table width="500">
<tr>
<td width="150" height="10" bgcolor="#ffffff" align="center">
</td>
<td width="200">
</td>
<td width="150">
</td>
</tr>
</table>

>>248
http://www1.harenet.ne.jp/~m-toyota/kiken/chat/chat.htm
ここのリファレンス読め

>>249
部裸倉

>>241
関係ないかもしれんが、それはIE6.0のバグなので、
対策不可能。
Excelで造ったテーブルをスクロールさせてる内にバグってくるんだ。

IE5.5やmozillaだと問題はない。

dl
とかでテーブルっぽくできます？

たまに html *{} というものを見かけるんですがこれってどういう意味なのでしょう？
CSSでセレクタをhtmlとするのはbodyなどと同じように全体に適用されるという事ですか？
*は全ての要素に対してスタイルを適用させるんですよね。
html *{}と書く事によって何か利点（？）があるんでしょうか。

>>252
テーブル使えばいいと思う

>>253
ツールが自動挿入したんじゃねえか？
意味は無いと思う。

>>253
StrictなHTMLの考え方では、
「htmlがキャンバスとしてあって、その上にbodyが乗っかっている」
という感じらしいのよ。（もちろんIEでも標準モードではこれに従うわけで）

だから、例えば「ページ全体を囲う枠線を描きたい」場合には

html { padding: 3em 5em }
body { border: 3px double blue }

みたいな感じになるかと。

> CSSでセレクタをhtmlとするのはbodyなどと同じように全体に適用されるという事ですか？

なわけなので、htmlに対して指定したもので、継承されるべきものは継承されます。

>>253
意味は「html要素の子孫である全ての要素」かな。
利点は……head要素にも適用されることとか。

外部ファイルを作りました。
背景色などの指定はすべてうまくいったのですが、
a { color: #000000 }
a:hover { color: #00f000 }
などのリンク文字の色の指定だけ無視されてしまいます。
直接htmlに埋め込むとうまくいきます。なぜですか？

>>258
末尾「;」の抜けてるだけでは？
a:link,a:visited,a:active,a:hover{
color: #000;
}

>>259
複数のプロパティを指定しない場合や、
最後のプロパティの末尾は省略可。

>>258
HTMLファイルに何かよけいな指定を入れてないか、もう一度チェックしてみたら。

>>258
a:link, a:visited{color: #000}

<body>
<p>これはテストです。
<a href="xxxx">xxxxx</a></p>
</body>

で試してうまくいけば　HTMLファイルの・・・（略
うまうきかなければ・・・（略ｗ

これを外部スタイルシートを使って書くとどうなるんでしょうか？

<table width="500">
<tr>
<td width="150" height="10" bgcolor="#ffffff" align="center">
</td>
<td width="200">
</td>
<td width="150">
</td>
</tr>
</table>

>>264
はぁ？

どっちかと言えば、無駄な改行について問いつめたい

>>264
つーかさ、外部スタイルシートって意味分かってる？
分かっているなら、もう少し詳しく説明してくれ

>264
239が答えてくれてるのに…

いい加減放置しる！

>>262
その書き方でうまくいきました。
ありがとうございました。

片仮名の「ガ」を書くと「ノ」になっちゃいます。
なぜでしょうか？

>>271
もう少し自分の言いたいことを他人に正確に伝える努力をしてくれ。

BODY,TD { font-size:12px; line-height:1.2 }

ソースに「ガ」って書く。
それをブラウザで見ると「ノ」になってる。

「ガチョーン」が「ノチョーン」になるんです。

12pxを
11px、13pxにすれば直りました。

12pxはなんで駄目なんでしょうか？

<!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>ガを書きたい</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="ga.css">

</head>

<body bgcolor="#ffffff" TEXT="#000000" link="#ff0000" vlink="#ff0000" alink="#ff0000">

12pxの大きさでガを書く方法を教えてください

</body>
</html>

ga.css

BODY { font-size:12px; line-height:1.2 }

フォントは px じゃなくて pt の方がいいかもよ。

>>273
普通に表示されるんだが（MS *ゴシック）
OS、フォントは何よ？

windowsMe
ie6.0
フォントは分かりません。何もいじってないです。

webページフォント
MS Pゴシックでした。

12px＝10pt？
これにすると文字と文字の間隔が空いちゃって変になります。

文字サイズの固定とかもう止めちまえよ

>>281
無知なユーザーが知らずに文字サイズを変えて、
「なんだ？このＨＰ　レイアウトがぐちゃぐちゃだぜ　プププ」
なんて思われるのは我慢なりません。

>282
無知なユーザーね…

>>282
文字サイズ変えたくらいでぐちゃぐちゃになるってことは
お前が無能な制作者ということだが。
無知なユーザーなんて良く言えるな。

文字固定をするからDQNなのか、DQNだから文字固定をするのか

ある程度liquidに作るもんでしょ。

ここも12pxのガがノになってる。
http://www.sponichi.co.jp/entertainment/kiji/2002/07/11/15.html

米俳優Ｒ・スタイガー氏死去

アカデミー賞受賞の米俳優、Ｒ・スタイノー氏が９日、
肺炎と腎不全のためロサンゼルスの病院で死去。

俺はなってない。って言うかしつけぇよ。

>271,287
Mac OS X の Mozilla/5 1.1a と IE 5.2 と iCab 2.81 と Chimera 0.3.1 と
Mac OS 9 の NC 4.79 と NN 4.08 と IE 5.0 と IE 5.1.5 （最新版）と iCab 2.8
で見てみましたが、「スタイノー氏」にはなりません。（OmniWeb 4.1 では表示で
きなかった）

どういう環境でそうなりますか？

フォントが壊れてんでねーの。

それは新種のウィルスだね。
やばいよ。>>287

>>291
!!

WindowsMe
ie6.0　Opera6.01で。

ちゃんとウィルス削除しとけよ

>>293
これって、「12px 指定で <ガ> が <ノ> になる」症状のこと？
二つのソフトででるなら、フォントキャッシュファイルを削除
とかで直るんじゃないの？

>>251
やっぱりIE6.0のバグでしょうか．．．
確かにIE5.5では、問題の現象が発生しにくいです。
早くサービスパックが出てくれると助かるのですが。
難しいですね。

改行しないように設定できる<nobr>と等価の意味合いがあることを
スタイルシートでできますか？

<<297
知りません。

white-space: nowrap

>>299
できたできた！！
ありがとうございます！！

だからプロパティくらい一通り覚えてから来いと（

>301
禿仝
使い方やバグ、うまくいかないときに、ここで聞きましょう。
お世話になるなら、答える人の気持ちも考えましょう。


と、いい人部ってみる

>>302
ごもっとも
まず、>>1-10のリンク先に必ずプロパティ一覧があるから
調べましょう
がんばれ、俺

勝手に頑張れ

>>296
もう見てない様な気もするが、IE5.5は「発生しにくい」のか？
「発生しない」だと思っていたんだが。

あと、ローカルで遊んでいる内は良いのに、
いざどこかへうｐするとダメになるのも、謎現象。

URLの上にマウスのカーソルを合わせても、カーソルが指の形にならない様にするにはどうしたらいいんですか？

えーなんでそんなことわざわざするのー

かくしURLっぽいのつくりたいしぃー

>>306
ホームページ制作王を使いましょう。

厨やネタにはうってつけのレスがあったじゃないか。

>>308
作っても意味無し

>>306
a { cursor:defalt }

>かくしURLっぽいのつくりたいしぃー
Tabでばれる罠

u 抜けてた。　default
逝ってきます

>>306
http://hp.vector.co.jp/authors/VA022006/css/ui.html#cursor
隠したいアンカーにクラスでもつけて default あたりに。
ただし CSS を適用しない状態では隠しにも何もならんことに注意。
「隠し」うんぬんは書かずにさりげなく置くのが良いかと。
ユーザビリティ低下には注意ね。

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

他の分からないﾔｼは分からないと素直に言いましょう。

リンクが画像の場合、
その効果をつけたいときの使用例、教えてくれますか？

>>314
こいつうざい。
プロパティくらい調べてからこいよ。アフォ。

>>306=314
厚顔無恥もいいとこだな。
答える奴もアレだけど。
「>>2-5読め」で片付くだろうに。

やっとできました
311さんもありがとうです。偶然見つかる程度のを作りたかったので。

だから答え分からんﾔｼは文句ばっか以下略
もう来ないんで悔しがってろｗ

某スレの「ありがとーます。ッポッポー 」みたいだな。

絶対また来るだろうから書いとく。

>>318

　ほ　ん　と　に　も　う　来　な　い　で　く　だ　さ　い

>>318
真性だなこいつ。
わからねーのおまえだけだっつーの。

関連リンクで調べりゃすぐ分かるのを質問してくるアホには答えないでいいよ。

透明あぼ〜ん、と。

でも彼or彼女or人工無能は「（」が変換できないのかねぇ。

だから関連リンクが探せんﾔｼは文句ばっか以下略
もう来ないなら悔しがってろｗ

また反応してｺﾞﾒﾝ

リンクについて質問
┏━━━━━━━┓
┃リンク　　　　　　┃
┗━━━━━━━┛
display:boxとして、上のような形のリンクを作ってみました。
このとき、「リンク」という文字以外のボックス領域に触れても
リンクされるようにしたいのですが
巧くいきません（IEのバックで戻ると出来ていることもあります）。
「リンク」という文字はリスト要素でdisplay:inline;としています。
打開策はありますか？

>>324
×display:box
○display:block

>>325
そうでした。訂正ありがとうございます。
激しく鬱で逝ってしまいたいのですが
ここでの書き間違えなので
引き続き>>324の打開策を誰かｷﾎﾞﾝです。

>>324
あちこちにお手本があるだろう。

>>324
a要素をdisplay:blockじゃ駄目なの？

IEはdisplay: block; だけじゃ駄目。
widthを併せて指定する。100%なり*emなり。

>>306
もっと簡単な方法。
<SPAN onClick="location='URL';">ここをクリックせぃ</SPAN>
こうすりゃカーソルも変わらないしステータスバーにもURLが表示される事は無い。

330です。
しまったぁぁぁぁ！
ここはJavaScriptぢゃなくてCascading Style Shieetsだったぁぁぁ！
糞レス申し訳無い。

画像と文字列を行の縦幅に真ん中にするのはCSSでは可能のでしょうか？
普段はalign="absmiddle" これを使うとできるのですが

1

2

>>332
vertical-align:middle　じゃダメ？

@importでCSSを読み込むのってMozillaで動きますか？
ローカルだと機能してるんですけど、鯖にアップするとCSSを読み込まなくなってしまうんですが。

>>336
geocities で標準モードじゃない？

ｽﾏｿ、@importでなくてHTMLから直接URL指定しても読み込まなかったです。
どこか記述間違えたか…。

>>336

これかな？http://www.mozilla.gr.jp/standards/webtips0016.html

>339
ありがとうございます。
どうやらそれのようです。
しかも、うちの鯖も設定の変更が出来ないものの模様。
修正希望のメールしてきます。

男性にはまだ余り知られて
ませんので逆アポ率も激増
Ｈ好きな女子中高生が待ってます
（i/j/eza対応）

コギャルとＨ出来るサイトはここ
ヌキヌキ部屋へ直行便
↓
http://kado7.ug.to/wowo/

Ｈ必ず出来る何度も挑戦
中高生感度良好
ロリ−タ好き
↓
http://fry.to/zzz.hi258.2tyann

全然違うところで間違えていました。
DOCTYPE宣言をHTML 4.01 StrictからTransitionalに変えたらCSSを読み込みました。

ﾜｹﾜｶﾗﾝ

>>342

今時のブラウザはDOCTYPE宣言次第で挙動を変えるということ
は知っておいてください。

WinIE6、MacIE5、Mozilla(Netscape6以降)はそうです。

その上でさっきの資料をもう一度嫁。

strictで書くのなら気合入れて書け。

>343
すいません。
WinIE5と併用しているため、その違いに気づきませんですた。
なによりは自分の勉強不足なのですが。

>>329
幅は持たせてあります。
この状態でposition:absoluteを指定するとだめぽです。
外すと効くようになるのですが。。。

この二つは共存しないのでしょうか？
IE6.0だけで試しています。

absolute指定すると幅を認識しないんじゃないかな……。憶測だけど。

>>347
ｶﾞ━━━━━━(ﾟДﾟ)━━━━━━ ﾝ!
そうなんですか……そうかもしれない…ｱｳｳ
ただ、幅は認識している、というか
その幅の通りには表示してくれるのですが
リンクは文字外を認識してくれなくなってしまいます…鬱

>>348
いや、だからあくまで憶測だって。俺がそれに成功したことないだけ。
仕方ないと諦めて　結局タグにonclickを指定したJavaScriptに走った俺は逝って良し。

324は説明が長いわりに要領が悪いというか、
今どうなっているのか、こちらにはまるで分からない。
ソースさらした方がその説明より分かりやすくて
短く済むんじゃないのか。

>>350
今はリンクを張っている文字外のblock領域を
リンクとして認識してくれないという状況です。

cssは以下の通り。

div.top{
position:absolute;
top:50px;
left:20px;
width:200px;
}

div.top ul a{
border:#ccc 2px solid;
padding:3px;
margin:0px;
display:block;
}

div.top li{
display:inline;
}

htmlは以下。
<div class="top">
<ul>
<li><a href="xxx.html">リンク</a></li>
<li><a href="xxx.html">リンク</a></li>
</ul>
</div>

より一層わかりにくかったらｺﾞﾒｿです。

>>351
aにもwidth指定をしてみたらどうか。

>>352
と、漏れが>>329で言ったのだけど伝わらなかったらしい。

div{
background: url(bg.jpg) no-repeat center fixed;
height: 100px;
width: 400px;
overflow: auto;
}
<div>
縦スクロールバーを付けたdiv
<br><br><br><br><br><br><br><br><br><br>
</div>

IEだと、divの中央に画像が固定されるのですが、
Netscape6では画像が変な場所に固定？されてしまいます。
書き方がどこか間違ってるのでしょうか？
それともNetscape6既知のバグなんでしょうか？

>>354
IEが間違ってるようだな。

http://meyerweb.com/eric/css/edge/complexspiral/demo.html

>>355
すいませんが、全然わからないです。

自分が言ってるのはdivにoverflowでスクロールバーを付けて
そのdivをスクロールさせたときの話なんですけど・・・

>>356
background-attachment:fixed の場合には
background-position は、ボックスではなく
ウィンドウに対する位置になるのが正しい解釈。

>>295
ありがとぉ♪直ったぁ☆

ようするにNetscape6の方が正しいのですか。
NetscapeはCSSがダメダメと何かの本で見たことがあるので意外でした。

Netscape6ではIEのようにdivの真ん中には出来ないのでしょうか？

>>359
>NetscapeはCSSがダメダメ
それは4.x。
6.xと4.xをいっしょにしてはいけません。

>>360
そうなんですか。その本には
「6.xは4.xより対応が進んだが、IEと比較するとまだまだ。
Netscape6ではIEと同じにように表示されないページも多い」
みたいな事が書いてあったのでそう思ってました。

>361
その本書いた人はIE信者

>>361
どんな本だよ…
現在のメジャーなブラウザの中ではMozilla(Netscape6、7)は
CSS対応はかなり良い方。MSIEがいちばんひどいぞ。

そう言う意味では「同じように表示されないページも多い」のだが。

>>362
その本を書いた人はM$社員

今回の件みたいに、IEに合わせて書けばN6のほうが間違えているように
見えることもあるだろうな。
内容はともかくシェアではトップなんだから。

Operaもかなりひどいから、IEが一番ひどいとは言い切れないと思う。

IEよりはましだろ＜Opera
overflowは痛いが

まあどれもバグ持ちだからなぁ…。
CSS3 どころか CSS2 が安心して使えるようになるのはまだまださきだのう。

Operaには、標準・互換がないからいいね
確かにOverflowは痛いね

bodyのfont-sizeをパーセントで指定するのは
文法的にOKですか？

例　　body {font-size:90%;}

なぜ気になるかというと、font-sizeプロパティの値が
パーセントの場合、セレクタの親要素のfont-sizeに対する
パーセントになると聞いたもので。

bodyの親ってhtmlですよね？
htmlのfont-sizeプロパティという概念も考えづらいし、、
んー。。

>>370
body に font-sizeを指定しない場合、UAのデフォルトスタイルが表示されて
body に font-size:90%;ってのは、デフォルトのスタイルに対しての比率になるだけであって、
文法的には間違ってるってことはないと思う

>>370
htmlのfont-sizeという概念はありですよ。

検索窓の背景色を黒く字を白くしたいのですができません・・
どなたか助言を下さい。

検索窓って何？
検索キーワードを入力するための1行フィールドのことと勝手に解釈

.kensaku{ background-color:black;color:white; }

<input type="text" value="検索窓って何？" class="kensaku">


検索結果を表示させるウインドウのことなら
body{ background-color:black;color:white; }

>>371-372

文法的には問題なしってことですね。
ありがとうございますた。

>>374
検索フォームと言うんでｽか？多分前者の方です。
そのタグを入れるんでしょうか？・・・どこに？
今やろうとしているそれが、これです。
http://www.japandeep.com/search/searchbox.html

>>376
どうやって記述すればいいんですか？ってレベルなら
>>4に載ってるサイトみてこい

ほんっとにわかんない。
マジでお願いだから教えてください。何処に記述するのか。
お願いします！

検索フォームをこするといいんじゃない

つーか、リョウ君は
１・教えて君
２・ＵＧ（謎）サイトリンク集に興味あり
３・ＤＱＮな半角ＨＮ
４・ＣＳＳの基礎ができてない
ってあたりに厨房臭ﾌﾟｿﾌﾟｿなんですが。

「ＣＳＳ　入門」で検索してみなよ。
ＵＧ（謎）検索サイトでなくて、グーグルでいいから。ｗ

まあ厨を煽んのも大差ないけどね┐(;´〜`)┌

え？？

だれか煽ってる？？

ﾌﾟ

↓次の質問どうぞ↓

お前ら答が分からないんだろ。ﾌﾟ

どこいっても相手されないよ、それじゃ
それでいいから、それでいいんだろうけど
そればっかりだといけないよ　

.menu{width: 140px; float: left;}
.main{margin-left: 210px;}

<div class="menu">
<ul>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
</ul>
</div>
<div class="main">
<h2>ほにゃらら</h2>
</div>

これIEだときちんと表示されますが
opera,NNだと.menuと.mainがひっついてしまいます。
なぜですか？

>>387
ひっつかないと思われ。
各ボックスにborderつけるなどしてもう一度確認してみて。
どうしてもひっつくというなら問題は他にある。

検索していたらわかりました。
これからは、Strict-HTML & CSS で生きていきます。
ありがとうございました。

<b lang="ja">こんにちわ</b><b lang="en">Hello!</b>
このとき、ブラウザの言語設定が日本語の時、“こんにちわ”だけを表示して、
英語の時“Hello!”だけを表示するようにするにはどのようにCSSを指定すればいいの？

>390
CSSだけでは多分できない．
ブラウザの言語設定によって動作を変えるのはcgiでも使わないと無理かと．

b[lang="ja"] みたいな書きかたできるんじゃなかったっけ。
CSS3 から？

エキサイトのトップページのように
訪問者が好きな色を選べる感じ
（クッキー使って次回訪問時も前回選んだ色になるような）
にしたいんですが詳しく解説してるサイトありますでしょうか？

探したんだけどなかなか見たからないので・・・

>392
lang=jaとマークアップされている箇所に対して適用するのはそれでいいと思うのだけど，
そのようにマークアップされてることとブラウザの言語設定がどうなっているかは関係ないと思う．
僕が間違ってる？

>>393
このスレで聞いたってことは、代替スタイルシートかな。
　代替スタイルシートに萌え〜
　http://pc.2ch.net/test/read.cgi/hp/991400015/l50

>>392
CSS2ね。

>>395
ありがとうございます！
専用スレがあったんですね。

早速見に行ってみます。
どうもでした。

mozilla,NNだと
.menuの中に

ul{ padding-left: 1em;}

とすると
.menuのwidthまで変わってしまいます。
解決策はないでしょうか？

>>397
ない

ブラ男がいるスレはここですか？

キリ番ゲッチューしました
どこに連絡すればいいですか？

ttp://amemix.gogo.tc/

ここのサイトでやってるようなトップのデザインを切り替えるのって
ＣＳＳでやってるんでしょうか？
どうやってやるんだろう

>>401
だからそれも>>395のスレに行けってば。

>>401
そのサイトにリンクはってあるじゃんｗ

発見age

>>394
そうでした。
うーん、media type の拡張で
言語情報とかも参照出来るようになったりしないかな。

>>401
スクロールバーの色変更ってなにがいいんだろうか。
特に三角しか表示させないやつ。うざすぎると思うのは俺だけか？

>406
つーか、三角だけのやつってあまり見た事ない。

>>406
base-colorいじる程度なら気にしないけどね。
ページの長さや現在位置を確認するのにはバーを見るだろうから
それが見辛いのは困る。
今更な話題なのでsage

スクロールバーの色変更って、IEコンポ系ブラウザでさえ
ネイティブのIEと表示が違ったりするんだよな。
三角形のみってのは１ピクセルの枠がブラウザによって
表示されなかったりしてる場合もあるのかもしれない。

俺は結構すきだな。統一感があると綺麗に見える。
と言いつつ実はほとんど気にしたことがない。
ていうかほんとに今更なのでsage

>>410
textarea のスクロールバーの色はべつにかまわんけど
ウィンドウのはそのサイトに属してないって思ってるから
色かえんでほしいなぁ。

初歩的な質問ですみません。
NN4.XにCSSを読み込ませないようにするのってどうすればいいんですか？

スクロールバーの色を変えるのは、文法違反だから駄目です

亀レスですが
>>353さん、aに幅を持たせたら出来ました。
読み取れなくてｽﾏｿでしたが、助かりました。
ありがとうございました！

自分でもいろいろやってみたんですが、どーにもわからないので質問させてもらいます。
ネスケの古いＶｅｒだとテーブル要素にwidthとかが指定できないのですが、
これをなんとか解決する方法はないものでしょうか？
無理なら無理って回答でもいいですんで、どうか教えてください。

>>413
文法の上の問題はないと思うが・・・

テキストエリアの背景をtransparentで
透過した場合、マックでは反映されないと聞いて、
background-color:transparent;
background-color:#000000;
(ちなみに文字色は#ffffffです。)
という風に2つbackground-colorを入れたのですが
やっぱり間違いでしょうか？
一応それで、1度はマッカーの人にも見れるようにはなったのですが
最近また使ってみたら反映されてなかったみたいで。
transparentは使わない方が賢明ですかね？

>>415
今思いついた荒業

<td><div class="hoge">content</div></td>

.hoge{width:100px;border:none}

>>412

<link rel="stylesheet" type="text/css" media="screen,tv" href="aaa.css" />
mediaにscreen以外のものを指定しる。
ただし、その指定したメディアにもきちんと対応させること。

…初歩的と思ったらぐぐるで検索したり過去ログ漁ったりしる。タノムヨ。

今調べてみたら、マックでもtransparentは有効だったみたいです。
問題があるとしたら、何があげられるのでしょうか…。

ブラウザとバージョンによって動作が異なるのは既知のことですが、
これの動作の違いをぱっとみられる早見表みたいのは、どっかにないでしょうか？

>>421
まづ>>4を見よう。な？

>>413
頭硬いネ。独自拡張だと承知でやる分には別によかろ。
但しスクロールバーをが見えにくくなる色指定は止めてほしいナ。

お前は頭弱そうだな

たとえば
<p class="hoge">〜</p>
とあるとして、CSSで
.hoge { color: rgb(255, 0, 0);}
と指定するのと、
p.hoge { color: rgb(255, 0, 0);}
と指定するのは何が違うのでしょうか？
あと、自分はいつも前者なのですが、後者でやっている方をよくみるのでその利点をうかがいたいです。

ｈ1.hoge { color: red;}
ｈ2.hoge { color: black;}

<h1 class="hoge">は赤字、<h2 class="hoge">は黒字。

>>426
それはわかりますが、なぜ違うスタイルを指定するのに、
同じクラス名を使う必要があるんですか？
h1がhoge1でh2がhoge2でもいいじゃないですか。

頭の回転の鈍い子だなぁ

.1{これは多くの場所で使う基本的なクラスで、また内容も量が多いです}
p.1{<p>タグに限り背景色の変更を行いたいが上と同じ事を繰り返し書くのはあまりにもナンセンスだし無駄にサイズを大きくしてしまう}

<h1 class=1>見出し</h1>
<p class=1>内容</p>

指定が細かくなればなるほどこの指定の方が都合が良いのは、「考えたら」解るよね

426の説明は微妙にズレている気がする…

input 要素と a 要素を並べて、どちらも同じボタン形状にに見せたくて
こんな感じで書いてみたのですが、どうしても、input 要素と a 要素の
縦の位置が微妙にずれてきれいに並んでくれません。
table を使わずにきれいに並べてみせるなにかうまい回避方法はありますか？

<style>
p.command {
text-align: center;
padding: 5px;
background-color: #99cccc;
border: #99cccc inset 1px;
}
a.button, input.button {
background-color: #cccccc;
border: #cccccc outset 1px;
}
a.button { padding :2px 0.5em; }
a.button:link{ color: #000000; text-decoration: none; }
a.button:visited{ color: #000000; text-decoration: none; }
</style>
<form action='hoge.cgi' method='post'><p class='command'>
<input type='password' name='name' value='' class='text'>
<input type='submit' value='管理用' class='button'>
<a class='button' href='hoge.cgi?prev'>前ページ</a>
<a class='button' href='hoge.cgi?next'>次ページ</a>
</p></form>

しかし解りやすい不思議マークアップだな

>>430
素直に全部ボタンにすれば良いのでは？

flashの表示位置って、CSSで制御できないんですか？

>>433
positionつかえ

>>431
どっか変ですか？

>>434
osition:absolute;
これでいいんですか？

abosolute指定した後topとleftを指定。それでいいだろ

……スペル間違えた。鬱打死脳。

できましたー

<abc def="">
<abc ghi="">
とある場合、前者のほうだけにスタイルを適用するにはどのようにするべきですか？

abc[def] {xxxxxx}では出来なかったのですが・・・。

>>436
ositionっていいね。
そういう属性があったら、なんだろうな。
例
osition : ojin-smells : (100 - 900) ;

>>440
id classを指定すればいいんじゃないの？的違いなら、ごめんなそい

>>440
っていうか、要素名をちゃんと書いたほうがいいと思われ

>>440
属性セレクタ([〜])ってIEは対応してないけどいいの？

クラスの先頭文字に数字使うなヨ。

ページ内のテキストボックスの文字を変えたいのですが

input { font-family : "cursive";　}

上記のように書くとINPUTタグすべての文字が変わってしまいます。
typeがテキストのものだけを指定することはできるのでしょうか？
ID指定で一つずつ変えていくしかないのですかね。

input[type="text"] { font-family: cursive; }
IEが対応してないけどね…

あと、cursiveは引用符で括ってはいかん。括るのはフォント名。

>>446
結局はクラス（またはid）で指定するしかない。
input.hoge { 〜 }
<input type="text" class="hoge" 〜>

IEはセレクタの記述で「>」とか「+」も対応してないんだよね…
とにかくM$には頑張ってもらうしかないな。

>>447
回答ありがとう。
IEでは対応していないのですね。残念。
IDで指定していくこととします。

>>428
分かりやすい回答ありがとうございました。
自分のCSSの知識の浅さが分かりました。
仕様書読み直してみます。
ありがとうございました。

セレクトフォームの三角の書いてある部分の色は変えたりできないのでしょうか？
スクロールバーの色を変えるように変えたいのですが無理なんですかね？
そんな説明どこにもないから無理と思いつつクライアントにやれといわれる罠。
すっきりしないので誰か教えてください。

>>451
ない

>>452
やっぱりそうですか！自信なかったのでｽｷｰﾘしました。ありがとう。

|abc|abc

のようにしているのですが、IEで見ると問題ないのにN6やMozillaで見ると
|の上に少し間が空いてしまいます。
|はborder-leftで指定しています。
font-sizeを大きくすると直ります。対処法などないでしょうか？

>>454
とりあえずHTMLとCSSを書いてよ

テーブルで「cellspacing="0" cellpadding="3"」をCSSにすると、どういうタグになりますか？
「border-spacing」で0を指定しても0にならないし、さっぱり分かりません。

cellspacingをCSSにするとborder-spacing。
cellpaddingをCSSにすると…すいません教えてください。

>>456
セルタグにpadding

border-spacingはIEが対応してない。
MacのIEはどっちも対応してない。

ありがとう！理解できました。

border-spacingがIEに対応していないんですか…。
border-spacingと同等のタグを探してきます…。

だからそれがcellspacing属性ちゃうんかい…
table周りのCSSは対応が追っついてないので
その辺はHTMLでやっておくれ

tableの代わりになるタグを発見したのでそれでいこうと思います。

http://www.motchie.com/article/multicolumn.html
↑の様なやり方です。

あー、tableからdivに全部取り替えるの面倒っぽい。

もう、なんとも言えんな

取り合うんじゃなかった…

すまんかった。俺馬鹿ですので。
普通にテーブル組みます。

そうしれ

>>461のサイトの
「TABLEに対応していないブラウザでは何も表示されない」は嘘だろ
がいしゅつだろうか？

DIVで右に2個、左に2個ボックスを作っていたんですが、右側の方がwidthの値を
設定しない（auto）と1文字ずつ改行されて縦書きみたいになってしまいます。
今はwidthを指定して回避してるのですが、これを文章の長さ分だけボックスの
横幅も自動調整出来るようにしたいのですが無理でしょうか？動作環境IE5.0です。
うまく説明できてないかもしれませんがよろしくお願いします。

>>467
言ってることはなんとなくわかるが、状況がわからん。
ダミーサイトでもなんでもいいので公開汁

>>467
macですか？

>>468
こんな感じです。伝わるかな…
右1右1右1 左1
右1右1右1 左1
右1右1右1 左1
左1
右2右2右2 左1
右2右2右2 左1
右2右2右2 左1
左2
左2
左2
左2
左側も□にしたいんですが…公開は最終手段で勘弁して下さい。

>>469
いえ、Winです。

半角スペースじゃダメなのか。全角でやってみます。

右1右1右1 　　　左1
右1右1右1 　　　左1
右1右1右1 　　　左1
　　　　　　　　左1
右2右2右2 　　　左1
右2右2右2 　　　左1
右2右2右2 　　　左1
　　　　　　　左2
　　　　　　　左2
　　　　　　　左2
　　　　　　　左2

idとclassの違いを教えれ！ください

>>472
とほほ逝け

って言うか、いい加減同じ質問ウザイな

ここって、こんなに人すくなかったけ？

>>474
初歩的な質問をするｱﾌｫが多いから
みんな嫌になって出て行ったんじゃない？

つーか、頼むからまず>>1-4あたりのリンクを参照してから
質問してくれ。

それ以前に右と左ぐらいわかるようになってください>>471-472

470-471の間違いね。

>>476
藁

なるほど、作り手側からみると裏返しか。

深いな

ディスプレイの向こう側でデザインしてるんかい
シュールな発想の>>479に１メセタ進呈

ボックス要素とインライン要素についてこれ以上ないぐらい
判りやすく教えてください。

そりゃ無理ぽ

インライン要素：ボックス（ブロック）要素の一部分で新しいブロックを形成しない

CSS的にはインラインボックス、ブロックボックスだな。
どの程度のことが知りたいのか判らないんだけど、最も近道なのは、
1.CSSを書きまくる
2.疑問が生じたら仕様書を見る
この繰り返し。そのうち身に付く。仕様書は>>3

>>485　に沿ってやってみるぽ。
ありがとうです。
verticalあらいん　指定時の位置に納得がいかないんです。

CSSむずいっすね。htmlはほぼ覚えたんだけど…。
CSSって詳しい人が少なそうですね。！
勉強頑張ります。

どこかで本を買って来たい。

夏ですねぇ。。。

<address>
作者:あああ
Email:[email protected]
</address>
これの左端をそろえたまま
画面の右がに持っていきたいのですが、
どうすればいいのですか？
その場合、右に1em分のスペースを開けたいのですが。

>>489
address { margin: 0 1em 0 60%; }
数値は適当に。

たぶん489は文字の長いほうの右端とボックスの右端の距離を
文字の大きさに関わらず1emにしたいんだろうとおもうんだけど
ちょっと試してみたけどできなかった。

>>491
ごめん意味わかんない。文字の大きさに関わらず、1emは1emだよ。
1emがどんな大きさになるかは文字の大きさに依存するけど。

読みなおしたら変な日本語だったかもしれない。

addressを含むボックスがあって
addressの幅はそれが含む文字から適当に計算されるようにしてほしくて
そのうえでaddressというボックスの右端とそれを含むボックスの右端の距離を
1emにしたいんじゃないのかな。

と489を解釈した。

>>489
addressに内容分のwidthをem指定するしかないかも。
それで float: right; margin-right:1em;
とすれば一応可能。

ついでに、margin: auto; に対応してないと駄目だけど、
width: *em;
margin-right: 1em;
margin-left: auto;
ってのが理想の方法ね。

address { position: absolute; right: 1em; }

じゃないか？Operaだとだめだが。

作者: あああ の後に <br /> なしでいいの？
左端をそろえたまま…っていうのはそういうことじゃないの？

>>494
float: right;
というのはなぜいるのですか？

>>498
IE、Moz、Opera対応のため。
本来の用法ではない

すいません。
質問させてください。
リンクの上にポインタを上にもっていくと、下線が上と下について、赤くなって、太い文字になって斜めになる
タグを教えて下さい。

下線は上と下には付きません

上につく下線・・・ｗ

>>500
タグじゃないです

a:hover{
text-decoration:overline underline;
color:#ff0000;
font-weight:bold;
font-style:italic;
}

すいません。
書き方が悪かったです。
ポインタを持ってくとフォントの上下にラインが入るようにしたいんです。

>>504
で、503で解決した？

>>505
タグの挿入をしてみたのですが、よく解りません。
どの様な形式で挿入すればいいのでしょうか？

あほか。死ね

>>506
>>3,4で勉強しなさい。

　釣　ら　れ　ま　し　た　ね

? ? ?
解りません。アホです。ごめんなさい。死んだ方が良いかもしれません。
すいません。
教えてください

死んだほうが良いです

>>510
たった五分で>>3-4を全部読破して理解出来る人間なんぞおらん。
親切な人が↓で簡潔に教えてくれている。

CSS スピード・ラーニング
http://members11.tsukaeru.net/msugai/web/tut/CSStut/

死んだ方が良いけど、教えて下さい。
お願いです。無知をお助け下さい。

>513
ID見せてくれたら教えるよ。

追記。
分かっていると思っていても
1. HTML とは何か
から読め。

放置する勇気。
夏なのでこれ重要

>>514
ID見せました。
お願いします

>>500氏
ＣＳＳなんで、タグと同じようにしても駄目なんだよ。
<head>〜</head>の間に以下のものを挿入

<STYLE type="text/css">
<!--
a:hover{
text-decoration:overline underline;
color:#ff0000;
font-weight:bold;
font-style:italic;
}
-->

あとは、<a>タグを使えば自動的に上下に線が付くよ。

あ、やっべ、上のミスね。

<STYLE type="text/css">
<!--
a:hover{
text-decoration:overline underline;
color:#ff0000;
font-weight:bold;
font-style:italic;
}
-->
</style>

これで出来ると思われ。

>>518
有難う御座います。
感謝致します。
いつの日かご恩をお返しすることを誓わせて頂きます。

>>518=519=520
(・∀・)

>>520
お礼言われるほどの事はして無いよ。
いつか、誰かの役に立ってくださいね。
んじゃ！

お前、同じような厨質問が殺到するようになったら
責任持って全部一人で捌いてくれよ。

500の質問に25レスも費やした。
このペースだと1スレで40個の質問しか出来ないじゃないか。
厨房質問に反応するな。俺も。

<div>要素につてですが

<div class=a>aa<div class=b>bb</div></div>

という風に指定しても問題ありませんか？
表示は自分が意図している通りになっていますが、</div></div>という
のは問題ないのでしょうか？

別に

オフラインでHTML + CSSのページを作り、NN7でチェック。
我ながら巧く出来たとニヤケながらアップロードして、
アップロードしたやつを開いてみたら、
CSSファイルが読み込まれないんですけど。

漏れなんか悪いことしたかなあ？

>>527
cssへのパスが間違ってるとか

>>528
いや、IE5.2MacやNN6.1だとうまく見える。
NN4.7でさえも、表示は滅茶苦茶にはなるが、cssは読み込めてるみたいだ。
NN7でも、他のサイトのHTML + cssなページは読み込めるのにな。
あ、.htaccessでCSSのファイルタイプの定義が必要なのかな？

>>529
その通りだと思う。
Mozilla1.0/NS7は、Standardモードの時はtext/cssでないCSSを読み込まないようになっているらしい。

>>530
あんた神だよありがとう！
でも、MIMEタイプだっけか？　書式忘れてしまった。
Google逝ってきます。

ブラウザによってCSSファイルを使い分ける方法ってあるでしょうか？
例えばIE5.5とN6以上で違うCSSファイルを使うとか。

>>532
JavaScriptでﾄﾞｿﾞｰ

>>533
ﾄﾞﾓｰ　Javaスクリプトスレいってきます。

>>533
わざわざJS使うこともないんじゃないか？

>>534
@import指定の仕方で色々工夫できるよ。あとはググって下さい。

DQNだけを拒否できるCSSってありますか？
グったところ、CSS４から対応するらしいんですけど

>>537
今だったら、環境変数 HTTP_USER_ALIGNMENT 抜き出してSSIででも分岐せ。
こういうのはCSSの守備範囲外だと思ってたんだけどな…。

>>537

body {
　　dqn:hidden;
}

嵐の前の静けさ……か？

いえ、台風一過です。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　と思いたい年頃

そんな>>541は17歳

俺も17歳だけど。
もうすぐ解禁で楽しみな年頃ですね。
店に言って「18歳未満は買えません」と言われたい

リンク部分をちょっと改良しようとして、
こんな風に指定したんです。

A{padding: 2px,3px; text-decoration:none;}
A:hover {border: 1px solid #009900; padding: 1px,2px; color:#009900; background-color:#99EE99;}

で、一見上手く行ったんですが、いざクリックしたら、、、
ttp://homepage2.nifty.com/satp/imgboard/img-box/img20020723181721.gif

、、、これって、どうにかして直せます？
変な質問ですいません。

border-width指定でなんとかできるかもしれない
もしくはborder-spacingで出来るかもしれない　どちらも全く自信がない

あのボーダーのプロパティなんて何を設定すればいいんだろう。

＞padding: 2px,3px
の「,」は要らん。

>>544
それはアウトライン。
IEのアウトラインは a 要素の padding-left 以外を無視するみたい。
（a を display: block とした場合は除く）

a に padding を取る以上は回避不可。
block化するか、そんなもん気にするなとしか言えない。

>>547
アウトラインともまた違う。
本当にoutlineなのはmacのIE5だけ。

>>544
スレ違いな回答かもしｒないが、、、、
フォーカスを消す
<a href="***.html" onfocus="this.blur()">

544です。
色々答えていただいてありがとうございます。
>>549さんの方法でやることにしました。

@importで外部スタイルシートをたくさん指定するとやっぱり表示が遅くなったりするんでしょうか？
自分の環境だとあまり変化が分からないんですけど。

vertical-align:middle を次々にネストして言った場合、
子要素がx-height分上昇していくのは、CSS仕様書的に
正しい動作なのですか？

正しい場合は内側のvertical-alignは
その直前のボックスを基準にmiddle位置をとる、という理解でOK？

ご教授頂ければ助かります。

>>551
そりゃ、レンタリング増えれば表示速度もそれなりに遅くなるでしょ。
でも、あんまり気にしないでいいと思う。

>>551

よほどのことがない限り特に問題はないけれど、サーバーが重くて
通信がタイムアウトしたりすると一部のシートが読まれないまま・・・
ということは経験ある。

>>551
つまり"たくさん"の程度によるって事だ。

効率良く分割してあれば、前に見たページのCSSファイルが
キャッシュされていて、逆に早くなる事もままあるかも。
しかし、いずれもあまり実感は無い。→早くも遅くも無い。

>554
そのサーバはやめた方がいいと思われ…

>>552
正しいと思われる。
vertical-alignのネストなんてやったことないんだけど、
親ボックスのベースラインがmiddleならそれを基準にするはず。

>>550
キー操作で飛べなくなるけどいいの？

h1 {
border-top-width : 1px;
border-bottom-width : 1px;
}

IE5.0なんだけど↑みたいにやってもボーダーが表示されないのはなぜ？
ネスケ4.7だとちゃんと表示されるんだけど。

>>559
border-style指定してないから。
N4の挙動なんか当てにしないこと

あーできた。どうも。

こういうのの解釈って仕様でちゃんときまってるの？
CSSの指定方法ってあんまりexplicitじゃないよね。

>561
>>3

NN4は問題外だが、IEもあまり当てにしない方がいい。

>>561
ちゃんと決まってる。ブラウザがその通りにレンダリングするかは別として。
border-styleの場合は初期値が none なので
省略したら当然枠線は表示されない。

もうひとつ質問。
h1のボックスの横幅がネスケ4.7だとh1の内容にあわせてちぢむけど
IE5.0だとブラウザの横幅にあわせて伸びるのだけど
どちらでも明示的にネスケ風にするにはどうしたらいいの？

>>561
後学の為に聞いておきたいんだけど、
例えばどういう所？

>>561
css勧告が君の言う仕様書にあたるが、それはexplicitだよ。
意味のわからねーこの単語のために辞書引いてやる義理はないが。

564分かる人いない？
widthをautoとかしてもだめだった

daremowakaranaikara kiero

>567
h1{display: inline;}
いろんな弊害が出るけど．

>>565
561 じゃないけど
「ユーザーエージェントはこの値を無視してもよい/〜として扱ってもよい」
とか書いてあるとちょっと泣ける。

CCSについて教えてください
ｔｔｐ://www.cityfujisawa.ne.jp/~zion/about.html

>>571
Card Captor Sakura?
多分typoだとは思うが、ここ↓へ逝け。

http://comic.2ch.net/sakura/

>Internet Explorer 6.0
>NetscapeNavigetor 4.x以降
>CCS、Javascript：ON

あほか？

CSSでレイアウトすると　なんかMac版IEの表示がいやに遅くないですか？

>>569
それをやるなら
<h1><span>hoge</span></h1>
でspanにプロパティかけるほうがマシ
おそらく背景色とかボーダー絡みでしょ

>576
何で？
僕がそう書かないのは意味のないspanが気持ち悪いからだが．
cssと関係なさそうならstrictスレででも回答よろしく．

>>569
ところで、h1{display: inline;}で出るいろんな弊害って、具体的には
どんなのですか？

レイアウト中に

*{border:navy thin solid}

とやって、終わってから消すと,

position;absolute;

で指定していた部分が激しくずれた。
どうやらborderを"none"でなくしかも0px以上ないと
親ボックスが認識されない模様。
プレビューにIE6使ってたんだけど、

これは仕様?それともIE6のバグ?

/**/

>>578
ブロックボックスとインラインボックスは整形方法が全然違うじゃん。
display:inline; にしたことによる変化がごく当然の結果でも
解っててやってるわけでなきゃ弊害と一緒、ってことでしょ。

>>579
そうです。

MACのIEで見るとどんな感じかが簡単に動作確認出来るような
winの為の解析サイトorチェックソフトって有る？？
まんが喫茶のMACで動作確認したら最悪表示で鬱。

>>583
マルチポストうざいよ、夏の人

Macを買え、そしてリンゴの収益を上げてやれ。
もう少しまともになる何もかもが。

……マクド行ってアップルパイ食ってこよう（ﾎﾞｿ

HTMLファイル内に直接CSSを書くとき、

<style type="text/css">
<!--
h1{color:red}
-->
</style>

みたいに<!--／-->でコメントアウトしますが、これをしないと
影響が出るブラウザを具体的にご存じですか?

CSS非対応ブラウザは全部影響出るでしょ

ＩＥ３，ＮＮ３以前だっけか？

あとi-modeとかテキストブラウザとかいっぱいあるんじゃない。

IE3は一応対応してたような。確認できないけど

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

<style>が何かを知っているブラウザであれば、スタイルシートの表示には
対応していなくても「</style>までは俺には関係ないな」と無視しますよね。

実際、今Lynxを入れてみたらどうやらちゃんと無視してくれたようでした。
あとiモードブラウザ「iモードTool」で501系の何機種かを見てみたところ、
これもうまく無視しているみたいです。

念のためコメントアウトしておくにこしたことはないのでしょうが、もうあん
まり気にしなくてもよいのかも、と思いました。

フロントページを使っているのですが
ＨＴＭＬマークアップにリンクをつけると
必ず枠がついてしまいます。
枠を消せるタグはないでしょうか？？

>>593
(　ﾟдﾟ)ﾎﾟｶｰﾝ

>>593
ありません。HTML の正しい書き方を覚えるか、
数万はするホームページ作成ソフトを買いましょう。

とか言ってみるテスト。

えー。無いんですか？
ってか間違ってるんですか。
じゃぁいいや

５９３のいってる意味がわかりません。
俺があほなんですか？

>>597
画像に枠がついちゃうよって話しですよ。

>>598
じゃあスレ違いです。他逝ってください。

>>593
タグとか言ってる時点でスレ違いだな。

え。ごめんなさい。

｜ＨＴＭＬマークアップにリンクをつけると
｜必ず枠がついてしまいます。
｜枠を消せるタグはないでしょうか？？
というのは画像にリンクを張ったときのことか・・・（やっぱりｗ

あと、お前あげんな。かちゅ〜しゃの折れには関係ないけど。

HTMLマークアップねぇ。
「　HyperText M a r k u p Language マークアップ　」か・・・
　　　　　　　　　~~~~~~~~~~　　　　　　　　~~~~~~~~~~~~

とりあえずその枠がついた状態のページをどこかにアップしてよ

>>602
SCSIインターフェース　みたいなモンだな。
SCSIが何でスカジーか納得できないけど（ｗ

border:0ってのはいっちゃだめ？

#たぶｎかぶってんだろなぁ・・・

text-decoration: none

じゃないの？

ネカマに無視がたかり始めました。

マイハニーイズリアルグッドセンスウーマンへの
ハッピーバースデープレゼントフォーユーピクチャーは
>>199の画像にオレンジの筆で
一枚一枚葉っぱを手書きすることにキメたぜーーー！！！
さすがノリノリのヤリヤリのチンチンの俺だろ！！！
こんなあったかい画像見たことないってぐらいのもん作ってやるぜーーー！！！
よーーーっし！！！これで間違いなくマイハニーイズリアルグッドセンスウーマンの
マンピーのGスポットゲットだぜーーー！！！鼻血ぶーーーー！！！

激しくﾜﾗﾀ

>>609
すみません。iframeが非推奨なのですが。
かわりにdivとかに読み込んだりできるのでしょうか。

うむ、個人指名だ
ちゃんと609は答えてやれよ

objectでなんとかしる

質問します
背景画像を繰り返しつつ、固定する方法ってできますか？

質問します
ピストン運動を繰り返しつつ、中出しする方法ってできますか？

>>614
できますよ

>>613
background:fixed url(＊＊＊.jpg)
repeat
これではできんかった…

>>616
できるぞ？

ほんとだ、プレビューだと一緒に動いていたけどできました。
ちなみに６１６もわたしです。
取り越し苦労でした。
すみません。

他スレでも質問してみたんですけど・・・以下こぴぺです。

winのIE6で作ってるんですけど
スタイルシートでBODY{background-position}をピクセルで設定したものを
MacのIE5で確認したら微妙にbackgroundイメージ画像がずれてました
何が悪いんでしょうか・・・

bodyのmarginとか

>>579に分かりやすい回答プリーズ

bodyのマージンは
<body>タグの属性で
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">と
指定してます。。

>>622
それは仕様外だからスタイルシート使ったほうがいいよ。

あと、パディングも指定してみて。

ごめんなさい、具体的にお願いします。
BODYのマージンもCSSで指定ってことですか？
それとパディングはどこに書くんですか？

body{
background-color:#ffffff;
font-size:12px;
background-image:url(../images/xxx.gif);
background-repeat:repeat-y;
background-position:180px top;
}
このように設定してます

>>625

body{
background-color:#ffffff;
font-size:12px;
background-image:url(../images/xxx.gif);
background-repeat:repeat-y;
background-position:180px top;
margin:0px;
padding:0px;
}

0のときは単位省略可

backgroundのfixedってスクロールバーが無いタグでは
無視されるんじゃないんですか？

クセでいつでもどこでもfixedを付けていたんですが、
Netscapeで見たら、全部の背景画像が画面に対して固定されて
すごいことに・・・background-positionもずれてるし。

タグね、タグ

>628
タグの意味を履き違えている。ワケワカラン

>>629-630
わかんないなら黙ってていいよ。プ。

もしかしてnoscrollのことかな？
あれはスクロールバーが動かないだけで
マウスでやれば動くんだよ

ここはタグの質問スレじゃないよ

>>628
前半は意味不明。

後半は、このスレでも既出だがIEのバグ。
Netscape（6か7だよな？）の解釈が正しい。

>632の回答を見てやっと
『スクロールバーの無いタグ』の意味が解った……そういうことね。

質問です。

<hn>あいうえお</hn>

<hn>見出しの一文字目だけを大きくするにはどうすれば良いですか？
spanで毎回指定するのは面倒なので教えて下さい。

＃「あ」だけを120%にして「いうえお」を100%と指定したい

>>635
hn:first-letter { 〜 }

仕様書も読まない奴が本当に増えたな…

>>635
もしかして、インライン・スタイルシートしか使ってないの？
　cf.http://hp.vector.co.jp/authors/VA022006/css/adding-style.html
外部シートなら、いちいち毎囘指定せずに済むのに。
ま、first-letter擬似要素を使用するとか。（但しMacIE5で文字化けするかも）
　http://hp.vector.co.jp/authors/VA022006/css/selector.html#pseudo-elements

読むやつのほうが少ないと思われ

たまには読め。きっと発見があるだろう。

プリントアウトして電車の中で読め。

それだとただの基地外になってしまうので、
分からないことがあったら仕様書を辞書代わりに引け。
目次のページをプロパティ名で検索するだけだ。
何も難しいことなんか書いてない。リア消でも多分理解できる。

で、対応状況はZSPCやLaboratoryで勉強。

仕様書見て楽しんでいる漏れは逝ってよしですか？

仕様書見て「これだ！」と思いついて、
IEで確認して(´･ω･`)ｼｮﾎﾞｰﾝ。

仕様書見ながら、CSS講座サイトみながら、ローカルでCSSをまとめるのも１つの方法。
時間が許すならば

>>635みたいな仕様そのままの質問は、答えるのやめようよ。
「下線消すタグ教えて下さい」ていうのと一緒だよ。放とこう。
なんでそんな質問を発端に10レスも費やすんだよ。

夏だねぇ

>642
>仕様書見て「これだ！」と思いついて、
> IEで確認して(´･ω･`)ｼｮﾎﾞｰﾝ。

ある。それある。とてもよくある。
「へえ、声の高さを変えられるんだ」とか（いやそれは嘘）

IE6の標準準拠モードでfirst-letter疑似要素が利かないんですけど、これってうちの環境が悪いのかな？
互換モードにすればイケるんだけど。

>647
こないだ同じことがあったよ。
書き方が悪いのかと思ったらNetscapeではちゃんと表示されるのね…
わしも理由知りたい

>>647-648
ｶﾞｲｼｭﾂなんだが、

〜:first-letter（ここに空白文字）{
}

セレクタと "{"（ブレース）がくっついてると無効になってしまう
first-lineも同様。

クラス、IDの名前にアンダーバーはつかえますか？

>>650
CSS1では使えないけど、CSS2では使える。

>>649
どうも。これってバグですよね？仕様だったりしたら笑うしかないんだけど。

だけど今度はfirst-letterにpadding指定したらIEが落ちるようになった。落ちるときと落ちないときがあるんだけど、よくわかんねぇ〜
これもｶﾞｲｼｭﾂ？

なんだcssだけでブラクラ作れるのか。初めて知った。

Appleのデザインポリシーってどうよ？
http://www.apple.co.jp/help/design/index.html

逝ってよしって感じです。

ブラウザのfatal errorは全部ブラクラなのか・・・
いわれてみりゃたしかにそうだけど。

>>654 スレ違い。
http://pc3.2ch.net/test/read.cgi/hp/1020575673

>>649
647-648じゃないけど俺も知らなかったので
空白入れるのを癖にしといた方がいいなと思ったんだけど

逆に空白入れるとダメなのってある？

>>658
ない筈です

@キーワード(charset, import, ,media, page, etc.)

とか。

http://www003.upp.so-net.ne.jp/cyberstyle/
漏れのサイトなんだが、どういう訳か、Cyber styleって文字の後ろの黒い帯が表示されない。
(全選択してくれればわかるが上の右端にCyber styleと白い文字で書いてある。)
>>4の検証サイトをしてみるとちゃんと認識されてるのに表示されない。
どこが原因か教えてください。
できれば修正したソースもキボン。

>>661
なんかめちゃくちゃだぞ？
fontで白を指定してるのにh1でcolor:black;

>>661
まずCSSバナー外せ。

h1 {
background-color : rgb(100%,100%,100%);
color : black;
}
これのどこが黒地に白文字なんだ。そんで、

<H1 align="right"><FONT color="#ffffff" size="7" face="ＭＳ Ｐゴシック">Cyber style</FONT></H1>
これは何なの。

追加：
http://www003.upp.so-net.ne.jp/cyberstyle/screen.jpg
↑こんな感じに表示させたいんだけど表示されない。

>>662
知識の少ない糞初心者なんで。
調べ方も悪いから解決方法見つからないんです。

>>663
了解。
はずしてきます。

まずCSSバナーをはずせ。おまえはCSSを勘違いしてる。

<H1 align="right"><FONT color="#ffffff" size="7" face="ＭＳ Ｐゴシック">Cyber style</FONT></H1>
を
<H1>Cyber style</H1>
として
h1 {
background-color : #000000;
color : black; #ffffff;
text-align:right;
font-size:150%;
}

>>666
失敗した。black;ってのはいらない。

あとはmarginとpaddingで自由にしてくれ。
あとセンター揃えはださい。

>>667
すいません。
h1 {
background-color : #000000;
color : #ffffff;
text-align:right;
font-size:150%;
}
はどこに付ければいいんでしょうか？

一から十まで手取り足取り

>>670
すいません。
馬鹿な糞初心者なもので・・・。
ご迷惑をおかけしてます。

ファイルをテキストエディタでひらくと
background-color : rgb(100%,100%,100%);
ってあるけどこれはタイトルの背景が白ってことだから。これを>>669みたいに直す。

どうでもいいけど英語もなんか変。

糞初心者1名様　>>4に書かれてるお勉強サイトにご案内〜

色んな方が来られて面白いですね
はい次。

>>659-660
ありがとう
660はちょい違うけど、やるとこでした

HTMLもわかっていなさそうな人が一匹…

list-style-positionの話じゃなくて、
マーカーと文字列の距離を調節するにはやっぱスペース入れるしかないのか？

○　　CSS、スタイルシート質問スレッド【8】
○　　CSS、スタイルシート質問スレッド【9】
　 ↑
ここのことな。少し広くしたいんだが。

text-indent使えよ。

あー、なるほど。サンクス >>678

marker-offset は結局実装されぬまま消え去る運命なのか…

>>680
1. :beforeに対応する。
2. display:markerに対応する。
3. marker-offsetに対応する。
と壁は厚い。

list-itemよりも詳細なコントロールには必須なんだが、
Mozillaですらあの体たらくだからな。

お陰様で解決しました。
ありがとうございました。

>>676
ソフト使ってたもんでHTMLなんて捨ててました。
お陰で少ししかわかってなかったので・・・・。
ご迷惑をおかけしました。

>>682
ばっかやろう、ソフト使うならなおさらHTMLを勉強しろ！

text-indentってどうなん？
おれはいつもpaddingでやってしまうんだが。

classの中でclassを使うにはどうしたら良いですか？
<div class="hogehoge1">
<p class="hogehoge2">
</p>
</div>

こんな感じにしたいんですが　お願いします。

>>685
ごめん、意味がわかんない。

すいません

div.hogehoge1{
text-align: center;
}

p.hogehoge2{
color: red;
}

として

<div class="hogehoge1">
<p class="hogehoge2">
</p>
</div>

とするとhogehoge2のcolor: red;が適用されないんです。
解決策おながいします

>>687
そんなはずない。もっぺん見直してくれ

>>678がさくっと答えてくれたと思ったら、できないのよ。
text-indent使うとマーカーも一緒に下がっちゃうんだよね。

やっぱだめなのか？

font-sizeが「1.2em」と「120%」と「large」の文字をIE6で
表示すると、それぞれの文字のサイズが微妙に違う。

しかも「表示」−「文字のサイズ」の設定を変えると、それぞれの
文字サイズの比が変わる。
（「小」だと1.2emの文字サイズ＜120%の文字サイズ、なのに
「大」では1.2emの文字サイズ＞120%の文字サイズ、になる）

なぜなんでしょう?　表示フォントの問題?

>>690
http://pc3.2ch.net/test/read.cgi/hp/1025351897/437

かな？

>>689
list-style-positionをoutにしてもか？

>691
参考になる書き込みをわざわざ掘り出してきていただいて恐縮です。
ttp://www.ybi.co.jp/koike/qa1500/qa1780.htm
↑こちらの内容が参考になりました。

IE6では、body要素にfont-size:100%をしておかないと、その子要素での
1emのサイズは保証されない、という感じでしょうか。ありがとうございました。

>>692
list-style-positionはデフォルトでoutsideだと思うんだけど、
念のため指定してみたが駄目だったな。‥なんかないもんかね。

>>694
時に、君は一体何でそんなにリストマーカーの場所にこだわるのかね？
backgroundを使うと言う手もあるのに。

マーカー画像の余白部分で調整するとか・・・

>>696

補足：余白を画像に取り込むということ。（透過にするとか）

‥いや、それじゃスペース入れてるのと変わらないでしょ(; ´Д｀)

>695
backgroundをどんなふうに使えばいいんだ？

それか、
<ul>
<li><p class="fuck">hogehogemogesageageunnko</p></li>
</ul>

として、
p.fuck {padding-left:xxx}
でいんじゃない？微妙に逝ってること違う？そうか・・・ならいいんだけどさ

ul p {padding-left:100em;}
とかさ・・・

とりあえず↓のようにしてみてはどうだろうか。
p.fuck {
padding-left: xxx;
}
的確な場所で半角スペースをして;で終わる。と。

>>698
横レスだが

li{
list-style: none;
background: url("marker.png") left center no-repeat;
padding-left: **px;
}

みたいに。
神経質な人はこうしてるようだ。

>>698
繰り返して貼付けずに一個だけ表示させる方法は知っているよな？

おいお前ら。‥今思った、ってゆうか試してみたんだけど、実は

li{
padding-left: 10px}

だけでいいんじゃないんですか？‥正直、騒がせて悪かった。

何だ。IEとMozで距離が違うとか、そういう話じゃなかったのね…

>>701だが>>702とかぶったぁぁぁ？！？！
結婚だな（ふ

701が自作自演で調子に乗ってｷﾓいんですけど

702だけど、何言ってるか判んなくてｷﾓｲので透明あぼ〜んしますた。

709だけどこのスレ気味悪いと思います

７１０だけどこのスレでティンティン立つと思います

701だけど俺のおかげでスレの方向修正できたな。
礼はいらんぞ。

712ですが夏ですね

>>1=>>7ですが、透明あぼ〜んしたものにはレスしないでくださいね。

714ですが、ネタスレ化ですね。

↓↓　次から何事もなかったかのように再開　↓↓

←↑何語かわからなっかったように再開↓→

IE6で imgの altテキストの大きさってcssで調整できないもんですかね？
色は img{color: ...;} で変わったけど．
（文字サイズ最小だと）alt の文字が小さすぎて読めん…

>>717
試してみたけど無理っぽいね　どうやってもならないから無理ですな

おい、お前ら！大変なことに気付きました！
<STYLE>
<!--
.div1 {
border: 2 dashed FFCC00;
padding: 25;
width: 220;
background: url(back.jpg);
}
-->
</STYLE>

たったこれだけを正しく表示できないNetscape6って
もしかしてウンコチャンなのですか？
もうCSSなんて勉強する気がなくなりますた…
PNGと同じで、いつまでたっても「まだ早い」んですね…

>>719
お前が糞。
1から勉強しなおせ。

>>719
頼むからもうちょっとまともなCSS書いてくれ。
ていうかValidator通せ。

>>719

<STYLE>
<!--
.div1 {
border: 2px dashed #FFCC00;
padding: 25px;
width: 220px;
background: url(back.jpg);
}
-->
</STYLE>

たったこれだけでさえ正しく記述できない >>719 は
もちろんウンコチャンなんだが
IE がアレなお陰で >>719 みたいなのは絶対にいるんだよね…
CSS が >>719 には「まだ早い」のはその通りなんだが…

ひとつのページ内（ひとつのhtmlファイル）のなかに
複数のテーブルを作った場合
それぞれのテーブルにちがうスタイルシートを
適用させるにはどうすればいいですか？

具体的には背景カラーを変更したいです。

　

>724
セレクタにクラスを使う、など。超基本技だからヒヨコ向けお勉強サイトなら必ず出ていると思います

>>724
idかclassをつかう

どうもありがとう。
逝ってきます。

まぁあれですね。黒い背景にしたかったら

class="black"

とでもしといてスタイルシートの方に

.black {
background-color: black;
}

という風にやったり。

>>729

＞class="black"
こういうラベリングは、出来る限り避けたいものだと思う今日この頃。

>>717
IE6はわからんけど、Mac IE5.14では


<style>
hn{font-size:3em}
</style>

<body>
<hn><img src="717jpg"></hn>
</body>


でデカくはなります。

.red{
table{border:solid 1pt #000000;
background-color:#ff0000;}
th{border:solid 2pt #000000;
background-color:#000000
color:#ffffff}
td{border:solid 2pt #000000;
text-align:center}
}
以下.yellowが続く
ではだめですか？

ありがとうございました。解決しました。
寝不足なんでぼろぼろですた。

.red{background-color:#ff0000;}
.yellow{background-color:#ffff00;}
table{border:solid 1pt #000000;
}
th{border:solid 2pt #000000;
background-color:#000000
color:#ffffff}
td{border:solid 2pt #000000;
text-align:center}
}

つ
｜
か
CSS
な
ん
ぞ
使
う
な

>>735
ヴァカを発見しました。

お昼たべて見直したらめちゃくちゃでした。(´Д⊂

で、テーブル縦に並んでるんですが
横にならべるにはどうすればいいでしょうか？
おねがいします。

＜ブロック＞
＜ブロック＞＜/ブロック＞
＜生テキスト＞
＜/ブロック＞

生テキストの部分だけ、左にマージンつけるという指定は、CSSでどう指定するのか教えてください。

>>737
言っていることがよく分からんが、
普通にhtmlで<td></td>のあとに<td></td>とやればいいじゃん。

<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

こんな感じで。違うか…

>>724
730の発言読んだか?

.red{background-color:#ff0000;}
.yellow{background-color:#ffff00;}

という書き方は良くない。
背景色を変えたくなったときに、属性まで変更するはめになる。

>>737
float
意味や値の設定のしかたは>>3-4のサイトでも見て自分で調べれ

>>738
<ブロック>
<ブロック></ブロック>
<p>生テキスト</p>
</ブロック>

ブロックってのがどんな要素意味してるのかしらんけど、
テキストを<p>で囲ってpにマージン設定しる

説明不足でした。すみません。
>>740
便宜上です、実際のと違います。。
>>739
<table></table>　1ｺ
<table></table>　2ｺ
ってことです。
htmlならなにもしなくても横に
ならんでたんですが。。

>>738

ブロック{
margin:
}
/*これが「ブロック」直下、つまり「生テキスト」部分*/

ブロック ブロック{
margin:
}
/*「ブロック」内の「ブロック」*/

こうすればそれぞれ別々にmargin設定できるかと。

>htmlならなにもしなくても
寝不足です。

<div>
<div></div>
テキスト
</div>

テキストを囲わないと無理なのでしょうか。


もう一つお願いします。
<p><div>テキスト</div></p>は違反です。

pにCSSでなにか属性を与えて違反取り消しにならないものでしょうか。
blockk:inline系と少し違うようですし。

あれ？745がどのレスへの返信かわからないですね。
745は741と743宛てです。

>>740
おれもそう思う。俺がCSSを初めてやったとき
自分にわかりやすいようにやってた。(blackとかね）
今も面倒だからそのままにしてある。今度変えておくか。

でさ、どんな風に名前付けてる？
テーブルで囲ってあるコンテンツの所だったら.contents-tableとか？
まー、blackとかの名前だと、普通にhtmlに#000000ってのと変わらんな。
色変える時はwhiteとhtmlの方に打ち込むんだし。

あぁ、最後の分を修正。
"もし白色にしたくなったらwhiteとhtmlに打ち込む"です。

>>745
少しはstrictと言う言葉について調べた方がいい

ヽ(´Д`)ノ　＜ｲﾔﾀﾞｲﾔﾀﾞ放置ｼﾁｬｲﾔﾀﾞｲﾔﾀﾞ!!!
　 （へ　）ヘ
流れちゃったみたいなんで申し訳ないですがもう一度
<table></table>
<table></table>
としたら縦に２つ並んでしまいました。
横に並べるにはどうすればいいですか？
おねがいします。

>750
>>741見たか？

>>745

>>743は「テキスト」の部分を囲わない方法だよぉ・・・

つーか、すでに囲まれているから、それを利用するということ。

＜ブロック＞
＜ブロック＞＜/ブロック＞
＜/ブロック＞

と

＜ブロック＞
＜生テキスト＞
＜/ブロック＞

がすでに存在してるのと同じなので。

>>750
>>741

>>750
テーブルレイアウトをしたいのならCSSを使うのはやめろ

もし「strict死ね」が信条ならテーブルを入れ子にする事で問題を解決しろ

>>750
少しはtableと言う言葉について調べた方がいい。

<table><tr><td><table><tr><td></td></tr></table></td>
<td><table><tr><td></td></tr></table></td></tr></table>

>>751
>>753
ｹｺｰﾝ!!
39!
ありがと。

リストを段組的に表示したいんだけどＣＳＳだけでできるかな?つまり
1 aaa 4 dddd 7 gggg
2 bbb 5 eeee 8 hhhh
3 ccc 6 ffff
みたいなかんじ。べつに
1 aaa 2 bbb 3 ccc
4 ddd 5 eee 6 fff
みたいになってもかまわないんだけど。
リンク集なんだけど縦方向ばかりに並ぶと下の方が見にくいし、
{display: inline }だとつまりすぎて逆にみづらいから。
inlineとwidthを組み合わせればいいのかなと思ったけどうまくいかなかったので
教えて下さい

>>754
たまたまテーブルでおもしろいアイデアがあっただけで
あまりテーブルを多用するひとじゃないです。
サイト大幅変更に伴いcssを覚えようと思ってるンで。。
>>755
便宜上です。

>>752 >>745
divでマージンつけると、テキストと一緒に、div divまで右に寄っちゃうよー。

>759
テキストを<p>なり<span>なりで囲むのは駄目なのか？

>>759
おまえ様も>>4のお勉強サイト見てきて、classっていうの覚えてきて下さい

>>757
ここのサイトのソースを参考にしてみれば？
http://haruno.fam.cx/~sawatari/brave.html

div厨に「CSS使ってます」と言われるのほど屈辱な事は無い

>>759
はい、<p>とかで囲いたくないのですはい。。。ニヤリ（ー￥ー）

>>763
って漏れのことなのかなあ.oO(？？？？)

>>764
もうお前テーブル使えよ

div酎がtable酎になることほど屈辱なことは無い。
JavaScriptでTextNodeとかあったので聞いたのですはい。。。ニヤリ（＝￥＝）
みなさんありがとうございました。ニヤリ（3￥9）

いったい何があったの？

（´д｀）ニヤリ・・・

夏休みの宿題をしているんだよ…

(´Д⊂　ニヤリ・・・

なんだ、知障か

/*CSS初心者及び知障専用スッドレ*/を立てるべき時期なのか…

　　　　｜
　＼　　 へ　／
　　　／＿ ＼　＿
　＿ ＼／ ／　　　　　　⊂⌒⌒⌒⊃
　　　　　／　＼　　　　　　　￣　￣
　　／　｜
　　　　　　　lヽ　, −､ , ' l　　　　　　　 ,. - ― -　.　　　⊂⌒⌒⌒⊃
　　　　　　　ｌ　 ＼n／　｜　　　　　　'　　　　　　 ｀ヽ　　　 ￣　￣
　　　　　　, ´　 ￣　￣ ｀ヽ　　 　 .´ /__／/　　| _l__ ｀.
　　　　　 .　　／,　 　 ､ 　 丶　　.'　/／｀　　　 ﾍ ＼　i
　　 　 　 i 　/ /　 |　､ ＼　 ｀,　 l　 . ,−､　　 ,−､　　 l
　　　　　 |　l , −､ l　 , − ､　i　i　 l　　 ｒ――┐　 i　 l わーい夏休みなのれす
　　 　 　 !　!　,,　　 ____　 ,,　ｌ｜ l 　 、　 ､_____ノ　 / 　 l 知障ってなんなのら？
　　　 　 ﾉ　 l､　 　 ､__ﾉ 　 /| l　 .　　 ゝ┬‐-‐┬く 　　 | あちょぼあちょぼ
　 　 　 .'　　!　｀_ｰ----‐´　| ｌ　　､／ l　L______」 l ＼　Ｆl
　　　　i　∧ |（°ヽ,―┘ﾄ､ ｌ |　／ 　 l 　 　 　 　 |　 ヽl l
　　　　l　l　l l .ヽ_　⌒`っ　 i l､/　 ／ |　　　　　　 |＼　）､
　 　 　 ､ i　!|､　　　)　 ﾉ　　ｖ_ )ｰ' _　├―――‐┤./l　　l
　　　　　ヾ　/ ｰ‐ ' ｰ '　　　 l　　,。。､l　　　　　　 |　 |＿_|
⌒⌒⌒⌒ /　　　　　　 　 　 |⌒ｌ::ヮ::::ｌ　　　　　　 |⌒| 　 |⌒⌒⌒⌒⌒
　　　　　　 ` ｰ┬‐┬┬‐┬┘　､:::::::::し,　 ハ 　 ｜　ｌ＿_l
　　　　　　 　 　 ｰ‐'　 ー‐'　　　 木木´ｰ‐' 　 ｰ‐'

◆■◆■◆■◆■◆■◆■終了◆■◆■◆■◆■◆■◆

□◇□◇□◇□◇□◇□◇再開□◇□◇□◇□◇□◇□

リストでdisplay:inline;のとき、リストマークが消えちゃうんですけど、
こういうもんなんですか？

教えていただいた
http://haruno.fam.cx/~sawatari/brave.html
を研究したところ　float:left　+　width を使えばいいことがわかりました。
ありがとうございました。

ありがとうございました

いきなり過去ログにありました。すんません。

CSSでしか出来ない事のみCSSを使ってくれ
それ以外の方法で出来る事はやるな

s/CSS/HTML/

paddingの指定はいつも「padding:x x x x」の書式を使っているのですが、
「padding-top:x」や「padding-right:x」で指定するほうがよい場面って
あるのでしょうか?
特定の方向だけpaddingを指定し、ほかのpaddingはブラウザにまかせる、
というのは中途半端な気がします。

paddingの値が継承するのであれば、特定の方向のpaddingの値については
親要素を参照する、というような使い道があるのでしょうけれど…

お知恵を貸して下さい。

例えば、 <p> と <p class="hoge"> がある場合に
　p { padding: x x x x; }
　p.hoge { padding-top: x; }
みたいなのはあるんじゃん？

>781
ナルホド、確かに。複雑なCSSを書いたことがないのがばれてしまった。
レスありがとうございました。

>>738
何でみんな教えなかったんだろう…。
marginに負の値が使えることを。

>>783
http://www.w3.org/TR/REC-CSS2/box.html#margin-properties
> Negative values for margin properties are allowed, but there may be
> implementation-specific limits.
なんともグレーゾーンな記述だから、使いたがらない人もいるのだろうと思う。

>>778
strictだと無理です

>>778
専門スレでイカれたこと言うな
腐れ初心者よりタチ悪い

>>775
そういうもんだと思う。
display: list-item; 以外ではリストマークがつかない。
list-style-type 指定できるのも list-item だけだし。

>>787
そこら辺は実装依存なのでは。

>>788
実装依存じゃないだろう。
display: list-item 以外ではリストマークがついたらダメ。
IEだとか、NN4の挙動が間違い。

>>789
ほんとだ。
資料も見ずに適当なこと書いてすみません。
XULではlist-style-imageでアイコン画像を指定してたので、そういうものなのかと思ってました。

CSSを使ってスクロールバーを画像に差し替えたりすることはできますか？
あらかじめ画像を用意しておいて、Win IEでもMac IEみたいなスクロールバーにするとか。

そんなん出来るようになったらこの世の地獄だろうな

>>791
無理。

>>791
JavaScriptとかFlashで擬似スクロールバー

cssで使う、*とhtmlは同じですか？

ナンノコッチャ音頭を踊りたいです

セレクタに*を使うのとhtmlを使うのは同じかという意味では

だから、それがなんのこっちゃっていってるんだよ．ヴオケェ

これが一緒かということか？

*{xxx: oooo}
html{xxx: oooo}

<html>に直接スタイル指定するのと
<style>の中で*にスタイル指定するのと、か？
実験してみたが、全然違うみたいだな。

後者は何重にも適用される。

>>800
「〜みたいだな」なんてあてずっぽで結論出してると
思い通りにならない時に解決できないぞ。仕様書嫁。

>>800
cascade で辞書を引け。

http://www.lucent.com
↑のメニューってレイヤーの表示と非表示でできてるんですか？

>>803
知るか。

CSS2のセレクタについて。

<div class="hoge>
<h2>見出し</h2>
<p>逝ってよし！</p>
<p>以上。</p>
</div>

上記の構造で「逝」を指定したいのですが、どのような記述をすればいいのでしょうか。
文書によっては見出しレベルが変わったり、見出しがなかったりするので、うまい方法が思いつきません。

div.hoge > p:first-letter {.....} だと、2つ目の<p>の「以」にも適用されてしまいます。

div.hoge > p:first-child:first-letter {.....} だと、

<div class="hoge">
<p>逝ってよし！</p>
<p>以上。</p>
</div>

の場合にうまく「逝」だけに適用してくれることは確認できたのですが。
当然、<p>の前に見出しが入ると適用されません。
<p class="..."> とか <span class="..."> とするしかないのでしょうか？
エレガントな解答をご存知のかた、ご教示くださいませ。

div.hoge h2 + p:first-letterだろ。
子セレクタを知っていて弟セレクタを知らんのは何故だ？

　（;´Д｀）　　ｽﾐﾏｾﾝｽﾐﾏｾﾝ
　（　 八)　　　>>3-4ﾐﾃｷﾏｽ
　　　〉 〉

>718
ありがと．やっぱそうなのか．altテキストのレンダリングは実装依存なんだろうね．

>731
やってみたけどIE6ではダメでした．でもありがと．

>>806
それが、h2じゃなくてh3になったりh4になったりもありえるので…。
かと言って、 div.hoge * + p:first-letter だとマズそうですし。
（abbr とか a など入ってくる可能性がありますし）

<p id="firstline"> などとするのが適当なんでしょうか？
name属性やid属性は、なるべく避けたいところなんですが…。
そもそも文書構造が現実的でないのでしょうか。

>>809
h2+p:first-letter,
h3+同上,
h4+同上{ }
とすれば済むことではないの？

>>809
とりあえず
div.hoge > p:first-letter で指定して、
２つめ以降のpについて
dvi.hoge > p + p:first-letter [ 〜 !important]
で表示を戻すように指定して回避するとか。

>>810
>>811
ありがとうございます。811さんの方法でやってみることにします。
どんな場合でもきちんと元に戻せるかどうか、私の技量では難しいかもしれませんが。

ところで !important って、ユーザースタイルシートを最優先させる「おまじない」ですよね？
この場合、どういう効果が期待できるのでしょうか？

>>812
スレの最初の方で紹介されている解説サイトを読んで下さい。

セレクタの　+　だとか > あたりはもうIEで使えるのか？
ずっと避けてきたんだが。

そんなにデザインに凝っても誰も見てませんよ

>>814
もちろん使えない。次期バージョンでもどうなるか判らない。
>>812がそれを知ってるかどうかも判らない。

>>803
気になって調べてみたら、
http://www.milonic.co.uk/menu/
のナビゲーションメニューみたいです。（半透明なんて初めて見た。）
ここで調べれば色々分かるかも。
DHTMLなのでスレ違いになりますが、おもろいモノ教えてくれて有難うござます。

セレクタのhtmlとはどういう意味ですか？

>>818
htmlという名前の要素に適用される
>>3-4読め

>>813
リファレンスや解説は読んだのですが、スタイル適用の優先順位が変わる
ことで、どういう効果（メリット）があるのか分からないんです。
全てに !important を付けるならともかく、一部に付けても色が見づらく
なったりするんじゃないかなーと。私、勘違いしてるんでしょうか？

>>814
>>816
知ってますよー。あくまでCSSはスパイスみたいなものだと思ってますから。
最大シェアのIEでの見栄えがどうだとか、それほど気にはしてません。
致命的なエラーには、めんどくさくない程度には対処するよう努めますが。
（font関連プロパティの継承がおかしいところとか…）

あまり振り分けとかに手間かけたくないです。
それじゃ昔の「IEとNNでHTMLを2種類用意しろ」なんてのと変わりませんし。
新仕様に対応しなくとも、せめて変な解釈をしないで欲しいものです。

>>820
ポカーン・・・

>>820
> 最大シェアのIEでの見栄えがどうだとか、それほど気にはしてません。

じゃあ一体どうしたいのかと小一時間通い詰めたい。

>>820
>あくまでCSSはスパイスみたいなものだと思ってますから。
・・・

CSSはスパイスみたいな脇役ではない
立派なメイン料理だ
っと言ってみるテイスティング

>>820
(　ﾟдﾟ)ﾎﾟｶｰﾝ

いや、脇役は脇役でしょ

>>826
まあWebページ全体を構成するものとしては脇役だけど、
ページレイアウトの手法としては、リンクの色を変えるためだけにしか使えないというような脇役ではない。

脇役次第で劇の出来は変わってくるそうですが何か？

もう例え話はいいから

どうも、浅学の身にありながら偉そうな物言いですみません。いや本当に。
!import も理解していない初心者が何を言っとるか、と思われたのであれば、
確かにその通りです。謙虚さが足りず失礼しました。

>あくまでCSSはスパイスみたいなものだと思ってますから。
CSSの意義を軽視しているわけではなく、「単体では料理として成り立たない」
けど、使い方次第で様々な味付けができるもの、という意味での発言でした。
書き方が悪かったですね。すみません。

>>822
自分のイメージするものを正しいCSSで記述したいと考えているのですが、
それを現行のブラウザがイメージ通りに描いてくれるかは、それほど気にして
いないということです。
後でもいいから、きちんと対応してくれたら嬉しいなあ、ってところです。

要するに、ブラウザへの対応を気にしすぎては、標準仕様を採用する意義が
薄れるんじゃないかと思っての発言です。

>>821, 823, 825
文章表現の稚拙さゆえに誤解を招いてしまったのか、それとも私が勉強不足の
ために何か大きな勘違いをしているのか、気になっています。
よろしければご指摘ください。

助言を下さる皆さんには感謝しております。ありがとうございます。

仕様通りに書いても少なくとも１つの現存するブラウザで意図通りに描画されなきゃ意味ないんじゃないの。

私が不適当な喩えを用いたせいで、お騒がせしたようで、申し訳ありません。
これ以上はスレッドの主旨に反すると思いますので、これにて失礼します。

まぁアレだ、一応マジレスしとくと、いつ完全対応されるかわかんない標準仕様を採用するより、
今現在数十億の人間が使ってるブラウザで意図通りに表示される方がいいんじゃないかと漏れは思っていますか。

みんなが使ってるブラウザに合わせるわなぁ。

でもNN4.xはまじでやめてほしいね。
いつまでverｳﾌﾟしてんだろうな…アレ。

標準仕様に則った記述を行うのは当然として、
兄弟セレクタなどのように一部のUAでしか実装されていない技術はなるべく使わず、
対応度の低いUAであっても表示できるよう、より多くのUAが対応している手法（クラスセレクタ等）で代替する。多くのUAが対応しているプロパティのみ使用するように心がける。
また、一部のUAが実装に問題を抱えているならば、必要に応じスクリプトやシートの記述等で振り分けを行う。
スタイルシートを実際に使う上では、このような苦労は避けられない。
残念なことだが。

>>833
今だけのことを考えたらな。

実際にブラウザがCSSで示したとおりに動作してくれないと動作の確認の使用が無い罠

>>836
いつ標準仕様が完全に採用されるかの見通しがないうちは、
現行の最大手にあわせるのが無難なんじゃないかと思っていませんか。

複数のテーブルを順次右側に表示させたくて
table{border:solid 1pt #000000;
float:left;}
と、設定したんですが
3番目のテーブルがサイズが大きいので
下側にまわりこみます。
横に並べるにはどうすればいいですか？
おながいします。

table段組みがいいと思います。。まじで。

>>840
table段組とは？

テーブルをテーブルで囲めばってことじゃない

>>842
そうすると、また細かく設定しないといけなくなるんで
他の方法おながいします。

というかテーブルを含むボックスのwidthを十分なものにすればいいのではないの。

>十分なもの
　収まるサイズにってこと？
そうしたくないんです。

？
じゃあ理論的に無理じゃん。
テーブルの横幅合計よりも親ボックスの幅のほうが狭いんでしょ。

ボックスのwidthとテーブルのwidthを勘違いしてました。
すみません。
で、ボックスのwidthとは？
いま現在<p>とか<div>とかで囲んでません。
それぞれのtableに対してclassをつけてます。

それなら多分bodyの幅でしょ。

bodyに対して幅を決めるような要素とかつけてないんですけど。

divで囲めばいいじゃん。

ｱﾌｫですか？

>>850
divで囲んでも変わらないです。

divは万能ですが何か

bodyにwidthって効かないのか。
それはともかくdivで囲んでdivにwidthを設定すれば出来るはずだけど。

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

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

Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。
【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/hp/kako/992/992992981.html
　http://pc.2ch.net/hp/kako/996/996828258.html
　http://pc.2ch.net/hp/kako/1005/10050/1005047493.html
　http://pc.2ch.net/hp/kako/1011/10113/1011358982.html
　http://pc3.2ch.net/test/read.cgi/hp/1015474859/
　http://pc3.2ch.net/test/read.cgi/hp/1019881572/
　http://pc3.2ch.net/test/read.cgi/hp/1025346520/

あとは>>950よろしく。

divできました。
でも他のやり方ってないですか？

　

CSSコミュニティの功罪を評価するスレ 5th Emperor
http://pc3.2ch.net/test/read.cgi/hp/1025351897/l50

>>854
> bodyにwidthって効かないのか。
IEは標準モードじゃないと効かなかったような

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

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

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

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

※　ﾏﾀｰﾘ進行推奨　※

失礼な質問者はｶｴﾚ！厨房ﾓﾅｰ！

テンプレをむやみに長くするな
テンプレ厨め！

>>862
折れは別にいいけどなぁ…。
夏だし、テンプレ追加案に「初心者です！教えてください！」を誘導すれば言いし。

ただし、既存のテンプレの最後につけて欲しいかな。

どうせ見ないんだから、と。

※名前欄にfusianasanと書けば何でも答えてくれます

iframe内のスクロールバーの立体感を、
colorを変えることで1pxぶんだけペッタンコにしています。

body {
scrollbar-3dlight-color:threedhighlight;
scrollbar-highlight-color:scrollbar;
scrollbar-shadow-color:scrollbar;
scrollbar-darkshadow-color:threeddarkshadow;
}

わたしのこの場合に限ったことではないのですが、
これは Windows XP +IE だとどのように表示されるのでしょうか。
XPのスクロールバーって色も形もずいぶんほかと違いますよね？

>866
scrollbar-*****-colorをひとつでも指定すると
2000やMEや98のようなスクロールバーになります。

はっきり言って違和感ありありです。

MSは自分で作っといてこれだ…

>>865

>>867
ありがとうございます。違和感ありありですか…。
でも自分のサイト、iframeのスクロールバーが
XPデフォルトの水色ってのも多少違和感あるんですよね。

うむむ、いつかXPをさわる機会があったらチェックしてみよう…。
機会ねーのかよ！って感じですが。

>>870
>機会ねーのかよ！って感じですが。
どんな感じ？

舌足らずでしたかすんません。

「いつかXPをさわる機会があったら」=「当分XPをさわる機会がない」
「機会ねーのかよ！」=「周りにXP持ってるやついねーのかよ！」

>>872
いねえのかよって誰に聞いたの？

>>873
自己ツッコミです。
煽りだったらマジレス&スレ消費ｽﾏｿ。

セレクタのhtmlと、bodyはどう違いますか？

>>869
何が聞きたいのか書けや

a {color:#ff0000;}
にすると、a name=""にも赤がかかるので、
a hrefのリンクだけ赤にするにはどうすればいいですか？

a:link {color:#ff0000;}

>>878
そうするとネスケが駄目みたいですが・・・

だめじゃなかったよ？

>>877
id 属性をページ内リンクのフラグメントにすれば、
a 要素がリンクだけに使えると思うが。

>>881
そうするとネスケが駄目みたいですが・・・

878でいいはずだってば

>>882
NN4 ですか．．．。
そりゃ class 振るしか無い．．．というか、
このスレで NN4 の面倒までは．．．。

ネスケ4でも878でできるよ

買ってきた仕様書（スタイルシート辞典第3版）にはNN4でもa:linkだけは動作すると
書かれてるんですけど、これは間違い？

できるよ。まちがってないよ。

もっと古いんでは？ｗ

あ、確かに出来るけど．．．
NN4 は外して考えたいところ．．．。
何で CSS のスレで NN4 にこだわるのかが良く解からない。
そんなに固執する理由は何？

スタイルシートを使って、テーブルを使ったときのように
角を丸くしたりはできますか。
左上の角は丸くできたんですけど、他ができません。
どうぞ、教えてください。

>左上の角は丸くできた
どうやって丸くしたんでしょうか？

丸角の背景画像で左上だけはってことでは？

スマートなやりかたでは出来ないと思う。
CSSで画像の飾り枠とかできるようになればいいのにね。

>>890
HTML池

>>890
border-radiusを使へ。
今のところMozilla=Netscape 6.0+でのみ対応だが。

876/Name_Not_Found(sage)wrote:
> >869
> 何が聞きたいのか書けや
あなたも書いてください:)

もうfusianasanしてもホストは表示されないのですね:)
もうmokorikomoしてもIPアドレスは表示されないのですね:)

#void風

>>895
日○部かよ。
微妙に違うけどな。

さげてなかったし・・
ｳﾜｰﾝ。

スタイルシート辞典　第3版は、
＞IE6.0＆NN 6.2に対応　以外になんか変わったことあるのか？

第2版買ったけど、CSS2にムラがあって微妙なんだが。

素人目から見るとそれ以外に変わったことはないように見えます。
第2版を見てないのでとりあえず立ち読みしてみるといいかと思います

立ち読みしてきた。ついでに買ってきた。

　・IE6.0＆NN 6.2でテストした。
　・OSがXPになった。
　・フォントが変わった。
　・DOCTYPEについて少し触れた。
　・cursorにIE6専用の値（url、他。）を追加した。

この辺はどうでもいいが、

　・カラーチャート周りが使いやすくなった。
　・配色サンプルがついた。

のはなかなかいいんじゃないかね。WEBデザインなんとか、みたいな本の
一番実用的な部分だけ付録でつけてる感じ。いかにもアンクだな。

ただ、CSS2のムラはそのままだった。どこか仕様書の邦語訳ださねぇかな。

cursor:urlってIE6しか対応してないだけで
IE専用ってわけでは…
そう書いてあるの？

‥‥”IE6から追加されたキーワード”だった。
あー、あとアンク監修→アンク著になってるね。

<div style="border-left: 3em solid blue; padding: 1em;">
<p>a</p>
</div>
<p>aaaabbbbccccddddeeee</p>

これをIE6で見ると下のparagraphがやたらに左に寄って表示される。
Operaだと予定通りに見えるんだけど、仕様ですか？

>>903
仕様書見て。

ラジオボタンの丸の中の色を変更することは出来ますか？
（backgroundで変更できる　背景色（丸の外側の四角い部分）ではないです。）

>>905
>>1-4

楽して解答得ようとするクソ厨房。
それを見下すことで自分の立場を確立している知ったか厨房。

両者とももーちょい頭使ってくれ。
有意義なスレにしましょーよ。

>>907
では両方を見下すあなたは（以下割愛）。
いえいえ、中傷するつもりは毛頭ございません。ただのテストです :-)
多種多様の方々が読み書きする掲示板、常にあなたの思う通りになるとは限りません。
人を刺激するような文言で、フレームを起こすような書き込みをするよりも、
あなたの望むような「有意義な」話題を提示してみてはいかがでしょうか？

# 簡単な質問は、ある人にとっては答えるのが簡単かもしれませんが、
# する側は自己解決しようと努力した上でどうしても解けない謎だったりします。
# そんなとき、具体的なリファレンスや仕様書の箇所を指し示す事で、
# 「読み方」を身に付けていただければCSS普及にとって幸せな事だと思うのですが。
# 場合によっては「失せろ中坊」もいいですけどね :-P

文頭に＃をつけるのは最近のお洒落なのか

「追伸」のような意味かと。。。

スクリプトなんかのコメントアウトだよな。独り言だと思ってたが、これは語りかけてるな。

#じゃぁこれから都合の悪い事は全部シャープ付けて書こう
#そしたら叩かれずに済むらしい

(　ﾟдﾟ)ﾎﾟｶｰﾝ

/*CSSなんだからこれでいいじゃん*/

以下、正常（・∀・）ｳﾝｺｰ!!
↓

最近下痢が止まりません、どうしたら良いですか

ごめんなさい、行き付けのウンコスレと間違いました

>916
旦 ●
┳━━┳＼(*ﾟДﾟ*)　ｾｲﾛｶﾞﾝﾄﾞｳｿﾞ....

ﾜﾗﾀ

body センタリングしてるんだけど
リスト使うとこうなってしまう
　　・ああああ
　・ああああああ
・ああああああああ


リストを↓みたいに綺麗に揃えるにはどうすればいい？

・ああああ
・あああああああ
・あああああああああ

>>920

ULにtext-align、margin、paddingといったところを適切に設定する。

>>920
ul に width か margin 指定して text-align: left;

あれ、ｶﾌﾞｯﾃﾀ
寝ぼけますた

あげ忘れ

もうレスあったんだ
すいません

>>921 >>922
最高！ありがとう！

citeには、line-heightは当てられませんか？
line-heightはブロック要素にしか当てられないのでしょうか？

>>926
インラインにも適用できるよ

>>927
ありがとう。

ウィンドウサイズを小さくした時に自分の意図したところで改行させることは可能でしょうか？
例えば、

<p>abcd-あいうえお</p>

となってるときにウィンドウサイズを小さくすると - の後で改行されるのですが、
それを え で改行したり指定することはできるのでしょうか？

>>929
<p style="white-space:nowrap">abcd-あいうえ<br>お</p>
こうか？

min-width使って細かく調整したら可能かな。
でもIEが対応してないかも。

>>929
ウィンドウサイズが小さい時だけ改行（というか、折り返し）させたいのならば、
いっそ、画像にして、

<p>
<img src="a.png" alt="abcd-あいうえ"><img src="b.png" alt="お">
</p>

とか。
CSS使ってないけど。

いっそ、画像にして、
いっそ、画像にして、
いっそ、画像にして、

しかも

> alt="abcd-あいうえ"
> alt="お"

(;´Д`)

>>932
(　ﾟдﾟ)ﾎﾟｶｰﾝ

>>932
アホンダラ！

>>932

>>932
ふじゃけてんじゃねえよ！

>>932
いや、いいぞ！これが一番簡単で確実な方法だ。