2ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

/* 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は指定してはいけんがですか?

「ひとりでつくれる ホームページHTML入門 成美堂出版」
の46ページです。



412 :386:02/12/10 03:22 ID:???
やっぱり読んでも判らないですね。ググっても理由が判らないです。

すくなくとも本のせいではない事だけは確かなようです。
お騒がせいたしました。

バカな私の事など忘れてください。

413 :Name_Not_Found:02/12/10 04:37 ID:???
くじけるな。がむばれ。


414 :Name_Not_Found:02/12/10 05:05 ID:???
>>407
とりあえず text/html の後ろは コロンじゃなくてセミコロンなわけだが、そこはどう?

415 :Name_Not_Found:02/12/10 09:32 ID:???
>>405
ブラウザによっては、外部ファイルの文字符号化方法を
間違った符号化方法(例えばISO-8859-1とか)で認識したりするので、
そういった事を避ける為に、@charset規則で明示する必要性がある。

特に、外部ファイルを読み込んだHTML文書の
文字符号化方法と異なる場合は指定した方が良い。

>>407
下記参照のこと。
http://openlab.ring.gr.jp/k16/htmllint/explain.html#content-type


416 :Name_Not_Found:02/12/10 10:10 ID:???
>>407
おーい、書き方間違ってるぞ

text/html:charset=Shift_JIS じゃなくて
text/html;charset=Shift_JIS
(コロンじゃなくてセミコロン)

これないと文字化けするときあるから書いておけ

417 :416:02/12/10 10:12 ID:???
5時間も前にがいしゅつだった… (´・ω・`)

418 :Name_Not_Found:02/12/10 16:00 ID:ddgwXClr
マウスオーバーで画像を半透明にし、背景画像をみせたいのですが、
WIN(IE、NN)MAC(IE)に対応できる記述はありますでしょうか?

どなたかお教えいただけると助かります。
よろしくお願い致します。


419 :Name_Not_Found:02/12/10 16:56 ID:rrDj1ZzA
W3Cの和訳(CSS2)があるサイトはありますでしょうか?
ttp://www.w3.org/Consortium/Translation/Japanese
このサイトからいっても見れなかったんですが・・・。

420 :Name_Not_Found:02/12/10 17:04 ID:???
>>418
PNG のアルファー値指定で出来るといいね。

421 :Name_Not_Found:02/12/10 17:22 ID:???
>>419
>>3

422 :Name_Not_Found:02/12/10 17:22 ID:???
>>419
「邦訳」で探してみ

423 :Name_Not_Found:02/12/10 17:27 ID:???
>>418
IEは独自拡張のfilterを使うわないといけないだろうから
記述を分けるしかないと思う。

filterを使うこと自体あまりオススメできないが。

424 :Name_Not_Found:02/12/10 18:51 ID:ddgwXClr
>>420
>>423
ご親切にありがとうございます!
結果的にfilterを使わない方法にしました。
便利な機能ですが、MAC、NNに関しては不便ですね。

425 :419:02/12/10 19:06 ID:???
>>421
すみません。もっとよく探すべきでした。
>>421
ご親切にありがとうございます。


426 :419:02/12/10 19:08 ID:???
下の方で
421=422です。

427 :Name_Not_Found:02/12/10 19:10 ID:7c8pMJYu
すみません、質問です。わかる方がいらしたら教えて下さい。
OSはWin98、IE6(サービスパック導入しています)で
閲覧しているのですが、突然
フィルターが私のブラウザでは表示されなくなりました。
たとえば
style="border:none;filter:Alpha(opacity=60)"
のように指定されているのに、透過されない、ということです。
前日までは問題なく見えていたのですが、何か原因はありますでしょうか?
他のスタイルシートは問題なく表示されています。


428 :Name_Not_Found:02/12/10 19:15 ID:1xN4/7F0
【ニューヨーク9日=夕刊フジ特電】ヤンキース、
メッツというニューヨークの2球団が、日本人欲しさに
かなり荒っぽいリストラを断行中だ、と9日、
ニューヨーク・タイムズ紙が報じた。

 ゴジラこと松井秀喜外野手が欲しいヤンキースは
ベテランの救援投手、マイク・スタントン(35)と
ラミロ・メンドーサ(30)を相次いで解雇した。

 メンドーサは平均年俸400万ドル(4億8000万円)で
3年契約を希望。スタントンも3年契約で計1050万ドル
(12億6000万円)を希望したが、球団が用意した額とは
はるかにかけ離れていた。

 ヤンキースはさらに右翼手のラウル・モンデシー、
ロンデル・ホワイト、さらにはスターリング・ヒッチコック投手ら
との契約を見直したい意向。

429 :386:02/12/10 22:28 ID:???
CSSファイルfont-familyの件にて。

charset=Shift_JISを消すときちんとfont-familyが動作するというのも腑に落ちないので
いろいろ試してみたところ、

その1、content="text/html"; charset=Shift_JIS>
その2、content="text/html"; charset="Shift_JIS">
その3、content=text/html; charset=Shift_JIS>

で、記述するとfont-familyが動いてくれるようでした。しかし、依然として、

content="text/html;charset=Shift_JIS">

という本来の記述では、動いてくれません。先の本にも

「記述する際やってしまいがちなのは、conten="text/html;"charset="Shift_JIS"なんていう
ミスですが、text/html;charset=Shift_JISがcontentの属性の値です。charsetという属性で
はありませんのでご注意ください。」

とあります。まさに、その2がそうした、例なのですが、なんだか本来の記述をしているのに、
作用してくれず、ミス通りにすると作用する、ので戸惑っています。

>>414,416さん
「;」はきちんと記述していましたが、レスする時にミスをしてしまいました。
申し訳ございません。

レスをしてくれたみなさんありがとうございます。

430 :429訂正:02/12/10 22:37 ID:???
その2と先の本の、やってしまいがちなミスの表記で「”」の位置が違っていました。
申し訳ありません。が、その2でも、やってしまいがちなミスの例でもfont-familyは
作用しています。


431 :Name_Not_Found:02/12/10 22:39 ID:???
HTMLでなくてCSSシートに@charset指定してるのが間違ってるんでないかい?

432 :Name_Not_Found:02/12/10 22:41 ID:???
HTML と CSS のファイルの文字コードが違うとか。

433 :Name_Not_Found:02/12/10 23:43 ID:???
>>429
>その1、content="text/html"; charset=Shift_JIS>
>その2、content="text/html"; charset="Shift_JIS">
>その3、content=text/html; charset=Shift_JIS>
のように半角スペースを入れて
content="text/html;charset=Shift_JIS"> ではなく
content="text/html; charset=Shift_JIS"> にはしてみたか?

半角スペースを入れないとブラウザによっては作用しないCSS記述があるので
これも それと同じで半角スペースが必要なのでは

434 :Name_Not_Found:02/12/10 23:55 ID:???
>>429
ソースを晒してくれるとありがたいんだけど…

435 :386=429:02/12/11 01:19 ID:???
429さんの半角スペースでは変化しなかったのですが、ちょっと応用してみて、

content="text/html; charset=Shift_JIS"

と、全角一個を間に入れたら外部CSSファイルによるfont-familyを読み込んでくれました!!

それから、いろいろ試してみたのですが、他の要素は全半角を問わないようで、metaの
中でもココだけ全角が必要なようでした。

こんな理解でいいのでしょうか?






436 :386=429:02/12/11 01:23 ID:???
あ、検証結果なのに下げてしまいました。

437 :Name_Not_Found:02/12/11 01:26 ID:???
>>435
おぃおぃ・・

438 :Name_Not_Found:02/12/11 01:30 ID:???
適用されない=実は適用されてる
適用された=実は適用されてない
という説

439 :Name_Not_Found:02/12/11 01:39 ID:???
>>435
全角のマークアップは無効。charsetが書かれていないのと同じ。

440 :429=435:02/12/11 01:52 ID:???
>>439さん
はあ、無効ですか?
それでも表示されるって事はどこかがおかしいって事ですよね。

余裕のある時に、プリントアウトして一から検証してみます。
今日は、手一杯です。まだまだ道は長そうです。

レスをくれたみなさん、どうもありがとうございました。

今日はおやすみなさいです。

441 :Name_Not_Found:02/12/11 01:52 ID:???
また明日も来るのかよ!
勘弁しやがれ!

442 :429=435:02/12/11 01:57 ID:???
>>441さん
明日も、明後日も来ないから大丈夫ですよ。
考えたら、スタイルシートの問題じゃないですよね。
すいません。

せっかくの貴重な板を汚してしまい申し訳ありませんでした。


443 :Name_Not_Found:02/12/11 05:49 ID:???
まあ、ガンガレ

444 :441:02/12/11 06:07 ID:???
>>442
いや、ほんの冗談だぞ。いつでも来いよ。

445 :Name_Not_Found:02/12/11 10:04 ID:???
このネタはもういいけどな

446 :Name_Not_Found:02/12/11 11:25 ID:nE0Siy+P
文中にソースコードのサンプルを置くことがあります。
改行やインデントをそのままにしたいためpreを使っているのですが、
横に長いコードがあると、当然ながら横スクロールがでます。

ソースコード部分はこれで問題ないのですが、本文まで同じ幅になってしまい
かなり鬱です。
↓のような表示にしたいのです。助けてください。

|-------------|ウィンドウ幅
|あいうえおあい|
|うえおあいうえ|←本文はウィンドウ幅で自動改行して欲しい
| aaaaaaaaaaaaaaaaaaaaaa ←この部分ははみ出して良い
| bbbbbbbbbbbbbbbbbb   
|あいうえおあい|
|うえおあいうえ|


447 :Name_Not_Found:02/12/11 11:29 ID:???
>>446
それはcssの仕様、というよりもpreの結果だからな、
テキストエリア作って放り込んだほうがよくない?

448 :Name_Not_Found:02/12/11 11:30 ID:???
自動改行じゃなくて「折り返し」ね。

449 :Name_Not_Found:02/12/11 12:04 ID:???
>>447
良くない

>>446
そんなはずないと思うんだが。
普通はその図の様になるぞ

450 :Name_Not_Found:02/12/11 12:19 ID:???
ソースコードは<code>

451 :Name_Not_Found:02/12/11 12:26 ID:???
>>446
タグの閉じ忘れの可能性もあるので、もう一度確認すべし。
(終了タグのスペルミスとか)
それでもだめだったら、ソースをさらしてみて。

452 :Name_Not_Found:02/12/11 12:28 ID:???
>>450
codeはインラインだからbody直下には書けないだろ。
まとまった分量のコードを書く場合、<pre><code>〜</code></pre>
とやるのは妥当だと思うが。

453 :Name_Not_Found:02/12/11 12:35 ID:???
<ol>
<li><code>*****</code></li>
<li><code>*****</code></li>
<li><code>*****</code></li>
</ol>

454 :447:02/12/11 12:48 ID:???
>>449
スマン。読んで、その通りだと思い込んでしまってた。

>>446
試してみたら、pre掛かってないところは折り返されたよ。</PRE>って入れてる?

455 :Name_Not_Found:02/12/11 15:13 ID:Ezr+Zt5k
はじめまして
テーブル内とテーブルの外にスタイルシートを適用したいときの話です。
↓これでいいと思うのですが・・・本当にそうなんでしょうか?
一行だけで内外の両方に指定できたりしますか?
なにかまずいことありませんか?

<p>.mozi { font-family: "MS Pゴシック", "Osaka"; font-size: 20px}.
table { font-family: "MS Pゴシック", "Osaka"; font-size: 10pt; } </p>

456 :Name_Not_Found:02/12/11 15:17 ID:???
>>455
もうちょい基本を勉強してからまた来てね。

457 :Name_Not_Found:02/12/11 15:20 ID:???
>>455
ttp://www.kanzaki.com/docs/html/htminfo17.html#S30

458 :Name_Not_Found:02/12/11 15:32 ID:???
455はどこで勉強したんだろう?

459 :455:02/12/11 16:02 ID:Ezr+Zt5k
・・・もしかしてすごくおかしいですか・・・。。?
誰か回答をかいてくれると、すごく嬉しいです。

作成ソフト(DW)つかっていてうまくいかず、
txtでやっています。。作成ソフトとtxtのやりかたが
いまいちリンクしなくて大混乱中。。
簡単そうでいまいちよくわからない。。

460 :Name_Not_Found:02/12/11 16:14 ID:???
>>459
激しくおかしい

何がおかしいのか理解できるように
お勉強してください

461 :Name_Not_Found:02/12/11 16:51 ID:???
>>455
DW>テキスト>新規CSSスタイル作成>名前=P>クラス名だけど?>OK>フォント&サイズ指定>OK

その後ソース見れ

以上

462 :446:02/12/11 16:51 ID:???
>>447-454さん、ありがとうございます。
日記用のCGIを使っていたので確認が遅くなりました。
日記本文が1日毎にテーブルになっており、
その中でpreを使っていたのが原因のようです。

CGIが出力したHTMLからtalbe関連のタグを削除したところ
望むとおり&みなさんが書かれていた通りの状態になりました。
これからCGIの改造をしますです。

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

463 :Name_Not_Found:02/12/11 17:06 ID:HNhzrkDp
inline要素にはwidth指定できないとのことですが、
わたしは<dt>と<dd>をinlineにして、<dt>にはwidth指定していました。
IE5,6だとうまく表示してくれていたので安心していたのですが…。

compactとかいう指定がhtmlでできたような気もしますが、
あまり推奨されていない印象です。(NN独自でしたか?)

スマートな解決策は何でしょうか。
<dt>をinlineにせず、flort:leftでしょうか?

464 :Name_Not_Found:02/12/11 17:10 ID:???
遅レスですが、display:noneについて。
カウンタのPHPスクリプトを<object>を使って設置しているのですが、
.counter{display:none}にしています。

465 :Name_Not_Found:02/12/11 17:11 ID:???
>463
さらに、ddにmargin-leftをたっぷりとってあげればOK…だと思うけど嘘かも

466 :Name_Not_Found:02/12/11 17:29 ID:???
>>455
まず、なんでスタイルを段落で囲むんだ?と。

BODY {
  font-family: "MS Pゴシック", "Osaka"; font-size: 20px
}.
table {
  font-family: "MS Pゴシック", "Osaka"; font-size: 10pt;
}
 このままtxtに貼り付けて、拡張子を.cssにしる。
htmlファイルと同じディレクトリにぶち込んで、
<LINK href="つけた名前.css" rel="stylesheet" type="text/css">
をhtmlファイルのhead内にぶち込め。

467 :Name_Not_Found:02/12/11 17:38 ID:???
世話好きなひとですね。いいお嫁さんになれます。

468 :Name_Not_Found:02/12/11 17:59 ID:???
わざわざ外出しせずとも、嫁さんなら中出し可なのではないか。

469 :Name_Not_Found:02/12/11 18:07 ID:???
>>468
まぁ、外出ししておけば夫婦水入らずで過ごせる期間が延びるわけで。

470 :Name_Not_Found:02/12/11 18:09 ID:???
外出ししちゃうと、出したものが見当たらないとか言って怒られたりすることも新婚さんには多いわけで。

471 :455:02/12/11 18:30 ID:Ezr+Zt5k
>>461
>>466
ありがとうございます。できました(^-^)



たくさん勉強しますので、中出しは・・・・・勘弁してください*^^*;

472 :Name_Not_Found:02/12/11 22:45 ID:GzAmL7fH
471の口調に萌え(*´∀`*)

473 :Name_Not_Found:02/12/11 22:47 ID:???
>>471
てめえ女かよ。結婚してください。

474 :Name_Not_Found:02/12/11 22:50 ID:???
>>471
外出しでいいのでやらせてください。

475 :Name_Not_Found:02/12/11 22:51 ID:???
(´`)キモッ

476 :Name_Not_Found:02/12/11 22:54 ID:uXi5t+wO
dt{float:left}にしたり、dd{clear:both}にしたり、
<br clear="all">を付けたり、いろいろ試しましたが、
IE5,IE6,NN6のすべてで満足いく結果…にはなりませんでした。

やはり、dt{display:inline;width:Xem}でいこうと思います。
NN6だけはwidthが効いていませんが、致命的というわけではないので…。

それにしても、em{background:red;width:4em}とか、
まあこの例はうまくないかもしれないけど、
inline要素のwidthにも意味はあると思うんですが、
こういう見栄えを実現したいときはいい方法はあるのでしょうか…。

477 :Name_Not_Found:02/12/11 23:25 ID:???
>>476
dt { width: 10em; float: left; }
dd { margin-left: 10em; }
とかでは、ダメなのか?



478 :Name_Not_Found:02/12/11 23:36 ID:???
>>476
サンプルソース…
-------------------------------
<dl>
<dt>(゚Д゚,,)</dt><dd>(,,゚Д゚)</dd>
<dt>(゚Д゚,,)</dt><dd>(,,゚Д゚)</dd>
<dt>(゚Д゚,,)</dt><dd>(,,゚Д゚)</dd>
<dt>(゚Д゚,,)</dt><dd>(,,゚Д゚)</dd>
<dt>(゚Д゚,,)</dt><dd>(,,゚Д゚)</dd>
<dt>(゚Д゚,,)</dt><dd>(,,゚Д゚)</dd>
</dl>
<p class="abc">(´∀`)</p>
-------------------------------
dt{border:1px solid red; /* 枠線つけて分かりやすくしてみるテスト */
float:left;
clear:left;
width:30%;
height:3em;
overflow:auto;
}
dd{border:1px solid blue; /* 枠線つけて分かりやすくしてみるテスト */
margin:0;
height:3em;
overflow:auto;
}
p.abc{clear:both;}
-------------------------

こんなんじゃだめ?

479 :Name_Not_Found:02/12/11 23:36 ID:???
>>476
tableじゃ駄目なの?

<table summary="蹴り技を紹介する表">
<caption>蹴り技一覧</caption>
<thead>
<tr>
<th>技の名前</th>
<th>技の説明</th>
</tr>
</thead>
<tr>
<th>ローキック</th>
<td>足を蹴る</td>
</tr>
<tr>
<th>ミドルキック</th>
<td>脇腹を蹴る</td>
</tr>
<tr>
<th>ハイキック</th>
<td>頭を蹴る</td>
</tr>
</table>

見出し(蹴り技一覧)と1行目(技の名前、技の説明)が見栄え的に要らない場合は、

caption,thead { display : none; }

の方向で。

480 :478:02/12/11 23:40 ID:???
dtのclear:left;は要らないです。(´Д`)

481 :463=476:02/12/11 23:59 ID:???
<dt>名前</dt><dd><input type="text" name="namae"></dd><br clear="all">
----
dt{float:left;width:3em}
dd{display:inline}
これで成功しました。

ddにmarginは必要ないです。
仮に付けると、10em分の間隔が開いてしまいます。

ひょっとしたら実現したいレイアウトがうまく説明できていなかったかもしれません。
こんな感じで、フォームアイテムを並べています。

名前 [        ]
mail [        ]

名前やmailなどの幅を統一の3emで指定することで、
テーブルを使わずにinput要素の左揃えを実現したかったのです。
テーブルでもマークアップ的にはいいと思うんですけど、
テーブルは、テーブル自体の横幅の指定がうまくいかないので避けたかったのです。
ありがとうございました。

482 :Name_Not_Found:02/12/12 00:20 ID:???
なんだフォームか…
dtかddの中に数行の文章が入るのかと思って
overflowとか色々考えちゃったよ。

483 :Name_Not_Found:02/12/12 01:18 ID:???
>>481
</dd>のあとに<br>とはこれ如何に。
あるべきは</dd></dl>で、その間には何物も挾むことを許さず。

あと、floatしたのならddへのdisplay:inline;指定は不要のはずだが。

484 :Name_Not_Found:02/12/12 01:25 ID:???
>>481
定義リストを表化するには、これでいいハズ。
DT {
clear:left;
float:left;
width:3em;
margin:0;
padding:0;
}
DD {margin:0 0 0 3em;padding:0;}

485 :Name_Not_Found:02/12/12 01:56 ID:???
>>481
CSSを覚える前にHTMLの仕様書読め。


486 :481:02/12/12 02:14 ID:???
>>483
dd{display:inline}がないと、
ブロック要素と<br clear="all">の解釈の違いによって、
NN6で1行空いてしまうのです。
まあ、IEの解釈のほうが間違っている気がしますが。

>>484
ダメですた。
<dd>にマージン指定すると、どうしても<dt>との間に
まるまる3emの空隙ができてしまいます。

>>485
フォームにリストがダメですか?
津波荘など色々参考サイトを見て回ったのですが…。
それとも、<br clear="all">を使ってるのがまずいですか?
しかしこれはIEのシェア的に無視できず、勘弁していただきたいところです。
display:inlineが許されるならば、<br>も必然的に許される気もします。
スレ違い?スマソ。

487 :Name_Not_Found:02/12/12 02:18 ID:???
> display:inlineが許されるならば、<br>も必然的に許される気もします。

全然違うし。もうすこし頭を冷してよく考えてみ

488 :481:02/12/12 02:21 ID:???
間違い訂正。
>>483
dd{display:inline}がないと、
IE6でなぜか最初の<dd>の手前で改行されてしまいます。
また、NN6では各<dt><dd>のセットの間にそれぞれ1行の間隔が開いてしまいます。

489 :Name_Not_Found:02/12/12 02:31 ID:???
>>486
<!ELEMENT DL - - (DT|DD)+ -- definition list -->
DL要素の内容モデルは、DT要素或いはDD要素の一回以上の繰り返し。
その他の要素は包含できない。それぐれらい知れ。

490 :481:02/12/12 02:34 ID:???
dt{clear:left}を追加して、<br>をなくしてみたんですが、
IEで、2行目以降にインデントがついてしまいました。
名前 [        ]
    mail [        ]
        url [        ]
こんな感じです。
もちろん、{margin:0;padding0}です。

け、結局、テーブルですか。(゚Д゚;

491 :481:02/12/12 02:35 ID:???
毎回タイプミスがあるので鬱です。
padding:0ですね。":"が抜けてました。

492 :Name_Not_Found:02/12/12 02:45 ID:???
<head>
<title>これでいいだろうがボケ。</title>
<style type="text/css">
dt { width: 3em; float: left; clear: both; }
dd { margin-left: 3em; }
</style>
</head>

<body>

<dl>
<dt>名前</dt><dd><input type="text"></dd>
<dt>mail</dt><dd><input type="text"></dd>
</dl>

</body>

493 :Name_Not_Found:02/12/12 03:08 ID:???
最近しつこい奴が多いけど
同一人物?

494 :Name_Not_Found:02/12/12 03:34 ID:???
あ、はい、全部俺です

495 :481:02/12/12 03:44 ID:???
>>492さん、ご丁寧なソースありがとうございます!
結局、親要素のline-heightなど、わたしのサイト固有の原因がありました。
色々調整した結果、<br>はなくすことができました。inlineも使っていません。
まことにおさわがせしました。すみません。

496 :Name_Not_Found:02/12/12 04:11 ID:???
>>494
騙るな。どあほうが。

497 :Name_Not_Found:02/12/12 04:31 ID:???
>>3
に、HTMLの仕様書や HTML Validator も追加した方が良くないか。

> CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。
> つまり、正当(valid)なHTML文書と共に、CSSスタイルシートを用いる必要があります。

HTMLを知らなくては、CSSの利点は活かされない。
CSSを知らなくても、HTML文書は書ける。


498 :Name_Not_Found:02/12/12 07:46 ID:???
>>497
その場合、>>1に、
「CSSを意図した通りに機能させるには、CSSを適用するHTML文書も正しく
書く必要があります」
という旨の文章をつけくわえた方がいいと思う。

しかし、こうなると本当にFAQサイトを別に作った方がよさそうだね。
俺がやってもいいんだけど、仕様書もきちんと目を通したことのない
ヘタレだしな……

499 :Name_Not_Found:02/12/12 18:24 ID:???
dtなどをdisplay:list-item;にした場合、IE6ではきちんとリストマーカーが表示されるでしょうか
mozillaでは表示されましたがIEはバージョンアップできないので確認が取れませんでした。

500 :Name_Not_Found:02/12/12 19:14 ID:???
>>499
されるよ。

そしてなめらかに500ゲト


501 :Name_Not_Found:02/12/12 19:54 ID:???
>>500
どうもです。確認取れなかったので安心しました。

502 :Name_Not_Found:02/12/12 20:00 ID:???
>499
まだ見てるかな?
>>4のあたりに、ブラウザごとの対応状況を調査しているサイトが紹介されてますよん。
次回はそのあたりが役に立ちそう

503 :Name_Not_Found:02/12/12 20:10 ID:???
>>502
すんませんでした。こんどちゃんと読んできます

504 :ネスケ逝ってよし。:02/12/13 00:55 ID:2WpsAB3m
ズバリ! 「ネスケ4以下の時はCSSを読み込まないようにする」
やり方を教えていただけないでしょうか。

以前、公共のサイトを作った時は、ネスケ4.7でも綺麗に表示されるように
BODYには行空け(line-height : 1.5em )をつけないで
いちいちタグにつけるとか、
画像と文字が重ならないようにテーブルに入れるとか、気を使ったのですが
やはり限界があるので…。

505 :Name_Not_Found:02/12/13 00:57 ID:???
ネスケ4ユーザを物理的に壊滅する

506 :Name_Not_Found:02/12/13 01:00 ID:???
>>504
質問する前に検索しましたか。
>>4も見給へ(特に一番下を)。

507 :ネスケ逝ってよし:02/12/13 01:06 ID:???
>506
ありがとうございます!!!! ズバリ!! それが知りたかったのです。
検索はしたんですが、スレ内を見落としてました。
↓これの書き方を知りたかったんです。
http://216.239.33.100/search?q=cache:4tKv3DmOJJgC:www.style221.net/about.html+%E3%83%8D%E3%82%B9%E3%82%B14%E3%80%80CSS%E3%82%92%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BE%E3%81%AA%E3%81%84&hl=ja&lr=lang_ja&ie=UTF-8
***ネスケの未対応の機能を使ってCSSを読み込まないように設定***
どうもありがとうございました。


508 :Name_Not_Found:02/12/13 01:33 ID:???
自己完結する奴、ウザ・・・

509 :ネスケ逝ってよし:02/12/13 01:39 ID:???
これでいい?(゚∀゚)
<link rel="stylesheet" type="text/css" href="ほにゃらら.css" media="all">

510 :@import:02/12/13 02:10 ID:???
>>509
験せばわかるだろ。
NN4をインストールできない環境でもあるまいに。

511 :ネスケ逝ってよし :02/12/13 02:16 ID:???
>510
いや。試してる。NN4はインストール済。
ただインポ音を使う方法が読んでもよくわかんなかったので、
メディアなんとかでやってみている。
:@import :

512 :screen,:02/12/13 04:12 ID:???
>media="all"
全てのメディアに対象なんて迷惑だよ。

これでいいだろ。(゚∀゚)
<link rel="stylesheet" type="text/css" href="ほにゃらら.css" media="screen,">
メディアタイプの最後のコンマがミソ。
Netscape 4 のアフォは解析できないのだ。


513 :Name_Not_Found:02/12/13 04:14 ID:???
ほんまアッフォやなぁ!(快笑)

514 :Name_Not_Found:02/12/13 04:28 ID:???
>>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。



515 :Name_Not_Found:02/12/13 04:28 ID:???
>>513
おまえなんかむかつくな。

516 :Name_Not_Found:02/12/13 04:32 ID:???
>>515
オマエモナー


517 :Name_Not_Found:02/12/13 05:06 ID:???
>>513>>516

518 :Name_Not_Found:02/12/13 05:11 ID:???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//JA">

↑あってる?

519 :Name_Not_Found:02/12/13 05:24 ID:???
JA?

520 :Name_Not_Found:02/12/13 05:29 ID:???
ENでした?

521 :Name_Not_Found:02/12/13 06:22 ID:???
ENじゃないとダメだよ。
そこはDTDの言語指定だから。


522 :Name_Not_Found:02/12/13 06:23 ID:???
>>518
ネタか?

523 :Name_Not_Found:02/12/13 06:29 ID:???
>>513>>516

524 :Name_Not_Found:02/12/13 06:53 ID:???
>>514=文盲

525 :Name_Not_Found:02/12/13 06:54 ID:???
>>514は文盲というより知障。

526 :Name_Not_Found:02/12/13 06:55 ID:???
とほほ信者VSアンチ


ファイッ!

527 :Name_Not_Found:02/12/13 07:01 ID:???
>>526
あはは。わかる気がする。

528 :Name_Not_Found:02/12/13 07:16 ID:???
とほほ信者VSボブ・サップ


ファイッ!


529 :Name_Not_Found:02/12/13 07:18 ID:???
ボブ・サップVSアーネスト・ホースト


ファイッ!

530 :Name_Not_Found:02/12/13 07:21 ID:???
>>529

531 :Name_Not_Found:02/12/13 10:14 ID:???
>518
http://www.ne.jp/asahi/minazuki/bakera/html/sgml/doctype を参照のこと。

532 :Name_Not_Found:02/12/13 12:34 ID:???
ならばJAに対応させた日本語版DTDを作ろう
という気にはなれない。

533 :Name_Not_Found:02/12/13 16:58 ID:???
<li>のfloatがうまくいきません。例えば、

<div class="section">
<h2>ほげほげ</h2>
<ul>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
...
</ul>
</div>

のようにし、<li>にwidth:15em;float:left を適用させたところ、
<div class="section">のボックスサイズがおかしくなってしまいました。
WinME + IE5.5sp2・Netscape7で表示を確認したんですが、共に若干の違い
があるものの、<div>のボックスの縦幅が<ul>よりも狭くなり、結果的に
<ul>が<div>をはみ出すような形になってしまいました。
うまく回避する方法はないでしょうか。

534 :533:02/12/13 17:01 ID:WDr+7rKQ
age忘れました。
あと、Opera6.05ではとりあえず意図した通りに(?)表示されてました。

535 :Name_Not_Found:02/12/13 17:31 ID:???
>>533
ulに適当なwidthを与えてみてください

536 :533:02/12/13 17:46 ID:???
>>535
ulにwidth:100%を与えてみましたところ、IE5.5で表示が改善されました!
Netscape7では変わらないみたいなんですが、IE5.5が改善されただけでも
うれしいです。ありがとうございます!

537 :Name_Not_Found:02/12/13 18:04 ID:mbeKMtqO
外部CSSファイルを読み込んでますが、

<p class="aaa">あああああ</p>
などと指定したとき、aaaというクラスがCSS内になかった場合って
大丈夫なんでしょうか?

538 :Name_Not_Found:02/12/13 18:11 ID:???
>>537
大丈夫。何も適用されないだけ。


539 :Name_Not_Found:02/12/13 18:12 ID:???
>537
それはいけません!OSがクラッシュして再インストール必須です!

なわけがなくて、特になにも起きないんでは…自分でやってみれば?

540 :537:02/12/13 18:14 ID:???
>>538 , >>539

サンキューです。

一応、Win2kで一番タチの悪いネスケ4で大丈夫だったのは確認してましたけど、
macとかどうなのかなーと思って。
言葉足らずでごめんなさい。

541 :Name_Not_Found:02/12/13 20:29 ID:???
>>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。

542 :Name_Not_Found:02/12/13 20:34 ID:???
お、どうした、粘着だな!

543 :542:02/12/13 20:36 ID:???
>>541
禿同

544 :野嵜健秀:02/12/13 20:57 ID:???
>>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。

545 :Name_Not_Found:02/12/13 21:12 ID:???
お、どうした、粘着だな!

546 :545:02/12/13 21:12 ID:???
>>544
禿同

547 :545:02/12/13 21:12 ID:???
禿同>>544

548 :Name_Not_Found:02/12/13 21:13 ID:???
とほほはどかが(・A・)イクナイ!!の?
おせーてPLZ

549 :Piro:02/12/13 21:14 ID:???
>>4
「とほほのスタイルシート入門」の削除きぼーん。
杜甫々は逝ってよし。参考にならん。

550 :Name_Not_Found:02/12/13 21:19 ID:???
>>548
http://members.jcom.home.ne.jp/pctips/Tondemo/003Tohoho.html

551 :Name_Not_Found:02/12/13 21:24 ID:???
>>544 >>550
(;´Д`)野嵜たんハァハァ。


552 :Name_Not_Found:02/12/13 21:43 ID:???
自作自演の嵐だな・・・

553 :552:02/12/13 21:44 ID:???
>>544
禿同!!!!

554 :Name_Not_Found:02/12/13 22:10 ID:???
荒らすなら糞スレでやれリア厨ども

555 :554:02/12/13 22:14 ID:???
>>544
禿同!!!

556 :べに:02/12/13 22:22 ID:eOeYBXQD
以下のhtmlで”名 称:”と”−−−−壱”
同じく”所在地:”と”−−−−壱”
の間が、微妙に空いてしまいます。
name-addressに負のmarginを指定してあげたら空かなくなるのですが、
印刷時に文字ずれが生じました。
どのようにすれば、隙間がなくなるでしょうか?
教えてください。

<html>
<head>
<style type="text/css">
body.plain {font-size:0.4cm; font-family:MS 明朝; line-height:150%; margin-left:2em; padding-top:0.5em;}
div.plain {width:15cm;}
span.name-address {width:7em; height:4em; float:left; text-align:right;
margin:0cm; padding:0cm border-style:none;}
</style>
</head>
<body class="plain">
<div class="plain">
<p>1.事業所の名称及び所在地<br>
<span class="name-address">名 称:<br>所在地:</span>−−−−壱−−−−1−−−−壱−−−−2<br>
−−−−壱−−−−1−−−−壱−−−−2−−−−壱−−−−3−−−−壱−−−−4−−−−壱−−−−5</p>
</div>
</body>
</html>


557 :Name_Not_Found:02/12/13 22:27 ID:???
width:7em

558 :Name_Not_Found:02/12/13 22:31 ID:???
>>556
名称と所在地を<span>で括るのがおかしいだろ……
かなり不思議マークアップな気がする。

っていうか、リストなり表なりにしてくれ。

559 :Name_Not_Found:02/12/13 22:33 ID:fH3KC67e
スタイルシートのリファレンス本ほしいんだけど、たくさんありすぎてようわからん。
ショウエイシャとかソフトバンクとか秀和システムとか。
おすすめとか定番ものってのがあったら教えてください

560 :Name_Not_Found:02/12/13 22:34 ID:???
>>556
ヤツラが来るまえに逃げろ!早く

561 :Name_Not_Found:02/12/13 22:37 ID:???
>>559
書籍スレ見たほうが良いんでない?
http://pc3.2ch.net/test/read.cgi/hp/992793435/

562 :Name_Not_Found:02/12/13 22:37 ID:???
>>559
杜甫々本がオススメ

563 :Name_Not_Found:02/12/13 22:37 ID:???
>>556
つーか,これこそtableとかでレイアウトすべきじゃない?
もしくはdl,dt,ddかなぁ.
わざわざスタイルシート使ってまでAccessibility下げてる理由がわからん.

lynxとかでみると,

名 称:
所在地:
−−−−壱−−−−1−−−−壱−−−−2
−−−−壱−−−−1−−−−壱−−−−2−−−−壱−−−−3−−−−壱−−−−4−−−−壱−−−−5
ってなるのかな?

音声ブラウザだともっとひどいことになりそ.

564 :Name_Not_Found:02/12/13 22:42 ID:fH3KC67e
>>561 >>562
親切にありがとうございます。氏ねとか言われるかとちょっと不安だっただけにうれしいです

565 :Name_Not_Found:02/12/13 22:42 ID:???
563は阿呆

566 :Name_Not_Found:02/12/13 22:42 ID:???
>>563
 いや、こうじゃないか?

名 称:
所在地:−−−−壱−−−−1−−−−壱−−−−2
−−−−壱−−−−1−−−−壱−−−−2−−−−壱−−−−3−−−−壱−−−−4−−−−壱−−−−5

あれだよな、普通にスタイルシート切ればこうなるわけで。
考え直せ>>556

567 :べに:02/12/13 22:50 ID:eOeYBXQD
すごい早いレス、ありがとうございます。
I.E. 6.0の表示では、

名 称:−−−−壱−−−−1−−−−壱−−−−2
所在地:−−−−壱−−−−1−−−−壱−−−−2
      −−−−壱−−−−3−−−−壱−−−−4−−−−壱−−−−5

となります。
テーブル使うと早いと思うんですが、
どうしても隙間が気になるんです。
margin、border-style、border-width、padding
とう色々変えてみたのですがなんともなりません。

cssをせっかく覚えたのにテーブル使いたくない、
というのももちろんですが。



568 :Name_Not_Found:02/12/13 22:50 ID:???
ん?なんで荒れてんだ

569 :563:02/12/13 22:53 ID:???
阿呆っていわれちゃったよ (´・ω・`)ショボーン

って思ったら
>>566
ああ,ほんとだ.鬱だ氏のう.

570 :べに:02/12/13 22:53 ID:???
>558
確かにspanはおかしいような気がします。
span、p、divの使い分けがわかってないです。

571 :Name_Not_Found:02/12/13 23:03 ID:???
>cssをせっかく覚えたのにテーブル使いたくない、

表をテーブルでマークアップするのは何も悪くないと思うが。
CSSをいじるのは、ValidなHTMLを書けるようになってからにしれ。


572 :Name_Not_Found:02/12/13 23:04 ID:???
>>567
>>556のCSSならテーブル使うほうがましです。

573 :Name_Not_Found:02/12/13 23:05 ID:???
table を使うべき時は使うんだよ。

<style>
td{padding:0;margin:0;text-align:left;}
th{padding:0;margin:0;text-align:right;width:7em;}
</style>
</head>
<body>
<table>
<tr>
<th>名称</th><td>−−−−</td>
</tr>
<tr><th>所在地</th><td>−−−−</td>
</tr>
</table>
</body>

つーか、もうちょと勉強して下さい。

574 :べに:02/12/13 23:22 ID:eOeYBXQD
もうちょっと。

ttp://www9.plala.or.jp/evian/ki.htm
のページでうえのスタイルシートだと、
”:”と”−”の間に空白があるのに対し、
テーブルだと、空白がありません。

この空白はどこから出現してるのか
純粋に気になるんです。




575 :563:02/12/13 23:29 ID:???
阿呆の563ですが,おわびに.
−−−−壱−−−−1−−−−壱−−−−2
がどこで区切れるのかわからんが,区切らずテーブル使わないんだったらこんな感じ?

<html>
<head>
<style type="text/css">
body {font-size:0.4cm; font-family:'MS 明朝',serif; line-height:150%; margin-left:2em; padding-top:0.5em;}
dt {float: left; clear: left; width: 4em;}
</style>
</head>
<body>
<h1>1.事業所の名称及び所在地</h1>
<dl>
<dt>
<span style="letter-spacing: 1em;">名</span>称:
</dt>
<dd>
−−−−壱−−−−1−−−−壱−−−−2
</dd>
<dt>
所在地:
</dt>
<dd>
−−−−壱−−−−1−−−−壱−−−−2−−−−壱−−−−3
−−−−壱−−−−4−−−−壱−−−−5
</dd>
</dl>
</body>
</html>

つーか,テーブル嫌がる理由って何?

576 :Name_Not_Found:02/12/13 23:36 ID:???
>>575
css覚えたての頃は、テーブル使ってた時代の反動で、
テーブルを(レイアウト目的だとかにかかわらず)毛嫌いしてしまうんです。
使っちゃダメなマークアップだと、無意識に。

577 :べに:02/12/13 23:41 ID:???
このページをそのまま印刷して、帳票として使います。
大体、ページ幅が30文字程度で、
所在地の項目(最大50字)は可変長です。
ので、1行のときも2行のときもあります。

今のcssだと、”:”と”−”の間の空白分、”−”以下の文が
タイトル(”1.事業所の名称及び所在地”)と微妙にずれています。
ちょっとでもずれると客がうるさいので、困ってます。
テーブル使えばいいとは思うんですが。

>tableが嫌がる理由
このシステムの他の所では全然使ってないからかな?
576さんの言うとおりだと思います。
覚えたてなんで。


578 :Name_Not_Found:02/12/13 23:46 ID:???
印刷目的ならPDFとかの方が…

579 :576:02/12/13 23:47 ID:???
>>577
帳票ならテーブル使っても間違ったマークアップじゃないと思うよ。

580 :563:02/12/13 23:47 ID:???
>>576
ほーう.
おじちゃんは,テーブルをレイアウトに使う発想が無かった時代からHTML書いてるから,
その辺の感覚わからんなぁ.
てーか,HTML書き始めた頃(1996年4月位)って,tableタグって無かったかも(w

581 :576:02/12/13 23:50 ID:???
>>580
「テーブルはレイアウトに使うな」
って意識が肥大してる、というか、そんな感じですね。
未だに漏れもそういった感覚があります。
普通の表なのに、cssでやらねば、という強迫観念みたいな。

582 :Name_Not_Found:02/12/13 23:53 ID:???
むしろ、意識的にtableを使うチャンスを探すぐらいが丁度いいのかも。
今更レイアウト目的に使うなんてことにはならないだろうしね。
無理矢理こじつけてulとかdlに落してるケースは結構多いかもしれないし。

583 :Name_Not_Found:02/12/13 23:55 ID:???
テーブルレイアウト卒業したばかりなんですけど、
書いたものがあっているのかどうか不安です。
添削して欲しいけど、でも、修正してくれるスレってのはちょっと怖いし、
そんな時はどうしたらいいんでしょうか。


584 :べに:02/12/13 23:58 ID:???
ここで原因が解決してもcss
使うかわからないけど、後学のために、
ぜひ、教えてください。せめてヒントだけでも。

”:”と”−”の隙間はどうやったら消せるでしょう?

585 :べに:02/12/13 23:59 ID:???
>583
確か、上の方のリンクにcssをチェックしてくれる
サイトがあったですよ。
今日そこでチェックしたら、結構ミスがありました。

586 :Name_Not_Found:02/12/13 23:59 ID:???
>>583
虎穴に入らずんば虎児を得ず、って知ってる?

晒したくないなら、自分で参考サイトなり本なり見て確かめればいいのでは?

587 :Name_Not_Found:02/12/14 00:01 ID:???
>>584
素直に tabele つかっとけ。
多分spanのせいだろうとは思うが。

588 :587:02/12/14 00:02 ID:???
あ、ちなみに Mozilla だとスペース空いてないみたいですよ。

589 :Name_Not_Found:02/12/14 00:03 ID:???
>>583
スタイルシートがあっているかどうかなら
http://jigsaw.w3.org/css-validator/

htmlがあっているかどうかなら
http://validator.w3.org/
http://openlab.ring.gr.jp/k16/htmllint/index.html

いづれにしろ,「文法的にあっているかどうか」なので,
上のテーブル議論のように,その内容に対して適切なマークアップであるかどうかは判断できないけどね.


590 :Name_Not_Found:02/12/14 00:05 ID:???
>>586
晒したいんですが、まだまだstrictじゃないので。
たしか、あっちのスレでは「出来る限り最大限の努力を終えてから」みたいなノリだったし。

>>583
逝ってみます

591 :べに:02/12/14 00:08 ID:???
>587
とすると、I.E. のバグなんですね。
I.E.のバグで片付けると、
なんでこんなに気分がすっきりするんだろう・・・

関係ないけど、大盛りの美学100回記念らしい。

592 :563:02/12/14 00:10 ID:???
>>589
丁寧に有難う御座います。勉強してきます。

593 :Name_Not_Found:02/12/14 00:17 ID:???
>とすると、I.E. のバグなんですね。

どんな理論展開をした結果なんだ

594 :Name_Not_Found:02/12/14 00:19 ID:???
 関係ないけど
>587
>588
 の口調の変化にワロタ

595 :563:02/12/14 00:25 ID:???
>>592
俺の名を語るな.そんなに阿呆になりたいか.
563で間違えたのって,そーいうところじゃないし.
どちらかというと,脳内レンダリングエンジンに重大なバグがあったのが問題なわけで.
つーか,じつは563=589で,話題が違うから名前切っただけだし.

2chてほんとに偽物出るのね┐(゚〜゚)┌


596 :583:02/12/14 00:27 ID:???
>>595
間違えました。すみません。

597 :Name_Not_Found:02/12/14 00:30 ID:???
なぁ、明らかにケアレスミスなのが解り切ってる事なのにそんな必死になってキれるなよ、少年

598 :563:02/12/14 00:31 ID:???
>>595
ああ,単純に間違えただけか.
こちらこそそーとも知らず偽物扱いしてスマソ.

おじちゃんみたいに阿呆にならないよーにねー.

599 :563:02/12/14 00:34 ID:???
っておじちゃんも間違えてるじゃん
>>598のは>>595じゃなくって>>596ね.

はあ,回線切って氏んできます...

600 :Name_Not_Found:02/12/14 00:35 ID:???
ワラタ

601 :Name_Not_Found:02/12/14 00:57 ID:???
化石レスだが、border-collapse使えばtableも隙間詰められるぞ。
IEならね。他はしらん。

602 :Name_Not_Found:02/12/14 01:47 ID:???
>>601
Netscape7, Opera6 も実装している。

603 :Name_Not_Found:02/12/14 11:36 ID:???
>>550
しちゃえとかしちゃおうとか、
良い歳をしたをぢさんの文體としてはふさはしからざるものだと思ふが如何。
どうやら、わざと氣持ちの惡い書き方をして、
スタイルシートに對する嫌惡感を煽らうとしてゐるものと見受けられる。

ノジタン・・・。あなたの文章の方が気持ち悪いですYO。

604 :Name_Not_Found:02/12/14 11:45 ID:???
野嵜がキモイとは思わんが。

605 :Name_Not_Found:02/12/14 11:53 ID:???
読みにくくはある。それもこっぴどく。

すげー高度な日本語だな俺。

606 :Name_Not_Found:02/12/14 12:56 ID:???
まぁあれだ。野嵜の文章が読みにくいのは誰もが認める事実なわけでむしろ(以下略

607 :Name_Not_Found:02/12/14 13:07 ID:???
わかりづれー以下略だな

608 :Name_Not_Found:02/12/14 13:24 ID:???
さっぱり風 「IEコンテキストメニューセット」を利用して読み易くしる。
ttp://www.geocities.co.jp/Playtown-Denei/3081/www/iemenu.html
>nozたん(簡易版)
>某サイトの文章を読みやすくします。人によってはかえって読みにくくなるのかもしれません。

609 :Name_Not_Found:02/12/14 17:33 ID:???
読みにくい読みやすいの問題以前によ

610 :Name_Not_Found:02/12/14 17:36 ID:???
あの文体みただけで頭痛・吐き気・怒張がおきます。

611 :Name_Not_Found:02/12/14 17:37 ID:???
おまいらスレタイ嫁

612 :Name_Not_Found:02/12/14 17:53 ID:???
文体までスタイルシートでコントロールできれば
あのサイトもちょっとは見る気おきるんだが。

これでいい?

613 :Name_Not_Found:02/12/14 17:57 ID:???
まだ引っ張るつもりか

614 :Name_Not_Found:02/12/14 18:01 ID:???
のじたんの話はこっちでやれ

CSSコミュニティの功罪を懐かしむスレ 9th
http://pc3.2ch.net/test/read.cgi/hp/1038911361/

615 :Name_Not_Found:02/12/15 06:18 ID:???
誰か質問しる!

616 :Name_Not_Found:02/12/15 07:23 ID:kq0ZEUiY
質問します。
スクロールバーの色を変えたいのですがどうすれば良いですか。

617 :Name_Not_Found:02/12/15 08:18 ID:???
>>616
検索エンジンの使い方も知らん糞野郎だなオメェはYO!
http://www.google.com/search?num=50&lr=lang_ja&q=%43%53%53%81%40%83%58%83%4E%83%8D%81%5B%83%8B%83%6F%81%5B%81%40%90%46

618 :Name_Not_Found:02/12/15 08:21 ID:???
↓↓↓ハイ、次の人どうぞ。↓↓↓

619 :Name_Not_Found:02/12/15 10:56 ID:???
下痢が止まらないのですが…。

620 :Name_Not_Found:02/12/15 12:25 ID:???
>>619
正露丸でも飲め。
ttp://www.seirogan.co.jp/seihin/seirogan/

621 :Name_Not_Found:02/12/15 12:25 ID:???
↓↓↓ ハイ、次の人どうぞ。 ↓↓↓

622 :Name_Not_Found:02/12/15 15:36 ID:1IlP3ovf
<h1>今日のお買い物リスト</h1>
<ol>
<li>蜜柑</li>
<li>檸檬</li>
<li>縄</li>
</ol>

というリストは

> 今日のお買い物リスト
> 1.蜜柑
> 2.檸檬
> 3.縄

と、レンダリングされると思うのですが、
「1.」〜「3.」のフォントの種類と
大きさや色を変更するにはどうしたらよいのでしょうか?

623 :Name_Not_Found:02/12/15 15:50 ID:???
>>622
色と大きさは無理だけどな。
LI{
font-family : sans-serif;
}
こういうかんじなら数字のフォントは変えられる。

あと、マークを変える場合は、
<STYLE type="text/css">
<!--
LI{
list-style-type : disc;
}
-->
</STYLE>

discの部分を変更したらいろんなのになる。

黒丸 disc
白丸 circle
四角 square
数字 decimal
ローマ小文字 lower-roman
ローマ大文字 upper-roman
アルファベット大文字 lower-alpha
アルファベット小文字 upper-alpha
無し none


624 :Name_Not_Found:02/12/15 17:24 ID:???
マーカーの色はliのcolorが反映されるんじゃなかったっけ?

625 :Name_Not_Found:02/12/15 20:19 ID:???
<head>
<title>
Q. カウンタってどうなのよ(゚д゚)
A. Opera6 は対応してるらすぃよ(・∀・)
</title>
<style type="text/css">
ol { counter-reset: item; }
li { display: block; }
li:before {
font-family: serif; font-size: 200%;
font-style: italic; color: blue;
content: counters(item, ".") ". ";
counter-increment: item;
}
</style>
</head>

<body>
<ol>
<li>hogehoge
<li>hogehoge</li>
<li>hogehoge</li>
</ol>
</body>

626 :Name_Not_Found:02/12/15 23:57 ID:yrLaCbA1
こんばんは。
HTML+CSSを使ってStrictなページを作ろうと思っています。
その中でフォトアルバムのページがあるのですが、これの作成に苦戦しています。
そのページは中央に写真が一枚あって、その下にページ移動のナヴィゲーション
があります。

ナヴィゲーションのマークアップは

<ul class="navi">
<li><a href="../">一覧に戻る</a></li>
<li class="next"><a href="003.html">次のページを見る</a></li>
<li class="prev"><a href="001html">前のページを見る</a></li>
</ul>

と、なっています。

望む表示結果は

前のページを見る     一覧に戻る     次のページを見る

で、一覧にも戻るが中央、前のページを見るが左揃え、次のページを見るが
右揃え、となるようにしたいのです。
bodyは40emで幅固定、2emのpaddingとセンタリングのため左右のmarginを
autoにしています。

よりしければ、先輩方のお知恵をお貸し下さい。



627 :Name_Not_Found:02/12/16 00:24 ID:???
おいおいスレ違いだろ

628 :Name_Not_Found:02/12/16 00:27 ID:???
>>626
マークアップを素直に、
<ul class="navi">
<li class="prev"><a href="001html">前のページを見る</a></li>
<li class="list"><><a href="../">一覧に戻る</a></li>
<li class="next"><a href="003.html">次のページを見る</a></li>
</ul>
としなされ。
そしたらliを左右にfloatしてwidthを付与し、li内の文字列をtext-alignで文字揃すればいいわけだ。

629 :Name_Not_Found:02/12/16 00:34 ID:???
>>626
こんばんは。

.navi{
text-align : center ;
}
.next{
float : right ;
}
.prev{
clear : right ;
}
なら

           一覧に戻る
前のページを見る 次のページを見る

になるかも

630 :626:02/12/16 00:53 ID:???
>>627
すいません、ここじゃ駄目でしょうか?

>>628さん、>>629さん、レスありがとう!

<ul class="navi">
<li class="list"><a href="../">一覧に戻る</a></li>
<li class="next"><a href="003.html">次のページを見る</a></li>
<li class="prev"><a href="001html">前のページを見る</a></li>
</ul>

マークアップをこのようにして、

.list{
text-align : center ;
}
.next{
float : right ;
}
.prev{
float : right ;
}

のようなCSSにしたらできました!
お二人のお知恵のおかげです。
floatにはボックスサイズがいるみたいですね。あとで足しておきます!
今から他の色々なブラウザで表示確認してきます!

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


631 :626:02/12/16 02:03 ID:???
と、思ったらMac IE 5.22ではfloatしたnextとprevのリンクのアンダーラインが
消えるし、Mozillaでもprevの左になぜか3emほどの空白ができるし。

もーこのうんこブラウザたちめ!

もう少し頑張ってみます。

632 :Name_Not_Found:02/12/16 02:07 ID:???
がんがって!

633 :626:02/12/16 02:21 ID:???
>>632
どうもありがとう!
うまくいったらまた報告します。

634 :ディ:02/12/16 09:52 ID:+2UYGsmC
質問があるんですが、
文字の行間を指定する方法はわかったんですが、
http://www.h3.dion.ne.jp/~abechan/reidai.html
上のように、テーブル同士が並んでいる場合の行間を指定する方法はあるんでしょうか?
同じやり方でできるんでしょうか。
いろいろ考えてみたんですが、うまく行きません。

635 :Name_Not_Found:02/12/16 10:28 ID:???
>>634
質問の意味がわからん。table同士の間隔を広げたいのか?

636 :Name_Not_Found:02/12/16 11:49 ID:???
>>634
><TD><FONT STYLE="LINE-HEIGHT:130%">
>ああああああああああああああ<BR>いいいいいいいいいいい</TD>

これでは、セル内のフォント要素の高さを指定しているだけ。

line-heightは行の高さ(非置換インライン要素のボックスの高さ)を指定するもの。
行間とは、line-heightとフォントサイズの差のこであり、
フォントの上下に半行間分のスペースを挿入されるのである。

ボックス間の空白は、マージンのプロパティを使用する。
table { margin-top: 1em; }

637 :Name_Not_Found:02/12/16 16:08 ID:???
CSSでできるかわからないので、スレ違いかもしれませんが掲示板の
テキストフィールドなどのフォームをemをつかって相対指定したいのですが
どのようにすればよろしいのでしょうか?

638 :634:02/12/16 16:14 ID:???
>>635
そうです。そういうことでした。
>>636
丁寧なご説明ありがとうございます。勉強になりました。

639 :Name_Not_Found:02/12/16 16:23 ID:???
text-align : center; でテキストの中央寄せは出来るのは分かるのですが
高さの中央揃えはどうやるのでしょう? v-align="middle" みたいなものを
したいのですが。

640 :Name_Not_Found:02/12/16 16:28 ID:???
>>639
テーブルだったら、何もせずに高さ真ん中じゃない?

641 :Name_Not_Found:02/12/16 16:41 ID:???
vertical-align: middle

642 :Name_Not_Found:02/12/16 21:57 ID:???
>>637
width:10em;とか。

643 :Name_Not_Found:02/12/17 09:49 ID:8ZucsHJw
さくらどおりさんのCSS切り替えスクリプト使ってますが設定を間違えたのかスタイルを切り替えてから別ページに行くと元のスタイルに戻ってしまいます。どうしたら別ページに飛んでも切り替えたままのスタイルで表示できるか教えて下さい。

644 :Name_Not_Found:02/12/17 10:03 ID:???
>>643
微妙にスレ違いのような気が…


645 :Name_Not_Found:02/12/17 10:20 ID:???
>>643
さくらどおりさんて誰?
cookie使えば?

646 :Name_Not_Found:02/12/17 10:31 ID:V4LkSZLX
<div><p>本文</p><p>本文</p></div>
とあって、このdivやpにlist-itemを指定してもリスト表示されないのですが、
リストのタグを使わなければいけないのでしょうか。

647 :Name_Not_Found:02/12/17 10:34 ID:???
>>643
ブラウザの設定でクッキーが利用不可になっているとか。
こっちの方に質問した方がいいかも。
http://pc3.2ch.net/test/read.cgi/hp/1036934434/l50

>>645
これのことだろう。
http://critical.s6.xrea.com/web/cssselect.shtml

648 :Name_Not_Found:02/12/17 10:34 ID:???
>>646
list-〜は、リストタグに対して反映させるcssでリスト化するcssじゃあないよ。

649 :Name_Not_Found:02/12/17 10:36 ID:???
>これのことだろう。
意図を汲めよ

650 :647:02/12/17 10:40 ID:???
>>649
あー皮肉なのか。スマソ。

651 :Name_Not_Found:02/12/17 10:44 ID:???
>>646
下記の様にすれば、IE6 や Opera6以上、Netscape6以上ならリストアイテムになる。
>>648 は無知。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<style type="text/css">
p {
margin: 0 0 0 2em;
display: list-item;
list-style-type: disc;
}
</style>
</head>

<body>
<div>
<p>本文</p>
<p>本文</p>
</div>
</body>

652 :Name_Not_Found:02/12/17 10:55 ID:???
あぅできました。marginが必要だったようです。謝謝。

653 :Name_Not_Found:02/12/17 11:24 ID:???
>>3
http://www.y-adagio.com/public/standards/css1/toc.htm
http://www.y-adagio.com/public/standards/tr_css2/toc.html
の邦訳は「余り宜しくない」と思う人の数。好みによるとは想いますが。

654 :643:02/12/17 12:12 ID:SNzmLH2J
スレ違いすみません。
誘導ありがとうございました。逝ってきます。

655 :648:02/12/17 12:26 ID:???
>>651
無知ですまんかった。ほかのんと勘違いしてた。

>>646
適当な事書いてすまんかった。ほかのんと勘違いしてた。


656 :Name_Not_Found:02/12/17 13:09 ID:???
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん言いやがって







関西人は糞

657 :Name_Not_Found:02/12/17 13:12 ID:???
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん
ほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのんほかのん

658 :Name_Not_Found:02/12/17 13:19 ID:???
関西人はほかのん

659 :Name_Not_Found:02/12/17 13:21 ID:???
使い捨てカイロみたいだなw

660 :Name_Not_Found:02/12/17 13:29 ID:???
(´-`).。oO(関西人にいじめられたか?

661 :Name_Not_Found:02/12/17 13:38 ID:???
確かに糞だな

662 :Name_Not_Found:02/12/17 13:40 ID:???
(´-`).。oO(都会への憧れ→嫉妬…。

663 :Name_Not_Found:02/12/17 13:47 ID:???
(´-`).。oO(Identityの喪失→方言使う香具師への嫉妬…

664 :Name_Not_Found:02/12/17 13:50 ID:???
(´-`).。oO(「ほかのん」へ募る想い…

665 :Name_Not_Found:02/12/17 13:50 ID:???
そんなん展開してどうするよ

666 :Name_Not_Found:02/12/17 13:55 ID:???

(´-`).。oO(関西の民度の低さ→…←関西人は野蛮人)Oo。.(´-`)
.             (´-゚).。oO(糞!!)Oo。.(゚-` )

667 :Name_Not_Found:02/12/17 13:58 ID:???
(´-`).。oO(文明を恐れる事は無いんだよ

668 :Name_Not_Found:02/12/17 14:01 ID:???
(´-`).。oO(文明に埋もれて自己主張できない哀しさ…

669 :Name_Not_Found:02/12/17 14:03 ID:???
(´-`).。oO(つまり、村にもネットが繋がった、という事か。

670 :Name_Not_Found:02/12/17 14:07 ID:???
伸びていると思ったら…

 | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄|
 |  何事もなかったかのように  |
 |  次の方どうぞ!!!         |
 |_____________|
    ∧∧ ||
    ( ゚д゚)||
    / づΦ

671 :Name_Not_Found:02/12/17 14:12 ID:???
一般フォントファミリー名って、どういうものを指しますか?

672 :Name_Not_Found:02/12/17 14:13 ID:???
関西人はほかのんでも食ってろ

673 :Name_Not_Found:02/12/17 14:14 ID:???
>>672
一般フォントファミリー名って、どういうもんを指しますか?

674 :Name_Not_Found:02/12/17 14:15 ID:???
>>673
関西人はほかのんでも食ってろ

675 :Name_Not_Found:02/12/17 14:15 ID:???
ほそろしい・・・・・

676 :Name_Not_Found:02/12/17 14:18 ID:???
(´-`).。oO(田舎の人って、知らない言葉=食べ物って思うんだね。

677 :Name_Not_Found:02/12/17 14:22 ID:???
>>671
一般フォントファミリーって論理フォント名のことみたいね
serif, sans-serif, monospace, ...

678 :Name_Not_Found:02/12/17 14:24 ID:???
関西人は糞

679 :671:02/12/17 14:26 ID:???
>>677
有難う御座います。
フォントファミリーを指定したら、CSS Validatorで、
>一般フォントファミリー名(generic font family)を最後の選択肢として付け加えておく事を推奨します
って言われたんですけど、つまり機種依存しないようなフォントですよね?

論理フォントとそうでないものの見分け方がわからないです。

680 :Name_Not_Found:02/12/17 14:28 ID:???
>>671
検索先に情報がタプーリあります。
http://www.google.com/search?num=50&lr=lang_ja&q=%88%EA%94%CA%83%74%83%48%83%93%83%67%83%74%83%40%83%7E%83%8A

681 :671:02/12/17 14:28 ID:???
>>677
あ、すみません。
最後の行が、それだったんですね。
有難う御座いました。

682 :Name_Not_Found:02/12/17 17:16 ID:???
CSS2.1って何が変わったの?エラッタだけじゃないよね?

683 :Name_Not_Found:02/12/17 17:26 ID:???
>>682
グリッドが使えます

684 :Name_Not_Found:02/12/17 17:35 ID:???
>>683
グリッドって?レイアウトグリッドのこと?プロパティ見たけど内みたいだけど。。。
ネタですか?ネタですよね?

685 :Name_Not_Found:02/12/17 17:35 ID:???
>>682
これ見てみ。
http://www.toybox.jpn.org/studio/css2.1spec-appendixC/

削除された仕様がタプーリあるよ。

>Chapter 12 生成内容,自動採番, そしてリスト
>名前付きカウンタはCSS 2.1から削除された, また'marker'値が'display'プロパティから削除された.

>Section 12.2 'content'プロパティ
>'<uri>'値と<counter>値が削除された.

>Chapter 15 フォント
>'font-stretch'と'font-size-adjust'プロパティはCSS 2.1から削除された.
>フォント記述子と'@font-face'記述子はCSS 2.1から削除された.

>Section 18.1 カーソル: 'cursor'プロパティ
>'<uri>'値は削除された. そして'progress'値が追加された.

>Chapter 16 テキスト
>'text-shadow'プロパティはCSS 2.1から削除された.




686 :Name_Not_Found:02/12/17 17:38 ID:???
>>682
エラッタって何?

687 :Name_Not_Found:02/12/17 17:40 ID:???
正誤表>>686

688 :Name_Not_Found:02/12/17 17:52 ID:???
エラッタなあ

689 :Name_Not_Found:02/12/17 18:10 ID:???
>>685
THX!のどのつかえがとれたよ。
ところでCSS2.1 WDの邦訳ってあるのかな?英語駄目なんだよね〜

690 :Name_Not_Found:02/12/17 20:56 ID:???
お前喉ポリープだろ

691 :Name_Not_Found:02/12/18 00:48 ID:utV1t1ob
UTF-8 で記述した HTML + CSS だと font-family : 'Century Gothic' とか(一例)
が効かないだけど、どうして?S-JIS だとフォント変化するのに。
日本語フォントは反映されるんだけどな。

692 :Name_Not_Found:02/12/18 01:26 ID:???
文字コードとの対応が取れなきゃ使えないでしょ
UTF-8はS-JISより表現できる文字数多いのよ

693 :Name_Not_Found:02/12/18 01:30 ID:???
>>691
バグかもしれなかったらこちらへ
CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/

>font-family : 'Century Gothic' とか(一例)
ちなみにシングルクォート(')じゃなくてダブルクォート(")が正しいんだけど。
この問題については関係なさそう。

694 :おしえて:02/12/18 02:24 ID:2AS3hrRX
<HTML>
<HEAD>
<TITLE>教えてください</TITLE>
<LINK href="test.css" rel="stylesheet" type="text/css"></HEAD>
<BODY>
<DIV class="topic">見出し1</DIV>
<UL>
<LI>aaaaaa
<LI>bbbbbb
</UL>
<DIV class="topic">見出し2</DIV>
<UL>
<LI>cccccc
<LI>dddddd
</UL>
</BODY>
</HTML>


695 :おしえて:02/12/18 02:25 ID:2AS3hrRX
続き
////// test.css ///////////////////////////////////////////////
BODY {
margin : 10px 40px;
background-color : mintcream ;
color : black ;
}

DIV.topic:first-letter {
color : red ;
font-size : 140% ;
}

DIV.topic {
font-size : 90%;
}

LI {
font-size : 80%;
}

二つ目のリストにマージンが効きません。
なんか根本的に間違っているのでしょうか?
確認はIE5.5で行いました。

696 :Name_Not_Found:02/12/18 03:40 ID:???
妙な挙動するねー。とりあえず
ul{
margin: 1em 0;
padding-left: 40px;
}

を追加しちゃえば。ul,ol周りはバグの有無に関わらずきっちり指定するが吉。

つかその見出しは素直にh1とか使(略

697 :Name_Not_Found:02/12/18 04:41 ID:???
>>695
UL要素にボーダーを指定したら正常になりました。
ul { border: solid 1px #f5fffa; }

>background-color : mintcream ;
つかその色指定はCSSで定義されていません。

698 :Name_Not_Found:02/12/18 10:47 ID:???
>>690
うなぎの骨がささってたみたい

699 :Name_Not_Found:02/12/18 12:57 ID:WR53u+nM
贅沢な骨だねぇ

700 :Name_Not_Found:02/12/18 13:06 ID:???
ご飯の固まりを噛まずに飲み込むといい

701 :Name_Not_Found:02/12/18 14:01 ID:???
>>695
CSSを適用するなら、<li>は</li>で閉ぢた方が安全ですよ。
</p>も省略可能だけれど、省略しない方がいい。
以上、経験則から。

702 :Name_Not_Found:02/12/18 14:18 ID:???
余計なお世話だねぇ

703 :Name_Not_Found:02/12/18 14:19 ID:???
dashedの点線が上手く表示されずに途切れたり、線になってしまう事があります。
これは回避出来ないのでしょうか?


704 :Name_Not_Found:02/12/18 14:21 ID:???
リロード

705 :Name_Not_Found:02/12/18 14:21 ID:???
>>703
太さが関係してるよ。
太くしすぎるな。

706 :Name_Not_Found:02/12/18 14:22 ID:???
勃起すんなと

707 :にゃん:ぱら
りん



708 :703:02/12/18 15:37 ID:???
>>705
太くはありません、1pxなのですが。
細いのも駄目なんでしょうかね。


709 :Name_Not_Found:02/12/18 15:39 ID:???
細いと歓迎されませんよね。

710 :おしえて:02/12/18 15:42 ID:???
>>696 >>697 >>701
ありがとう


711 :Name_Not_Found:02/12/18 17:17 ID:???
ページの下に行くほどレイアウトがずれるとこありますよね
ダサすご(藁

712 :Name_Not_Found:02/12/18 17:24 ID:???
>>711
これ↓のこと?だとしたらブラウザのバグ。
ttp://members.tripod.co.jp/cssbug/detail/winie/b009.html


713 :Name_Not_Found:02/12/18 22:43 ID:???
>>693
仕様書の構文を見てから物を言え。
シングルでもダブルでもいいのだ。
シングルだとバグるブラウザがあるだけだ。

714 :Name_Not_Found:02/12/18 23:29 ID:???
TABLEタグのcellspacingに当たるCSSとしてpaddingを使っても変化がありません。
どうしてでしょうか??


715 :Name_Not_Found:02/12/18 23:38 ID:???
>>714
TDにやってみ。

716 :Name_Not_Found:02/12/18 23:56 ID:???
link要素やstyle要素でmedia属性が省略された場合、
HTMLの仕様書では「screen」として扱われると定義されていますが、
CSSの仕様書では「all」扱いになるとしていると聞きました。
実際はどうなんでしょうか?

717 :Name_Not_Found:02/12/18 23:58 ID:???
>>716
試してみればいいのに

718 :Name_Not_Found:02/12/19 00:10 ID:???
>691
まだバグだと確定したわけじゃないのでこっちに書くよ

<html lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test --- test</title>
<style type="text/css">
* {font-style: normal; font-weight: bold; font-size: 100%;}
p {font-family: Arial;}
em.osaka {font-family: Osaka;}
em.comicsans {font-family: "Comic Sans MS";}
em.verdana {font-family: Verdana;}
</style>
</head>

<body>
<p>This is a test.</p>
<p>This is a <em class="osaka">test</em>.</p>
<p>This is a <em class="comicsans">test</em>.</p>
<p>This is a <em class="verdana">test</em>.</p>
</body>
</html>

WinのIE6 SP1とMoz1.2.1でちゃんと変わるけど?
(Century Gothicはインストールしてないので試せませんでした)

というわけで,OS,ブラウザ,バージョン,実際に書いたスタイル指定,がないと
誰にも正しい答がわからないと思うよ.

719 :Name_Not_Found:02/12/19 00:19 ID:???
>試してみればいいのに
IE6, Opera6, Mozilla で試してみました。
<style type="text/css">
body { color: red; }
</style>
とした場合に、何れの印刷プレビューで前景色が赤になりました。
ということは「all」として認識しているといことですね。

720 :Name_Not_Found:02/12/19 13:06 ID:???
filterってW3Cだとダメダメって言われるんですが、
それ以外で文字をいい塩梅に出来る方法ないですか?
タイトルロゴですら画像は使いたくないんです。

721 :Name_Not_Found:02/12/19 13:15 ID:5MXxS9sn
>>718
Arial はこちらでも変化しました。変化しないのは
Century Gothic , Osaka の2つです。日本語フォントも変化するフォント指定だと反映されないようです。
Verdana や Arial のアルファベットのみ変化するフォントは反映されています。
閲覧環境は Win2K IE6 SP1 と Moz1.2.1、Opera6.05です。
Shift_JIS、EUCでの文字コードだと反映されました。…うーん。

722 :Name_Not_Found:02/12/19 13:21 ID:???
>>720
なんで画像を使いたくないの?
ちゃんとALT入れとけば画像OFFでも問題ないし、
文字主体の画像なんてたいしたサイズにもならないはず。


723 :Name_Not_Found:02/12/19 13:25 ID:???
>>722
filterと画像ではやっぱり画像の方がいいですかね。
今、strictでクリアできていないのがそれだけなんです。
妙なこだわりですよね。タイトルも文字だけにしたい、って。
有難う御座いました。検討してみます。

724 :Name_Not_Found:02/12/19 13:32 ID:???
SWGでも使えば?>>723

725 :Name_Not_Found:02/12/19 13:38 ID:y6RQ+veC
SVGのことか?

726 :Name_Not_Found:02/12/19 13:39 ID:???
それそれ>>725

727 :Name_Not_Found:02/12/19 13:48 ID:???
>724
>725
む、無理です。こんな複雑なものを作ろうとしたら頭パンクします。



728 :Name_Not_Found:02/12/19 15:06 ID:???
>>727
CSSで背景指定とかではダメなの?画像自体が使いたくないのか…。

で、質問。
5文字目とか指定文字数で自動的に改行っていうのって出来ますか?
印刷だと出来るんだけど、WEBだと無理なのかな?

729 :Name_Not_Found:02/12/19 15:07 ID:ayAui0YY
ttp://www.nekoose.com/00.htm
このページのように左端に背景固定して
動かないようにするにはどうしたらいいのでしょうか?

ゼミの教授に背景を固定したページを作れと言われまして・・・
スタイルシートのことさっぱりです。
よろしかったら教えてください

730 :Name_Not_Found:02/12/19 15:17 ID:???
>>728
ブロック要素に幅を5emで指定してその中に文字列を入れれば当然5文字で改行されるがそう言う意味ではないのか?

>>729
>1読め。お前に一からCSSを教えるスレではない。

731 :Name_Not_Found:02/12/19 15:39 ID:???
>>730
プローポーショナルフォントだとアウトなので、
br を挿入するしか無い。

732 :Name_Not_Found:02/12/19 15:45 ID:???
等幅フォントを指定

733 :731:02/12/19 16:00 ID:???
×プローポーショナル
○プロポーショナル

我ながらアホだった...。


734 :Name_Not_Found:02/12/19 16:56 ID:???
>>730-733
あぁ、等幅フォントにすれば良かったのか!(バカだった

735 :Name_Not_Found:02/12/19 19:53 ID:???
貼りまくってください。
尚、荒らしではないので何度も同じスレに貼り付けるのは厳禁です。


先日、朝鮮総連がダミー団体(熊谷遊技業協同組合)を通じて国民の目を盗み
北朝鮮軍に戦闘糧食(α米)を補給するという暴挙を行いましたが、
朴仁作組合長が「食料は北の国民に行き渡った」と
証拠写真入りで発表しました。
http://www.spjd.or.jp/WN/houkoku.html

しかし、以下のURLでその写真がヤラセであることを暴露されています。
日付けも場所も違うはずの2枚の写真に同一人物らしき兄妹が・・・
http://yamagata.cool.ne.jp/sonsaku/z/

食糧援助は兵隊の口に入るだけです。食料援助はやめさせるべきです。

736 :Name_Not_Found:02/12/19 20:01 ID:???
ところでOpera 7のβ2が出たようですが、使ってみた方いらっしゃいます?

737 :Name_Not_Found:02/12/19 20:18 ID:???
font-size:100% 継承のバグとかも直ってたよ。

738 :Name_Not_Found:02/12/19 20:43 ID:QmxeEOz5
フレーム使った時のように
ページ内の或る特定のボックス内にだけ更新をかけて
1ページ、2ページ、、、といった風にやりたいんですが
そういうのって、CSSで可能ですか?

739 :Name_Not_Found:02/12/19 21:06 ID:+MLWuQZe
<img src="01.jpg" width="200" height="200" style="float:left"><p>文字列ABC</p>
<hr style="clear:left">
<img src="02.jpg" width="200" height="200" style="float:left"><p>文字列ABC</p>

↑の記述ではWinNN7に於いてhrのclearが働いてくれません。(IEやOperaではclearが働きます)
どうすれば期待の効果を得られるでしょうか?

740 :Name_Not_Found:02/12/19 21:18 ID:???
>>739
これと関係あるか?

Bugzilla Bug 1726
DOCTYPE宣言によって水平線(hr)へのclear指定が効かなくなる
http://bugzilla.mozilla.gr.jp/show_bug.cgi?id=1726

741 :739:02/12/19 21:34 ID:???
ズバリそれっぽいです。
DOCTYPE宣言を<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
に変えるとhrのclearが正常に働きました。

バグなんですね、hr以外の要素でのclear指定で代用できるよう検討してみます

742 :Name_Not_Found:02/12/19 22:01 ID:???
CSSで画像を固定すると、文章や画像はその上を通過していくんですが、
逆に、文章や画像が下を通過していく、つまり、くぐっていくという風な
やり方はあるのでしょうか?ご指導のほど、よろしくお願いします。

743 :Name_Not_Found:02/12/19 22:03 ID:opCI5foX
>>742
positionとz-indexプロパティを応用しなさい。
詳しくは>>4

744 :742:02/12/19 22:08 ID:???
>>743
ありがとうございます。五里霧中の状態だったので、助かりました。
あとは全部自分で調べてみます。

745 :Name_Not_Found:02/12/20 00:21 ID:???
>>727
SVGは、Illustrator9以降とかのドローツールで書き出すものだと思った方がいいと思う。


746 :Name_Not_Found:02/12/20 00:59 ID:???
>721
ええと,>718の例にはOsakaもあるよ.で,こっちではちゃんと変わるように見える.
さらにやってみた.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {font-style: normal; font-weight: bold; font-size: 100%;}
p {font-family: "MS Pゴシック";}
.osaka {font-family: Osaka;}
</style>

<p>日本語を入れてテスト.</p>
<p>日本語を入れて<em class="osaka">テスト</em>.</p>

ちゃんと変わるけどなあ.charset=shift_jisにしても同じように変化して見えるよ.

CSSが外部ファイルで,HTMLとCSSが違う文字コードで書かれてて,
CSSの先頭で@charsetを指定していない,っていうありがちな話ではなく?
shift_jisやeucでは変わるっていうから違うんだろうけど.

747 :Name_Not_Found:02/12/20 03:00 ID:???
>>746
私も試してみました。Osakaは確認。ちゃんと反映されていました。
ただ、Century Gothicは反映されず。このフォントってWindows2kに標準で入っている?
私自身では入れた覚えがないから、入っていると思うんだけど。Centuryっての。
どうもUA自身のバグってわけじゃなさそうです。

748 :Name_Not_Found:02/12/20 21:46 ID:???
>747
的はずれなこと言ってたらスマン。
'Century' と 'Century Gothic' は全く別のフォントだよ。

749 :Name_Not_Found:02/12/20 22:23 ID:???
>>736
Opera7β2
tfootは直ってるね。でもCSSは前よりひどくなっているような・・・

          list-style-imageとマーカーが一緒に表示されてる!?
            ほかにもちょくちょくと・・

750 :749:02/12/20 22:34 ID:???
補足
tableまわりのCSSがひどくないか?

751 :Name_Not_Found:02/12/20 22:41 ID:???
マーカーのバグはβ1の時にはなかったよな。
何をやっとるんだ。

752 :Name_Not_Found:02/12/21 14:57 ID:UlILeLwX
floatについて質問させてください。

<div style="border:1px blue solid;">
<img src="./hogehoge.jpg" width="100" height="100" alt="test" style="float:right;">
〜〜〜〜〜<br>
ここにいろいろ文章をかく。<br>
〜〜〜〜〜
<br clear=all>
</div>

のようにすると画像が枠からはみ出してしまいます。
テキストが画像の高さ以上に長くなるように
改行をたくさん挿入すれば綺麗に収まって表示されますが
他にBOXの中に画像を納めて、かつ
テキストを左へ回りこませる方法はないでしょうか?

753 :Name_Not_Found:02/12/21 15:04 ID:???
ボックス要素にheight指定

754 :Name_Not_Found:02/12/21 15:06 ID:GUXvpypM
>>752
問題の起こるブラウザはWinIEだけか? ならば下記を参照したまへ。

「フロートの後続フロー制御を設定したbr要素が親要素に包含されない(IE6)」
http://cssbug.tripod.co.jp/detail/winie/b079.html

ついでにここも参考になる。
「heightプロパティの注意点〜内容がfloat要素の場合」
http://www.mozilla.gr.jp/standards/webtips0021.html

755 :752:02/12/21 15:18 ID:UlILeLwX
ありがとうございます。
<div style="border:1px blue solid;width:100%">
で解決しました。

756 :Name_Not_Found:02/12/21 15:26 ID:???
お節介かもしれんが、
インライン・スタイルシートや<br>の多用は好ましくないぞ。>>752

757 :Name_Not_Found:02/12/21 15:34 ID:???
brはともかくインラインは例示しやすいように書いただけだろ・・・

758 :Name_Not_Found:02/12/21 15:35 ID:???
その内気付くときが来るさ

759 :Name_Not_Found:02/12/21 23:29 ID:???
>>749
マーカーはベータ故のちょっとしたミスだろう

それよりbox-sizingに対応したようだ
これはかなり助かる

760 :Name_Not_Found:02/12/22 01:26 ID:???
なくなる仕様っぽいのにねえ。


761 :Name_Not_Found:02/12/22 10:54 ID:???
<ul>
<li>あ</li><li>い</li><li>う</li>
</ul>

ul li {border-right:1px solid #000000;}
にして、文字の間に線を表示させたいのですが、
うの右には線を表示させたくありません。
この場合はどうすればいいですか?

762 :Name_Not_Found:02/12/22 11:18 ID:???
>>761
言ってることとソースがかみ合ってない気がするんだが…
floatとかdisplayを指定してるもんだと思って答えるけど、

border-leftにして、最初のliのborderをfirst-childを使って消す。
IEは多分対応してない。

763 :762:02/12/22 11:28 ID:???
当然わかってるもんだと思って端折ってしまったけど一応。
IEならclassで指定。

764 :761:02/12/22 11:52 ID:???
ul li {display:inline;}
が抜けていました。

765 :761:02/12/22 20:36 ID:???
クラス名にアンダーバーを使用することが出来ますか?

766 :Name_Not_Found:02/12/22 20:36 ID:???
>>763
>>762
ありがとう。


767 :Name_Not_Found:02/12/22 20:43 ID:yC2zEx9z
すいません、ウィンドウの左下に画像をぴったりくっつけたいんで、
テーブルを縦横100%にしてtdのalign属性で左、下に設定すると上手くいきました。

しかし、yahooの無料スペースに上げると一番上に勝手にテーブルの中に入った
広告がついてしまい、自分で作ったテーブルの縦横100%指定が矛盾をきたして、
スクロールバーが出現して下に画像が隠れてしまいます。なので
cssでやろうと

.test {
position: absolute;
right: 0px;
bottom: 100px;
left: 0px;
}
みたいにしたのですが同じ結果になってしまいます。
何かいい方法があればよろしくお願いします。

768 :767:02/12/22 21:02 ID:yC2zEx9z
すいません、できmした

769 :Name_Not_Found:02/12/22 21:24 ID:???
>765
普通に
.className{text-decoration:underline} ってするだけでしょ。


Opera7 β2

div:first-line{text-decoration: 値 }

<div>
テキスト沢山
テキスト沢山
テキスト沢山
</div>

:first-lineを使った時、text-decorationが次行以降にも効いてしまうことがある。
font-sizeとかでも試したけど、他のプロパティではそういう症状はでなかった。
なんかスクロールしてるうちにアンダーラインが出たり消えたりするんだよね。
うざぃ(; ´Д`)

770 :not 765:02/12/22 21:28 ID:???
>>769
.nanashi_san{text-decoration:underline}
こういう意味じゃないの?

>>765
使えないことも無いが、正しい記述じゃない、はず。

771 :Name_Not_Found:02/12/22 22:37 ID:???
逆だろ
正しい記述だけど使えないこともある

772 :Name_Not_Found:02/12/22 22:56 ID:???
>>771
そうなん?

行番号: 1 コンテキスト : .nanashi
文法解析エラーが発生しました - nanashi_san{text-decoration:underline}

ダメだと思ってた。

773 :Name_Not_Found:02/12/22 23:18 ID:???
>>772
http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html

> [2001-07-30] The underscore should be allowed in identifiers. Change "In CSS2, identifiers [...] can
> contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and higher,
> plus the hyphen (-)" to:
>
> In CSS2, identifiers [...] contain only the characters [A-Za-z0-9] and
> ISO 10646 characters 161 and higher, plus the hyphen (-) and the underscore (_)

CSS 2.1 WD
 http://www.w3.org/TR/2002/WD-CSS21-20020802/syndata.html#q4
では修正済み。

774 :Name_Not_Found:02/12/22 23:20 ID:???
>>773
thx。
ハイフンも使えるんね。

775 :Name_Not_Found:02/12/23 03:05 ID:8FR3mwMQ
何%以上とか何px以上とかって指定できたっけ?

776 :Name_Not_Found:02/12/23 03:14 ID:???
width/heightの話なら、min-width/min-heightがそれにあたります。

777 :Name_Not_Found:02/12/23 04:22 ID:HHShCO9E
スタイルの一部を変数(というかデータ領域)として使うのは邪道ですか?

778 :Name_Not_Found:02/12/23 11:36 ID:???
Opera6だと@importが無効になるんですが?

779 :Name_Not_Found:02/12/23 12:50 ID:???
>778
それは前に俺もなった。けど条件がわからない。
その時は何故か鯖上では動いて、ローカルでは動かないという症状だったな。

780 :Name_Not_Found:02/12/23 15:40 ID:M9y91tM/
>>778-779
これではないのか?

Opera 6.x CSSバグリスト
「複数メディアが指定された@importを認識しない」
http://cssbug.tripod.co.jp/detail/opera/b004.html

781 :Name_Not_Found:02/12/23 18:37 ID:???
>780
いや、それじゃないな。

main.cssが

@import url("sub.css");
p{color:red}


sub.cssが

p{font-weight:bold}


の時、ローカル環境ではsub.cssが無効になるという症状だった。
今もう一度試したけど再現できた。ver.7β2では直ってる模様。

782 :Name_Not_Found:02/12/23 18:56 ID:???
>>781
できればこちらへ報告しておいてくれまいか。

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/l50

783 :Name_Not_Found:02/12/23 19:38 ID:???
テーブルごとに中に書いたリンクの色を変えたいのですが、
これってスタイルシートでできますか?。


784 :Name_Not_Found:02/12/23 19:58 ID:???
>>783
テーブルごとにクラス指定して
table.hoge1 a{color:#******;}
table.hoge2 a{color:#******;}
table.hoge3 a{color:#******;}
・・・・

aはa:hoverとかa:visitedとかで もちろんOK

785 :778:02/12/23 22:29 ID:???
エディタでcssファイルをUTF-8で保存してて、上の症状になったんだけど、
それをShift_JISにして保存したらちゃんと表示されるようになりました・・・。

786 :Name_Not_Found:02/12/24 09:38 ID:???
IDや、class名の最初に数字を使ってはいけないのはなぜですか?

787 :Name_Not_Found:02/12/24 09:43 ID:???
>>786
仕様

788 :Name_Not_Found:02/12/24 13:46 ID:???
クラスとIDは、どのように使い分けるんでしょうか?

789 :Name_Not_Found:02/12/24 13:51 ID:???
(´-`).。oO(ここって【CSS、スタイルシート初心者質問スレッド】だっけ?

790 :Name_Not_Found:02/12/24 14:04 ID:???
>>788
http://tohoho.wakusei.ne.jp/css/basic.htm#Id

791 :Name_Not_Found:02/12/24 15:00 ID:???
>>788 このスレッドでも既出です。質問は検索してから。
>>789 初心者から熟練まで、CSSのことなら何でも受けつけて居ります。

792 :Name_Not_Found:02/12/24 15:04 ID:???
>>791
> >>789 初心者から熟練まで、CSSのことなら何でも受けつけて居ります。
 そのスタンスはよいかもしれないが、あんな質問で埋め尽くされるのも辛いなあ。

793 :Name_Not_Found:02/12/24 15:13 ID:???
>>792
かといって初心者用だけスレッドを分離独立させるほどの需要は無いし。

794 :Name_Not_Found:02/12/24 15:22 ID:???
結論:質問者は>>1くらいちゃんと読め。

795 :Name_Not_Found:02/12/24 15:23 ID:???
>>793
いや、>>1嫁でいいんじゃねえ?
それでわかんねえ香具師に教えるのは無理だろ。

796 :Name_Not_Found:02/12/24 15:55 ID:PngFLr3v
質問です。
<STYLE type=text/css>
<!--
BODY {
MARGIN: 0px
;}
-->
</STYLE>
↑ので隙間が無くなって、左上にピッタリくっついた状態から編集できますが、上の隙間を0にして、少し右にずらしたいんです。
そういう場合は、どうしたらいいのでしょうか?

797 :Name_Not_Found:02/12/24 15:58 ID:???
>>796
marginやpaddingは四辺一括指定ばかりにあらず。
左辺だけや上辺だけに対して指定できます。
初歩なので>>4を見て下さい。

798 :Name_Not_Found:02/12/24 15:59 ID:???
>>796
body {
margin:上 右 下 左;
}

上右下左を適当な数字に変えてみ

799 :Name_Not_Found:02/12/24 15:59 ID:???
>>796
margin-left:

800 :Name_Not_Found:02/12/24 16:00 ID:???
>>796
ここでも読むよろし。↓
 http://msugai.fc2web.com/web/CSS/box.html#margin

801 :796:02/12/24 16:10 ID:PngFLr3v
ウヒョーこのスレの人優しい!
有難う御座いました。


802 :_:02/12/24 16:15 ID:h4LI5rER






       http://freeweb2.kakiko.com/dengeki/indexc.htm






803 :Name_Not_Found:02/12/24 16:16 ID:???
簡単な質問には皆で答えるのね

804 :Name_Not_Found:02/12/24 16:18 ID:???
>>803
違う違う。ケコンだよ、これは。

805 :Name_Not_Found:02/12/24 16:18 ID:???
みんなとか言いつつ答えてるのは一人か二人な罠。

806 :796:02/12/24 16:21 ID:PngFLr3v
<STYLE type=text/css>
<!--
BODY {
MARGIN: 0px
;}
-->
</STYLE>
<STYLE type=text/css>
<!--
BODY {
margin-left: 10px
;}
-->
</STYLE>
これでOK?だよね?
一応出来たんだけど、一つにまとめられないのかな・・・

807 :Name_Not_Found:02/12/24 16:26 ID:???
>>806
<STYLE type=text/css>
<!--
BODY {
MARGIN: 0px;
margin-left: 10px;
}
-->
</STYLE>


808 :Name_Not_Found:02/12/24 16:26 ID:???
>>806
わかってないな。
>>800のリンク先読んで勉強してから出直して下さい。

809 :Name_Not_Found:02/12/24 16:28 ID:???
body {margin: 0 0 0 10px;}

810 :Name_Not_Found:02/12/24 16:30 ID:???
>>807
それだと margin-left 再定義になってしまうよ。

811 :807:02/12/24 16:31 ID:???
>>810
あ、そっか。

>>806
ごめん。

812 :809:02/12/24 16:31 ID:???
>>807も勉強し直した方がいいナ。

813 :807:02/12/24 16:33 ID:???
>>812
ああ、すまんすまん。

814 :796:02/12/24 17:23 ID:PngFLr3v
ウヒョー
皆さん。ごめんなさい。
>>809同士の通りにしたら、出来ました。
有難う御座います。

815 :Name_Not_Found:02/12/24 17:29 ID:???
>>814
ほんと良かったね。

816 :Name_Not_Found:02/12/24 18:22 ID:???
>796
答えだけ教えてもらって終わらずに、どういうしくみになっているかの勉強もぜひしてネ。
もっといろいろ見栄えをコントロールできることがわかって楽しくなるハズ

817 :Name_Not_Found:02/12/24 18:36 ID:???
まったくだ。>>816
(だけどリンク先まで示されても読まない者には言っても無駄なのかな)

818 :Name_Not_Found:02/12/24 18:54 ID:hlp4o2gL
質問があるんだけどさ、
2chのような掲示板ってさ、
掲示板のところでさ、右クリックしてさ、
ソースの表示ってところでさ、
ソースパクってそれをホムペ作成ソフトで作ったら
ちゃんと動作するのですかぁ?

819 :Name_Not_Found:02/12/24 18:57 ID:???
>>818
無理、つーか激しくスレ違い。HTMLとかCGIを1から勉強してください。

820 :Name_Not_Found:02/12/24 18:58 ID:???
ネタのつもりだろうがこういうスレでやられると激しくウザい

821 :Name_Not_Found:02/12/24 19:01 ID:hlp4o2gL
本当に分からんから言ってるのさ。

822 :Name_Not_Found:02/12/24 19:06 ID:???
で、CSSと何の関係があるのか? >>821

823 :Name_Not_Found:02/12/24 20:08 ID:???
>818 はマルチ

824 :Name_Not_Found:02/12/24 20:43 ID:???
P { line-height: 150%;}
.note { font-size: 75%;}
-----
<p>hoge hoge hoge hoge</p>
<p><span class="note">hige hige hige</p>

としたときに、最初の段落と2番目の段落の行の絶対的な高さが同じで、
2番目の段落が凄く間延びしちゃうのですが、

825 :Name_Not_Found:02/12/24 20:47 ID:am8Iz6XV
>>824
line-heightは単位なしで指定する方がよい。line-height:1.5;とかね。
これ既出。

あと、閉ぢタグ</span>を忘れてませんか。

826 :Name_Not_Found:02/12/25 01:52 ID:???
>line-heightは単位なしで指定する方がよい。

こんなこと何処に書いてあるんだ?

827 :Name_Not_Found:02/12/25 04:29 ID:???
>>826
別に仕様とかには書かれてないと思うけど、単位無しの数値指定の方が何かと便利だというのは
自分は「スタイルシートWebデザイン」で教え込まれたな。


828 :826:02/12/25 04:45 ID:???
P120に書いてあるね。マジメに勉強になったなぁ。
どうもありがとう。

829 :Name_Not_Found:02/12/25 11:27 ID:???
>>827-828
いや、line-height以外のプロパティでは単位は必須ですよ。ご承知かもしれんが。
単位無しで済むのは数値が0の場合のみ。

830 :Name_Not_Found:02/12/25 11:30 ID:???
>>826
なぜline-heightでは単位無しがよいのかは、>>241または前スレッド参照。

831 :Name_Not_Found:02/12/25 12:50 ID:???
>多くの場合継承には算出値が用いられるが、中には指定値を継承するプロパティもある。
>たとえば'line-height'プロパティに実数値を設定すると親要素の指定値が継承される。


832 :826:02/12/25 15:02 ID:???
>>830
ということは、emだとか%で指定している場合でも、
重なる場合が有るって事?

%で指定していると、何かとバグがあるのはバグスレで見掛けた
(とはいえ最新版は直っているらしい) ので、
普段はem (IE3でのバグは無視) で指定しているのだけれど。

833 :Name_Not_Found:02/12/25 15:13 ID:???
>とはいえ最新版は直っているらしい

ホント?

全体にline-heightが指定されたページの最上部が消える(IE6)
http://cssbug.tripod.co.jp/detail/winie/b057.html
line-heightプロパティを単位なし数値で指定(150% → 1.5)するとこのバグを回避できます。
WinIE6.0では標準モードで不具合の発生が確認されました。互換モードでは発生しません。

834 :Name_Not_Found:02/12/25 15:26 ID:???
>>832
emや%の場合は「line-heightを指定した要素のfont-size」
に対する比率でline-heightが決まる
だから小要素で
em { font-size: 200%; }
とかしてあると、そこだけ行間が狭くなる or 重なってしまう

単位なしなら最も大きな文字に対する比率でレンダリングしてくれる

835 :826:02/12/25 15:28 ID:???
>>833
ああ、嘘ついてました。mozillaの方だけを見てました。
とはいえ、XHTMLを使っているので、
標準モードの動作は興味無いんだとか言い訳してみる。

836 :エノキ:02/12/25 15:33 ID:???
言い訳は聞きたくなーい!

エノキ、ボンバイエ

837 :Name_Not_Found:02/12/25 15:47 ID:???
strictな人は、新しいウィンドウで開くリンクは絶対設定しませんか?

838 :Name_Not_Found:02/12/25 15:50 ID:???
スレ違い

839 :Name_Not_Found:02/12/25 16:13 ID:???
select のスクロールバァはCSSで色の変更できたっけ?

840 :Name_Not_Found:02/12/25 16:14 ID:???
スレ違い

841 :839:02/12/25 16:18 ID:???
>>840

 マジ!?

842 :Name_Not_Found:02/12/25 16:31 ID:???
>>839
できない。textareaならIEの独自拡張でできる。

843 :Name_Not_Found:02/12/25 16:32 ID:???
>>839
マルチポスト

844 :Name_Not_Found:02/12/25 20:09 ID:lATIVZvW
質問です
これまでテーブルで外枠作ってたんですけどCSSにチャレンジ中です。
中央に寄せるのにMacだと以下の通りでできたんですが
ウィンではなんだか左に寄っているという指摘を友人より受けました。
ディスプレイの解像度がまちまちなのでマージンを数値で
設定することもできずにいます。
お知恵を拝借したくてきました。
お願いします。
.sotowaku { background: black; margin-top: 10px; margin-right: auto; margin-left: auto; border: none 0px; width: 720px }


845 :Name_Not_Found:02/12/25 20:27 ID:???
>>844
>>5

846 :844:02/12/25 21:32 ID:7XlJsILW
すいません
MacIE5.22と5.16では中央に配置されたのですがwinのIE6では左に
配置されてしまうのです。>>5を見てみたのですがどうもよく分かりません
MacIEだとこんな感じ↓
背景画像背景画像背景画像背景画像背景画像背景画像背景画像
背景画像                    背景画像
背景画像                    背景画像
背景画像                    背景画像
背景画像                    背景画像
背景画像                    背景画像
背景画像背景画像背景画像背景画像背景画像背景画像背景画像
でもwinIE6だと
背景画像背景画像背景画像背景画像背景画像背景画像背景画像
背景                    背景画像背景
背景                    背景画像背景
背景                    背景画像背景
背景                    背景画像背景
背景画像背景画像背景画像背景画像背景画像背景画像背景画像


847 :Name_Not_Found:02/12/25 21:39 ID:???
>>846
リンク先もちゃんと読んだ?
http://www.mozilla.gr.jp/standards/webtips0004.html

848 :844:02/12/25 22:08 ID:bgzKYKud
ご丁寧にリンク先をご紹介いただきありがとうございます。
これからはいろんなところで調べてから、この程度の質問で
こちらのお世話にならないように勉強していきたいと思います。

849 :Name_Not_Found:02/12/26 02:27 ID:nIVdlmRJ
外部スタイルシートを読み込むようにすると
リンクをクリックすると背景色が変化するJavaScriptが無効になってしまいます。
JavaScriptを有効(優先)する方法はありますでしょうか?
外部CSSにJavaScriptを埋め込まないとだめなのでしょうか?(そんな方法あったっけ?)
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function bgchange(colorCode){
document.bgColor=colorCode;
}
//-->
</SCRIPT>
<link rel="stylesheet" type="text/css" href="test.css">
<title>サンプル</title>
</hrad>
<body>
<table border="1" cellspacing="1" cellpadding="1">
<tr>
<th><font size="-2">背景の色を変えてみよう</font></th>
</tr>
<tr>
<td bgcolor="#ffffff"><a href="#" onclick="javascript:bgchange('#ffffff');return false">□</a></td>
<td bgcolor="#808080"><a href="#" onclick="javascript:bgchange('#808080');return false">□</a></td>
</tr>
</table>
</body>
</html>

850 :849:02/12/26 02:34 ID:???
ちなみにこのソースを外すとJavaScriptはIE・NNとも正常に動作します。
(Operaは駄目でした)
<link rel="stylesheet" type="text/css" href="test.css">


851 :Name_Not_Found:02/12/26 02:57 ID:???
>849
test.cssの中で何らかのbackground-colorを指定しているのであれば
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cascade.html#q12
ということではないかと.そうでないならわかんない.

852 :Name_Not_Found:02/12/26 03:36 ID:???
>>849

document.body.style.backgroundColor=colorCode;
ではいかがか

853 :Name_Not_Found:02/12/26 10:17 ID:???
</hrad>だしなぁ

854 :Name_Not_Found:02/12/26 10:36 ID:???
ヘラッド

855 :Name_Not_Found:02/12/26 12:49 ID:???
>>849
CSSで指定したbackground-colorをJavaScriptで制御したいと言う事か?
貴方が書いてるJavaScriptはbodyのbgcolor属性を制御しているだけだから当然そのままじゃ無理だよ
CSSスレと言うよりJavaScriptスレの範疇だとは思うが。
BODYにID振ってそこからかなぁー

856 :849:02/12/26 17:50 ID:???
質問に答えていただきありがとうございます。
>>853-854ヘラッドはヘッドの間違いです(笑)。
>>852の方法ではうまくいきませんでした。
>>855ボディーにIDを振るとはどういうことなのでしょうか?
出来ればソースをどう変えれば良いのか指摘してもらうとありがたいです。
>>851を読んでみてもう少し自分でも調べてみます。

857 :849:02/12/26 17:58 ID:???
ちなみに外部CSSの「test.css」のソースはこんな感じです。

body {
color :#00007f;
font-family :'MS ゴシック';
font-size :16pt;
font-weight :normal;
font-style :normal;
}


a:link {
color :#696969;
text-decoration : none;
}

a:visited {
color :#0000ff;
}

a:hover {
color :#008000;
}

858 :Name_Not_Found:02/12/26 18:04 ID:???
うちでは >>852 ので動いた。
ブラウザのバージョンとtest.cssの内容はどうなん?

859 :849:02/12/26 18:16 ID:???
動作確認環境は
Opera6.05
IE6.0
NS7.01
の3つです。
OperaはスタイルシートがあろうがなかろうがJavaScriptによる
背景色のチェンジは不可能でした。

860 :Name_Not_Found:02/12/26 19:20 ID:???
こっちでは

body {
background-color: red;
}
をtest.css に指定した場合

IE6
Mozilla1.2.1
document.body.style.backgroundColor=colorCode;
に変更すれば色変更可能。

Opera6.03
document.body.style.backgroundColor=colorCode;
に変更すれば色変更可能。ただし背景全体じゃなくてbodyの領域のみ

NN4.7
そのまま動作。

って感じだった。background-colorを指定しない場合Opera以外はそのまま動作。
Operaはdocument.body.style.backgroundColor=colorCode;
に変更すれば色変更可能。

こんな感じだった。

あと
onclick="bgchange('#ffffff')"
で十分。

861 :849:02/12/26 23:35 ID:???
質問に答えてくださった方ありがとうございました。
もしかしたら単なるタグミスかもしれないので
うまくいかないのかもしれません。
タグをもう一度チェックしてみます。
</hrad>というミス(笑)もあったくらいだし・・・(完全手書きなもので)
とにかくありがとうございました。

862 :Name_Not_Found:02/12/27 07:06 ID:UXk83hmX
質問です。

hoge
{
background-image : url(../pic/hoge.gif);
height : 50px;
widht : 100px;
}

<div class="hoge>menu</div>

とやった場合、menuの部分の背景画像が
IE6だとちゃんと表示されるのですが
NN7だとかすれてしまったり、
スクロールさせると消えてしまったりします。

NN7でもきちんと表示されるようにするには
どうすべきなのでしょうか?

863 :Name_Not_Found:02/12/27 08:29 ID:???
>>862
タイプミスがあるが大丈夫か?


864 :Name_Not_Found:02/12/27 13:39 ID:???
>>862
background-repeatとかbackground-positionとかbackground-attachmentとか色々指定しる!
ついでにbackgroundで一括指定しる!
それとwidthですよコノヤロウ!

865 :Name_Not_Found:02/12/27 13:50 ID:???
>>864はいい人。

866 :Name_Not_Found:02/12/27 16:20 ID:xAIbQjGo
<div style="
background-image:url(img.jpg);
background-attachment:fixed;
overflow:scroll;
height:150px;
">ほげほげ・・・・</div>

と指定してスクロールしても背景が動かないように
したのですが、ネスケ7だとページ全体のスクロールでも
fixedされてしまいます。IEのようにするにはどうすればいいですか?

867 :Name_Not_Found:02/12/27 16:33 ID:???
>>866
えっ、WinIEがそんなことできたっけ?


Internet Explorer (Windows) CSSバグリスト
body要素以外で背景画像を固定できない(IE6)
http://cssbug.tripod.co.jp/detail/winie/b065.html
body要素以外の要素で background-attachment: fixed; による背景画像の固定を行っても、背景画像はページスクロールに合わせて動いてしまう。

868 :Name_Not_Found:02/12/27 16:48 ID:???
仕様書邦訳によれば――
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/colors.html#background-properties
'background-attachment'
背景画像が指定されていれば、このプロパティは、その画像を閲覧領域に対して固定するか、或いは文書に伴ってスクロールするかを指定する。

つまりIEは間違った解釈で表示してるんだね。

どうしてもIEと同じ表現にしたければ、positiond画像と重ねてz-indexを使ったら?

869 :866:02/12/27 18:02 ID:???
>>868
ありがとうございます。
IEがおかしいんですか。個人的にはネスケ7みたいな固定の仕方は余計なお世話な
気がするんですが・・・何に使うんでしょうか・・・。

>>867
ページのスクロールではなくて、divのスクロールに対しての固定です。

870 :862:02/12/27 18:06 ID:UXk83hmX
>863-864
どうもありがとうございます。
でも"widht"はカキコ時のミスなので
原因はそれじゃないみたい。

いろいろいじってみたのですが、直りません……。
background-attachmentは scrollでは変わらず、fixedでは悪化。
background-position を指定しても変わりませんでした。

現状は以下の通り。

.label{
position: absolute;
width: 154px;
height: 88px;
background-repeat: no-repeat;
color : #ffffef;
font-size : 16pt;
visibility: visible;
padding : 3px 0px 0px 88px;}

#lblhome{
background-image : url(../pic/home.gif);
top: 170px; left : 55px;}

<div class="label" id="lblhome"><a href="index.html">Home</a></div>

で、相変わらずかすれてしまうんです。>NN7
黒っぽい背景画像(それぞれ違う)の上に
白文字で HOME LINK MAIL とかやりたかったんだけど……。

871 :Name_Not_Found:02/12/27 18:32 ID:???
>>870
それで何?

872 :Name_Not_Found:02/12/27 19:12 ID:???
>>870
CSSでなくて画像に問題があるって可能性は無いのかね。

あと、positionの指定の仕方が何だか怪しげ。

873 :Name_Not_Found:02/12/27 20:15 ID:???
かすれるの意味が解らんし
もうちょっと具体的に言ってくれ

874 :862:02/12/27 21:44 ID:???
>>872
ありがとうございました。
透過gifをやめたらNN7でもちゃんと表示されました。

>>873
すみません。

かすれる、というのは画像にフィルタがかかった様な
白い膜がかぶさる状態のことです。
スクロールをくりかえすと消えたり、表示されたり。

875 :Name_Not_Found:02/12/28 13:27 ID:???
リンクの文が途中で改行されてしまうのを防ぐにはどうすればいいのでしょうか?

876 :Name_Not_Found:02/12/28 13:40 ID:???
>>875
詳しく言って

877 :Name_Not_Found:02/12/28 14:50 ID:???
画面の折り返しだと思う。
<nobr><a href="http://2ch.net/">2ch</a></nobr>みたいなことがしたいんだろう。

white-spaceでできた木が。

878 :Name_Not_Found:02/12/28 17:26 ID:???
white-spaceはIE5で使えないよ

879 :Name_Not_Found:02/12/28 18:19 ID:???
ども申しわけないです

あいう かきく さしす

こんな感じで横にリンクを並べた際

あいう かきく さし


こんな感じに中途半端に改行されてしまうんですが
これを防ぎたいんです

880 :Name_Not_Found:02/12/28 18:29 ID:???
>>879
すぐ上の2つのレスを参照

881 :Name_Not_Found:02/12/28 19:56 ID:MPXxQ22i
a {white-space: nowrap}

でもこれだと <a name="fubar">foo bar</a> も改行されません。

882 :Name_Not_Found:02/12/28 19:58 ID:???
指定する相手を間違っている

883 :Name_Not_Found:02/12/28 21:33 ID:k88/XKVX
スタイルシートで
<table>や<HR>などでalign=leftを直接指定するような
構文ってどのようにすればいいのでしょうか?


884 :883:02/12/28 21:35 ID:k88/XKVX
あぁ、、、text-align:left;でしたね。
すいません、事故解決しますた。

885 :Name_Not_Found:02/12/28 22:16 ID:???
>>884

float: left では ?

886 :Name_Not_Found:02/12/28 22:44 ID:???
【社会】福島県岩代町全町民の住基ネットデータが盗難
http://news2.2ch.net/test/read.cgi/newsplus/1041036852/


887 :Name_Not_Found:02/12/29 22:45 ID:eQRD2PBZ
a 要素に accesskey が設定してあることを
ヴィジュアル系 UA を使っているユーザに知らせるために

a:after {
content:' (' attr(accesskey) ') '
}

とすると、 accesskey が設定されていない a 要素は、
要素の後に空カッコが表示されてしまいます。

HTML ソース

<a href="bar" accesskey="f">foo</a><br />
<a href="bar">foo</a>

上記 HTML を Mozilla などの UA でレンダリングさせたところ

foo (f)
foo ()

かといって以下のように CSS を記述すると、
Mozilla などでは要素の直後に accesskey の値が出現してしまい、
直前の単語とつながっているように見えてしまいます。

a:after {
content:attr(accesskey)
}

accesskey が設定されていないときに
カッコを表示させないようにするためには
どのようにすればいいのでしょうか ?


888 :Name_Not_Found:02/12/29 23:29 ID:/+maAnUR
ちょっと質問の意味を取り違えてるかもしれないが…、
accesskey属性を持ったアンカーのみに適用、なら下のでいけるんと違うか。試してないけど。

a[accesskey]:after{ 〜 }

てゆうか、
>要素の直後に accesskey の値が出現
は仕様通りの動作だと思うが。

889 :Name_Not_Found:02/12/29 23:34 ID:???
>>887
a:after{ content: " attr(accesskey) "; }
これで間にスペースでない?
こんなんじゃダメ?
(ヴィジュアル系 UA持ってないから確認できん)

890 :Name_Not_Found:02/12/29 23:48 ID:???
>>889
a[accesskey]:after{ content: " " attr(accesskey) ; }
じゃないか?

891 :887:02/12/30 00:15 ID:r2xwmRc1
>>888

ありがとう。うまくいきました。

> >要素の直後に accesskey の値が出現
> は仕様通りの動作だと思うが

>>887 の文章表現が稚拙でした。
a 要素直後に accesskey の値が出現してしまうと都合が悪いということが伝えたかったのです。

>>889>>890

ありがとう。でも追加した空白にも
UA がつける underline がついてしまいました。

a[accesskey]:after {
content:content: " " attr(accesskey);
text-decoration:none
}

としても追加された空白の underline は除去できませんでした。

Mozilla で確認していますが、 Mozilla の挙動が正しいとも限りませんけど。

892 :Name_Not_Found:02/12/30 07:20 ID:???
>としても追加された空白の underline は除去できませんでした。
>Mozilla で確認していますが、 Mozilla の挙動が正しいとも限りませんけど。

空白類『文字』なんだから underline が付いて当たり前じゃボケェ。
そんなに underline を消したいんだったら、
margin-left を指定すればいいだろう。頭悪過ぎ。

a[accesskey]:after { content: attr(accesskey); margin-left: .5em; }

893 :Name_Not_Found:02/12/30 08:11 ID:???
>>892
そんなに怒らないであげてよ。

894 :Name_Not_Found:02/12/30 08:20 ID:???
怒りすぎで0が抜けてますね

895 :Name_Not_Found:02/12/30 09:03 ID:???
>>894
煽らないであげてよ。

896 :Name_Not_Found:02/12/30 09:22 ID:???
>>894-895
この場合は、「0」を省略出来るんだよボケェ。
Validator で試してみやげれゴルァ。
http://jigsaw.w3.org/css-validator/validator-text.html


897 :Name_Not_Found:02/12/30 10:15 ID:???
>>896
試してみやげりますから怒らないでください

898 :Name_Not_Found:02/12/30 10:27 ID:???
>>896
895は何も言ってないよ。

>>897
揚げ足をとらないであげてよ。

899 :Name_Not_Found:02/12/30 10:29 ID:???
>>897
エラー及び警告は見つかりませんでした。
ってでたよ。さすが896だね。

900 :Name_Not_Found:02/12/30 15:57 ID:???
妙にマータリしてるな

901 :Name_Not_Found:02/12/30 17:53 ID:???
年越しですから

902 :887:02/12/30 23:47 ID:r2xwmRc1
質問ばかりで恐縮です。

ブロック要素の前 (上) に表示させた画像を
真ん中によせる方法はありますか ?

div:before {
content:url(/img/foo.png);
text-align:center
}

だと Mozilla では真ん中には来ませんでした。

div:before {
content:url(/img/foo.png);
margin-left:auto;
margin-right:auto
}

でも結果は変わりませんでした。

P.S.
>>892
" " (0x20) は .5em とはかぎりませんよね ?
ここのところは pending とさせていただきました。


903 :Name_Not_Found:02/12/31 00:03 ID:/0E244so
CSSってどうやって切るんですか?

904 :Name_Not_Found:02/12/31 00:06 ID:???
>>902
セレクターをdiv:beforeではなく単なるdivにしてmargin:0 auto;ではダメ?

905 :Name_Not_Found:02/12/31 00:08 ID:???
>>903
IE/Win ウェブページのCSSを無効にする方法
http://members.jcom.home.ne.jp/jintrick/Personal/usr_styleoff.html

906 :902:02/12/31 00:10 ID:zy94SfLs
>>904

表示させる画像は装飾で、コンテンツではないので
できれば HTML の中には書きたくないのです。

ってそういうことではないのでしょうか ?

907 :904:02/12/31 00:12 ID:???
div {margin:0 auto;}
div:before {
content:url(/img/foo.png);
}

908 :902:02/12/31 00:22 ID:???
>>907

たびたびありがとうございます。

CSS 的には正しいのかもしれませんけど、
手持ちの UA では期待通りにレンダリングしてくれる
ものはありませんでした。

margin: auto を正しくレンダリングしてくれる UA ってあるのでしょうか ?

909 :904:02/12/31 00:29 ID:???
ごめん、間違った。
ブロックレベル要素センタリングさせるには左右marginをautoにするだけでなく、
ブロックレベル要素に幅(width)も指定しないとだね。

910 :902:02/12/31 00:34 ID:???
>>909

あ、そうか。いわれたことを試すだけで思考停止していました。
試してみます。挿入する画像のほうの width は画像の幅のピクセル数ですかね。

911 :902:02/12/31 00:52 ID:???
だめでしたー :'(

912 :Name_Not_Found:02/12/31 00:53 ID:???
質問者も回答者も馬鹿ばっかりだなぁ。
みんな良く頭使えよぉー。

913 :Name_Not_Found:02/12/31 00:56 ID:???
>>912
されば是非とも蒙を啓かれたく、ご示教賜らんことを。

914 :Name_Not_Found:02/12/31 01:21 ID:???
これでどうだ。

div:before {
content: url(/img/foo.png);
margin: 0 auto;
width: 50%; /* 適当な幅 */
display: block;
}

>>3
仕様書は読んでおきましょう。

> 非置換インライン要素の場合(Inline, non-replaced elements)
> 'width'プロパティは効果を持たない。'left'、'right'、'margin-left'、'margin-right'の指定値が'auto'ならば、その算出値は'0'になる。

> 置換インライン要素の場合(Inline, replaced elements)
> 'left'、'right'、'margin-left'、'margin-right'の指定値が'auto'ならば、その算出値は'0'になる。'width'の指定値が'auto'ならば、その算出値は内在寸法と同じになる。

> 通常フローの非置換ブロック要素の場合
> 'margin-left'と'margin-right'の指定値が両方とも'auto'ならば、両者の算出値は等しくなる。

> 通常フローの置換ブロック要素の場合
> 両側のマージンの指定値が'auto'ならば、両者の算出値は等しくなる。

【CSS2勧告邦訳 10. 視覚整形モデル詳細】より

915 :902:02/12/31 01:29 ID:???
>>914

カンペキです。長々とお付き合いありがとうございました。

>display: block;

これがキモみたいですね。

916 :Name_Not_Found:02/12/31 08:25 ID:bQhPsdjJ
CSSで表示させてる特定の画像に
特定のURLにLINKする事ってできるんですか?

917 :Name_Not_Found:02/12/31 08:32 ID:???
>>916
無理です。

918 :Name_Not_Found:02/12/31 08:36 ID:bQhPsdjJ
thx

919 :Name_Not_Found:02/12/31 10:18 ID:WaMA1Xro
CCSとはカードキャプターさくらの略ですか?

920 :Name_Not_Found:02/12/31 10:27 ID:???
>>919
そうだよ。そのスレにきてまでなにうつつヌカしてんだ?

921 :Name_Not_Found:02/12/31 11:19 ID:???

次スレッドにFAQの追加は無いかね?

922 :Name_Not_Found:02/12/31 13:20 ID:???
>>921
 Q.>>919
 A.>>920

923 :Name_Not_Found:02/12/31 15:53 ID:j1D5VkcV
色を変える目的でリンクの下線にborder-bottomを代用したんですけど、下線と文字の距離が1px程度空いてしまいます。
padding-bottomでもmargin-bottomでも解決できないんですが、どうしたらいいですか?

924 :Name_Not_Found:02/12/31 16:02 ID:hhfMGFkO
http://www.eonet.ne.jp/~nohohon/osaka-band.htm
http://www.as-net.com/free01/mkgif/mkgif.cgi?osaka
http://res9.7777.net/bbs/osakaband/
http://www.benricgi.com/bbs/vr/d/130211/osaka.htm

925 :Name_Not_Found:02/12/31 16:31 ID:???
>>923
どうしようもありません。

926 :Name_Not_Found:02/12/31 21:55 ID:???
>>923
background-imageでリンクの文字の下に線の画像を指定するとか。

できるかどうかは知らない。

927 :Name_Not_Found:02/12/31 23:57 ID:???
>>926
なるほど。
試してみます。

928 :Name_Not_Found:03/01/01 00:07 ID:???
>>926
何とか出来ました。
thx!

929 :Name_Not_Found:03/01/01 01:09 ID:???
ウィンドウの右側でテキストが改行されるのを防ぐにはどうすれば良いですか?

930 :Name_Not_Found:03/01/01 01:36 ID:???
>>929
こんな面倒くさい事しなくてもいいかもしれないけど、
ブロック要素かテーブルとかを横100%にして内容を囲んで、
それの横幅を固定すればいいと思う(table-layoutとか)。

931 :Name_Not_Found:03/01/01 01:44 ID:???
>>929-930
新年早々何だこれ…

932 :Name_Not_Found:03/01/01 01:59 ID:???
新年早々ネタニマジレス

>>929
white-space:nowrap;

ウィンドウ全体に横スクロールバーはウザイので
white-space:nowrap;した要素は
display:block;にして、適当なwidthを指定して、overflow:auto;でもしる。

933 :目のつけ所が名無しさん :03/01/01 07:48 ID:GQQ2nx/2
私で933getか〜。
有効な発言って200くらいってとこか?

934 :Name_Not_Found:03/01/01 15:11 ID:???
>>933
無効

935 :Name_Not_Found:03/01/02 01:39 ID:aA27Qsjf
text-decorationでunderlineを指定した時、
テキストとアンダーラインの色を異なる色にするってことは可能でしょうか?
たとえば、テキスト文字が黒でアンダーラインが赤ってことです。
結構単純なことだから、出来そうだとは思うんですが、
そういう記述を探してみても見つかりません…。
これは不可能ってことなのでしょうか?

936 :Name_Not_Found:03/01/02 01:48 ID:???
>>935
出来ないと思います。


937 :935:03/01/02 02:01 ID:aA27Qsjf
>>936
そうですか…。
ありがとうございました。

938 :Name_Not_Found:03/01/02 02:02 ID:???
>>935
border-bottomで代用したらダメ?

939 :Name_Not_Found:03/01/02 02:02 ID:???
>>935
p {text-decoration:underline; color:#f00;}
span {color:#000;}

<p><span>hogehoge</span></p>

IE4だと同じ色だけどIE5以降やMozillaなら別の色になる。
無難にborder-bottomを使った方がいい。


940 :Name_Not_Found:03/01/02 02:06 ID:???
>>935
わからないことがあったら、とりあえず仕様書読め。

>テキスト装飾に必要な色は'color'プロパティ値と同じにすべきである。
>このプロパティは継承を行わない。しかし当該ブロックの子孫部に当たるボックスは、すべて同じ装飾を施されるべきである(たとえばすべて下線を施されるべきである)。
>またその時、子孫部の要素が'color'プロパティに異なる値を持っていても装飾の色は同じにすべきである。
【CSS2勧告邦訳 16.3.1 線を引く、点滅させる】より


941 :935:03/01/02 02:13 ID:aA27Qsjf
>>938
>>939
つまりテーブルを使えってことですね。
気がつきませんでした。ありがとうございました。

>>940
すいませんでした。

942 :Name_Not_Found:03/01/02 02:20 ID:eeQmZZEi
>>941
> つまりテーブルを使えってことですね。<そうじゃないだろうっ


943 :Name_Not_Found:03/01/02 02:34 ID:???
も う だ め ぽ

944 :Name_Not_Found:03/01/02 06:40 ID:???
>>941
ahoは死ね。

945 :Name_Not_Found:03/01/02 06:56 ID:???
基本的な質問かもしれませんが、
http://sawadaspecial.com/
ここのようにスタイルシートでページを左右にわけるのは、どういう処理をするもんなんでしょうか?
色々なところのソースを覗いてみたけど、複雑で理解できませんでした

946 :Name_Not_Found:03/01/02 07:08 ID:???
段組でググれ
以上

947 :Name_Not_Found:03/01/02 07:40 ID:???
>>945
http://www.glish.com/css/9.asp

948 :Name_Not_Found:03/01/02 20:21 ID:???
>>941

>>926参照


949 :Name_Not_Found:03/01/03 16:51 ID:???
イケてるサイトスレで見たんだけど
<hr />って何でつか

950 :Name_Not_Found:03/01/03 16:56 ID:???
>>949
それは CSS 関連のものではない。
xhtml での水平罫線描画タグ。

951 :Name_Not_Found:03/01/03 17:46 ID:???
タグは描画するためのものではない、と突っ込んでみる

952 :Name_Not_Found:03/01/03 18:58 ID:???
ここでブチっと区切るってことを意味するタグだと思ってた>hr
それでブラウザでは横線が表示されるんだと思ってた。

953 :Name_Not_Found:03/01/03 19:19 ID:???
>>952
Horizontal Rule(水平方向の罫線)の意味

いい加減スレ違いだけどな。

954 :Name_Not_Found:03/01/03 19:19 ID:???
水平線をマークアップするのでつ。スレ違いなのでこの話題はここまで。

955 :954:03/01/03 19:20 ID:???
スマソかぶった

956 :953:03/01/03 19:24 ID:???
>>955
んじゃ、ケコン

957 :949:03/01/03 20:38 ID:???
ありがとうございました

958 :Name_Not_Found:03/01/03 21:43 ID:???
>>945
【FAQ】
Q.CSSで段組するには?
A.下記などを参照して下さい。

CSSを用いた段組の作成のコツ
 http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
 http://www.skipup.com/~l-_-l/web/
スタイルシートでマルチカラム・デザインを実現する方法
 http://www.motchie.com/article/multicolumn.html
tableを使はない段組:CSSによるマルチカラムデザインについての考察
 http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
 http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
段組れいあうとてすと
 http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと(ネスケ4でも崩れない段組みの実例)
 http://village.infoweb.ne.jp/~fores/

959 :Name_Not_Found:03/01/03 21:45 ID:???
>>958を次スレッドの>>6>>7あたりにFAQとして追加しておいてくれませんか。

960 :Name_Not_Found:03/01/03 21:45 ID:???
次スレを……

961 :Name_Not_Found:03/01/04 01:53 ID:VZCtEMRN
body に style="margin: 0px:" を指定しても
IEではマージンがなくなるんですが、NNだとマージンができてしまいます。
なんかいい方法無いでしょうか?

962 :Name_Not_Found:03/01/04 01:54 ID:???
>>961
Pとかにもつけないとダメじゃなかったっけかな。
BODYにつけてるのん継承されなかった気がする。

963 :Name_Not_Found:03/01/04 03:20 ID:???
>>961

NS4.x だと body には効きません。

964 :Name_Not_Found:03/01/04 09:21 ID:???
>>961
marginだけでなく、paddingも0にしても駄目かい?

ところで誰か次スレッド立てて。(私のプロバイダはスレッド立て禁止されてるんで)

965 :Name_Not_Found:03/01/04 09:45 ID:???
じゃあ漏れがやっとくよ
色々直すからちょと待て


966 :連続投稿ですかuzeeee:03/01/04 10:07 ID:???
/* CSS、スタイルシート質問スレッド【14】 */
http://pc3.2ch.net/test/read.cgi/hp/1041641395/

ちょっと失敗したスマソ
LANケーブルで首吊って肛門からヒ素カレー垂れ流してくる

967 :Name_Not_Found:03/01/04 10:22 ID:???
>>965-966
大儀であった。暇を取らせる。

968 :Name_Not_Found:03/01/04 12:31 ID:???
テンプレの1結構長いから、もう少しスキーリさせようよ。

つーことで、15で使えるのよろ>>970

969 :Name_Not_Found:03/01/04 12:53 ID:???
埋め

970 :Name_Not_Found:03/01/04 12:54 ID:???
>>968
自分でやれやい!

971 :とか?ぱくりだけどw:03/01/04 13:48 ID:???
━━Cascading Ctyle Sheets質問スレ道場訓━━
 一、礼節を重んじ常に努力精進すること
 一、UAのバグに打ち勝つ精神力を持つこと
 一、心身の優れたHTML+CSSを学ぶこと
 一、雑草の如く生涯HTML+CSS貫くこと
 一、感謝と反省を忘れないこと
 以上
━━━━━━━━━━━━━━━━━━━━━━

このスレに書き込むことが許されるものは以下のとおり
・CSS を記述するための最低限のHTMLを理解する者
・レイアウトのための最低限のCSSを理解する者
・CSSの意味を理解する者
・ユーザーに迷惑となるCSSを書かない者
・過去ログや関連資料を読むことができる者
・「初心者です」を振りかざさず、質問を分かる日本語で説明できる者

※ マターリ進行 推奨 奨励 ※

972 :Name_Not_Found:03/01/04 13:54 ID:???
Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

ルールを守れ。過去ログ読め。FAQ読め。仕様書読め。関連サイト読め。バグ辞典読め。・・・・・・・・

コレだけでもよくない(藁

973 :Name_Not_Found:03/01/04 15:03 ID:???
>>971
━━Cascading Ctyle Sheets質問スレ道場訓━━
どうでも良いけど、
CtyleのCって間違えてない?

974 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 21:40 ID:???
埋め

975 :Name_Not_Found&rlo;-emu:DI&lro;:03/01/05 21:55 ID:???
埋め

976 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 21:58 ID:???
生き埋め

977 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 22:03 ID:???
埋め

978 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 22:11 ID:???
埋め

979 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 22:19 ID:???
埋め

980 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 22:22 ID:???
埋め

981 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 22:29 ID:???
埋め

982 :Name_Not_Found&rlo;-emu:DI &lro;:03/01/05 22:43 ID:???
埋め

983 :Name_Not_Found:03/01/05 22:58 ID:???
埋め

984 :Name_Not_Found:03/01/05 23:19 ID:???
埋め

985 :Name_Not_Found:03/01/05 23:24 ID:???
埋め

986 :Name_Not_Found:03/01/05 23:46 ID:???
埋め

987 :Name_Not_Found:03/01/05 23:55 ID:???
埋め

988 :Name_Not_Found:03/01/06 00:22 ID:???
埋め

989 :Name_Not_Found:03/01/06 00:23 ID:???
埋め

990 :Name_Not_Found:03/01/06 00:23 ID:???
埋め

991 :Name_Not_Found:03/01/06 00:41 ID:???
埋め

992 :Name_Not_Found:03/01/06 01:14 ID:???
    
  
           

993 :Name_Not_Found:03/01/06 01:24 ID:???
埋め

994 :Name_Not_Found:03/01/06 01:33 ID:???


995 :Name_Not_Found:03/01/06 01:34 ID:???
績め

996 :Name_Not_Found:03/01/06 01:34 ID:???
埋め


997 :Name_Not_Found:03/01/06 01:41 ID:???
夢...おやすみ

998 :Name_Not_Found:03/01/06 01:42 ID:???
ひっそりと・・・素敵だ

999 :Name_Not_Found:03/01/06 01:49 ID:???
/* CSS、スタイルシート質問スレッド【14】 */
http://pc3.2ch.net/test/read.cgi/hp/1041641395/

1000 :Name_Not_Found:03/01/06 01:50 ID:???
千 昌男

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

233 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.02.02 2014/06/23 Mango Mangüé ★
FOX ★ DSO(Dynamic Shared Object)