/* CSS、スタイルシート質問スレッド【13】 */ (2ちゃんねる)

FTP、CGI、SSI、telnetが自由に使える超高速レンタルサーバ。
工夫しだいで、楽しさ100倍。 www.binboserver.com
月額千円サーバ | サブドメインコース | BIGなサーバ

サブドメインコース:CGIやFTPが使いたい・お金を掛けたくない人のために。
 *****.syo-ten.com *****.gasuki.com *****.zansu.com
 お好きな名前を無料で使えます。早い者勝ち。

人気サイト 月額千円サーバ:.com .net .org で取得できます。.JPドメイン大歓迎!
 超高速・高機能サーバを1000円で!使ってみれば、分かります。

BIGなサーバ:Big なBig なサーバー。充実したサポートをお求めの方へ。
 インターネットでご活躍の皆様へ、そしてご活躍予定の皆様へ。
2ちゃんねるは、このサーバを使っているです。

■掲示板に戻る■ ■過去ログ倉庫めにゅーに戻る■

/* CSS、スタイルシート質問スレッド【13】 */
1 名前: Name_Not_Found 投稿日: 02/11/28 07:55 ID:???
Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

■■■■■ 注意 ■■■■■
質問者 (特に「初心者」) は、
必ず>>4にある解説サイト (かなりわかりやすい) で
 勉 強 してください。

質問の前に、まず >>5 の【FAQ】を参照してください。
【FAQ】でわからなかった場合は、過去ログを検索しましょう。
WinIEの場合は、[Ctrl+F]で検索できます。

また、IE などではまだ対応できていない要素などやバグが多数存在します。
ですので、>>2(関連スレ)の「バグ辞典」に目を通しておきましょう。

また、「環境を書け」とか「ソースは?」と求められたときは
応じるようにしましょう。回答が早く返るようにするためです。
特にNetscapeについては、ヴァージョンについても必ず明記する
ようにしてください。ネスケは、4までと6以降でまったく別物です。

※ マターリ進行推奨 ※

>>2 【前スレ】【過去ログ】【関連スレ】
>>3 【仕様書】【CSS検証】
>>4 【解説など】
>>5 【FAQ】


2 名前: Name_Not_Found 投稿日: 02/11/28 07:56 ID:???
【前スレ】
 http://pc3.2ch.net/test/read.cgi/hp/1034922586/

【過去ログ】
 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/test/read.cgi/hp/1025346520/
 http://pc3.2ch.net/test/read.cgi/hp/1028646616/
 http://pc3.2ch.net/test/read.cgi/hp/1031773943/

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


3 名前: Name_Not_Found 投稿日: 02/11/28 07:56 ID:???
【仕様書】
・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
 http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

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


4 名前: Name_Not_Found 投稿日: 02/11/28 07:57 ID:???
【解説など】
・ごく簡単な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://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
・( ´∀`)< CSS でイケてるデザインサイトリンク集
 http://webcafe.zive.net/~css/
・* CSS { イケてるスタイルを:"作れ";} 発表所
 http://www32.tok2.com/home/css/clip/joyful.cgi
・ブラウザによる振り分け
 http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua


5 名前: Name_Not_Found 投稿日: 02/11/28 07:58 ID:???
【FAQ】

Q: IEで見ると大丈夫なのに、Netscape6(or7)で見ると、横スクロールバーが出てしまうのですが……

A: WinIEのボックス・モデルが間違ってるからです。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#width
widthプロパティは、要素の内容領域の幅を指定するプロパティですが、
Windows版 Internet Explorer は、ボーダー領域 + パディング領域 + 内容領域 の幅で
計算されてしまいます。
Macintosh版 Internet Explorer 5 や Netscape 6 では正しく計算されます。
Windows版 Inernet Explorer 6 の標準準拠モードでは、正しく計算されるようになりました。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html

Q: Netscape6(or7)では、text-alignにcenterを指定してやっても、table(や、その他のブロック要素)をセンタリングできません。IEではセンタリングされるのに……

A: IEの実装が間違っています。くわしくは下記のページをごらんください。

http://anslasax.net/css-make/t-a/index.html
http://tancro.stp-1.com/stylesheet/n6_center.html
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
http://www.mozilla.gr.jp/standards/webtips0004.html

Q: CSSで擬似フレームってどうやるの?
A: 次のページを参考にして下さい。
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


6 名前: Name_Not_Found 投稿日: 02/11/28 07:59 ID:???
Q: なんかMacIEやOperaでフロートの表示が崩れるみたいなんですけど?
A: floatさせる要素にはwidth指定が必須(img要素以外)。
  これ、CSSの仕様書の決まりなんです。WinIEが勝手に補ってるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html


7 名前: Name_Not_Found 投稿日: 02/11/28 12:06 ID:???
>>4
>・* CSS { イケてるスタイルを:"作れ";} 発表所
> http://www32.tok2.com/home/css/clip/joyful.cgi

ここはアカウントが削除されました。下記へ移動する模様。

CSS発表所(仮設置)
http://www.deep-black.org/cgi/styx/styx.cgi


8 名前: Name_Not_Found 投稿日: 02/11/28 21:09 ID:???
FAQの漏れもなさそうなので。

 >>1 乙 !


9 名前: Name_Not_Found 投稿日: 02/11/28 21:20 ID:???
なんかIEがまちがってるとか勝手に補ってるとかおおいけど、
IEが一番多くつかわれてるんじゃんあないの??
よくわかんね。


10 名前: Name_Not_Found 投稿日: 02/11/28 21:39 ID:???
>>9
IEは「多」であるが「全」ではないということ。


11 名前: Name_Not_Found 投稿日: 02/11/28 21:56 ID:???
>>9
一番多く使われてる=間違ってない
なの?
よくわかんね。


12 名前: Name_Not_Found 投稿日: 02/11/29 08:19 ID:zO780MwT
>>11
間違っていても、使用されてるなら無視するわけにもいかないでしょ、って意味じゃないの?


13 名前: Name_Not_Found 投稿日: 02/11/29 08:42 ID:???
誰もIEを無視するなんて言ってないヨ。しようたってできない。
しかしNN7やOperaを無視してWinIEが全てだと思ってる人なら沢山存在しますネ。


14 名前: Name_Not_Found 投稿日: 02/11/29 08:45 ID:???
>>13
CSS講義の本質から離れつつあるようにみえるけど、
「どのブラウザでも一応見れるものにする」ってのはCSSに肝心な要素とも思えるよな。


15 名前: Name_Not_Found 投稿日: 02/11/29 09:42 ID:???
マイノリティは切り捨て!


16 名前: Name_Not_Found 投稿日: 02/11/29 10:06 ID:LjNoxUDA
質問します。

<p id="test01">…</p>
<p id="test02">…</p>
(中略)
<p id="test10">…</p>

のようにしたとして、test01からtest10まで同じスタイルを適用させたい場合は、
p#test01,p#test02,(中略),p#test10 {color:#000000} とせずに、
簡略化して指定する方法はありますでしょうか?

p {color:#000000} は他のpにも適用されてしまうので、
この他の方法をお教えください。よろしくお願いします。


17 名前: Name_Not_Found 投稿日: 02/11/29 11:56 ID:???
>16
idとclassを併用する.
共通するってことは何らかのclass付けができるってことでしょ?


18 名前: 16 投稿日: 02/11/29 12:16 ID:???
>>17
レスありがとうございました。
ご教示の件を試したところ、うまく実現できました。


19 名前: 16 投稿日: 02/11/29 12:23 ID:???
>>17
喜びのあまり書きそびれてしまいました。

< 共通するってことは何らかのclass付けができるってことでしょ?
おっしゃる通りで、適当なclass名が指定できました。

大変失礼しました。


20 名前: hp 投稿日: 02/11/29 14:27 ID:E1wkz9oR
先ほど忠告を受けたのでこちらで質問です。
たとえば
<DIV style="margin-left:50px; margin-top:5px">
で、この中にtableを入れてtableの中にテキストを流し込むと
ブラウザで、テキストが切れてしまうんですが
これを防ぐ方法はないのでしょうか?
それともこのやり方は間違ってるんでしょうか?


21 名前: Name_Not_Found 投稿日: 02/11/29 17:52 ID:???
>>20
ごめん、その説明では、
・どのようなソースなのか
 (tableの中にテキストを流し込む、というのがよくわからない)
・問題になっている症状
 (テキストが切れてしまう、ではどんな状態かよくわからない)
・どのブラウザのどのヴァージョンで見た時に、その症状が発生するのか
・結局、どのような見栄えを実現させたいのか
がわからないので、助言しづらい。
文章全体の左に50px、上に5px分の余白をもうけたいだけなら、divやtableは
不要で、bodyにmarginを設定してやればよいと思う。


22 名前: どうか教えてください。 投稿日: 02/11/30 18:57 ID:???
ロボット検索を回避するためBBSの各ページに
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
を入れてるのですが、ページが生成される度に入れるのは大変なのでスタイルシートに
入れたいのですが、どういうタグを入れたら良いのでしょうか。
また、これはCGIファイルに入れるものなのでしょうか?

どうぞよろしくお願い申し上げます。スレ汚しすいません。


23 名前: Name_Not_Found 投稿日: 02/11/30 19:15 ID:???
>>22
cgiのほうに入れてください。
スタイルシートではどうしようもありません。



24 名前: どうか教えてください。 投稿日: 02/11/30 19:29 ID:???
>>23
どうもありがとうございます。ありがたいです。
ずうずうしいのですが、ここのどこに入れれば良いのか教えていただけないでしょうか。
本当にどうもすいません。

<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="diary.css" type="text/css">
<title>琵琶湖の写真</title>
</head>
 


25 名前: Name_Not_Found 投稿日: 02/11/30 19:31 ID:???
なんでCSSスレで聞いてるんだろう・・・?
head内だったら別にどこでもいいよ


26 名前: Name_Not_Found 投稿日: 02/11/30 19:31 ID:???
>>24
<head>〜</head>間ならどこでもどうぞ。


27 名前: どうか教えてください。 投稿日: 02/11/30 19:36 ID:???
>>26
これでいいわけですね。本当にどうもありがとうございました。

<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="diary.css" type="text/css">
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
<title>琵琶湖の写真</title>
</head>

>>25
どうもすいません。どこで質問すればいいのかわからなかったものですから。
どうもありがとうございました。


28 名前: Name_Not_Found 投稿日: 02/11/30 20:28 ID:???
>>17
質問者とは別人です。
idとclassを併用するの意味がわかりません。
どう記述すればいいのでしょうか
教えてください!


29 名前: 22どうか教えてください。 投稿日: 02/11/30 20:42 ID:???
教えていただいたのですが、いまCGIファイルを見てみたら
前に「print」が付いていて、このように変更したのですが、
まったく表示しなくなってしまいました。何度もすいませんが
これはどういうことなのでしょうか。なんだかすいません。

print "<html><head>\n";
    print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\">\n";
print "<style>\n";
print "<!--\n";
print "body,tr,td{font-size:10pt}\n";
print "-->\n";
print "</style>\n";
print "<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">\n";
print "<title>琵琶湖の写真</title>\n";


30 名前: Name_Not_Found 投稿日: 02/11/30 20:45 ID:???
>>29
悪いことはいわない、CGI スレに行きなさい。


31 名前: Name_Not_Found 投稿日: 02/11/30 21:02 ID:zajM29TK
>>29
どうでもいいけど、
>print "<style>\n";
で、MIMEタイプの指定をすれ。




32 名前: 28 投稿日: 02/11/30 21:06 ID:???
早く教えてください
今日完成させないといけないので。


33 名前: Name_Not_Found 投稿日: 02/11/30 21:10 ID:???
>>29
ほかのスレにもベタベタと同じ質問を貼られても困るんでとりあえず回答するが、
この質問はCSSとはまったく関係がないので今後その質問に関することは
Webサイト制作初心者用スレッドか、WebProg板の初心者スレッドに行ってください。

誤り
print "<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">\n";

正解
print "<META NAME=\"ROBOTS\" CONTENT=\"NOINDEX,NOFOLLOW\">\n";

print " 〜〜〜 "; の中に NAME="ROBOTS" のように " を書く場合は、この " が
閉じる意味の " ではないですよという意味で前に \ を書いて \" としないといけない。


34 名前: Name_Not_Found 投稿日: 02/11/30 21:10 ID:???
>>32
右斜め下に一発ガツンとやるといいそうな。
がんばってください。


35 名前: Name_Not_Found 投稿日: 02/11/30 21:14 ID:???
>>28
class っていうのは、Java の予約語です。
オブジェクト指向を極めないと使えないし、
資格制度があるので貴方は id を列挙したほうがよろしいかと思われます。



36 名前: 31 投稿日: 02/11/30 21:17 ID:zajM29TK
htmlとcssしか知らないため、これに限ってレスします。
><meta http-equiv="content-style-type" content="text/css">

>print "<style>\n";
>print "<!--\n";
>print "body,tr,td{font-size:10pt}\n";
>print "-->\n";
>print "</style>\n";
の前に入れてください。

また、
>print "<style>\n";
は、
print "<style type='text/css'>\n";
と直してください。
cgiについては知りませんが、少なくともhtmlの記述はこのようにしてください


37 名前: Name_Not_Found 投稿日: 02/11/30 21:19 ID:???
>>33
これの間違いじゃないか?

<META name=\"robots\" content=\"noindex,nofollow\">\n";


38 名前: 31 投稿日: 02/11/30 21:24 ID:zajM29TK
訂正
><meta http-equiv="content-style-type" content="text/css">

>print "<meta http-equiv="content-style-type" content="text/css">\n ";



39 名前: Name_Not_Found 投稿日: 02/11/30 21:29 ID:???
>>36
\が付いてないし、cssが別にあれば必要ないでしょ?


40 名前: Name_Not_Found 投稿日: 02/11/30 21:30 ID:???
print <<End_Of_HTML;
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style>
body,tr,td{font-size:10pt}
</style>
<meta name="robots" content="noindex,nofollow">
<title>琵琶湖の写真</title>
End_Of_HTML

のほうが楽じゃない?
print << 'End_Of_HTML'; #でも良いけど。


41 名前: 31 投稿日: 02/11/30 21:32 ID:zajM29TK
>>39
\を付け忘れた。

あと>>36>>31に対するレスですので必要です


42 名前: 28 投稿日: 02/11/30 21:35 ID:???
>>35
classはjavaの予約語って本当ですか?
スレ違い質問よりこっちの質問を優先してください。


43 名前: 31 投稿日: 02/11/30 21:35 ID:zajM29TK
訂正

あと>>36>>31に対するレスですので必要です

あと>>36>>29に対するレスですので必要です


44 名前: Name_Not_Found 投稿日: 02/11/30 21:36 ID:???
classってC++でも予約語だよな?


45 名前: 28 投稿日: 02/11/30 21:36 ID:???
>>31さん
いくらなんでもうざすぎです


46 名前: Name_Not_Found 投稿日: 02/11/30 21:46 ID:???
>>43
content="text/cssは不必要


47 名前: Name_Not_Found 投稿日: 02/11/30 21:48 ID:???
>>42
嘘です。C# の予約語です。
よって、IE 以外の UA で class が正常に認識されることを期待するのは犯罪です。



48 名前: 31 投稿日: 02/11/30 21:48 ID:???
content="text/cssは必要



49 名前: Name_Not_Found 投稿日: 02/11/30 21:49 ID:???
>>46
必要です。


50 名前: 28 投稿日: 02/11/30 21:51 ID:???
皆さんスレ違い質問に優しすぎます
僕に優しくしてください


51 名前: Name_Not_Found 投稿日: 02/11/30 21:54 ID:???
いやです


52 名前: Name_Not_Found 投稿日: 02/11/30 21:55 ID:???
初心者スレみたいだな


53 名前: 28 投稿日: 02/11/30 21:56 ID:???
土曜日なので皆さん暇なんですね
僕をからかって暇つぶししてるんでしょう
でも僕は忙しいので
さっさと教えて下さい


54 名前: 28 投稿日: 02/11/30 22:00 ID:???
おいとっとと教えろつってんだろ
このメモ帳手打ちど暇人野郎ども
こっちはDreamweaver MXで作業してて超忙しいんだ!!
さっさとしろさっさとーーーー!!


55 名前: 28 投稿日: 02/11/30 22:00 ID:???
しょうがねえから55でもゲットしとくか


56 名前: Name_Not_Found 投稿日: 02/11/30 22:01 ID:???
放置決定 


57 名前: Name_Not_Found 投稿日: 02/11/30 22:13 ID:???
ウケルーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


58 名前: Name_Not_Found 投稿日: 02/11/30 22:36 ID:???
>>36
print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\">\n";

と指定してるのにわざわざ重複する

print "<meta http-equiv=\"content-style-type\" content=\"text/css\">\n ";

を入れる必要あるのかよ?


59 名前: 28 投稿日: 02/11/30 22:46 ID:???
いつまでスレ違い質問に答えてんだよ
学習能力のない野郎どもだなくそが
こっちはDreamweaverで作業してんのよ
グループ機能使って。
あーーーメモ帳使ってるお前らに言っても無駄か(笑
とにかくグループで一つのサイト作り上げてるわけ
これは日本語だから分かるよな
んで俺がCSS担当なわけよ
だからさっさと教えろつってんだろ
じゃねえと他の奴らに示しがつかねーだろ?
さっさと教えろよな


60 名前: Name_Not_Found 投稿日: 02/11/30 22:46 ID:???
>>58
あるんです。
それが定め(仕様)なのぢゃ。


61 名前: Name_Not_Found 投稿日: 02/11/30 22:49 ID:???
訊く前にちっとは検索してほしいものだ。
>>4のリンク先は見たのかな?


62 名前: Name_Not_Found 投稿日: 02/11/30 22:48 ID:???
>>28
id っていうのは、xhtml でnameアンカーの代わりになるものです。
ページのアウトラインを極めないと使えないし、
同じidは二度と使えないので貴方は class を列挙したほうがよろしいかと思われます。


63 名前: 28 投稿日: 02/11/30 22:53 ID:???
やっと、







釣れた(w


64 名前: 28 投稿日: 02/11/30 23:10 ID:???
さて、糞して寝るか(w
お前らご苦労さん(プププ


65 名前: Name_Not_Found 投稿日: 02/11/30 23:13 ID:yOP/Svlu
必死だな。


66 名前: Name_Not_Found 投稿日: 02/11/30 23:19 ID:???
うん、必死だね。


67 名前: Name_Not_Found 投稿日: 02/11/30 23:19 ID:???
何と必死であることよ。


68 名前: Name_Not_Found 投稿日: 02/12/01 00:07 ID:???
「釣れた」
今まで劣勢だった状況を全て覆すと厨房達に信じられている、伝説の台詞。


69 名前: Name_Not_Found 投稿日: 02/12/01 00:40 ID:8Gpke8Q3
>>58
どうでもいいが、重複しとらんぞ。



70 名前: Merry_Go_Round 投稿日: 02/12/01 00:45 ID:???
どうでもいいです。


71 名前: Merry_Go_Round 投稿日: 02/12/01 01:17 ID:???
そんなことないです。


72 名前: Name_Not_Found 投稿日: 02/12/01 02:15 ID:+zv7jvTK
すいません、リンクの色のセットを2つ作るのにはA.externalを使うというのはわかったのですが、
3つのセットを作るにはどうしたらいいのでしょうか?
おねがいします。


73 名前: Name_Not_Found 投稿日: 02/12/01 02:57 ID:pGWXOPcZ
>>72
1から勉強やりなおせ。
externalはクラス名にすぎません。



74 名前: Name_Not_Found 投稿日: 02/12/01 03:13 ID:???
>4のリンク先全部見てみたけど自分が初心者過ぎるためかよくわかりません。
以下のようなレイアウトにするためにはどのようなCSSを使えばよいのでしょうか?

<TABLE>
<TR>
<TD></TD> <TD></TD>
</TR>
</TABLE>

ttp://homepage1.nifty.com/~yoshi-s/home/
ここみたいなレイアウトにしたいのにソース覗いてもわかりません…
どなたかよろしくお願いします



75 名前: Name_Not_Found 投稿日: 02/12/01 03:30 ID:???
>>74
そこは文字列選択するときもちわるいことになるな。

"css 段組" で検索すれば丁寧に解説してるサイトがいっぱい見つかるぞ。


76 名前: 74 投稿日: 02/12/01 03:40 ID:???
>75
テーブルという単語にとらわれていたため
うまく検索でたどり着けないでいたようです。
どうもありがとうありがとう。


77 名前: Name_Not_Found 投稿日: 02/12/01 05:50 ID:MZJEuwVB
ユーザースタイルシートを使って、
リンクは必ず別窓で開くようにさせたいのですが、
どのように記述すればできますか?



78 名前: Name_Not_Found 投稿日: 02/12/01 06:03 ID:???
cssっていつできたん?


79 名前: Name_Not_Found 投稿日: 02/12/01 07:46 ID:???
>>77
ウィンドゥの操作はスタイルと関係ないぞ
>>78
W3Cのサイトに版歴が載ってたとおもう



80 名前: Name_Not_Found 投稿日: 02/12/01 08:55 ID:???
>>77
ただ、別窓はウザがられると知っておいた方がよい。


81 名前: 77 投稿日: 02/12/01 13:09 ID:???
回答どうもです。

>>79
出来ないのか。
調べても判らない筈だよ。

>>80
いえ、ですからIEのユーザー補助で設定するスタイルの方で、
やりたかったのですが。
やぱりシフトキーを押しながら、廻るしかないのか。

上記利用形態を想定してたので
製作するサイトの方では、別窓は基本的に使いません。



82 名前: Name_Not_Found 投稿日: 02/12/01 13:41 ID:???
>>81
なるほどそういう使い方か。
ブラウザでそういう設定できるやつとかないかな?
洩れはそういうのん見たこと無いのでなんとも言えんがありそうじゃない?
スレ違いになるからこれ以上は書かないけど。


83 名前: Name_Not_Found 投稿日: 02/12/01 15:26 ID:???
>>82
漏れDonutP使ってるが、ナビゲートロックすると全部新しい窓(つーかタブ)で
開く。
ブラウザを変えてみるのもいいかもよ>>81



84 名前: Name_Not_Found 投稿日: 02/12/01 16:14 ID:???
Donutならマウスのホイールクリックで新規で開くようにするって手もある。


85 名前: Merry_Go_Round 投稿日: 02/12/01 19:50 ID:???
たしかに、タブブラウザになってから別窓もそんなにうざくはなくなったな…
間違って記事中の別サイトのリンククリックしたら
別タブで開いて「気が効いてるじゃん」とか思っちゃったよ。
でもまあ、選択権はユーザサイドに欲しいよね…


86 名前: Name_Not_Found 投稿日: 02/12/01 19:58 ID:???
(参考)http://www5e.biglobe.ne.jp/~ass/help/tips.html
やっぱ問題は、一般的なブラウザに「リンクを同じウィンドウで開く」という機能が無いところだと思う。
とは言っても、訪問者全員が「shift+クリック」という操作法を知っているのか・・・と考えると、考え
とは矛盾しつつもついついtarget="_blank"使ってしまうんだよなあ・・・



87 名前: Merry_Go_Round 投稿日: 02/12/01 20:01 ID:???
見ながら作業するようなヘルプ系のページは
別窓じゃないと逆に不便だしね。
ってスレ違いだな。これ以上はユーザビリティスレで。


88 名前: Name_Not_Found 投稿日: 02/12/01 20:23 ID:???
そう言えばここはCSS質問スレだった(w


89 名前: Name_Not_Found 投稿日: 02/12/01 20:35 ID:???
「shift+クリック」という操作法は知らなくても、
「右クリック→新しいウィンドウを開く」なら誰でも知っているだろう。

ユーザビリティスレに行くまでもなく別窓が開くのは糞。


90 名前: Name_Not_Found 投稿日: 02/12/01 20:45 ID:p6q93bjb
IE/Win ウェブページのCSSを無効にする方法
http://members.jcom.home.ne.jp/jintrick/Personal/usr_styleoff.html


91 名前: Name_Not_Found 投稿日: 02/12/01 20:50 ID:???
>>90
誤爆?


92 名前: Name_Not_Found 投稿日: 02/12/01 22:45 ID:???
>>89
右クリック禁止にしている糞サイトもある罠


93 名前: Name_Not_Found 投稿日: 02/12/01 22:56 ID:???
>>92
禁止してても関係ないよ。
左ボタン押しっぱで右クリックすれば。


94 名前: Name_Not_Found 投稿日: 02/12/01 22:57 ID:???
って言うかそんな糞サイトに行くなよ


95 名前: Name_Not_Found 投稿日: 02/12/01 23:58 ID:???
>>93
そんなの通用しないし
そもそも問題は禁止する馬鹿の方


96 名前: Name_Not_Found 投稿日: 02/12/02 00:09 ID:???
>>77
オミトロンで出来るよ。きっと。



97 名前: Name_Not_Found 投稿日: 02/12/02 00:10 ID:???
>>95
>そんなの通用しないし
…バカか?


98 名前: Name_Not_Found 投稿日: 02/12/02 00:47 ID:???
えー質問ありませんか〜質問〜


99 名前: Name_Not_Found 投稿日: 02/12/02 00:59 ID:???
は〜い、質問質mドガッバキッ!!ぅわぁっ!!な、何するんだ!?わっや、やめろっ!やめてくれっ!し、死ぬっっっ!!死ぬ〜〜〜!!!ぎやゃぁぁぁぁっぁぁぁぁぁぁぁぁぁぁ!!!!


100 名前: Name_Not_Found 投稿日: 02/12/02 01:12 ID:???
HTML4.01strictでサイトを作ってます。(まだ鯖上げはしてません
これからCSSでレイアウトを整えていこうと思ってるのですが、
閲覧者側から見て、「こういうCSSの使い方は嫌だ」という
ものがあれば是非ご教示ください。

#ちなみに、僕のサイトはテキスト主体で、画像はほとんどありません。


101 名前: Merry_Go_Round 投稿日: 02/12/02 01:25 ID:h3sV8UiN
普通のサイトでいやだ!って思う点といっしょかと。
色使いとかね。

とりあえず文字ポイント固定はやめといたほうが無難でしょうね。
ユーザビリティの観点もあるけど、それ以上に叩かれる。

あと、div 使いまくりもちょっとかっこわるいかも。
凝ったことしようとすると使わざるをえないけど
そこまでするなら黒い帽子をかぶりなおして table レイアウトってのも
ありかもなーって思う。
まあ、普通のユーザはソース見ないだろうから
どうでもいいっていえばどうでもいいことだけど。



102 名前: Merry_Go_Round 投稿日: 02/12/02 01:46 ID:???
>>101
(#´゚д゚`) <人の名前勝手にパクってんじゃねぇぞコラ


103 名前: Name_Not_Found 投稿日: 02/12/02 01:47 ID:???
>>100
十時カーソルだけはやめて欲しい。
行間は広く取って欲しい。



104 名前: Merry_Go_Round 投稿日: 02/12/02 01:53 ID:???
>>102
あなた、だあれ?


105 名前: Merry_Go_Round 投稿日: 02/12/02 01:55 ID:???
ここからこのスレの名無しデフォはMerry_Go_Roundになりました


106 名前: Merry_Go_Round 投稿日: 02/12/02 02:03 ID:???
>>105
どっかいって。コテハンうざいっす。


107 名前: Merry_Go_Round 投稿日: 02/12/02 02:07 ID:???
>>106
オマエモナー


108 名前: Name_Not_Found 投稿日: 02/12/02 02:11 ID:???
CSSのみでレイアウトをするサイトってどんな印象を受けますか?
ユーザーの事を考慮していない厨房でしょうか?それともなんとも思わないのか。
正直自分が入れているUAに関しては全て正常に閲覧できるのを確認したのですが、
やはりちょっと、不安ではあるのです。

どうなんでしょうか。


109 名前: Merry_Go_Round 投稿日: 02/12/02 02:14 ID:???
>>108
最近珍しくなくなってきたからなんとも思わないかなあと。
css で書いてあることをやたら誇示してるサイトはどうかと思うが。
古代の "Netscape Only" と同じ匂いを感じる。


110 名前: Name_Not_Found 投稿日: 02/12/02 02:14 ID:???
>>108
CSS切ってもまともに閲覧できればOK。


111 名前: Merry_Go_Round 投稿日: 02/12/02 02:14 ID:???
>>104-107
自作自演うざい。


112 名前: Name_Not_Found 投稿日: 02/12/02 02:17 ID:???
>>108
>ユーザーの事を考慮していない厨房でしょうか?それともなんとも思わないのか。

アフォか。逆だろ。
「正常に閲覧できる」ってのは「どの環境でも同じように表示される」ではなく、
「どの環境でも内容を読むことができる」ってこと。
そのための「論理構造と見栄えの分離」がHTMLとCSSのそれぞれの仕事。


113 名前: 112 投稿日: 02/12/02 02:18 ID:???
>>110 スマソかぶった。
>>109 違う。


114 名前: Name_Not_Found 投稿日: 02/12/02 02:22 ID:???
CSS切るとまともに閲覧できなくなるサイトなんてあるのか?


115 名前: Merry_Go_Round 投稿日: 02/12/02 02:23 ID:h3sV8UiN
いや、CSS で書いてますって鼻息あらいところって
意味無く代替スタイルシート多かったりして
スタイルがコンテンツだったりするじゃない。

そういうのって結局そういうことなんだと思う。


116 名前: Name_Not_Found 投稿日: 02/12/02 02:24 ID:???
>>114
見栄えのためのCSS配置、なら切ってもいけるだろうけど、
見栄えCSSのためのソース、だったらコンテンツの位置がめちゃめちゃだったりする。


117 名前: Name_Not_Found 投稿日: 02/12/02 02:25 ID:???
>>114
デフォの状態をまともに閲覧出来てないって思う人もいるだろうね。




118 名前: Name_Not_Found 投稿日: 02/12/02 02:28 ID:jDH/92ft
左側にリンクの柱つくってめいっぱい並べてるところとか
CSS非適用時にめいっぱいスクロールしなきゃ
ページのコンテンツにたどり着けなくなる。
あれは勘弁。


119 名前: Name_Not_Found 投稿日: 02/12/02 02:34 ID:???
>>118
あれはテーブルでやって欲しいね… summary="for layout" の免罪符付きで。
もしくは、右の柱を上にやるとかさ。


120 名前: Name_Not_Found 投稿日: 02/12/02 02:36 ID:???
テキストブラウザでも
せめて display: none ぐらいはサポートして欲しいって思ってる奴は
結構いるに違いないと見た。


121 名前: Name_Not_Found 投稿日: 02/12/02 02:36 ID:???
リンクのページ作れよ。


122 名前: Name_Not_Found 投稿日: 02/12/02 02:38 ID:???
>>121
文章中のナビゲーションリンクじゃないの?



123 名前: Name_Not_Found 投稿日: 02/12/02 02:40 ID:???
position: absolute; top: 1; left: 20;

↑のtop、leftにはなにか単位を指定した方がよかろうか。


124 名前: Name_Not_Found 投稿日: 02/12/02 02:41 ID:???
当然でござる!


125 名前: Name_Not_Found 投稿日: 02/12/02 02:43 ID:???
さようでございますか!


126 名前: Name_Not_Found 投稿日: 02/12/02 03:03 ID:???
Webサイト制作初心者用スレで聞くか、こちらで聞くか
迷ったのですが、line-heightは何%で指定されているのが一番読みやすいですか?


127 名前: Name_Not_Found 投稿日: 02/12/02 03:14 ID:???
>>126
見易さ、ならここでもあっちでもなくユーザビリティ関係じゃないの?


128 名前: Name_Not_Found 投稿日: 02/12/02 03:16 ID:???
>>127
申し訳ない。ユーザビリティスレへ逝ってきます。


129 名前: Name_Not_Found 投稿日: 02/12/02 03:18 ID:???
さようでございますか!!


130 名前: Name_Not_Found 投稿日: 02/12/02 03:33 ID:???
positionにpadding指定するとネスケの表示がおかしくなります。
大きく幅取りすぎ。氏ねよネスケ。


131 名前: Name_Not_Found 投稿日: 02/12/02 03:35 ID:???
position: fixed するとIEは指定を無効にしてくれちゃいます。
せめて absolute と同じ動作くらいしろよ。くたばれIE。


132 名前: Name_Not_Found 投稿日: 02/12/02 03:47 ID:???
130
131
 で、その結果、何使えばいいんですか?
ソース見て脳内イメージ?


133 名前: Name_Not_Found 投稿日: 02/12/02 03:48 ID:???
テーブルを使えばいい。


134 名前: Name_Not_Found 投稿日: 02/12/02 03:50 ID:???
おいおい今日のこのスレやたら気持ち悪いな


135 名前: Name_Not_Found 投稿日: 02/12/02 03:53 ID:???
>>134
なら去れよ。肥溜めの近くに自分から歩み寄って「クッサーーーー!」って
言ってるのと同じだぞ。それがどんなに不毛な事か。


136 名前: Name_Not_Found 投稿日: 02/12/02 03:55 ID:???
>>134 はウンコってことか


137 名前: Name_Not_Found 投稿日: 02/12/02 04:01 ID:???
テーブル歯糞


138 名前: Name_Not_Found 投稿日: 02/12/02 05:17 ID:???
CSS目糞



139 名前: Name_Not_Found 投稿日: 02/12/02 05:17 ID:???
鼻糞募集中


140 名前: Name_Not_Found 投稿日: 02/12/02 05:20 ID:???
JavaScript鼻糞


141 名前: Name_Not_Found 投稿日: 02/12/02 05:58 ID:???
目糞鼻くそのカテゴライズ


142 名前: 77 投稿日: 02/12/02 05:58 ID:???
遅いレスになりましたが、
皆様回答ありがとう御座います。

デフォルトを「別窓で開く」にできる
ブラウザを捜してみます。



143 名前: Name_Not_Found 投稿日: 02/12/02 07:03 ID:???
冬休みはまだだよな
こんなん序の口?


144 名前: Name_Not_Found 投稿日: 02/12/02 09:37 ID:w67Xiv53
>>130>>5のFAQを見なさい。
これで解決。
html * { /* WinIE5.5以前の計算(borderまでの幅) */
box-sizing: border-box; /* MacIE5用 */
-moz-box-sizing: border-box; /* Mozilla用 */
}
cf. http://hp.vector.co.jp/authors/VA022006/css/visualren.html#width


145 名前: 130 投稿日: 02/12/02 14:08 ID:???
>>144
リンク先見たが、意味わかんなかった。
要するに糞なのはネスケじゃなくてIEって事すか?

というかMacIE5用に内容領域の幅指定しても確認できないし、
不安なんですけど。


146 名前: Name_Not_Found 投稿日: 02/12/02 14:20 ID:???
>>145
ちょっと話はそれるが、
IEは「解釈がアバウト」というサイト制作者に甘い側面と、
ボックスモデルについての問題があって、
ユーザビリティとかアクセシビリティを語る上で、
「IEでの見栄え」は無視できないものではあるが、
必ずしもIEの判断が正しいと妄信してはいけない、というのは肝に銘じなければならない。

ちなみに、横幅の問題は、結果論になるが、
大きく幅を示すブラウザで調整するとよいと思われる。

 IE:ぴったり
 NN:はみ出る

よりも、

 NN:ぴったり
 IE:小さい

の方がいい。


147 名前: 130 投稿日: 02/12/02 14:27 ID:???
とりあえず、IEを基準にするよりもネスケを基準にした方が、
各ブラウザで正常に表示される可能性は高いという事すか?


148 名前: Name_Not_Found 投稿日: 02/12/02 14:41 ID:???
>>147
これは、漏れが収集した情報での結論だから間違ってるかも知れんが、
多分一番厳しいのがNNだと思うので、取り敢えずNNでいければ合格、くらいに構えててもいいと思う。
特に、テキストボックスとか混じったページでのCSSは、送信ボタン消えたりとかマトモに機能しない可能性まで孕んでるからね。

#おかしかったらフォローきぼん


149 名前: Name_Not_Found 投稿日: 02/12/02 14:55 ID:???
幅が広がりまくって重なって見えないよりも
少し小さな幅でも読めたほうがいいってことじゃなかろうか


150 名前: Name_Not_Found 投稿日: 02/12/02 15:01 ID:???
ブラウザ語るときはバージョンも書かないと。


151 名前: 146=148 投稿日: 02/12/02 15:06 ID:???
>>150
 スマソ。当たり前のような気分で記述し忘れてた。

>>147
NNの4.xで見れればOK、って感じで。


152 名前: 130 投稿日: 02/12/02 15:09 ID:???
NNの4.xなんて入れてませんです、はい。


153 名前: Name_Not_Found 投稿日: 02/12/02 16:49 ID:6aHUr9Pc
入れれば。


154 名前: Name_Not_Found 投稿日: 02/12/02 17:50 ID:???
いや。


155 名前: Name_Not_Found 投稿日: 02/12/02 17:52 ID:???
NN4.xは文法が厳しいのじゃなくて実装が糞なだけ。


156 名前: Name_Not_Found 投稿日: 02/12/02 17:54 ID:???
web制作&管理者以外はむしろアンインストールすべき。


157 名前: Name_Not_Found 投稿日: 02/12/02 17:54 ID:???
今の世の中「NNの4.xで見れればOK」って感じ。


158 名前: Name_Not_Found 投稿日: 02/12/02 18:15 ID:???
webを運営しているが、アンインストールしました。


159 名前: Name_Not_Found 投稿日: 02/12/02 18:24 ID:???
>>158
ナイス


160 名前: Name_Not_Found 投稿日: 02/12/02 18:37 ID:???
またNN4の話題か…

もういい加減にしてくれ。


161 名前: Name_Not_Found 投稿日: 02/12/02 18:44 ID:???
>>160
脳内からNN4の話題をアンインストールするんだ!


162 名前: Name_Not_Found 投稿日: 02/12/02 18:47 ID:???
41℃がいい加減


163 名前: Name_Not_Found 投稿日: 02/12/02 20:00 ID:???
ふと思ったんだけど、CSSを正しく使っているサイトって文字サイズ最大で見るのが
一番格好良くないかい?普段は中だけど。


164 名前: Name_Not_Found 投稿日: 02/12/02 20:02 ID:yerWwdXx
質問です。

NN6/7とMozillaはGeckoエンジンを搭載しているということは、
CSSの解釈もほぼ同じものだと考えても良いのでしょうか?
それとも全く別物と考えた方が安全でしょうか?

自分で確認したところ差異は感じなかったものの少し不安です。


165 名前: Name_Not_Found 投稿日: 02/12/02 20:15 ID:???
>>164
バージョンが違うから多少の差異はあるがほぼ同じと考えて良い。


166 名前: 164 投稿日: 02/12/02 20:30 ID:???
>>165
早いレスありがとうございました。
お陰で安心しました。


167 名前: Name_Not_Found 投稿日: 02/12/02 21:39 ID:???
Mozilla で確認してると
before after とか隣接セレクタとか使いたくなってきて
結局 IE で見ると微妙に変になる罠。


168 名前: Name_Not_Found 投稿日: 02/12/02 21:52 ID:???
>>163
画面サイズによる。


169 名前: Name_Not_Found 投稿日: 02/12/02 23:11 ID:???
>>155
 誘導
ttp://pc3.2ch.net/test/read.cgi/hp/1038745441/l50


170 名前: Name_Not_Found 投稿日: 02/12/03 13:42 ID:qR/4wMcu
#Winを使っていて、確認できないので質問させて下さい。

Macはmarginの一括指定にバグがあるから、top,right,left,bottomで
指定するようにと言うのを何処かで見かけたような気がするのですが、
知ってる方はいらっしゃいますか?そしてそれは本当の事でしょうか?
>>2>>4を見てもそのような事は載っていないので勘違いかも知れない
のですが、本当だったらきちんと対応したいので教えて下さい。


171 名前: Name_Not_Found 投稿日: 02/12/03 13:57 ID:???
>>170
デマだろ。


172 名前: Name_Not_Found 投稿日: 02/12/03 14:58 ID:???
>>170
漏れマクユーザだけど、多分デマではない。
たしか一部の要素(tableとか)に一括指定でauto使うと
IEでセンタリングができなかったように思う。
それ以外普通に数字とかを入れる分には一括指定で全然かまわんよ。
自信ないんで調べてみて。


173 名前: 170 投稿日: 02/12/03 15:25 ID:???
>>4にあるサイトで確認しました。>>172さんの仰る通り、全ての要素で
バグがあるって訳では無いんですね。該当する要素でautoを使う場合は
一括指定しないように気を付けます。どうもありがとう御座いました。


174 名前: Name_Not_Found 投稿日: 02/12/03 20:17 ID:t5vHvBON
border の一括指定で何か不都合があるってきいた事があるなあ。
NNじゃなくてMozillaやOperaの話だったかもしれないけど。


175 名前: Name_Not_Found 投稿日: 02/12/03 22:59 ID:???
NNでもIEでもなんでもいいからマジで一つ残して全部消えてくれよ。


176 名前: Name_Not_Found 投稿日: 02/12/03 23:00 ID:???
NNは嫌だな、NSならOK。


177 名前: Name_Not_Found 投稿日: 02/12/03 23:04 ID:???
Netscape6以降に入ってるブラウザってNavigatorだよね?
じゃぁNNでいいんじゃん?
NSって何?


178 名前: Name_Not_Found 投稿日: 02/12/03 23:08 ID:???
NCSA Mosaic?


179 名前: Name_Not_Found 投稿日: 02/12/04 00:20 ID:???
NS = NuSkin http://www.nuskin.co.jp/
>>176 はマルチ商法野郎。


180 名前: Name_Not_Found 投稿日: 02/12/04 01:05 ID:???
日本でNSつっても通じねえよ
このスレでさえこれだもん


181 名前: Name_Not_Found 投稿日: 02/12/04 01:16 ID:???
No Smoking, Name Server, Named Storms (hurricanes), Nanosecond, Narrow Sample
National Seashore (National Park Service), National Security, National Service
National Standard, National Stanine (educational testing), Naval Sheltered (environment)
Naval Station, Navy SEALS, Near Side, Neck Strap, Nederlandse Spoorwegen (Dutch Railways)
Nervous System, Netscape, Network Selector, Network Series, Network Services
Network Supervisor, New Spring (Wheel of Time short novel), Newsstand
Nice Shot, Nice Shot (Quake), Night Stand (TV Show), Nimbostratus (cloud formation)
No Show, No Soliciting, No Stuff (polite form), Node Switches, Non Stop, Non-Smoker
Nonstandard, Non-Status, Norfolk Southern (railroad), Normal Saline, North South
North Star (District in the Heart of America Council, Boy Scouts of America)
Northsouth, Not Specified, Nova Scotia, Novi Sad (Vojvodina Province, Yugoslavia)
Nuclear Ship, Number of Stations, Number of Suspensions, Nut Shot, Suriname


182 名前: Name_Not_Found 投稿日: 02/12/04 02:26 ID:xmGbCp5R
そんなこんなで lynx が生き残ってしまった。
わびしいのう。
せめて w3m。


183 名前: Name_Not_Found 投稿日: 02/12/04 04:39 ID:???
>>180
NetScape?


184 名前: Name_Not_Found 投稿日: 02/12/04 12:19 ID:???
ネイチャー三田だろ


185 名前: Name_Not_Found 投稿日: 02/12/04 14:02 ID:???
では次の話題をどうぞ


186 名前: Name_Not_Found 投稿日: 02/12/04 14:08 ID:???
line-height以外で「単位無し」で値を設定した方が良いものってありますか?


187 名前: Name_Not_Found 投稿日: 02/12/04 15:12 ID:0TfR5U22
今 中身のテキスト全部に700pxの幅の指定をしたいのですが、
widthではbodyタグでもpタグでも使えません。
すべての文章にh要素をつけるのも嫌ですし、マージンでは外側からの指定で
内容の幅が可変になります。
ネットで調べても、本で見ても探し出せません。
なにかヒントがあれば、教えていただけると助かります。
このような質問で失礼ですが、>186さんも質問されているので上げさせていただきます。


188 名前: Name_Not_Found 投稿日: 02/12/04 15:26 ID:???
>widthではbodyタグでもpタグでも使えません。
?BODYにWIDTHはそりゃ無理だがPになんで使えないんだ?


189 名前: 187 投稿日: 02/12/04 15:35 ID:???
>198
pタグでは使えるのですね。
もしかしたら、自分はどこか間違いをしているのかもしれません。
それだけで十分助かります。
どうもありがとうございました。


190 名前: Name_Not_Found 投稿日: 02/12/04 15:41 ID:???
>>187
そもそも、テキストの幅を固定すると、閲覧者の環境によっては見づらく
なるので、あまりおすすめできません。
それでも、どうしてもやりたいということであれば、幅を固定したい要素
に、cssでwidthを指定してやることによって固定できます。
とりあえず、>>4に挙げられている参考サイトをじっくり読んで、一から
勉強してみることをおすすめします。


191 名前: Name_Not_Found 投稿日: 02/12/04 18:06 ID:???
>>187
>すべての文章にh要素をつけるのも嫌ですし

h要素って見出しのhn要素か?
何か勘違いしてるっぽい


192 名前: Name_Not_Found 投稿日: 02/12/04 19:31 ID:???
>>187
なんで700pxの固定をしたいの?
640x480のディスプレイを使ってたら横スクロールバー出るし、
逆に1600x1200のディスプレイを使ってる人だと小さすぎる。
したいなら勝手にすればいいけど、見る側からすれば迷惑、だと思う。


193 名前: Name_Not_Found 投稿日: 02/12/04 19:35 ID:???
なんて言うか、スレ違いだよな


194 名前: Name_Not_Found 投稿日: 02/12/04 20:28 ID:???
文字に色々な色をつけたいんですけど

em.red{
color: #f99;
}

em.yellow{
color: #ff3;
}

とかでいいんでしたっけ?
どこかで.redとかはカッコ悪いよとかいうレスを見たのですが


195 名前: Name_Not_Found 投稿日: 02/12/04 20:34 ID:???
>>194
カッコ悪いというか、不毛。


196 名前: Name_Not_Found 投稿日: 02/12/04 20:39 ID:???
>>194
そして不便。


197 名前: 194 投稿日: 02/12/04 20:43 ID:???
CSSはページのデザインを担う役割をするという点で
em.red
em.yellow等は正しいと自己判断しました。
ありがとうございました


198 名前: Name_Not_Found 投稿日: 02/12/04 20:56 ID:???
( ゚д゚)ポカーン


199 名前: Name_Not_Found 投稿日: 02/12/04 20:57 ID:???
>>197
どういたしまして


200 名前: 186 投稿日: 02/12/04 21:10 ID:???
どなたかおながいします


201 名前: Name_Not_Found 投稿日: 02/12/04 21:38 ID:???
>>186
>line-height以外で「単位無し」で値を設定した方が良いものってありますか?
たぶん、無い。


202 名前: 186 投稿日: 02/12/04 21:54 ID:???
ありがとうございます


203 名前: Name_Not_Found 投稿日: 02/12/04 22:29 ID:???
background-color
background-image
background-repeat

これらを一括で指定する方法はありませんか?


204 名前: Name_Not_Found 投稿日: 02/12/04 22:31 ID:???
はいネタ〜


205 名前: Name_Not_Found 投稿日: 02/12/04 22:31 ID:???
>>203

>>4


206 名前: Name_Not_Found 投稿日: 02/12/04 22:47 ID:???
background:url(〜) #000;
で背景に画像を適用できますが、
文字に
forwardground:url(〜) #fff;
みたいに 画像を 使えませんか。
color:url(hoge) #fff;とかできたら便利なんだけどなぁ


207 名前: 203 投稿日: 02/12/04 22:48 ID:???
はっはっは!やっぱネタってばれたか!
やっぱネタってばれたか!そうだよネタだよ!
へい!寿司食いねぇーーー!!(笑


208 名前: Name_Not_Found 投稿日: 02/12/04 22:54 ID:???
メル欄で既にばれてる罠。


209 名前: Name_Not_Found 投稿日: 02/12/04 22:55 ID:???
つか、(略)だよ、なぁ。


210 名前: Name_Not_Found 投稿日: 02/12/04 23:01 ID:???
>>206
意味が解らん


211 名前: Name_Not_Found 投稿日: 02/12/04 23:03 ID:???
文字を単色ではなくて模様みたいので塗り潰ししたいのではないかな?


212 名前: Name_Not_Found 投稿日: 02/12/04 23:15 ID:???
すればイイジャン?


213 名前: Name_Not_Found 投稿日: 02/12/04 23:19 ID:???
Σ(゚д゚lll)できるんでつか!?


214 名前: Name_Not_Found 投稿日: 02/12/04 23:20 ID:iwVhm74g
h1{
font-size: 25px;
}
#main{
position: absolute;
top: 100px;
}

<h1>page title</h1>
<div id="main">
<p>今日も良い天気だった</p>
</div>

としてるんですが
ブラウザーの幅を極端に狭めた時に
h1の文字が#mainの中に入り込んでしまいます
これを回避するにはどうすればいいでしょうか?


215 名前: Name_Not_Found 投稿日: 02/12/04 23:20 ID:???
ハァ?背景を画像にしたいんだろ?しろよ。


216 名前: Name_Not_Found 投稿日: 02/12/04 23:23 ID:???
いえ、文字の中を画像にしたいんでつ。


217 名前: Name_Not_Found 投稿日: 02/12/04 23:27 ID:???
だから意味がわからねぇよ


218 名前: 214 投稿日: 02/12/04 23:33 ID:iwVhm74g
>>206さん
「便利なんだけどなぁ」
じゃないっすよ。ここは理想を語るスレじゃありません。
とっとと消え失せて下さい。

僕の質問にご回答よろしくお願いします!


219 名前: Name_Not_Found 投稿日: 02/12/04 23:35 ID:???
(´-`).。oO(もうネタしかないのか


220 名前: Name_Not_Found 投稿日: 02/12/04 23:36 ID:???
>>217
(゚Д゚)ハァ?意味が分からんのはおまいがDQNだからだろ?
市ねよ。


221 名前: Name_Not_Found 投稿日: 02/12/04 23:38 ID:???
>>220
なんだそりゃ


222 名前: 214 投稿日: 02/12/04 23:38 ID:iwVhm74g
ぼ く の し つ も ん に こ た え て く だ さ い ! !


223 名前: Name_Not_Found 投稿日: 02/12/04 23:41 ID:???
だーかーらー。グラデーションの画像用意しといて、
それを文字に適用すると、文字がグラデーションになるの?
分かるっしょ?


224 名前: 214 投稿日: 02/12/04 23:44 ID:iwVhm74g
>>223
おいキチガイしつけーぞ
ならねーよ
質問する前に自分でやってみろや
クソが
てめえのせいで俺の質問シカトされっぱなしじゃねえか
マジでお前のこと知り合いだったら
どつき回してる

こんなキチガイほっといて
僕の質問にご回答よろしくお願いします!!


225 名前: Name_Not_Found 投稿日: 02/12/04 23:45 ID:???
>>214
回避する方法はね、id="main"の記述を削除するんだよ。


226 名前: Name_Not_Found 投稿日: 02/12/04 23:48 ID:???
>>224
(゚Д゚)ハァ?(゚Д゚)ハァ?(゚Д゚)ハァ?
おまいこそ自分でやってみりゃいーだろーが。
この脳みそうんこDQNが!
クリスマスツリーで首津って市ね。


227 名前: 214 投稿日: 02/12/04 23:53 ID:iwVhm74g
>>225
やっぱりそれしかないんですね
残念です
>>226
今まさに作成しながら言ってんだよ
あんまり生意気言ってっと
文字じゃなくてお前の体全身油性マジックでグラデにするぞ!!


228 名前: Name_Not_Found 投稿日: 02/12/04 23:55 ID:???
>>214
ん?つまる話は<h1>内の文章を改行させたくないって事じゃないのか?
だったらwhite-space:nowrapな。
違うんなら知らんが。

あとな、id="main"はDIVじゃなくてPに入れろ


229 名前: Name_Not_Found 投稿日: 02/12/04 23:55 ID:???
>>214
回避する方法はね、おまいの存在を削除するんだよ(ワラ


230 名前: Name_Not_Found 投稿日: 02/12/04 23:58 ID:???
>>229
もうお前はションベンして寝ろ


231 名前: Name_Not_Found 投稿日: 02/12/05 00:01 ID:???
結論
215は、214の回答者じゃないのに、こんがらがっている。


232 名前: Name_Not_Found 投稿日: 02/12/05 00:02 ID:???
>>230
まだションベンが出そうにないので寝ません。


233 名前: 214 投稿日: 02/12/05 00:10 ID:???
>>228
僕がしたかったのはまさにこれです!
>>214の説明ではたしかにdivよりpの方が正しいですね!
勉強になりました!ありがとう!


234 名前: Name_Not_Found 投稿日: 02/12/05 00:12 ID:???
芳ばしいスレになったもんだな。


235 名前: Name_Not_Found 投稿日: 02/12/05 00:14 ID:???
ぽっくんのしつもんにもこたえてほしいのー^ ^..


236 名前: Name_Not_Found 投稿日: 02/12/05 00:17 ID:???
おい、おまえらおもしろすぎですよ。


237 名前: Name_Not_Found 投稿日: 02/12/05 00:18 ID:???
line-heightには何故単位を指定しない方がいいのですか?


238 名前: Name_Not_Found 投稿日: 02/12/05 00:20 ID:???
>>237
ぽっくんのしつもんのこたえがでるまではだまっててほしいのー^ ^..


239 名前: Name_Not_Found 投稿日: 02/12/05 00:23 ID:???
ぽっくんの質問はどれだよ


240 名前: Name_Not_Found 投稿日: 02/12/05 00:23 ID:???
>>239
もじにがぞうをていようしたいのー^ ^..


241 名前: Name_Not_Found 投稿日: 02/12/05 00:28 ID:???
>>237
h1{
font-size: 25px;
line-height : 2;
}

この場合は行間が自動的に50pxになる訳よ。
下手に単位つけると行間が小さすぎて文字と文字が重なる訳よ。


242 名前: Name_Not_Found 投稿日: 02/12/05 00:29 ID:???
>>240
ぽっくんはもういいから寝ろって。


243 名前: Name_Not_Found 投稿日: 02/12/05 00:45 ID:???
>>241
2emでいいじゃん。



244 名前: Name_Not_Found 投稿日: 02/12/05 00:47 ID:???
けっ、分かんねーんなら分かんねーって言えよ。

バカに限ってプライドだけは高くて困るの〜^ ^..


245 名前: Name_Not_Found 投稿日: 02/12/05 00:49 ID:???
(´-`).。oO(釣り師気取りが一人。満足なんだろうな。


246 名前: Name_Not_Found 投稿日: 02/12/05 00:50 ID:???
カワイイものだな。


247 名前: Name_Not_Found 投稿日: 02/12/05 00:51 ID:???
>>245
括弧閉じてないの〜
冷静装ってもあせり過ぎなのバレバレなの〜^ ^..


248 名前: Name_Not_Found 投稿日: 02/12/05 00:53 ID:???
>>247
(´-`).。oO(釣れた・・・


249 名前: Name_Not_Found 投稿日: 02/12/05 01:00 ID:???
>>248
釣れたって言えばごまかせると思ってるの〜。
典型的な厨なの〜^ ^..


250 名前: Name_Not_Found 投稿日: 02/12/05 01:01 ID:???
>>249
もうやめてやれ…。


251 名前: Name_Not_Found 投稿日: 02/12/05 01:03 ID:???
>>249
必死だな


252 名前: Name_Not_Found 投稿日: 02/12/05 01:08 ID:???
あせってる人は、相手があせってる、と思いたいものなんだね。


253 名前: Name_Not_Found 投稿日: 02/12/05 01:51 ID:wbvTP+0h
アダルトサイトをhtml4.01strictで作っています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<link rel="stylesheet" href="2ch.css" type="text/css" media="all">
<title>エッチサイト</title>
</head>
<body>
<h1 id="welcome">○○へようこそ!</h1>
<p>このサイトはアダルトコンテンツを含んでいます。</p>
<p>あなたは18歳以上ですか?</p>
<ul id="navi">
<li><a href="index2.html">[はい]</a></li>
<li><a href="http://pc3.2ch.net/test/read.cgi/hp/1038911361/l50">[いいえ]</a></li>
</ul>
<p id="validator">
<a href="http://validator.w3.org/check/referer"><img src="image/valid-html401.png" width="88" height="31" alt="Valid HTML 4.01!"></a>
<a href="http://jigsaw.w3.org/css-validator/"><img src="image/vcss.png" width="88" height="31" alt="Valid CSS!"></a>
</p>
</body>
</html>
このように記述して、見栄えはh1からulまでをだいたいまんなからへん、
validatorのアイコンだけはページの一番下に表示したいのです。
いろんな表示面積のブラウザでもかっこよく見えるように、どのようにスタイル指定すればよいでしょうか?


254 名前: 253 投稿日: 02/12/05 01:53 ID:???
あ、validatorのアイコンはページの一番下右隅でお願いします。


255 名前: Name_Not_Found 投稿日: 02/12/05 02:23 ID:???
>>253
ぽじしょんあぶそりゅーと で うはうは
ていうか、てーぶる つかってろ ぼけ


256 名前: 253 投稿日: 02/12/05 02:25 ID:???
希望としてはこんな感じの見栄えです。

<body>
<table border="0" cols="1" width="100%" height="100%">
<tr><td><center><h1> エッチサイトへようこそ!</h1></center></td></tr>
<tr><td><center><p>このサイトはアダルトコンテンツを含んでいます</p></center></td></tr>
<tr><td><center><p>あなたは18歳以上ですか?</p></center></td></tr>
<tr><td><center><p>[はい] [いいえ]</p></center></td></tr>
<tr><td><div align="right"><a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-html401" width="88" height="31" alt="Valid HTML 4.01!"></a>
<a href="http://jigsaw.w3.org/css-validator/"><img src="http://jigsaw.w3.org/css-validator/images/vcss" width="88" height="31" alt="Valid CSS!"></a></div></td></tr>
</table>
</body>

このように<table height="100%">とするとブラウザのウィンドウがいくら小さくなってもぜんぶウィンドウ内に入りますし、大きいウィンドウにすると、うまい具合にvalidatorのアイコンが下の方に来ます。
しかしこれではstrictではないので却下となりました(笑)
CSSだけで同じような事は可能でしょうか?


257 名前: Name_Not_Found 投稿日: 02/12/05 02:29 ID:???
>>256
strictに徹しようとするその姿勢、賞賛に値するぞ!!

_/_/_/_/_/_/_/_/_/_/_/_/

 次の質問どうぞ。↓


258 名前: Name_Not_Found 投稿日: 02/12/05 07:36 ID:???
W3Cのアイコンはダウンロードして使おうね。


259 名前: Name_Not_Found 投稿日: 02/12/05 08:00 ID:???
>>258
なんで?使われたくない物はwebにUpしなければいいじゃん。
ばっかじゃねえの(藁


260 名前: Name_Not_Found 投稿日: 02/12/05 08:02 ID:???
>>259
つまらんネタはやめようね。
本気で言ってるんなら、まあ、それはそれで。


261 名前: Name_Not_Found 投稿日: 02/12/05 08:15 ID:???
>>260
すいませんでした。


262 名前: Name_Not_Found 投稿日: 02/12/05 08:58 ID:???
>>261
洩れも言い過ぎた。すまなかった。


263 名前: Name_Not_Found 投稿日: 02/12/05 09:52 ID:???
このスレを警視庁にメールしますた


264 名前: Name_Not_Found 投稿日: 02/12/05 10:51 ID:???
なんでやねん


265 名前: Name_Not_Found 投稿日: 02/12/05 19:16 ID:???
今日辺り厨房メールスレで>>263のメール内容が晒されることでしょう。


266 名前: Name_Not_Found 投稿日: 02/12/05 20:50 ID:???
初めまして。
既出かもしれないですけど…

<span class="upperRoman" title="3">III</span>

とした時に、
読み上げソフトでtitle内の文字を読み上げさせるには
どうすれば良いんでしょう?

span.upperRoman { speak : none }

だけだと読み飛ばすだけだと思いますし…


267 名前: 206 投稿日: 02/12/05 21:05 ID:???
やっぱ無理なのか。過去ログ見たところでは。

M$ wordなんかにある、文字にテクスチャを適用するようなことがしたかったけど、
素直に文字自体を画像にするしかないのね。

代替stylesheetに萌えてたのに藁


268 名前: Name_Not_Found 投稿日: 02/12/05 21:07 ID:???
スタイルシートを何だと思ってるんだか


269 名前: Name_Not_Found 投稿日: 02/12/05 21:59 ID:QUCh/XwM
>>266
<head>
<style type="text/css" media="aural">
.upperRoman { display: none; speak: none; }
p[title]:before { content: attr(title); }
</style>
</head>
<body>

<p title="3.">
<span class="upperRoman">III</span> hogehoge
</p>

</body>



270 名前: Name_Not_Found 投稿日: 02/12/05 22:20 ID:???
>>206
フィルターを使えばできるよ。IE専用になるけど


271 名前: Name_Not_Found 投稿日: 02/12/05 22:41 ID:???
>>266

span.upperRoman{speak:none;}

@media aural{/*音声による出力*/
.upperRoman:after {
speak:normal;
content:attr(title)}
}

でないかと。
自信無いので詳しい人おながいします。


272 名前: 266 投稿日: 02/12/05 22:56 ID:???
>>269
>>271
有難うございます。

>>269
のやり方だと、display:none しちゃってるので
見えなくなっているのではないかと…
それで、p要素の前に「title」を出力してるわけですよね?
そうすると、「III」が表示できなくなるのでは…

と言う事で、>>271を採用させていただきます。
有難うございました。


273 名前: Name_Not_Found 投稿日: 02/12/05 23:35 ID:???
>>272
実際にそこまでのレベルで音声スタイルシートに対応したUAって現存してるのかな?



274 名前: 272 投稿日: 02/12/06 00:09 ID:???
>>273
いや、知らないですけど…
機種依存文字でローマ数字を書くよりも良いかな?と思ったので。


275 名前: Name_Not_Found 投稿日: 02/12/06 01:18 ID:???
し!し!し!知らねーのかよー!


276 名前: Name_Not_Found 投稿日: 02/12/06 03:29 ID:???
>>268
なんだとおもってるんだかっていわれても、
装飾担当なんだからそれぐらい融通効いてもいいと思うんだけどね。
背景が出来て前景が出来ない必然性がないじゃない。



277 名前: Name_Not_Found 投稿日: 02/12/06 03:30 ID:???
W3C信者のレス読んでると頭が痛くなってくる。
あの人達恐いよ。


278 名前: Name_Not_Found 投稿日: 02/12/06 03:47 ID:???
>>276
まあもっともな理屈なんだけど、事実としてCSS2までの段階で仕様にそういうフィーチャーが取り入れられていないのだから仕方がないね。



279 名前: Name_Not_Found 投稿日: 02/12/06 04:49 ID:???
>>277
頭が足りなくて理解できないからだろ?


280 名前: Name_Not_Found 投稿日: 02/12/06 05:13 ID:???
スタイルシート自体、よく分からないんだけど
適当にタグの中に埋め込んで使ったりしてるけど、ヤバイ?
例えば
<FONT SIZE=2 STYLE="font-size=12px;line-height:10mm;">××××</FONT>
こんな感じで。
今の所、IEでもNNでもエラーにはならないんだけど
もしかして危険な事してる?


281 名前: Name_Not_Found 投稿日: 02/12/06 05:14 ID:???
あ。間違い
<FONT SIZE=2 STYLE="font-size:12px;line-height:10mm;">××××</FONT>
ね。


282 名前: Name_Not_Found 投稿日: 02/12/06 05:16 ID:???
pxとmm、単位をどっちかに統一したほうがいいのでは。


283 名前: Name_Not_Found 投稿日: 02/12/06 05:43 ID:???
>>280
それ、CSSのメリットを殺す使い方だよ。


284 名前: Name_Not_Found 投稿日: 02/12/06 06:38 ID:???
ブロックレベルで中央寄せにしようと
margin-right : auto;margin-left : auto;
にしたら、winIE6では動かないことがわかりました。しくしく。


285 名前: Name_Not_Found 投稿日: 02/12/06 06:47 ID:???
お前はDOCTYPEスイッチも知らないのかと小(


286 名前: Name_Not_Found 投稿日: 02/12/06 06:48 ID:???
>>5


287 名前: Name_Not_Found 投稿日: 02/12/06 07:20 ID:???
>>280-281
style属性を使うより、HTMLとは別にCSSのファイルを作ってlink要素で呼び
出してやった方が、複数の文書に統一した見栄えを持たせたり、見栄えを
変更するときにいちいちすべての文書のソースをいじらなくても、CSSの
ファイルだけ変更してやればよかったり、といった利点がある。

詳しいことは、>>4で勉強してください。


288 名前: Name_Not_Found 投稿日: 02/12/06 15:44 ID:???
>>279
そうか、そうだね。ごめん。


289 名前: Name_Not_Found 投稿日: 02/12/06 20:05 ID:???
>>280
サイト作ろうって思って、まだ、タグはじめて2週間くらいしかたっていない若輩者で
やっと最近CSSファイルを弄りはじめた、こんな私が言うのもなんなんですが、HTML
を記述のみに徹して、装飾の一切を外部CSSファイルにまかせちゃうってやり方は、
非常に楽だよ。

自分も最初、CSSってなんだか難しいなあ、と思ったけど、如何にこの方法が合理的な
のか日々、着実に思い知ってるって感じだな。280さんの方法だと、更新の度ごとに、
削除して、また、新たに膨大になっていくだけだよ。

切り替えるってのは大変な事かもいれないけど、検討してみて!

生意気言ってすみません。


290 名前: Name_Not_Found 投稿日: 02/12/06 20:06 ID:???
ぜひそうしてみて!


291 名前: 289の訂正。 投稿日: 02/12/06 20:08 ID:???
いれない→知れない


292 名前: Name_Not_Found 投稿日: 02/12/06 23:01 ID:???
id,class名にスペースを開けたい場合は
どう記述すればいいんですか?
_ですか?-ですか?


293 名前: Name_Not_Found 投稿日: 02/12/06 23:07 ID:???
>>292
http://www.w3.org/TR/html401/types.html#type-cdata
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").
だそうです。


294 名前: Name_Not_Found 投稿日: 02/12/06 23:19 ID:???
>>293
顔文字が並んでるかと思った…


295 名前: Name_Not_Found 投稿日: 02/12/06 23:53 ID:???
display : none ってどういう場合に便利なんですか?


296 名前: Name_Not_Found 投稿日: 02/12/07 00:05 ID:???
>>295
表示させたくないとき

うちは、hr{display:none}にしている。cssが効かないブラウザとかoffの時だけ表示されように
ほかにもいろいろ使い道があると思う


297 名前: Name_Not_Found 投稿日: 02/12/07 00:09 ID:???
>>296
なるほど。<hr>に指定しておいて、cssが利かないUAで表示した時だけ
線をひくとかできるわけですね!


298 名前: Name_Not_Found 投稿日: 02/12/07 01:53 ID:???
NN4.xでチェックしたいんですが、どこかにありませんか?


299 名前: Name_Not_Found 投稿日: 02/12/07 01:56 ID:???
>>298
http://wp.netscape.com/download/archive.html


300 名前: Name_Not_Found 投稿日: 02/12/07 02:26 ID:???
FAQだな。


301 名前: Name_Not_Found 投稿日: 02/12/07 02:26 ID:???
<h1>うちのおみせ</h1>
<h2>価格表</h2>
<h3>パソコン</h3>
<table>
パソコンの価格の表
</table>
<h3>ゲームソフト</h3>
<table>
ゲームソフトの価格の表
</table>

っていうか価格表なんて見りゃわかるし邪魔。
でもh3以下をまとめる見出しが無いと困る。

h2{display:none;}

ウマー(゚д゚)



302 名前: Name_Not_Found 投稿日: 02/12/07 03:58 ID:???
>>299
有難う御座います。
でも、見れないんですが・・・


303 名前: Name_Not_Found 投稿日: 02/12/07 04:07 ID:???
>>302
なんだ見れないって。

今行ったが普通に見れるぞ。


304 名前: Name_Not_Found 投稿日: 02/12/07 04:08 ID:???
>>299
Ver'6.0はやっぱ忘れたい過去なんだな(w


305 名前: Name_Not_Found 投稿日: 02/12/07 04:09 ID:???
6ってなんかあったの?


306 名前: Name_Not_Found 投稿日: 02/12/07 04:11 ID:???
>>305
どうしようもない程糞だった。


307 名前: Name_Not_Found 投稿日: 02/12/07 04:24 ID:???
>>303
ページを表示できません、ってなるんです


308 名前: Name_Not_Found 投稿日: 02/12/07 06:48 ID:???
>>298
俺は自分でソフトウェア板のネスケスレを検索してダウンロードしたけどなー。
聞く前に自分でなんとか調べてみるとかしないの?

>>307
普通に見られるぞ



309 名前: Name_Not_Found 投稿日: 02/12/07 07:44 ID:???
>>308
調べて、見付けられなかったんですけどね。
やはり、何度リロードしてもサーバーが見付かりません、になりますね。


310 名前: Name_Not_Found 投稿日: 02/12/07 08:21 ID:???
俺も見れない・・・なんでやろ?


311 名前: Name_Not_Found 投稿日: 02/12/07 09:48 ID:???
串とかかね。


312 名前: Name_Not_Found 投稿日: 02/12/07 10:12 ID:???
ああー!恥ずかしい。

神埼氏のサイトスタイルシートの基本をなる項目を読んでみたら
自分が基本すらも理解してないdiv厨、class厨だった事が判明。

ハズ過ぎる。


313 名前: 312 投稿日: 02/12/07 10:13 ID:???
余程錯乱していたのだろうか、文章がメチャメチャだ…(鬱


314 名前: 295 投稿日: 02/12/07 10:13 ID:J4AtL8Ba
>>296
ありがとうございます。
たとえば

<P>CSSをサポートしているブラウザをお使いください</P>

という文にdisplay : none を指定すれば、CSSが適用されてない
閲覧者にだけこの注意文が表示されるというわけですね?


315 名前: Name_Not_Found 投稿日: 02/12/07 10:33 ID:???
>>295
うん、そーゆーことも出来る。
あと、ジャバスクリプトと組み合わせて使うこともある。
クリックしたら表示することにすれば、折りたたみメニューになるっしょ。


316 名前: Name_Not_Found 投稿日: 02/12/07 10:36 ID:???
あのメニューってそういう原理だったのか。


317 名前: Name_Not_Found 投稿日: 02/12/07 10:41 ID:R0vCiwFY
>>314
ユーザースタイルシートで、
p { display: block !important; }
とか指定されているとお間抜けなことになるので不許可。


318 名前: Name_Not_Found 投稿日: 02/12/07 10:45 ID:???
むしろJavaScriptで使うものかと思っていた。
こういう使い方(>>314)もアリか。見たことないけど(笑


319 名前: Name_Not_Found 投稿日: 02/12/07 11:47 ID:CxLg7fnG
ちなみに(IE以外で使えるかは知らないが)position:absolute と、
display:none (or block or inline) を組み合わせて、Scriptでblock要素を
操作すると、いわゆる「コンテクストメニュー」のような物も作れるよ。


320 名前: Name_Not_Found 投稿日: 02/12/07 11:48 ID:???
>>318
hr要素辺りではお約束的使い方のような。


321 名前: Name_Not_Found 投稿日: 02/12/07 14:36 ID:fu0p6OwI
width: 300px;
としたら根スケ6で300pxにしてくれません。IEは300pxです。どうすればネスケ6でも300pxにできま
すか?
スクリーンショット撮ってPhotoshopで確かめたので絶対に見間違いではありません。
というかネスケはピクセルの計算くらいちゃんとできないのでしょうか?


322 名前: Name_Not_Found 投稿日: 02/12/07 14:37 ID:???
>>321
>>5


323 名前: Name_Not_Found 投稿日: 02/12/07 14:38 ID:???
ネスケは7からマトモに表示されるよ…


324 名前: Name_Not_Found 投稿日: 02/12/07 14:46 ID:RzcxYet9
>>321
ネスケやIEに限らずにあらゆるブラウザで同じように表示させたければ、
marginとpaddingとborder-widthは0pxに。


325 名前: Name_Not_Found 投稿日: 02/12/07 15:47 ID:???
そうはいかんざき


326 名前: Name_Not_Found 投稿日: 02/12/07 16:35 ID:???
そもそもwebで(新聞や雑誌など紙の媒体と同じような)見栄えの統一を(以下略)


327 名前: Name_Not_Found 投稿日: 02/12/08 09:49 ID:BX6lKNTG
CSSでインライン要素の横幅を指定できますか?


328 名前: Name_Not_Found 投稿日: 02/12/08 09:55 ID:???
>>327
もちろんできない


329 名前: Name_Not_Found 投稿日: 02/12/08 10:26 ID:???
>>328
ども、そうですか。できると便利なんだけどなぁ。


330 名前: Name_Not_Found 投稿日: 02/12/08 11:49 ID:???
>>326
web で、ってのは変ないいかただ。
HTML + CSS で、にしてくれ。
web 経由の PDF とかあるし。
SVG だって Flash だってあるし。



331 名前: Name_Not_Found 投稿日: 02/12/08 13:37 ID:yCarHnLP
>>327-329
WinIEでは効くというウワサ。


332 名前: Name_Not_Found 投稿日: 02/12/08 13:49 ID:???
余裕で効きますね。


333 名前: Name_Not_Found 投稿日: 02/12/08 14:05 ID:???
ブラウザの標準モードの方で、
ウィンドウ(正確にはフレーム内だけど)の右下に要素を表示する方法はありませんか?
そのページの内容自体はウィンドウの高さよりも短いので、
position:absoluteでやると、ページ内容の一番下にくるだけで、
ウィンドウの下付近には来てくれません。
後方互換だと意図した表示になるのだが。
やっぱし標準では無理だということなのでしょうか?

あと、background-positionって、原点が左上みたいだけど、
右端から10pxとかできますか?


334 名前: Name_Not_Found 投稿日: 02/12/08 14:18 ID:???
position:absolute;
right:0;
bottom:0;

background-position:right bottom;


335 名前: Name_Not_Found 投稿日: 02/12/08 14:19 ID:???
右端から10pxなら画像の右に10pixel透過部分入れて、
background-position:right bottom;

かな?


336 名前: Name_Not_Found 投稿日: 02/12/08 14:27 ID:???
>>333
position:fixed;みたいな効果を狙ってるのかな?
position:absolute;とJavaScriptの.pageYOffset(IEなら.scrollTop)とを
組合せてやれば、たいていのブラウザで常駐は可能。


337 名前: Name_Not_Found 投稿日: 02/12/08 15:39 ID:???
固定したいもの以外をoverflowでスクロールさせればいい。


338 名前: Name_Not_Found 投稿日: 02/12/08 15:49 ID:???
>>337 overflowはOperaには鬼門なり。(ver7では改良されたのか?)


339 名前: Name_Not_Found 投稿日: 02/12/08 15:51 ID:???
Opera6のoverflawは仕様通りの振る舞いなの?それともただのバグ?


340 名前: Name_Not_Found 投稿日: 02/12/08 16:01 ID:???
>>338
改善済み。Opera7のCSS実装はmozilla以上だと思う。
font-sizeの継承問題とかは残ってるけど。

>>339
「overflow未対応」は最初から公式情報として出ているから
仕様と言えば仕様。バグと言えばバグ。


341 名前: Name_Not_Found 投稿日: 02/12/08 18:31 ID:a0dmcEIu
例えば一つ共通のメニューのようなものを作っておいて、各ページで
そのメニューをインクルードするようなことをCSSでやることは可能
でしょうか。
それともSSI使ったほうがいいのでしょうか。


342 名前: Name_Not_Found 投稿日: 02/12/08 18:37 ID:???
>>341
CSSでは無理.もともとそーいうものじゃないし.
やるならJavascriptじゃない?


343 名前: Name_Not_Found 投稿日: 02/12/08 18:50 ID:???
>>>341
XSLTとか


344 名前: Name_Not_Found 投稿日: 02/12/08 21:07 ID:???
>>341
CSS でデザインされたメニューだけ書いた html を iframe で各ページに配置

・・・何か違う(w


345 名前: Name_Not_Found 投稿日: 02/12/08 21:45 ID:???
>>344
それならメニュー等の共通する項目だけ書いたHTMLの中に
他のページをiframeで表示した方がいい。

つーかスレ違い。


346 名前: Name_Not_Found 投稿日: 02/12/08 22:11 ID:???
なんだこいつ


347 名前: Name_Not_Found 投稿日: 02/12/08 22:26 ID:???
「できない」で片付けろよ


348 名前: Name_Not_Found 投稿日: 02/12/08 22:37 ID:8LDHk0Uj
見た目的にどれだけ大きくしても縦1cm
横は元画像の大きさにしかなりません。
元々は縦5cm横7cm位の画像です。
背景をリピート無しで固定したいのですが
background-image: url(jpeg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
こんな感じでどこが問題でしょうか?


349 名前: Name_Not_Found 投稿日: 02/12/08 22:40 ID:???
なんだこいつ


350 名前: Name_Not_Found 投稿日: 02/12/08 22:44 ID:???
漏れに聞くなよ


351 名前: Name_Not_Found 投稿日: 02/12/09 00:33 ID:???
ABCD
EFGH
IJKL

という画像を背景にしようとすると
ABCD
になっちゃうよ〜ゴルァ
ってことですか?
だとするとわからん。
とりあえず質問を整理しる


352 名前: 341 投稿日: 02/12/09 00:54 ID:pwACi7eg
大変参考になりました。
親切なご返答、本当に有難うございました。


353 名前: Name_Not_Found 投稿日: 02/12/09 01:49 ID:???
そもそも画像の大きさをcmで表すこと自体が間違ってる



354 名前: Name_Not_Found 投稿日: 02/12/09 02:56 ID:???
divとspanの使い方を教えろよ。


355 名前: Name_Not_Found 投稿日: 02/12/09 03:08 ID:???
blockかinlineか


356 名前: Name_Not_Found 投稿日: 02/12/09 03:22 ID:Ry6leofi
インラインstyle属性によるスタイルの設定とはどういう事を指すのですか?


357 名前: Name_Not_Found 投稿日: 02/12/09 03:38 ID:???
>>356
検索してすぐわかるようなことを聞くなよ。
「調べたけどわかりませんでした」は却下。



358 名前: Name_Not_Found 投稿日: 02/12/09 03:47 ID:Ry6leofi
>>357
答える気が無いなら黙ってろよ。
大した知識もない分際で初心者の質問を突っぱねて
自己の欲求を満たしているだけの低俗なカスが。

おまえみたいな低俗な奴とは会話を交わしたくないので、
これ以降のレスを一切禁ずる、消えろ。


359 名前: Name_Not_Found 投稿日: 02/12/09 03:50 ID:???
望む答えが得られなかったら「知らないんだろ」というのは何か暗黙のルールでもあるんですか?




360 名前: Name_Not_Found 投稿日: 02/12/09 03:52 ID:???
> 大した知識もない分際で初心者の質問を突っぱねて
そういうお前こそ大した知識もない初心者の分際で横柄な態度をとっているわけだが。


361 名前: Name_Not_Found 投稿日: 02/12/09 03:54 ID:???
と言うかそんな簡単に釣られるのはいい加減よせ


362 名前: Name_Not_Found 投稿日: 02/12/09 03:56 ID:???
>>356
タグの中に直接スタイル属性ブチ込むことじゃないの?
よく判らんけどそれっぽい


363 名前: Name_Not_Found 投稿日: 02/12/09 03:56 ID:???
>>356
要素のタグに style属性としてスタイル情報を埋め込むこと
<P style="color: blue">
こんなかんじ。


364 名前: Name_Not_Found 投稿日: 02/12/09 03:56 ID:???
185問題再燃の股間


365 名前: Name_Not_Found 投稿日: 02/12/09 03:57 ID:???
>>364
185問題ってなんですか?


366 名前: Name_Not_Found 投稿日: 02/12/09 03:59 ID:???
>>365
お前も検索できない香具師だな。
http://www.google.com/search?num=1&hl=ja&ie=Shift_JIS&q=185%96%E2%91%E8&lr=lang_ja


367 名前: Name_Not_Found 投稿日: 02/12/09 04:01 ID:???
>>358
検索すればすぐわかることだ、と
>>357は答えてるじゃねえかyo。
仕方ないから初心者に優しい漏れが教えてやろう。

http://www.google.com/search?q=%83C%83%93%83%89%83C%83%93style%91%AE%90%AB%82%C9%82%E6%82%E9%83X%83%5E%83C%83%8B%82%CC%90%DD%92%E8&hl=ja&lr=lang_ja&btnG=Google+%8C%9F%8D%F5

http://www.kanzaki.com/docs/html/htminfo17.html

http://www.kanzaki.com/docs/html/htminfo17.html#inline-style

この時点でまたわからない言葉が出たらさらに検索しる。



368 名前: Name_Not_Found 投稿日: 02/12/09 04:01 ID:Ry6leofi
>>362-363
分かり易く解説していただきありがとうございます。理解できました。

つい感情的になってしまいまして、失礼な発言を行なってしまいました。
>>357氏、また私の発言を読んで不愉快な気持ちになられた方々にお詫び致します。
申し訳ありませんでした。


369 名前: Name_Not_Found 投稿日: 02/12/09 04:03 ID:???
>>366
サンクスコ&なつかすい。
いや、Ry6leofiを真似てみただけだったんだけど。
なんか嬉しかったよ。


370 名前: Name_Not_Found 投稿日: 02/12/09 04:05 ID:???
>>367
全然関係ないけど

>セレクタなどの名前にアンダースコア( _ )が使えないという制約は、修正されることになるようです(2001-07-30付の仕様書4.1.3に関する修正)。

〔以上補足〕


これは現在はどうなの?
俺アンダースコア使っちまってる。


371 名前: Name_Not_Found 投稿日: 02/12/09 04:07 ID:???
>>368
「検索しろ」であそこまで熱くなる奴は、2ちゃんに向いてねえよ。もう来るなよ。


372 名前: Name_Not_Found 投稿日: 02/12/09 04:08 ID:???
おまえも熱くなり過ぎ。


373 名前: Name_Not_Found 投稿日: 02/12/09 04:09 ID:???
>>370
俺なんてハイフン使ってるぜ(藁


374 名前: Name_Not_Found 投稿日: 02/12/09 04:16 ID:???
>>373
笑ってる場合じゃないっしょこれは
どうなの?マジで


375 名前: Name_Not_Found 投稿日: 02/12/09 04:21 ID:REou2e/U
http://yahooo.s2.x-beat.com/html/b.html


376 名前: Name_Not_Found 投稿日: 02/12/09 04:27 ID:???
>>375
あからさまに怪しいURLだな。


377 名前: Name_Not_Found 投稿日: 02/12/09 04:40 ID:???
>>370
というか、アンダースコアが二つ以上あると、
リンクのフラグにもならん UA があるので、
俺もその辺の制約がないハイフン使ってるぜ(藁


378 名前: Name_Not_Found 投稿日: 02/12/09 04:47 ID:NmoPa90k
ネットサーフしててあるところの掲示板で見かけたのですが

掲示板の書き込みである用語が出てくると
強調されたり

”>”のような引用を使うとその一文に背景色がつけられて
目立つ

ようなのをスタイルシートで見かけたのですが
このような場合外部スタイルシートに何と記述すればいいのでしょうか?

また一応>>4を中心に調べてみたのですが上記について詳しくやり方紹介している
サイトはないでしょうか?


379 名前: Name_Not_Found 投稿日: 02/12/09 05:21 ID:???
>>378
「行頭に>の有る段落は引用と見なし<blockquote>でマークアップさせ、>を削除する」
という動作をCGIにやらせ、スタイルは<blockquote>に指定。 以上。


380 名前: Name_Not_Found 投稿日: 02/12/09 05:31 ID:???
強調は
$_="(投稿記事)";
$a="ある用語";
s/($a)/<strong>$1</strong>/g;
な感じで

>>379
">"は削除しないほうがよさげ


381 名前: Name_Not_Found 投稿日: 02/12/09 05:50 ID:???
>>380
>は引用に含まれていないだろ?


382 名前: Name_Not_Found 投稿日: 02/12/09 05:54 ID:???
まぁ、その辺は>>378が好きにするだろ。

次の方どうぞ。


383 名前: Name_Not_Found 投稿日: 02/12/09 11:54 ID:dzA2C1ZY
p要素をまとめて指定するために、div要素で囲ったあと
div.aaa p { style: hoge } として指定しています。

このdiv.aaa自体には何かスタイルを指定しておいた方がいいのでしょうか?

不具合が出るのが怖いので、div.aaa { color: black; } などと
指定してもしなくても同じ内容を書いておいてます。

指定してない場合に、Win2kでNN4, IE6 ,Opera6.05で大丈夫だったのですが、
こちらで揃えられない環境のことを考えて質問させていただきました。
よろしくお願いします。


384 名前: Name_Not_Found 投稿日: 02/12/09 12:07 ID:???
>このdiv.aaa自体には何かスタイルを指定しておいた方がいいのでしょうか?

WinでもMacでも、指定しないと不具合が出るブラウザーは見たことがありません。
まったく問題なし。



385 名前: 383 投稿日: 02/12/09 12:15 ID:???
>>384
ありがとうございます。すっきりしました。


386 名前: Name_Not_Found 投稿日: 02/12/09 16:15 ID:???
CSSファイル内でfontの指定って
{font-family:フォント名、フォント名;}
ですよね。

指定しても変化してくれないのはなぜなんでしょうか?
フォントも入っているし、htmlファイルの方でfontを指定してやると
きちんと表示されるのです。そんな基本を聞く奴って逝ってよしですか?

@importの扱いもさっぱり判らないし、CSSってかなり難しいですね。

理解出来ない人は、能力の無さを認めて、htmlの方に記述しちゃっていいですか?


387 名前: Name_Not_Found 投稿日: 02/12/09 16:26 ID:???
>>386
引用符つけたか?


388 名前: 386 投稿日: 02/12/09 16:29 ID:???
>>387
"フォント名"ですよね。


389 名前: Name_Not_Found 投稿日: 02/12/09 16:29 ID:???
ありがちなのはフォント名の指定が正確でないこと。
MS Pゴシックの場合
{font-family:"MS Pゴシック"}
となります。「MS P」は全角、「MS」と「P」の間は半角スペース、そしてフォント名全体を「"」〜「"」で囲みます。

具体的にどう指定しているかを出してくれれば、もっといい回答が出るかも。

ガンバレ!


390 名前: Name_Not_Found 投稿日: 02/12/09 16:31 ID:???
これでCSSファイル名やディレクトリが違ってるとかだったら笑える


391 名前: Name_Not_Found 投稿日: 02/12/09 16:37 ID:???
>>389
英語で"MS PGothic"の方が良くない?


392 名前: Name_Not_Found 投稿日: 02/12/09 16:45 ID:AFl/dsFd
CSSでボックスを中央に持ってくる時は、どうすればいいんでしょうか?
align だとボックス内のテキストが中央になってしまうし、
TABLE使わずにやりたんですが、方法がわかりません。


393 名前: Name_Not_Found 投稿日: 02/12/09 16:47 ID:???
>>392
頼むから過去ログ嫁


394 名前: 389 投稿日: 02/12/09 16:49 ID:???
あれ。今IE6で検証していて気づいたのですが

body{font-family:"MS Pゴシック";}

としてもページ内の文字に適用されないですよ?
font-familyプロパティは継承するはずなのに。なにが間違っているのかわかりますか?

h1{font-family:"MS Pゴシック";}
p{font-family:"MS Pゴシック";}

とか

*{font-family:"MS Pゴシック";}

は効きました。


395 名前: 386 投稿日: 02/12/09 16:51 ID:???
>389さん
どうもありがとう。
変らないのは何かが間違っているんでしょうね。

ごちゃごちゃしていない時に、CSS自体を一から見直してみます。




396 名前: 386 投稿日: 02/12/09 16:56 ID:???
ファイル名は大丈夫ですよ〜。基本ですから。

他の要素は変るんですけど、なぜだかfont-familyだけ変化しないんですよ。



397 名前: 392 投稿日: 02/12/09 16:57 ID:AFl/dsFd
>>393
過去ログがありすぎてどこに書いてあるのかわかりません。
そういわずお願いします。


398 名前: 392 投稿日: 02/12/09 17:03 ID:AFl/dsFd
左からの絶対位置とか適当なボックスからの相対位置の指定なら
わかったんですが、一発で中央指定ってできないんですかね。



399 名前: Name_Not_Found 投稿日: 02/12/09 17:06 ID:???
>>392
過去ログどころか>>5に書いてある。


400 名前: Name_Not_Found 投稿日: 02/12/09 17:07 ID:???
>>1も読めない>392へ

>>5
>Q: Netscape6(or7)では、text-alignにcenterを指定してやっても、table(や、その他のブロック要素)をセンタリングできません。IEではセンタリングされるのに……

を見ろ。

以上


401 名前: 392 投稿日: 02/12/09 17:15 ID:AFl/dsFd
>>399
ありがとうございます。
http://www.mozilla.gr.jp/standards/webtips0004.html
ここですね。
わかりました。


402 名前: ウッソ死ね 投稿日: 02/12/09 17:39 ID:???
□□□□■□□□□□■□□□□□□□□□□□□□□□□□□□□□
□□□■■□□□□□■□□□□□□□■■■■■■■■■■■■□□
□□■■□□□□□■■■■■■□□□□□□□□□□□□□■■□□
□■■□□■□□□■□□□□■□□□□□□□□□□□□■■□□□
□□■□■■□□■■■□□■■□□□□□□□□□□□■■□□□□
□□□■■□□■■□■■■■□□□□□□□□□□□■■□□□□□
□□■■□□□□□□□■■□□□□□□□□□□□■■□□□□□□
□□■□□□■□□□■■■■□□□□□□□□□□■□□□□□□□
□■■■■■■□□■■□□■■□□□□□□□□□■□□□□□□□
□□□□■□□□■■□□□□■■□□□□□□□□■□□□□□□□
□□■□■□■□□□□■■□□□□□□□□□□□■□□□□□□□
□□■□■□■□□□□□■■□□□□□□□□□□■□□□□□□□
□■■□■□■□□□□□□□□□□□□□□□□□■□□□□□□□
□■□□■□□□□■■■□□□□□□□□□□□□■□□□□□□□
□□□□■□□□□□□■■■□□□□□□□□□□■□□□□□□□
□□□□■□□□□□□□□■■□□□□□□■■■■□□□□□□□   


403 名前: 386 投稿日: 02/12/10 01:11 ID:???
あれから試行錯誤の結果、CSSファイルでのfont-family指定は
諦めまして、HTMLファイルの方で、head内にfont-familyだけ
埋め込む事にしました。なんだかカッコ悪いですが。。。

みなさんどうもです。


404 名前: Name_Not_Found 投稿日: 02/12/10 01:14 ID:???
>>403
ところで@charsetは試してみたかい?
もしかしたらこれが原因かも知れない。


405 名前: 386 投稿日: 02/12/10 02:15 ID:???
>>404
@charsetって何ですか?
手持ちの本に出てないんだけど。。。


406 名前: Name_Not_Found 投稿日: 02/12/10 02:20 ID:???
そのくらい検索して調べましょう。


407 名前: 386 投稿日: 02/12/10 02:36 ID:???
head内の
<meta http-equiv="Content-Type"content="text/html:charset=Shift_JIS">
ってところのcharset以下を消したらfont-familyが動き出しました!!

検索で見たのですがよく理由が判らないのですが、charsetは意味がないのですか?
間違ってますか?


408 名前: 386 投稿日: 02/12/10 02:41 ID:???
>>all
もう、一から出直してきます。

こりゃあ、タグが打てればOKって問題じゃないですね。
根底から虱潰しで見ていかんといけんですね。

なんで、この本に説明されていないんだろ?
うわあ難しい。


409 名前: 386 投稿日: 02/12/10 02:50 ID:???
あらためて、ありがとうございました。


410 名前: Name_Not_Found 投稿日: 02/12/10 02:57 ID:???
どの本よ?


411 名前: 386 投稿日: 02/12/10 03:08 ID:???
よくよく見たらありました、が私にはかなり理解不能なだけみたいです。
理由らしきものも書いてあるよう(どの部分なのか判らないです。)ですが
何度読んでも判らないです。

charsetは指