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

1 名前:Name_Not_Found :03/02/13 17:25 ID:???
CSSに関する質問はこちらへどうぞ。 ※ マターリ進行推奨 ※

■■■■■ 質問のやり方 ■■■■■
・まず解説サイト (かなりわかりやすい) で基礎を勉強してください。
・質問の前にはまず【FAQ】を参照してください。
・【FAQ】でもわからなかった場合は、過去ログを検索しましょう。
 WinIEの場合は、[Ctrl+F]で検索できます。
・IE などではまだ対応できていない要素などやバグが多数存在しますので、
 【関連スレ】の「バグ辞典」に目を通しておきましょう。

初心者の疑問は大抵ここまでで解決します。

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

過去スレや関連リンクは>>2-10

2 名前:Name_Not_Found :03/02/13 17:25 ID:???
【過去ログ】
 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/
 http://pc3.2ch.net/test/read.cgi/hp/1034922586/
 http://pc3.2ch.net/test/read.cgi/hp/1038437758/

【前スレ】
 http://pc2.2ch.net/test/read.cgi/hp/1041641395/

【関連スレ】
・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 :03/02/13 17:25 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 :03/02/13 17:26 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://strict.jp/~sappari/2ch/css.php
・ブラウザによる振り分け
 http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua


5 名前:Name_Not_Found :03/02/13 17:26 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 :03/02/13 17:26 ID:???
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/

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 名前:1 :03/02/13 17:27 ID:???
こんなもんかな
スレたて苦手

8 名前:Name_Not_Found :03/02/13 17:33 ID:???
>>1
乙彼〜

9 名前:Name_Not_Found :03/02/13 17:38 ID:Yt0D8V11
|  |
|  |∧_∧
|_|´・ω・`) そ〜〜・・・ 
|鬱|o乙 o       
| ̄|―u'
""""""""""
|  |
|  |∧∧
|_|・ω・`)
|鬱|o乙o.    
| ̄|―u' 
""""""""""
|  |
|  | ∧∧
|_|(´・ω・`)
|鬱|o   ヾ 
| ̄|―u'   乙 <コトッ
""""""""""""""""
|  |
|_|  ピャッ!
|鬱| ミ
| ̄|     乙  
""""""""""""""""


10 名前:Name_Not_Found :03/02/13 17:51 ID:???
もうこっちに質問してもいいんでしょうか。

メニューをちゃんと<ul>と<li>で作ったのはいいんですが、
<li>がインデントされてしまいます。

こんなスタイルを適用しています
ul{
 padding: 0;
}
li{
 margin: 0;
 padding: 0;
 list-style-type: 0;
}

これだけでは左にピッチリくっついてくれないのでしょうか?

11 名前:Name_Not_Found :03/02/13 17:57 ID:???
>>10
ul {
margin-left: 0;
padding-left: 0;
}

>>1


12 名前:Name_Not_Found :03/02/13 18:49 ID:???
>>10
list-style-type: none;
じゃなかったっけ?

13 名前:Name_Not_Found :03/02/13 19:57 ID:???
>>1
使ってくれよ、と思った
http://pc2.2ch.net/test/read.cgi/hp/1041641395/940n

14 名前:Name_Not_Found :03/02/13 22:07 ID:va2dGhTz
【FAQ】
http://fake_lint.tripod.co.jp/css.html#faq
【過去ログ】
http://fake_lint.tripod.co.jp/css.html#log
【関連リンク】
http://fake_lint.tripod.co.jp/css.html#related

15 名前:Name_Not_Found :03/02/13 22:25 ID:WVfOO7M/
早速すいません。
web初心者スレッドから誘導されてきました。

クラス指定したの中のタグにのみスタイルを適応させたいのですが、
どうやったらいいでしょうか?

例えば、<body class="index">とつけた中のddは背景を黒に
<body class="top">とつけた中のddは背景を赤にしたいのです。

.index dd {background-color:black;}
.top dd {background-color:red;}

ってやってもダメだったんですが、やり方教えてください


16 名前:Name_Not_Found :03/02/13 22:39 ID:???
>>15
先ずは >>1 を読め。
>OSやブラウザのヴァージョンについても必ず明記してください。
>特にNetscapeは、4までと6以降でまったく別物です。


17 名前:Name_Not_Found :03/02/13 22:39 ID:???
>>15
それでいいと思うんだけど。
WinXP IE6 と Netscape7 では反映されるよ。
あなたはどのブラウザで確認してるの?

.index dl dd { background-color:#000000; }
dl はさんでも意味ないかな。


18 名前:15 :03/02/13 22:55 ID:???
>16-17
すいませんでした。 IEの6.0です。

なんかうまいこといかないのです。
やり方が間違っていないのなら、もういっかい見直してみます

19 名前:15 :03/02/13 23:02 ID:???
>16-17

ごめんなさい、私がアホでした。    できました。

スタイルシートの順番間違えて、
.index dlって指定したあとで、dlの設定書いちゃってました。
ほんとごめんなさい。

20 名前:Name_Not_Found :03/02/13 23:38 ID:???
死ね

21 名前:Name_Not_Found :03/02/13 23:40 ID:???
IE6SP1くらいのやつでbodyのボーダースタイルにdottedとdouble,dashedを指定したら見た目がsolidと変わらないんですがこんなもんですか?

22 名前:Name_Not_Found :03/02/13 23:46 ID:???
>>21
IEじゃdoubleは太さを3px以上にしないとsolidと見た目が変わらん。
ついでに1pxに指定したdottedとdashedは見た目が一緒。

23 名前:Name_Not_Found :03/02/13 23:58 ID:???
>>22
body {
color : #383838;
background-color : #e8e8e8;
margin : 0;
border : 10mm dotted #ffffff;
padding : 0;
}

こんな感じでいいですか?


24 名前:Name_Not_Found :03/02/14 00:00 ID:???
>>23
mm指定はやめなさい。ただちにやめなさい。

25 名前:Name_Not_Found :03/02/14 00:04 ID:???
ボーダーならpxかemがいいよね

26 名前:Name_Not_Found :03/02/14 00:05 ID:???
>>23
mmよりはpxかemのほうがいいんでない?

27 名前:Name_Not_Found :03/02/14 00:05 ID:???
>25

>26

入籍おめでと。

28 名前:26 :03/02/14 00:10 ID:???
シアワセニシテネ

29 名前:32 :03/02/14 00:11 ID:???
仲人を務めさせていただきます

emで指定すると同じタグの文字によって大きさが決まってもControl+ホイールぐりぐりでは長さが変わらないんですね。

30 名前:Name_Not_Found :03/02/14 00:12 ID:???
まちがえた32→23
未来の人になっちゃった。

31 名前:Name_Not_Found :03/02/14 00:13 ID:???
>>29
だから、mmなのか…

32 名前:Name_Not_Found :03/02/14 00:22 ID:???
>>29
borderだったらpxでもいいだろ
ちっさいとこなんだし

33 名前:Name_Not_Found :03/02/14 02:54 ID:???
何も分かってない

34 名前:Name_Not_Found :03/02/14 02:56 ID:???
(´-`).。oO(駄レス書くなら、説明してあげればいいのに。

35 名前:Name_Not_Found :03/02/14 03:13 ID:???
>>33
それは俺がいつも思うことだ。
確かにそうだよな。ちゃちゃいれるぐらいならだまってりゃいいんだ。
みんなキモに命じて桶よ。
俺はいま精液がキーボードにかかっていらいらしている。
コンビニサークルKサンクス来期450店舗を閉鎖だってよ。
USJなんてもういかねーよ。
殺人かな?24歳OL首吊り状態で発見された。
今俺は何をしてるの?

36 名前:Name_Not_Found :03/02/14 03:14 ID:???
>>35
キモイ。

37 名前:Name_Not_Found :03/02/14 03:16 ID:???
>>36
豚の耳は黙れ

おこめけんでおめこをなめるのは外務省
ちんぽるぷー

38 名前:Name_Not_Found :03/02/14 03:17 ID:???
俺はお前がよく理解できるよ

39 名前:37 :03/02/14 03:18 ID:???
>>38
基地がいはどっかいけ

40 名前:Name_Not_Found :03/02/14 03:20 ID:???
>>39
照れるな馬鹿

41 名前:Name_Not_Found :03/02/14 03:22 ID:???
お前の首を鑿で刺すぞ。

アジアの☆になりたいか?


亀い静かは来た

42 名前:Name_Not_Found :03/02/14 03:29 ID:???
その調子で向こう埋め立てとけよ
こっちには出てくんな

43 名前:Name_Not_Found :03/02/14 03:30 ID:???
その向こう↓
http://pc2.2ch.net/test/read.cgi/hp/1041641395/


44 名前:Name_Not_Found :03/02/14 03:33 ID:???
言われなくても書き込んである。

これだから公務員は5時に帰るん駄y

45 名前:Name_Not_Found :03/02/14 03:37 ID:???
CSSで質問がるのですが、
フロートというのは、どういうものなんですか?
いや、説明とかは読みました。
どうやら段組とかに使うらしいですが、フロートってなんか浮いてるんですか

46 名前:Name_Not_Found :03/02/14 03:39 ID:???
最近のネタって全然笑えないよな。ほんと。

47 名前:Name_Not_Found :03/02/14 03:41 ID:???
ねたじゃねんだよたこ
まじでフロートつかったことねんだよ。
フロートっていうと浮いてる感じすんだろ?

48 名前:Name_Not_Found :03/02/14 03:44 ID:???
あー、浮いてる浮いてる。浮きまくってるよ、おまえもボックス領域も。


49 名前:Name_Not_Found :03/02/14 03:44 ID:5FWw3DZw
>>48
なんとなくわかった。

50 名前:Name_Not_Found :03/02/14 03:45 ID:???
裸でもみあうか?

51 名前:Name_Not_Found :03/02/14 03:47 ID:???
↓この後衝撃の質問が!!!!!!!

52 名前:Name_Not_Found :03/02/14 03:48 ID:???
↓Skip

53 名前:Name_Not_Found :03/02/14 03:51 ID:???
→↑Reverse

54 名前:Name_Not_Found :03/02/14 03:55 ID:R9N9o+KC
div要素に設定したクラスに、background-colorをいつも厳密に記述してますか?
かなりのページにわたって利用したクラスをlintにかけたら、back...が
指定されてないと出た。ページの背景色が違う。。。めんどくさくないですか?


55 名前:Name_Not_Found :03/02/14 04:01 ID:???
>>54
color と background-colorはペアですたい。

56 名前:Name_Not_Found :03/02/14 04:15 ID:???
>>54
指定したくなかったら、
background-color:transparent;
にするべし。んで、辞書にでも食わせとけ。


57 名前:54 :03/02/14 04:17 ID:???
CSS勉強始めなんですが、こんな事多くっていやになる。
ペアだとは学んでいましたが、背景がイラストの時とか、出したくないじゃないですか。
できる方々は、どう考えるのだろう。

58 名前:Name_Not_Found :03/02/14 04:19 ID:???
嫌ならやめれば良いよ。
仕事ならそうはいかないだろうけど、
趣味でなら無理して嫌な思いする必要ないし。

59 名前:Name_Not_Found :03/02/14 04:23 ID:???
>>57
>>56

60 名前:Name_Not_Found :03/02/14 04:23 ID:???
>>57
嫌でもやめちゃ、いけない。
良い癖をつければ、後でためになる。仕事・趣味関係無しに。
そういう物事の考え方をしてても進歩なし。仕事・趣味関係無しに。

61 名前:54 :03/02/14 04:26 ID:???
>>56
有難う。規定値透明の値があったんだね。確認せずに57書いた。
THX!



62 名前:Name_Not_Found :03/02/14 04:27 ID:???
確認せずに質問して、「いやになる」とか言っちゃって・・・
凄く失礼なことのような・・・

63 名前:Name_Not_Found :03/02/14 04:30 ID:???
* {color: ..., background: transparent none;}

64 名前:Name_Not_Found :03/02/14 04:31 ID:???
, -> ;
失礼

65 名前:Name_Not_Found :03/02/14 04:33 ID:???
http://www.fromdfj.net/html/index.shtml
上のサイトで幅固定なわけですけども、こういうのもだめなんでしょうか?


あと何故かhttp://tohoho.wakusei.ne.jp/wwwcss.htm
各項目にいくと必ずブラウザIEが落ちるんですが、みなさんはなんともないですか?

66 名前:57 :03/02/14 04:55 ID:???
>60HTML初学で同時にCSSも勉強してて、初日にささっとページ作れたけど、
本当の基礎は難しい(論理/物理構造からの理解)と感じてる。
趣味だけど、辛くてもやめないよ。てきとー…なページなら作れるけど、ヤだし。
レス有難う。


67 名前:Name_Not_Found :03/02/14 05:06 ID:???
>>66
がんばれよ。一生

68 名前:Name_Not_Found :03/02/14 05:12 ID:???
>>66
がんばって!p(^-^)q

69 名前:Name_Not_Found :03/02/14 05:20 ID:???
 p(^-^) q
└(  )┘
  ||
 ⊂  つ

70 名前:Name_Not_Found :03/02/14 05:23 ID:???
下の写真を見て答えなさい
http://lounge.dip.jp/upboard/img-box/img20030209215834.jpg

この写真が撮影された理由


71 名前:Name_Not_Found :03/02/14 06:00 ID:???
>>70
ぐろ、と言って見る

72 名前:Name_Not_Found :03/02/14 06:40 ID:???
<li>にheightを設定した時、
中にいれるテキストを垂直方向に
真ん中に持ってくることってできますか?

73 名前:Name_Not_Found :03/02/14 12:38 ID:???

え?

74 名前:Name_Not_Found :03/02/14 12:42 ID:zA1llYuO
一括指定について教えてください。
背景画像の固定、フォント(face、color、size)、英文のフォント指定、スクロールバーの色指定など
全部ひとつの<style>〜</style>の中に入れるにはどう書けばいいんですか?
それと、日本文と英文のそれぞれのフォント指定はどう書けばいいんでしょうか?

75 名前:Name_Not_Found :03/02/14 12:46 ID:???
>>74
>>3-4

76 名前:Name_Not_Found :03/02/14 13:04 ID:???
高校受験終わったからかなぁ……

77 名前:Name_Not_Found :03/02/14 13:27 ID:???
>>74
検索すりゃあ分かるようなことをいちいちここで聞かないよーにね。


78 名前:74 :03/02/14 14:05 ID:OHUgGA2j
すいません、リンク先調べてみました。
あと、日本語と英字の指定の仕方だけがわかりません。

79 名前:Name_Not_Found :03/02/14 15:17 ID:???
>>78
お前の検索の仕方が悪いだけだよ。

「CSS フォント指定 英語 日本語」あたりで。

80 名前:Name_Not_Found :03/02/14 18:17 ID:???
余計なレスすると長引くんだからとっとと教えてかえってもらえよ
かすばっかだな。
お前なんか別に来なくていいからさ。

81 名前:Name_Not_Found :03/02/14 18:29 ID:???
どうやら>>80がズバリ教えてくれるみたいだぞ

82 名前:Name_Not_Found :03/02/14 18:32 ID:???
ばかはしね
わからないから聞いてるんだよ

83 名前:Name_Not_Found :03/02/14 19:25 ID:???
まず、HTMLの英語の部分に、lang="en"と明記し、CSSに、

[lang="en"] { font-family : "Times New Roman",serif; }

なとと指定します。

<p>まんこのことを英語では<span lang="en">cunt</span>と言います。</p>

この場合、cuntという部分にだけ、指定が適用されます。
ただし、IEは未対応です。

84 名前:Name_Not_Found :03/02/14 19:29 ID:???
>>83
<p><dfn lang="en">cunt</dfn>は日本語でまんこの意味です。</p>
の方が言いと思うYP。
いや、どうでもいいんだけど。

85 名前:Name_Not_Found :03/02/14 19:50 ID:???
今日見てて思ったけど、
sageてない香具師多すぎ。余計なことはsageてよ。


-------------------------解決-------------------------



86 名前:Name_Not_Found :03/02/14 20:27 ID:???
わかったよ

87 名前:Name_Not_Found :03/02/14 20:50 ID:???
次の質問どぞー

88 名前:Name_Not_Found :03/02/14 21:48 ID:???
<dl>
<dt>キャラ名</dt>  っていうのを
<dd>読み方</dd>    [キャラ名][読み方][持ち物][行動]
<dd>持ち物</dd>    [キャラ名][読み方][持ち物][行動]
<dd>行動</dd>     と横に並べたいのですがどうしたらいいでしょう?

<dt>キャラ名</dt>   ddにclass="1"〜class="3"までつけて
<dd>読み方</dd>   CSSで
<dd>持ち物</dd>    dt {float:left; width:20%;}
<dd>行動</dd>     dd .1 {float:left; width:30%;}  dd .2{float:left; width:15%;}
</dl>           dd .3 {clear:left; width:40%:}

とやってもできませんでした。やり方教えてもらえませんでしょうか?

89 名前:Name_Not_Found :03/02/14 21:56 ID:???
>>88
class名の先頭には数字は使えないけどそのせいじゃないかね?

90 名前:Name_Not_Found :03/02/14 22:03 ID:???
>>88
li.name {clear:left;float:left; width:20%;}
li.reading {float:left; width:30%;}
li.item {float:left; width:10%;}
li.action {float:left; width:40%;}

<ul>
<li class="name">キャラ名</li>
<li class="reading">読み方</li>
<li class="item">持ち物</li>
<li class="action">行動</li>

<li class="name">キャラ名</li>
<li class="reading">読み方</li>
<li class="item">持ち物</li>
<li class="action">行動</li>
</ul>

widthの%は100%超えてるわ、クラス名は数字からはじめるわ。
<dd>やたらでてくるわ。

91 名前:88 :03/02/14 22:03 ID:???
>89

あぁ、すいません。
でもa,b,cにしてもできませんでした

92 名前:90 :03/02/14 22:05 ID:???
とえらそうなこと書いておきながらふと思った。

li.name {clear:left;float:left; width:20%;}

clear:left;float:left;
これってありよね?

これから自分で調べてきますが、博識のかたダメならダメだししてください

93 名前:88 :03/02/14 22:12 ID:???
>90
すいません(汗。

そのまま書いてみたらできました。
ところで、リストの最初(キャラ名)がなぜか左端によらないのですが、
なんでなんでしょう?(2-3文字分くらい左に隙間ができるのですが)
IE6.0 XP 800*600

clear:leftはnameの所につかうのですね! ずっと最後(action)に
使ってました・・・

94 名前:Name_Not_Found :03/02/14 22:16 ID:???
この場合 width が100%になるから clear:leftする必要もないのかなぁ
もう一度出直してきます。スレ汚しスマソ

>>93 ごめんこれ追加
ul {margin-left:0;padding-left:0}
li { list-style-type:none;}


95 名前:88 :03/02/14 22:18 ID:???
>94
おおぉ!できました

すいません、もう一つ。
これって画面のサイズをちっちゃくすると段落がたがたになって
しまいますよね?

なんとか回避する方法ってありますでしょうか?(table使わずに)

96 名前:Name_Not_Found :03/02/14 22:57 ID:???
つかこの<dl>の使い方自体は問題ないのでは?
で90のにするならdisplay: inlineのほうが簡単では?

97 名前:88 :03/02/14 23:21 ID:???
>96

え〜と、display:inlineを使えっていうのは、dlをインライン要素にしろ!
ってことでしょうか?

すいません、それと横に並べることがいまいち頭の中で繋がらないです(TT

言い訳:各キャラクターの解説の箇条書きなので、dlを使ってみました。

98 名前:Name_Not_Found :03/02/14 23:28 ID:???
table使った方が早くないか?

99 名前:Name_Not_Found :03/02/14 23:36 ID:???
>>95
こういう場合は、表で正しいから、表使ってもいいんだけどな。

100 名前:Name_Not_Found :03/02/14 23:40 ID:???
>>97
いや<ul>使うなら<li>にdisplay:inlineしたほうがめんどくさくなくてよいかと。
そしてこの場合表なんだからtableでいいじゃんって意見に禿同。

101 名前:Name_Not_Found :03/02/14 23:46 ID:???
<table>使えよ
本末転倒になってきてるぞ

102 名前:88 :03/02/14 23:46 ID:???
>98-100
tableですか。
なんかtableを使ってイイ場面というのがいまいちよくわからなくて。
解説の箇条書きならdlかなぁとか思ってたので・・・。

ありがとうございました。
>95 自己レス。毎回 </ul>とか</dl>で閉じればできました。すいません

103 名前:Name_Not_Found :03/02/14 23:51 ID:???
>>102
いやわかるよその気持ち。
ちょっと複雑なリストになってくるとこれ表にしたほういいよなみたいな。
でもリストでズラズラ−っと並べられるより表にしたほうが見やすいって時は
迷わずtable使うべし。

104 名前:103 :03/02/14 23:51 ID:???
ってスレ違いだった。すいません。

105 名前:Name_Not_Found :03/02/15 00:21 ID:???
>>104
スレ違いウザイ。したり顔で、わかるよ。とか言ってんなよ。

106 名前:Name_Not_Found :03/02/15 00:31 ID:???
>>105
まあまあ。

107 名前:Name_Not_Found :03/02/15 00:53 ID:???
>105
したり顔でしたり顔の奴にうざいっていうお前が一番うざい。

108 名前:Name_Not_Found :03/02/15 00:56 ID:???
>>107
まあまあ。

109 名前:Name_Not_Found :03/02/15 01:09 ID:???
105と107は今日チョコもらえなかった香具師

110 名前:Name_Not_Found :03/02/15 03:34 ID:???
いやわかるよその気持ち。

111 名前:Name_Not_Found :03/02/15 03:49 ID:???
>>110
185を思い出しますた。
わたし185さんのゆーことよっくわかります、だっけか。

112 名前:Name_Not_Found :03/02/15 07:52 ID:Y7XNBJDm
すみませんが、質問させて下さい。
なるべくCSSでレイアウトしようと思っているのですが、やっていいことなのかわかりません。
解像度に依存されること無く、画面の真ん中に画像と画像に回り込んだテキストを置きたいのですが、
横方向では上手くいくのですが、やっぱり縦方向では上にへばりついたままです。
margin : autoも効果ナシでした。
それで、
BODY{background-image : url(hoge.jpg);background-repeat : no-repeat;background-position:10% 50%;}
として、重ならないような位置にDIV(中にテキスト)の位置指定をしています。
しかし、CSSオフにすると間抜けなページになってしまいます(涙)。
あきらめてTABLEレイアウトした方がいいですか?
アフォな質問ですが、よろしくおながいします。

113 名前:Name_Not_Found :03/02/15 08:28 ID:???
ど真ん中にこだわらないで適当に上マージン取れば? %で
Web媒体の特性を把握してからレイアウト考えよう

114 名前:Name_Not_Found :03/02/15 09:09 ID:???
>>1へ。
 >>2の【関連スレ】がみなpc3.2ch.netのままで、つながらんぞよ。
 次回スレッド立てる人は注意しよう。

115 名前:Name_Not_Found :03/02/15 09:26 ID:???
まあ>>14もあるしな。↓
 「CSS、スタイルシート質問スレッド」テンプレ
 http://fake_lint.tripod.co.jp/css.html

116 名前:Name_Not_Found :03/02/15 09:28 ID:???
>>112
hoge.jpgが120*120と仮定。
.hoge {
  margin-top:-60px;
  margin-left:-60px;
  position:absolute;
  top:50%;
  left:50%;
}

<img src="hoge.jpg" alt="hogehoge" width="120" height="120" class="hoge">

回り込みは適当に(w

117 名前:Name_Not_Found :03/02/15 16:05 ID:???
質問する際にHTMLファイルとCSSファイルを当たり障り無く加工して、
うpロダにでも上げると適切な答えが返って来やすくなります。

118 名前:Name_Not_Found :03/02/15 16:32 ID:???
W3C信者にサイトを正しい記述に直して貰うスレ
っぽくなってまいりました。

119 名前:Name_Not_Found :03/02/15 16:32 ID:7OIm6Fru
煽りじゃなくて、
現状でサポートされてない部分が多いCSSでレイアウトするのと
テーブルレイアウト
どちらがユーザビリティに優れているのでしょうか?



120 名前:Name_Not_Found :03/02/15 16:34 ID:???
>>119
 サポートされていない部分が多いCSSでレイアウト
 テーブルタグでレイアウト
 →別のレイアウトにする

121 名前:Name_Not_Found :03/02/15 17:07 ID:???
http://minatsu.pos.to/
↑の様にリストを横に並べつつマーカーを表示させるにはどうしたらよいのですか?

122 名前:Name_Not_Found :03/02/15 17:13 ID:???
>>121
そこのCSSソースは見たの? 見てもわからなかったらまた訊いて。

123 名前:Name_Not_Found :03/02/15 17:56 ID:???
>>122
個人的にはMozillaのDOM Inspectorで見ることをおすすめしたい。
フリーだし。

124 名前:121 :03/02/15 18:02 ID:???
>>122
見ても分からなかったです・・・

125 名前:Name_Not_Found :03/02/15 18:12 ID:???
>>124
質問の下手な人ですね。
わからなかった箇所を示してくれなくちゃ。
あと、list-style-imageって知ってるのかな?
 http://msugai.fc2web.com/web/CSS/list.html#img

126 名前:Name_Not_Found :03/02/15 18:24 ID:???
>>125
list-style-image は diplay プロパティの値が list-item でないと有効でない。
したがって、津波荘のように inline などで横に並べると無効になる。
(少なくとも仕様上はそのような挙動が正しい。)

>>121
津波荘は各 li 要素のbackground に画像を指定することで、
横に並べつつ“疑似マーカー”を表示している(ように思える)。

127 名前:126 :03/02/15 18:25 ID:???
>>126 誤字 diplay → display ゴメン

>>121
追記:import されているのをたどっていけ

128 名前:Name_Not_Found :03/02/15 18:26 ID:???
>>121
のサイト importしてるcssファイルはアクセス制限かけてるね。

>>124
恐らく、liにクラスとid振って

display : inline;とdisplay:list-item; と list-style-imageとmargin, padding
を駆使すればできるよ。

そうやってるみたいだし。

129 名前:Name_Not_Found :03/02/15 18:28 ID:???
でも、津波莊のCSSはlist-style-imageを指定してますよ。
WinIEでもNN7でもマーカー画像が見えるし。

130 名前:128 :03/02/15 18:29 ID:???
>>128
アクセス制限なんてかけてません。ディレクトり見誤っただけです。スマソ

131 名前:Name_Not_Found :03/02/15 18:32 ID:???
>>129>>126の前半へのレスね。

132 名前:Name_Not_Found :03/02/15 18:37 ID:???
すみませんが、質問させて下さい。
なるべくCSSでレイアウトしようと思っているのですが、やっていいことなのかわかりません。
解像度に依存されること無く、画面の真ん中に画像と画像に回り込んだテキストを置きたいのですが、
横方向では上手くいくのですが、やっぱり縦方向では上にへばりついたままです。
margin : autoも効果ナシでした。
それで、
BODY{background-image : url(hoge.jpg);background-repeat : no-repeat;background-position:10% 50%;}
として、重ならないような位置にDIV(中にテキスト)の位置指定をしています。
しかし、CSSオフにすると間抜けなページになってしまいます(涙)。
あきらめてTABLEレイアウトした方がいいですか?
アフォな質問ですが、よろしくおながいします。

133 名前:Name_Not_Found :03/02/15 18:37 ID:???
>>125
list-style-imageはdisplay:list-itemの要素にしか効果が出ないのが正しいので
それを使って>>121のようなことをするのは特定ブラウザの実装依存になり宜しくない
という話が確か以前にも出ていた気がする。


134 名前:Name_Not_Found :03/02/15 18:39 ID:???
>>132
img { display: none; }
とでも書いてCSSオン時は背景・CSSオフ時はimgで見せるようにしては?

135 名前:Name_Not_Found :03/02/15 18:39 ID:???
        ∧  ∧
        |1/ |1/
      / ̄ ̄ ̄`ヽ、
      /   ,,     ヽ
      /  丿  \    |
     | (●) (●)   |
     /          |  さすがのムーミンも
   /        ^   |
   {         /|   |  このスレには
    ヽ、.    /丿ノ   |
      ``ー――‐''"    |  呆れ果てているようです
      ./         . | |
 (⌒―|          | ゙―^⌒)
 . ̄ ̄|          ̄ ̄| ̄


136 名前:112 :03/02/15 18:41 ID:???
>>113
>>116
説明不足にも関わらず、親切なアドバイスありがとうございました。
お陰様で出来ました〜(嬉)。
>>118
妙な流れ作ってしまってスマソです(汗)。
回線切って逝てきまつ。

137 名前:112 :03/02/15 18:48 ID:???
ちなみに132は私ではないです。

138 名前:Name_Not_Found :03/02/15 19:30 ID:???
質問させてください
body{
color: #fff;
background: #000 url("../bg.gif") repeat-y 0% 0%;
border-left: solid #999 1em;
}

という設定をしています。
IEで見ると問題ないのですが
Mozilla,Operaで見るとbg.gifがボーダーの下に隠れてしまいます。
ボーダーのぴったり隣り合わせにbg.gifを置きたいのですがどうすればできますか?

139 名前:Name_Not_Found :03/02/15 19:47 ID:???
>>138 >>6をごらん。
【FAQ】
A: WinIEのボックス・モデルが間違ってるからです。

140 名前:Name_Not_Found :03/02/15 19:52 ID:???
>>138
background: #000 url("../bg.gif") repeat-y 0% 1em;
で、どうです?

141 名前:Name_Not_Found :03/02/15 19:59 ID:???
border-left: solid #999 1em;
を含めた背景画像を用意すればいいと思った。

142 名前:Name_Not_Found :03/02/15 20:09 ID:???
>>139
ありがとうございます
対策を教えていただけませんでしょうか

>>140
ありがとうございます
しかしIEで崩れてしまいます。
申し訳ありません。

>>141
ありがとうございます。
しかし画像のサイズが大きくなってしまうので
その方法は最終手段ということにしようと思っています。
申し訳ありません

143 名前:Name_Not_Found :03/02/15 20:31 ID:???
>>142
とりあえずマイクロソフトに『ふざけんな(゚Д゚)ゴルァ!』とメールを送ることをお勧めします。

144 名前:Name_Not_Found :03/02/15 20:42 ID:???
>>142
IEのバージョンは?
6.0でDOCTYPEスイッチが標準準拠モードになってれば大丈夫でないかい?
>>118
正しいhtmlのほうがcssを適用しやすいから多少はしょうがないような。

145 名前:Name_Not_Found :03/02/15 20:44 ID:???
>>144
6.0です。
Doctype宣言は
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
です。

146 名前:Name_Not_Found :03/02/15 20:52 ID:???
>>145
そのDOCTYPE宣言の前に
<?xml version="1.0"?>
ってつけてみたら大丈夫だと思う。

147 名前:Name_Not_Found :03/02/15 20:53 ID:???
>>145
<?xml version="1.0" encoding="Shift_JIS"?>
はつけていますがどうにも効果が無いです。

ウザくて申し訳ないです

148 名前:Name_Not_Found :03/02/15 20:53 ID:???
訂正
すいません >>146でした

149 名前:Name_Not_Found :03/02/15 20:55 ID:???
あ、嘘書いてしまった。
>>146は無視してください。

150 名前:149 :03/02/15 20:56 ID:???
>>147
それを削れば標準準拠モードになります。
lintには怒られちゃうけどxhtmlで標準準拠モードにするには
そのxml宣言を削るしかないです。

151 名前:138 :03/02/15 21:01 ID:???
どうもありがとうございますた

152 名前:Name_Not_Found :03/02/15 21:05 ID:???
XHTMLのことをよくわかってないIE6は、XML宣言を「余計な文字列」とみなし、
XHTML文書を互換モードで表示してしまう。
IE6の標準モードで表示される文書を書きたかったら、HTML4.01 strict
にするしかない。

まあ、IE5.5以前のユーザが依然として多い現状では、標準モードでも
互換モードでも意図通りとなるCSSを書くのが無難だと思う。

153 名前:Name_Not_Found :03/02/15 21:30 ID:???
Opera7にもDOCスイッチってあるの?
box-sizing: border-boxは効かないみたいだし。

154 名前:Name_Not_Found :03/02/15 21:37 ID:???
>>152

.htacsessいじってhttpレスポンスヘッダで文字コードを明示
するようにすればxml宣言はいらないはずです。

つまり標準準拠モードでxhtmlも使えるわけです。

155 名前:Name_Not_Found :03/02/15 21:40 ID:???
>>153
http://www.opera.com/docs/specs/doctype/

>box-sizing: border-boxは効かないみたいだし。
嘘つくな。効きます。

156 名前:Name_Not_Found :03/02/15 21:50 ID:???
>>155
サンクス。効くんだ。書き方間違ってたんだな。

157 名前:Name_Not_Found :03/02/15 21:53 ID:t8dRIuPm
こんにちは。
Hタグを使うと次行に絶対に改行が入りますが、それを強引に解除させる方法は
ないものでしょうか?

158 名前:Name_Not_Found :03/02/15 22:05 ID:???
>>157
こんにちは。
hn { display: inline }

159 名前:Name_Not_Found :03/02/15 22:14 ID:???
つーか、変なマークアップしてそう。

160 名前:Name_Not_Found :03/02/15 22:27 ID:???
157です。
>158
早いレスどうもありがとう!早速試してみます。

161 名前:Name_Not_Found :03/02/15 22:29 ID:???
minatsuさん自身が答えてくれたので、
>>121は解決ということで。

162 名前:Name_Not_Found :03/02/15 22:46 ID:???
>>161
background-imageだったんだ。

163 名前:Name_Not_Found :03/02/15 22:47 ID:???
>>161
つーか一応報告しておけよ
どうやっていたんだよ

164 名前:Name_Not_Found :03/02/15 23:28 ID:???
後に他の人が同じところでつまずくことを考えて
解決した方法を 残していくのが常識。

報告汁。

165 名前:Name_Not_Found :03/02/15 23:29 ID:???
>>121の津波荘は
background : url(〜) no-repeat 0px 50%;
ってやっているね。

166 名前:Name_Not_Found :03/02/15 23:31 ID:???
つまり>>126が正しかったってこと?
list-style-image 指定してるとか主張していた奴は何だったの?

167 名前:Name_Not_Found :03/02/15 23:45 ID:???
>>166
うん(≫121の場合は)。
display: inline; じゃマーカーは出ない(仕様)だっての

168 名前:Name_Not_Found :03/02/16 00:20 ID:???
俺も以前、background-imageで同じことやってたけど、IE5.0以前は、
inlineに対するpaddingが効かないので、background-imageが文字と
重なって見づらくなることに気づいてやめた。
津波荘さんはどうやって回避してるんだろう。
それとも、IE5.0以前は放置なのかな。

169 名前:Name_Not_Found :03/02/16 00:45 ID:Buy6Uknk
リストを横並びにするにはどうすればいいでしょうか?

170 名前:Name_Not_Found :03/02/16 00:51 ID:???
>>169
display:inline
>1をよめ。そして実行しろ。この糞野郎。

171 名前:Name_Not_Found :03/02/16 00:56 ID:Buy6Uknk
>>170
なんだとこの童貞インポテンツが。
display:inlineなんて糞要素使ってられっか、早く別のやり方教えろ。

172 名前:Name_Not_Found :03/02/16 01:02 ID:???
糞要素 糞要素
糞 要 素

173 名前:Name_Not_Found :03/02/16 01:06 ID:???
>>168
>津波荘さんはどうやって回避してるんだろう。
特に回避とかはしていないようだ。

>それとも、IE5.0以前は放置なのかな。
真面に実装していない WinIE5.0以前が悪い。
WinIE5.0以前とか Mozilla Classic とかは無視するに限る。

174 名前:Name_Not_Found :03/02/16 01:07 ID:???
>>171
float: leftでもしとけや糞が!

175 名前:Name_Not_Found :03/02/16 01:10 ID:Buy6Uknk
>>174
なんだよフロートって!糞じゃん!!
ポジションでやりてーんだよ。なんとかしろや。

176 名前:Name_Not_Found :03/02/16 01:11 ID:???
>>168
IE5.0以前なんて今じゃほぼいないに等しいから安心しる!

…うち一人だけIE5.0の常連がいる。どうしましょう?

177 名前:Name_Not_Found :03/02/16 01:12 ID:Buy6Uknk
>>176
アクセス禁止しちまえばいいんじゃないか!?なんつってな!がはは!!(w

178 名前:Name_Not_Found :03/02/16 01:13 ID:???
>>175
マジレスするとpositionでも可能。
んなめんどくせーことやってられっかボケナスが!!!

179 名前:Name_Not_Found :03/02/16 01:14 ID:Buy6Uknk
もういいよ!!ふざけんなよ!!やってられっかよ!

180 名前:Name_Not_Found :03/02/16 01:16 ID:Buy6Uknk
 すいません、おしえてください。

181 名前:168 :03/02/16 01:22 ID:???
>>173
レスありがとう。
でも、IE5.0って、使ってる人結構多いからいまいち踏み切れないのよね。

>>176
ひとりだけなら、メールして
「お願いですからアップデートしてください」
と頼んでみるとか。

182 名前:Name_Not_Found :03/02/16 01:27 ID:???
>>180

li { display : inline; margin : 0 1em 0 0; }

これで、リストの中身が横並びになる。

183 名前:Name_Not_Found :03/02/16 02:36 ID:???
ボックスを中央に配置したいのですが、上手い方法はないものでしょうか。
positionを使うとIEかNNどちらかの配置がおかしくなってしまうのですが。

184 名前:Name_Not_Found :03/02/16 03:10 ID:???
>>183
margin-left: auto; margin-right: auto;
縦方向に中央というならちょっとわからん。

185 名前:Name_Not_Found :03/02/16 03:18 ID:???
>>183
そう云う、レイアウトは自滅するから止めとけ。
ボックスの高さは内容量に依存するかな。
それと top と bottom のパーセント値は、コンテナブロックの高さが
明示されていないと「auto」として扱われるから注意しろよ。
垂直方向に中央ってのは、HTML+CSS の仕様の範疇じゃまず無理だな。

互換モード+テーブルレイアウトとかで可能だが、
初心者が良くやりたがる、カステクだから止めとけ。

186 名前:Name_Not_Found :03/02/16 03:34 ID:3gEDGp6V
IEで、右のスクロールバーを
左に移すことは可能ですか?

187 名前:183 :03/02/16 03:45 ID:???
>>184
水平方向はこんな便利な技があったんですね。助かりました。
こんな夜中にどうもありがとうございます。

>>185
垂直の方は無理ですか。
>top と bottom のパーセント値は、コンテナブロックの高さが
明示されていないと「auto」として扱われるから注意しろよ。
あ、全然知らなかったです。これは親切にどうも。



188 名前:Name_Not_Found :03/02/16 03:46 ID:???
>>186
無理かも。

189 名前:Name_Not_Found :03/02/16 03:48 ID:???
>>186
filterでページ全体を反転させることはできるけど、
内容全部、反転されるから意味がない。

つーか、そんな操作性0の作り方はやめたほうがいいよ。

190 名前:Name_Not_Found :03/02/16 04:05 ID:???
>186
body {direction: rtl;}
body * {direction: ltr;}

191 名前:Name_Not_Found :03/02/16 04:27 ID:???
>>190
変なことを教えるな大馬鹿者。
direction は、双方向書字を再現する為のものだ。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visuren.html#direction

192 名前:Name_Not_Found :03/02/16 04:30 ID:???
>>190
(゚∀゚)サンクスコ

>>191
そういうことはあまり気にしないので大丈夫です

193 名前:Name_Not_Found :03/02/16 04:38 ID:???
>>192
てめぇが気にするかしないかなんて関係ねぇんだよ。
ユーザーが迷惑するからヤメロってんだよ。
一昨日来やがれ、アフォが。

194 名前:Name_Not_Found :03/02/16 04:38 ID:???
body * {direction: ltr;} がうまく効かなかったので
body {direction: rtl; text-align : left;} で代用してみました。
なんとなく大丈夫そうなのでこれでいってみようと思います。

195 名前:Name_Not_Found :03/02/16 04:40 ID:???
>>190
それじゃ不思議マークアップと変わらんだろ。

196 名前:Name_Not_Found :03/02/16 04:45 ID:???
ブラクラがまた一つネット上に誕生しました。

197 名前:Name_Not_Found :03/02/16 04:46 ID:???
strictにがちがちにやれ、とは言わないけど不思議マークアップのお手伝いはここではやらないでほしいよな。

198 名前:Name_Not_Found :03/02/16 04:46 ID:???
>>193
あなたはユーザなのですか?

199 名前:Name_Not_Found :03/02/16 04:49 ID:???
>>194
氏ね。ウェブから消えろ。
リアルワールドからも消えろ。

200 名前:Name_Not_Found :03/02/16 04:50 ID:???
>>198
ユーザビリティの対象がユーザなら、閲覧者=ユーザなわけで、
>>193がどうかとかは無関係なわけで。
とにかく、不思議なお手伝いは不思議を生む要因になるので、やめてほしいですね。

201 名前:Name_Not_Found :03/02/16 04:51 ID:???
>>197
でもそうゆうのってどこで聞けばいいのですか?
当方2chブラウザのスキンを少し作ってるんですけど
どうしても今後必要な技術だったんで聞いてみました。
別にホムーページとして公開するわけじゃないんで
まぁ大目に見てほしいとか思った次第ですが。

202 名前:Name_Not_Found :03/02/16 04:54 ID:???
>>201
2chブラウザのスキンで、左にバーが必要?どんな状態だよ?意味不明。

203 名前:Name_Not_Found :03/02/16 04:57 ID:???
>>201
>どうしても今後必要な技術だったんで聞いてみました。
どうして必要なのか論理的に述べてみよ。

>別にホムーページとして公開するわけじゃないんで
ホムーページとは初耳だ。新手のカルト宗教団体かなんかのページか。


204 名前:Name_Not_Found :03/02/16 04:57 ID:???
>>203
ホムーペジならわかるんだけどな。

205 名前:Name_Not_Found :03/02/16 05:01 ID:???
本当は左右にスクロールバーが欲しいんだけど
とりあえず片方ずつやってみようと思って

206 名前:Name_Not_Found :03/02/16 05:05 ID:???
>左右にスクロールバーが欲しいんだけど
そんなインタフェイス見た事ねぇぞ、ゴラァ!

207 名前:Name_Not_Found :03/02/16 05:06 ID:???
便乗質問いいですか?
アップダウンコントロールの代わりにスクロールバーを使いたいんだけど
スクロールバーだけを表示させるのって出来ますか?

208 名前:Name_Not_Found :03/02/16 05:07 ID:???
>>207
質問いいですか?
アップダウンコントロールってなんですか?

209 名前:207 :03/02/16 05:08 ID:???
>>208
http://www.bcap.co.jp/hanafusa/VBHLP/updown.htm
こういうのです

210 名前:Name_Not_Found :03/02/16 05:13 ID:???
以後194と207には反応禁止の方向で良いでしょうか?

211 名前:Name_Not_Found :03/02/16 05:15 ID:???
>>210
いいですよ。

212 名前:207 :03/02/16 05:17 ID:???
>>210
その前に質問いいですか?
スクロールバーだけを表示させるのは
・出来るけど推奨されない
・出来ない
どちらですか?

213 名前:Name_Not_Found :03/02/16 05:27 ID:???
>>212
一回だけ答えるね。
VBはVBスレで。

214 名前:207 :03/02/16 05:27 ID:???
すみません
このままではまっとうなみなさんにご迷惑おかけするので
推奨から離れた使用方法を追求する専用スレを立てます

215 名前:207 :03/02/16 05:28 ID:???
>>213
VBではありません。そのリンクはVBのページですが
それと同様の画面をHTMLで表現したいのです

216 名前:Name_Not_Found :03/02/16 05:34 ID:???
>>215
VBじゃないのに、アップダウンコントロール?
プルダウンメニューのことか?

217 名前:Name_Not_Found :03/02/16 05:36 ID:???
何か面白い奴がいるな。
このままヲチさせてもらうよ。

218 名前:207 :03/02/16 05:42 ID:???
>>216
プルダウンではないです。
VBでいうところのアップダウンコントロールと同等の機能を
Web上でスクロールバーを使って簡易的に実現しようと思っています。
また、スクロールバーを単体で表示させることができるなら
それを応用してボリュームバーも作りたいと考えています。
(スクロール量/係数=ボリュームとして使用を検討中)

219 名前:Name_Not_Found :03/02/16 07:03 ID:???
とりあえず次の質問どうぞ

220 名前:Name_Not_Found :03/02/16 09:10 ID:???
>>218
http://report.s22.xrea.com/
ここを参考にして、divのスクロールバーの幅を変えればできると思う。

221 名前:Name_Not_Found :03/02/16 11:19 ID:???
>>218
一般にはスピンボタンと呼ぶ模様

222 名前:Name_Not_Found :03/02/16 13:00 ID:???
おい、VB使ってるならPG=技術者な訳だろ、
とりあえず自分で考えろや(゚Д゚)ゴルァ!

223 名前:Name_Not_Found :03/02/16 13:28 ID:???
( ゚д゚)ポカーン

224 名前:Name_Not_Found :03/02/16 13:29 ID:???
( ゚д゚)ポカーン

225 名前:Name_Not_Found :03/02/16 13:30 ID:???
( ゚д゚)ポカーン

226 名前:Name_Not_Found :03/02/16 13:45 ID:???
(´-`).。oO(便乗ポカーンはわかってない香具師も混ざってそう。

227 名前:Name_Not_Found :03/02/16 13:57 ID:???
( ゚д゚)ポカーン

228 名前:Name_Not_Found :03/02/16 14:07 ID:???
>>222
VBプログラマなんざ糞ばかり( ´,_ゝ`)

229 名前:Name_Not_Found :03/02/16 14:24 ID:???
>>223-225 >>227
全部微妙に違うな

230 名前:222 :03/02/16 17:38 ID:???
>>228
正直、「VBプログラマは糞だから教えてもどうせ理解しねーよ」とどっち書こうか迷った。

231 名前:Name_Not_Found :03/02/16 17:53 ID:???
次の質問どぞー

232 名前:Name_Not_Found :03/02/16 17:59 ID:???
皆さんにとってCSSとはどういう存在ですか

233 名前:Name_Not_Found :03/02/16 18:08 ID:???
>>232
んー、やっぱスタイルシートって感じかな。

234 名前:Name_Not_Found :03/02/16 18:30 ID:???
>>232
心の支えです。

235 名前:Name_Not_Found :03/02/16 18:35 ID:???
>>232
一緒にいると煩わしいけど、
いなきゃいないで淋しいかな

236 名前:Name_Not_Found :03/02/16 18:47 ID:???
>>232
カレーには必ず入れるよ

237 名前:Name_Not_Found :03/02/16 19:20 ID:???
imgを中央寄せにしたいのですが
img {text-align:center;}ってやってもよってくれないのですが、
どうしたらいいでしょう?

現在は、<p class="center"><img〜></p>ってやって
.center {text-align:center;}とごまかしてるのですが・・・

238 名前:Name_Not_Found :03/02/16 19:22 ID:???
>>237
img {
display: block;
margin-left: auto;
margin-right: auto;
}

つーかbody直下にimg置けたっけ?

239 名前:Name_Not_Found :03/02/16 19:41 ID:???
>>232
パワポ使ってるときに,CSSとJavascriptでレイアウトとかしてプレゼン出来るソフトが( ゚д゚)ホスィ…と思った,って感じ.

240 名前:Name_Not_Found :03/02/16 20:22 ID:???
>237
ごまかすも何もそれで正しいと思いますが

241 名前:237 :03/02/16 20:35 ID:???
>238
即レスどもです。
display要素を使うのですね。ありがとうございます。
使ったことない要素なので、色々やってみます!

>240
毎回、クラスを指定するのが鬱陶しくて・・・

242 名前:Name_Not_Found :03/02/16 21:09 ID:???
>>237
クラス名「center」はいただけない。
(それじゃ<center>を使うのと何も変わらない)

あと、body直下にimgを置くのはよろしくないです

<p class="image"><img ... /></p>
でファイナルアンサーじゃないかな…

243 名前:Name_Not_Found :03/02/16 21:11 ID:???
>>239
Mozilla(Netscape 7)やOperaならそういう使い方ができると思われ。
そもそもOperaの全画面モードは media="projection" なスタイルシートしか読まないのでそういう用途を想定していると考えられる。

244 名前:Name_Not_Found :03/02/16 21:14 ID:???
ID名やclass名には
大文字小文字使えるんですよね?

245 名前:237 :03/02/16 21:15 ID:???
>242
なるたけわかりやすいクラス名がいいかなとおもって安直に
つけてしまいましたが、クラス名につかっちゃいけない文字とかは
ないですよね?今度気をつけます。(imgはちゃんとpで囲ってます)

すいません、もう一つ聞いてもイイですか?
h1に枠線をつけたいんですが、可能でしょうか?
h1 {border-width:0 0 1 10; border-color:red;}
ってやって付箋紙みたいにしたいのですが。。。

246 名前:Name_Not_Found :03/02/16 21:17 ID:???
>>245
まずやってみるベシ.ベシ!

247 名前:237 :03/02/16 21:20 ID:???
>246
うぅ。できんかったとですたい

248 名前:Name_Not_Found :03/02/16 21:21 ID:???
>245
0以外の数値には単位をつけてくださいませ

249 名前:207 :03/02/16 21:24 ID:???
>>220
ありがとう!

250 名前:Name_Not_Found :03/02/16 21:25 ID:???
solid も入れて

251 名前:Name_Not_Found :03/02/16 21:25 ID:???
>>244
何が聞きたいのかわからん…。
大文字も小文字も使えなかったら何使うんだって話。

とりあえず、大文字小文字を混ぜていいのか?
という意味ならYes。

大文字、小文字の区別があるの?を聞きたいのなら
標準モードなら区別する。互換モードはしない。

質問の意味が違ってたら、わかりやすい日本語でお願いします。

252 名前:237 :03/02/16 21:29 ID:???
>246
あぁ、すいません!!

>250
できました。 border-style:solid忘れてました。ありがとうございます




253 名前:Name_Not_Found :03/02/16 21:31 ID:???
>>251
私の聞きたいことは全て答えて下さいました
ありがとうございました!

254 名前:Name_Not_Found :03/02/16 22:43 ID:???
日記などでインデントを使う場合 blockquote は引用だからやめた方が良いようなんですが、
その場合は何を使うのが一番適切なんでしょうか。

255 名前:Name_Not_Found :03/02/16 22:43 ID:???
>>242
<center>使うのとは全然違うだろ。

256 名前:Name_Not_Found :03/02/16 22:47 ID:???
>>254
<p class="diary"></p>の
p.diary {padding-left:2em;}
日記の文の中で段落分けあって<p>をそこで使うなら当然
<div class="diary">ね。

257 名前:Name_Not_Found :03/02/16 22:49 ID:???
>>254
インデントってtext-indentの方ではなく?
知らなかったら検索すれ

258 名前:Name_Not_Found :03/02/16 23:16 ID:???
>>254
全体の余白を取りたいならmarginもしくはpadding
文章の頭だけの余白ならtext-indent

259 名前:Name_Not_Found :03/02/17 00:09 ID:???
>>256-258
Thx
<p>でpaddingを使うのがいいのね。

260 名前:Name_Not_Found :03/02/17 00:14 ID:???
>>1-259
氏ね。ウェブから消えろ。
リアルワールドからも消えろ。



261 名前:Name_Not_Found :03/02/17 00:19 ID:???
もう春房の季節ですか?

262 名前:Name_Not_Found :03/02/17 00:27 ID:???
もう春房の季節ですか?

263 名前:Name_Not_Found :03/02/17 00:28 ID:???
何でも房つけちゃって。(ぷ

264 名前:Name_Not_Found :03/02/17 00:49 ID:???
ポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョムポチョム

265 名前:Name_Not_Found :03/02/17 02:27 ID:???
>>263
房じゃなくて厨だもんね。
春夏秋冬厨ならだいぶ前からあるし。

266 名前:Name_Not_Found :03/02/17 02:30 ID:???
そういうことじゃなく

267 名前:Name_Not_Found :03/02/17 02:36 ID:???
季節厨

268 名前:Name_Not_Found :03/02/17 02:59 ID:???
http://tmp.2ch.net/test/read.cgi/cat/1045418127/

269 名前:Name_Not_Found :03/02/17 03:05 ID:???
ぎるもねどす、へぶらけめ。
ぴぶりねりこ!>>268

270 名前:Name_Not_Found :03/02/17 03:24 ID:AEK2wnSL
おながいします

<STYLE TYPE="text/css">
<!--
BODY {
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #000000;
}
-->
</STYLE>

これを<head></head>のところに貼り付ければ
スクロールバーを平面的に出来る、と聞いて
あるサイトから↑のソースを貼り付けみたのですが
なんどやっても平面的になりません。
どなたか教えて頂けないでしょうか、既出だったらすいません
ちなみにIE6です

271 名前:Name_Not_Found :03/02/17 03:36 ID:???
>>270
バカチン、>1を読んで出直しな

272 名前:Name_Not_Found :03/02/17 03:36 ID:???
BODY を html に変えて試してみて

273 名前:270 :03/02/17 03:54 ID:???
>271 出直してきます(´・ω・`)。気に障ってたらすいません
>772 平面的なスクロールバーになりました。ありがとうございました

274 名前:Name_Not_Found :03/02/17 10:37 ID:???
リストに画像を使いたいのですが
{style-type-image:url('CSSファイルから見た画像パス');}
この指定をdlやdtにやっても一向に画像が表示されません。
ulでやったらできました。
dlの場合にはなんか他に各必要があるのでしょうか?

それともう一つ、リストに任意の言葉や画像の連続使用は可能でしょうか?
例えば、リストの先頭に「リスト」って言葉をつけたり
画像1画像2画像3と並べたいのですが。。。


275 名前:Name_Not_Found :03/02/17 11:20 ID:???
>>274
list-style-***はdisplay:list-itemが指定された要素にだけ反映される。
dtにも表示させたいのならdt { display: list-item }を書き加えれ。

あとlist-style-***は継承されるので記述の簡略化のためにulやdlなどの
コンテナに指定される「ことが多い」が、それをして「ulやdlなどのコンテナにのみ
指定するためのもの」と勘違いして憶えるのは良くない。


276 名前:Name_Not_Found :03/02/17 11:23 ID:???
追記。
リストのマーカーに何が使えるのかは、仕様書(邦訳でよい)のプロパティ索引からlist-style-***プロパティの説明に飛べばわかる。
文字を表示させたい場合はcontentプロパティの説明を見れ。
仕様に書いてある事はこのように自力で調べるくせを付けると良い。


277 名前:Name_Not_Found :03/02/17 12:32 ID:???
img border="0"と同じ役割をするCSSはなんですか?
ついでに
<noscript>の中にimgをいれるとりんとに怒られるのですが回避方法は?

278 名前:Name_Not_Found :03/02/17 12:55 ID:???
>>277
img { border:none; }

<noscript><p><img src"***" width="***" height="***" alt="***"></a></p></noscript>

279 名前:278 :03/02/17 12:56 ID:???
間違えた。</a>は無視してくれ。

280 名前:Name_Not_Found :03/02/17 12:57 ID:???
>>277
img { border-style: none; }

srictDTDでは<noscript>直下に<img>は置けないので
<noscript><p><img></p></noscript>
とか。
こっちの質問はスレ違いですよ。

281 名前:278 :03/02/17 12:57 ID:???
× src"***"
〇 src="***"

逝ってきます

282 名前:280 :03/02/17 12:59 ID:???
かぶったスマソ。
しかもsrictDTDって。正しくはstrictDTD。


283 名前:274 :03/02/17 12:59 ID:???
>275-276
ども。読みにいってきます!

284 名前:Name_Not_Found :03/02/17 13:00 ID:???
同一時間帯におっちょこちょいが二人いる奇跡。

285 名前:278 :03/02/17 13:01 ID:???
マジごめん

286 名前:Name_Not_Found :03/02/17 13:10 ID:???
ケコーンしる
微笑ましい夫婦になれそうだ

287 名前:274 :03/02/17 15:31 ID:???
>275-276
こことか http://www.w3.org/TR/REC-CSS1#list-style
こことか http://members.tripod.co.jp/yamashita_t/REC-CSS1J.htm#list-item-elements
読んでみたのですけど、liに画像・画像2・画像3などと
画像を続けて表示とかが書いてませんでした。

ご存じの方いたら教え頂けませんでしょうか?

288 名前:Name_Not_Found :03/02/17 15:35 ID:???
>>287
仕様書にはできることしか書かれてないの。
書いてないことは「できないこと」なの。
「仕様」の意味わかってる?(´Д`;)

仕様に書かれてないことをしようと思ったら、仕様に書かれてることや他の技術を組み合わせてやるしかないでしょう。
画像を連結しておくとかbackground-imageを使うとかいくらでも手はある。
url(img.cgi)とか指定して画像を動的に生成する手もある。


289 名前:Name_Not_Found :03/02/17 15:50 ID:???
contentで代用すれば?

290 名前:Name_Not_Found :03/02/17 23:20 ID:TM8mkwNQ
ポジションで段組を行なっているのですが、
深い階層にあるリンクにbackground-colorが適用されません。
hoverとactiveに設定しているのですが…。

浅い階層にあるリンクには適用されます。
なにか解決策はありませんでしょうか?

291 名前:Name_Not_Found :03/02/17 23:24 ID:???
>>290
実際にどういう構造でどういうスタイルシートを用いているのか提示してください。

292 名前:Name_Not_Found :03/02/17 23:25 ID:???
WinXP+IE6に激しく依存した話で申し訳ないんだけど、

IEの独自拡張のスクロールバーの色を変更されると
(たとえ一部分でも)XPのスクロールバーが
それ以前のスクロールバー風 < A > になってしまうのが気に食わないので
ユーザースタイルシートに!important指定をしてみましたが、
前述のように、どれかひとつでも変更されると
< A > になってしまうので、うまくいかないようです。

何とか、スクロールバーを弄られないようにする方法は無いのですか?
レジストリ弄るとか、リソースハッカーとかそういうワザしか使えないのかな。

#長くなってスマソ

293 名前:Name_Not_Found :03/02/17 23:28 ID:TM8mkwNQ
>>291
<div class="outline">
<div class="inline">

<h2 id="top">■ ほにゃらら</h2>
<p>ほにゃらら</p>
<hr />
<h2 class="sec1">■ ほにゃらら</h2>
<ul>
<li><a href="ほにゃらら">ほにゃらら</a></li>←これが適用されないリンク
<li>ほにゃらら</li>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
</ul>
<hr />
<h2 class="sec1">■ ほにゃらら</h2>
<p>ほにゃらら</p>
<div class="lefts">
<noedit><script language="JavaScript" src="http://www.ほにゃらら"></script></noedit>
</div>
</div>
</div>

こんな感じです。

294 名前:Name_Not_Found :03/02/17 23:29 ID:vK+36gKq
>>293
cssも書けよ

295 名前:Name_Not_Found :03/02/17 23:35 ID:TM8mkwNQ
.outline { position:relative; width:99%; background-color: #F0FFF0; border-color:
#669966; border-width: 2px; border-style: solid; margin-top:3em; }
.inline { position:relative; width:99%; background-color: #99cc99; border-color: #669966;
border-width: 2px; border-style: solid; margin:1em 0.5em 1em 1em; }
h2 { margin: 0;border: solid; border-color: #669966; width: 50%;
padding: 0.2em 0em 0.1em 0em; font-size: 100%; background-color: #F0FFF0; }
#top { position:relative; top:-0.15em; left:-0.15em; border-width: 0px 2px 2px 0px;}
.sec1 { position:relative; left:-0.15em; border-width: 2px 2px 2px 0px; }
p { text-indent: 1em; padding: 0em 2em 0em 2em; }
.lefts { position:relative; top:-0.5em; left:0.5em; }
a:link { color:#00509f; }
a:visited{ color:#dfd; }
a:hover { background-color:#696;color:#dfd; }
a:active { color: #FF8000; text-decoration: underline;
background-color: #FFFFF0; }

こんな感じです。

296 名前:Name_Not_Found :03/02/17 23:39 ID:???
アプロダ使えや

297 名前:Name_Not_Found :03/02/17 23:39 ID:???
>>290>>293>>295
ちゃんと適用されてるように思えますが?
WinXP IE6 Netscape7

298 名前:Name_Not_Found :03/02/17 23:47 ID:TM8mkwNQ
IE5.01で動作確認しているのですが、UAの方の問題でしょうか…。

299 名前:Name_Not_Found :03/02/17 23:56 ID:???
128 名前:Name_Not_Found 投稿日:03/02/02 17:27 ???
おまいら参考にしる
http://www.annie.ne.jp/~sheepers/komain.html
http://3110.sunnyday.jp/
http://cheser25.hp.infoseek.co.jp/
http://phoenity.com/
http://www.users.yun.co.jp/~souichi/
http://d-o-b.ciao.jp/^o^/
http://www.windfarm.co.jp/
http://www.deadbydesign.com/
http://www006.upp.so-net.ne.jp/Initialz/index.html
http://raku-gaki.com/
http://akiko.kuhndesign.com/
http://apc.dip.jp/takaya/index.htm
http://www1.odn.ne.jp/~cce60200/
http://www2.ocn.ne.jp/~u.kenji/

300 名前:Name_Not_Found :03/02/18 00:10 ID:???
>>298
そう。俺も同じことあった。

301 名前:Name_Not_Found :03/02/18 00:38 ID:???
>>295
原因はよく分からないけど、
li a:hover { background-color:#696;color:#dfd; }
li a:active { color: #FF8000; text-decoration: underline; background-color: #FFFFF0; }
って付け加えておくとか。

302 名前:Name_Not_Found :03/02/18 05:02 ID:69LTcOYo
CSS level2の仕様書訳の子孫セレクタと子供セレクタの違いについて教えてください。

子供セレクタのとこの説明で
DIV OL>LI Pは DIV OL LI P
と違うのですか?

DIV OL>LI Pは
このセレクタはLIの子孫であるP要素にマッチするが、そのLI要素はOL要素の子供でなければならず、
更にそのOL要素はDIVの子孫でなければならない。閉じ不等号結合子の両側にある空白類文字は
無視されるということに注意する。

DIV OL LI Pも同じような気がするんですけど・・・。よろしく、お願いします。

303 名前:Name_Not_Found :03/02/18 05:05 ID:???
>>302
こっちの探す手間が省けるからそのURIも示しましょう。

304 名前:Name_Not_Found :03/02/18 05:08 ID:???
>>302

DIV OL LI P だと

<div>
 <ol>
  <li><p>ここにマッチ</p>
   <ol>
    <li><p>ここにもマッチ</p>
   </ol>
  </li>
 </ol>
</div>

DIV OL>LI P だと

<div>
 <ol>
  <li><p>ここにマッチ</p>
   <ol>
    <li><p>ここにはマッチしない</p>
   </ol>
  </li>
 </ol>
</div>


305 名前:Name_Not_Found :03/02/18 05:09 ID:???
ごめん早とちりした。
この例だとどっちでもマッチするね。
仕様書のしょうもないミスのひとつということでしょう。

306 名前:Name_Not_Found :03/02/18 05:19 ID:UhPa2ECI
>>303
すいません、PCが固まっちゃって、再起動してました。
ここです。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/selector.html#child-selectors

307 名前:Name_Not_Found :03/02/18 05:22 ID:???
段組するのに、フロート以外でやるとしたら何を使いますか?

308 名前:Name_Not_Found :03/02/18 05:23 ID:???
HTMLの場合、olとulの子供はliしかあり得ないので、
ol>liとol liは等しいです。
子セレクタの例としては不適当。


309 名前:Name_Not_Found :03/02/18 05:26 ID:???
まあ,ol直下はliしかダメだしね

310 名前:Name_Not_Found :03/02/18 05:27 ID:???
同じ所の原典。typoも多いぞ(w
http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors

311 名前:302 :03/02/18 05:28 ID:???
例では、
BODY>Pはbody要素内のp要素にスタイル適用
でも、
BODY Pでもbody要素内のp要素にスタイル適用されますよね?

じゃあ、
BODY>P STRONG だと、bodyの子供セレクタのp要素内のstrongにスタイル適用される。
でも、
BODY P STRONG でも、bodyの子孫セレクタのp要素内のstrongに適用される。

結果的に同じじゃないですか?子供セレクタの使用方法がいまいち理解できません。
初め、子孫セレクタと併用して条件分岐的な使用方法かと思いましたが、
結果的に子孫セレクタのみでできる方法しか思いつきません。

分かる方、よろしくお願いします。


312 名前:Name_Not_Found :03/02/18 05:30 ID:???
>>311
body>pは
<body>
 <div>
  <p>text</p>
 </div>
</body>
のpにはマッチしない.

313 名前:302 :03/02/18 05:36 ID:???
>>312
あっ・・・!? なるほど!!

と思って、確認しましたが現状で対応しているブラウザってないんですね・・・。
Netscape7.01とOpera7.02でも動作してません。。。

ってことは、例題が悪いということか。あきらめます。

返答くださった方、ありがとうございました。

314 名前:Name_Not_Found :03/02/18 05:41 ID:???
>>307さんの質問が流れてしまったので、誰か答えてやってください。スンマソン

315 名前:302 :03/02/18 05:52 ID:???
>>312
嘘書いちゃいました。Netscape7.01、Opera6.05、Opera7.02では動作するようです。
使い方は、いまいちわかりませんが。。。

スレ汚し、スマソ

316 名前:Name_Not_Found :03/02/18 06:34 ID:???
>>307
position

317 名前:Name_Not_Found :03/02/18 06:37 ID:???
>>311

じゃあ、
>BODY>P STRONG だと、bodyの子供セレクタのp要素内のstrongにスタイル適用される。
>でも、
>BODY P STRONG でも、bodyの子孫セレクタのp要素内のstrongに適用される。

この例ならすぐに差が分かるな。

<body>
 <p><strong>〜</strong></p>
 <div class="menu">
  <p><strong>〜</strong></p>
 </div>
</body>

BODY>P STRONGだと、最初の方の<strong></strong>にだけ適用される。


318 名前:307 :03/02/18 07:52 ID:???
>>314
親切な方ですね。

>>316
ありがとうございあmした。

319 名前:Name_Not_Found :03/02/18 07:53 ID:???
>>308
>ol>liとol liは等しいです。
>子セレクタの例としては不適当。

嘘をつくな馬鹿が。

ul li { list-style-image: url(foo.png) } なんて指定してみろ、
ulの子孫の序列リストまでマーカー画像が適用されるだろうが。

ul li ol li { list-style-type: decimal } と指定してみろ、
今度は ul li ol li ul li に番号が振られてしまうだろうが。

従って、
ul > li { list-style-type: url(foo.png) }
ol > li { list-style-type: decimal }
と指定する必要性が出て来るだろうが。


320 名前:319 :03/02/18 07:56 ID:???
ul > li { list-style-type: url(foo.png) } は、
ul > li { list-style-image: url(foo.png) } に訂正。

321 名前:Name_Not_Found :03/02/18 12:13 ID:???
正しいことを教えてくださるのはとても嬉しいのですが
馬鹿呼ばわりは(たとえ真に馬鹿だとしても)やめていただきたく存じます
>1にも「マターリ進行推奨」とあることですし

322 名前:Name_Not_Found :03/02/18 12:20 ID:???
>>321
無理に答えなければ解決。

323 名前:Name_Not_Found :03/02/18 12:46 ID:???
>>321
たしかに、ちょっと勘違いしただけで人を馬鹿呼ばわりする方も悪いと
思うけど、それでいちいち反論してるとスレの無駄遣いになるので、
心の中で小学生チックに、
「ばかっていったら、じぶんがばーか!」
と罵ることをおすすめします。

324 名前:Name_Not_Found :03/02/18 12:58 ID:???
(´-`).。oO(馬鹿と言われる方が「馬鹿と言われる要素がある」ので馬鹿

325 名前:Name_Not_Found :03/02/18 13:38 ID:???
つまり馬鹿は馬鹿

326 名前:Name_Not_Found :03/02/18 14:52 ID:???
(・3・) エェー この板の住人はみんなBAKAなんだYO!

327 名前:Name_Not_Found :03/02/18 15:39 ID:???
今のところ、自分のサイトでは、デザインが共通のページの場合は外部CSSに、
共通部分が少ない場合はページ内のhead部にいれてるんですが、
後者のような場合、外部CSSにした方がいいとかいくないとかどっちでもいいとかってありますか?

328 名前:Name_Not_Found :03/02/18 15:43 ID:???
>>327
それでいいと思う。

329 名前:327 :03/02/18 15:49 ID:???
>>328
そのまんまでいいってことですね。ありがとう。

330 名前:Name_Not_Found :03/02/18 16:03 ID:???
>>327
W3Cは内部スタイルシートはイクナイとしてるぽ。
XHTMLからは<!-- -->内を完全無視することが許されるようになるから、
内部スタイルシートが無視されるか、無視されない代わりに非対応のUAで丸見えになるかを選択する事になる。
将来の話だけどね。参考までに。

331 名前:Name_Not_Found :03/02/18 16:05 ID:???
>>330
> W3Cは内部スタイルシートはイクナイとしてるぽ。
 マジですか。それを示してるところを教えてくれない?

332 名前:Name_Not_Found :03/02/18 16:06 ID:???
>>331
あと10分ぐらい探してから聞こう

333 名前:Name_Not_Found :03/02/18 16:13 ID:???
>>332
じゃあいいや。英語読めないし。

334 名前:Name_Not_Found :03/02/18 16:14 ID:???
オケー次↓

335 名前:Name_Not_Found :03/02/18 16:33 ID:???
ここは爽やかなインターネットですね。

336 名前:Name_Not_Found :03/02/18 16:50 ID:???
邦訳読めよ馬鹿と突っ込む気にもならん馬鹿だ

337 名前:Name_Not_Found :03/02/18 16:57 ID:???
>>327
共通部のスタイルを変更する場合、それに合わせて非共通部分のスタイルを
変更するのに手間がかかる、というのもあるけど、要は本人の問題だから、
自分が納得してるなら構わないと思う。

あとは、なんらかの不具合で外部CSSを読み損なった場合、内部CSSだけ解釈
されると読みづらくなる可能性がある、ぐらいかな。

338 名前:Name_Not_Found :03/02/18 17:16 ID:???
>>336
どれか示すのがそんなに苦痛なの?
それくらいの手間惜しまないでよね。減るもんじゃないし。

339 名前:Name_Not_Found :03/02/18 17:20 ID:???
>>338
ちょっと検索するのがそんなに苦痛なの?
それくらいの手間惜しまないでよね。減るもんじゃないし。

340 名前:Name_Not_Found :03/02/18 17:25 ID:???
いいからバカと罵られたくなかったらこんなとこで質問しなければいいし、
バカと罵る奴もえらそうに質問者見下したりすんなよってことでどうですか?
ここは2ちゃんですよ?

・・・でここなんのスレだったっけ?

341 名前:Name_Not_Found :03/02/18 17:31 ID:???
>>339
苦痛、そして面倒。さらに睡眠時間が減る。

342 名前:Name_Not_Modified :03/02/18 18:04 ID:Zc7tySBB
ここは、

/* CSS・スタイルシート質問スレッド【15】 */
http://pc2.2ch.net/test/read.cgi/hp/1045124732/

でぇす(^-^)

343 名前:Name_Not_Found :03/02/18 19:12 ID:xx78DGE5
リストを入れ子にした状態で
リスト1の先頭には画像1を、リスト2の先頭には画像2を表示させるには

<body class="list">
<dl>
<dt>リスト1</dt>
<dd>
 <dl>
 <dt>リスト2</dt>
 <dd>ここが孫?子?</dd>
 </dl>
</dd>
</dl>
</body>

スタイルシートで
.list dt {display:list-item; list-style-image:url('./gazou1.gif');}
.list dd dt {display:list-item; list-style-image:url('./gazou2.gif');}
じゃだめでした。なんかいい手ないでしょうか?

344 名前:Name_Not_Found :03/02/18 19:17 ID:/j06/Kl/
テーブルで、上と左の線だけ表示させたいのですが・・・

Γ  ←こんな感じで

border-width を使っても、線の太さしか変わらず、
どうしても四辺とも表示されてしまいます。
教えてください。

345 名前:Name_Not_Found :03/02/18 19:19 ID:???

border-width: 1px 0px 0px 1px;

346 名前:Name_Not_Found :03/02/18 19:26 ID:???
>>345
0は単位省略可

347 名前:344 :03/02/18 19:28 ID:/j06/Kl/
さっそくの返答ありがとうございます。
ですが、どうしても四辺に線が出てしまいます。
上と右だけが太い状態です。
う〜ん・・・

348 名前:Name_Not_Found :03/02/18 19:29 ID:???
>>347
おまいの書いたソースを晒さないとダメだよ

349 名前:Name_Not_Found :03/02/18 19:31 ID:???
>>343
適用されたけど?(Win2000+IE6、Opera7で確認)


350 名前:344 :03/02/18 19:34 ID:/j06/Kl/
<STYLE type="text/css">
TD {border-width:1px 0 0 1px;}
</STYLE>

<TABLE border="1" cellspacing="0">
<TR><TD>

以下略

351 名前:Name_Not_Found :03/02/18 19:36 ID:???
>>350
border-colorとborder-styleもしていしる

352 名前:Name_Not_Found :03/02/18 19:37 ID:???
>349
まじすか!

だめです。やってみても
リスト2に画像は表示されますが、リスト1に画像がでないのです(TT

353 名前:Name_Not_Found :03/02/18 19:40 ID:???
>>352
つーかなんで素直に ul li 使わないの?

354 名前:344 :03/02/18 19:44 ID:???
できました^^
>>352 どうもでした。

355 名前:343 :03/02/18 19:46 ID:???
>352=>343です。すいません

>353
実際は、名前とその説明なので、dlが適当かと思いまして。
たまたま、その中の入れ子も名前、説明なのでulよりdlかなと。

>354
いえ、私は何もやってません^^


356 名前:Name_Not_Found :03/02/18 20:03 ID:???
>>355
単にリストマーカーが表示される領域が隠れてる(って表現でいいのかな?)だけ
じゃないの?.list に padding-left とかなんか適当なもの指定してみては
.list { padding-left:30px; }


357 名前:343 :03/02/18 20:37 ID:???
>356
おぉぉ!!!
出てきました。そんなことあるんですね。
ひとつ賢くなりました。ありがとうございます!!

すいません、ついでにもう一ついいでしょうか?

テーブルの行と行の間の隙間を設定するやり方ってありますか?
paddingだと、中の文字と枠の間が広がるだけなので、
margin使って tr {margin-top:1em;}とかってやってみてもうまく
広がってくれなくて(TT

358 名前:319 :03/02/18 21:05 ID:???
>>357
>margin使って tr {margin-top:1em;}とかってやってみても

表内部要素には、マージン領域はありません。

>テーブルの行と行の間の隙間を設定するやり方ってありますか?

border-spacing を利用すればできそう。
Internet Explorer では不可。
Netscape 6以降, Opera 6以降では可。

table {
border-collapse: separate;
border-spacing: 0 1em;
}


359 名前:Name_Not_Found :03/02/18 21:24 ID:???
>>358
>'margin'
>Applies to: all elements

360 名前:343 :03/02/18 21:27 ID:???
>358
>表内部要素には、マージン領域はありません
ごめんなさい。勉強不足でした。

>border-spacing を利用すればできそう
できました!
ついでに↓にも書いてありました。検索不足でした。
http://www.htmq.com/style/border-spacing.shtml

361 名前:319 :03/02/18 21:43 ID:???
>>359
>17.5 Visual layout of table contents
>Like other elements of the document language, internal table elements generate rectangular boxes with content, padding, and borders. They do not have margins, however.


362 名前:Name_Not_Found :03/02/18 21:50 ID:???
質問するものもばかならば答える方もばかばっかりだなおい

363 名前:Name_Not_Found :03/02/18 21:52 ID:???
あのー釣りですか?

364 名前:Name_Not_Found :03/02/18 21:53 ID:???
>>362
うん、馬鹿だよ。なんか文句ある?

365 名前:Name_Not_Found :03/02/18 21:57 ID:???
>>362
ばかだと思うならてめーが回答しろよ

366 名前:Name_Not_Found :03/02/18 22:08 ID:???
>http://www.htmq.com/style/border-spacing.shtml

おお、こういう独自仕様まで、まとめて一覧できる資料が欲しかったんだ。
英語ならあるけど読めねーんだよな。

367 名前:319 :03/02/18 22:15 ID:???
>>366
そういう資料なら、こっちの方が良い。
ttp://is.vis.ne.jp/notes/index.xhtml

368 名前:Name_Not_Found :03/02/18 22:20 ID:???
http://www.htmq.com/style/border-spacing.shtml
>値を2つ指定した場合: 記述した順に[上下][左右]の間隔が指定された値になります。
どうでもいいけど間違ってるな。

369 名前:Name_Not_Found :03/02/18 23:26 ID:HiFXbF7L
質問です。
IEでユーザーCSSを使ってmarqueeを無効にしようと考え、
色々調べてMozilla系では-moz-binding: noneで無効にできるとこまではわかったのですが
IEでの方法はわからずじまいでした。
誰かご存知の方がいらっしゃったら教えてください。

370 名前:Name_Not_Found :03/02/18 23:34 ID:???
.textBorder{
border-style: dashed;
border-width: 2px;
border-color: #996666;
letter-spacing: 0.1em;
padding: 10px;
margin: 5% 15% 5% 15%;
}

と、設定しています。
MacIE5.1.6で表示すると、ところどころ枠から文字がはみ出てしまいます。
この状態を直すのには、どのようにしたら良いのでしょうか。
どなたかご回答お願いいたします。

371 名前:Name_Not_Found :03/02/18 23:56 ID:???
>>370
どうでもいいがpaddingには個人的に〜emを推奨

372 名前:Name_Not_Found :03/02/19 00:02 ID:???
>>368
えっ?2つ指定した場合は、上下・左右の値を指定することになるんじゃないの?

373 名前:Name_Not_Found :03/02/19 00:29 ID:???
>>372
[上下][左右]じゃなくて[左右][上下]

374 名前:Name_Not_Found :03/02/19 00:37 ID:???
[上下][左右]であってるよ。
これだからIDでないとこはいやだ。

375 名前:Name_Not_Found :03/02/19 00:38 ID:???
びっくりした

376 名前:Name_Not_Found :03/02/19 00:42 ID:???
>>373
値を1つだけ指定した場合、その値は上下左右の全ボーダーに適用される。
2つの値を指定した場合、1つ目の値が上下のボーダー、2つ目の値が左右のボーダーに適用される。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
3つの値を指定した場合、1つ目の値が上のボーダー、2つ目の値が左右のボーダー、3つ目の値が
下のボーダーに適用される。 4つの値を指定した場合、1つ目の値から順に上、右、下、左のボーダーに適用される。

377 名前:Name_Not_Found :03/02/19 00:49 ID:???
こと border-spacing に関しては[左右][上下]であってます
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/tables.html#propdef-border-spacing

td {border: solid 1px #00f;}
.spacing {border-spacing: 1em 5em;}

<table>
<tbody>
<tr>
<td>cell</td><td>cell</td>
</tr>
<tr>
<td>cell</td><td>cell</td>
</tr>
</tbody>
</table>

<table class="spacing">
<tbody>
<tr>
<td>cell</td><td>cell</td>
</tr>
<tr>
<td>cell</td><td>cell</td>
</tr>
</tbody>
</table>

378 名前:Name_Not_Found :03/02/19 00:53 ID:???
(続き)
NN7.01,Moz1.2.1(ともにWin)で見た場合,
2つ目のtableのセルは明らかに上下のほう
(border-spacingで後に指定したほう)が間隔が開いています.

どこかで仕様が変更になっていたり,その仕様変更にブラウザが
対応してないなら,その旨教えてください.よろしくお願いします.

379 名前:369 :03/02/19 01:56 ID:???
やはりユーザーCSSでマーキー無効にするのは無理なんでしょうか?
マーキー使ってるようなサイト見る私が悪いのでしょうか?

380 名前:368 :03/02/19 02:10 ID:???
>>374-376

本当に無知な香具師ばかりだな。
お前等、本当に仕様書読んだのか。

>'border-spacing'
>the first gives the horizontal spacing and the second the vertical spacing.

381 名前:375 :03/02/19 02:18 ID:???
border-spacing
すら知りませんでした。

382 名前:Name_Not_Found :03/02/19 02:32 ID:???
>379
display: none; でも visibility: hidden; でも消えるけど,
多分中のテキストは見たいとかそういう要求だよね?
Proxomitron使ってmarqueeをpに置き換えるとかくらいしかないんじゃないかなあ

383 名前:369 :03/02/19 02:47 ID:???
>>382
レスありがとうございます。
どうにも文字が動いたりすると目がチカチカしてしまうもので。
消してしまえば楽なのでしょうがmarqueeで更新情報マークアップしてる
サイトもあるのでそうもいかなくて。
ユーザーCSSではない方法を探ります。ありがとうございました。


384 名前:Name_Not_Found :03/02/19 02:56 ID:???
質問です。
外部(別サーバ)に置いているcssファイルを読み込んでいるのですが、
その場合 background-image の背景画像(image.gif)も
cssファイルと同じ別サーバに置いていますが、
background-image:url(image.gif)と記述しても表示されません。
cssファイルからの相対パスで指定しているのでokかと思ったのですが…

背景画像を表示させるには、やはりhtmlと同じサーバに
cssファイル+背景画像ファイルを置く以外に手立てはないのでしょうか?

385 名前:Name_Not_Found :03/02/19 03:08 ID:???
>>384
とりあえず使ってるブラウザの情報を。
ネスケ4だと背景画像の基準がCSSファイルでなくてHTMLファイルだったりする。

でも予想されるのはCSSファイルで外部サーバじゃないほうの相対パスで
画像呼び出してるからでないかな?
hoge.pngと相対パスで記述してるAサーバのCSSファイルをBサーバで呼び出すと
Bサーバのhoge.pngを呼び出すとか。

386 名前:Name_Not_Found :03/02/19 03:11 ID:???
>>370
letter-spacingをやめる。

387 名前:Name_Not_Found :03/02/19 03:12 ID:???
>>855
自己解決しました。
どうもキャッシュで古いcssファイルを読み込んでいたようで、うまくいきました。


388 名前:387 :03/02/19 03:13 ID:???
○385
×855

389 名前:Name_Not_Found :03/02/19 04:33 ID:???
%
で指定しても支障はない。EMなんかくそくらえだ。

390 名前:Name_Not_Found :03/02/19 05:43 ID:???
文字の左右に、ページ幅に合わせて伸縮するボーダーを入れたいのですが、どうすれば良いでしょうか。

―――――タイトル――――― ←こんな感じ

現在はテーブルで区切って

┌――┬――――┬――┐
│ hr │ タイトル │ hr │
└――┴――――┴――┘

こんな風にして対応しています。

391 名前:Name_Not_Found :03/02/19 06:43 ID:???
>>390
CSSでできないこともないけどあんまりお勧めはしない.まあ,tableよりはましかな.

<h1><span class="text">タイトル</span></h1>

h1{
background-image:url("..."); /* 幅数十pxのボーダー画像 */
background-repeat:repeat-x;
background-position:center;
text-align:center;
}
h1 span.text {
background-color:#fff; / *背景と同じ色 */
}

素直に,
<h1>タイトル</h1>
h1{
text-align:center;
border-bottom:solid 2px #f90;
}
でもいいと思うんだけどな.


392 名前:Name_Not_Found :03/02/19 07:26 ID:???
<head>
<title>こんなんとか。</title>
<style type="text/css">
body {
color: Black;
background: White;
}
div#documentHead {
color: inherit; background: #f90;
/* WinIE5.5以前対策 */
text-align: center;
}
h1 {
text-align: center;
color: inherit; background: White;
min-width: 4em; width: 20%;
margin: 0 auto;
}
</style>
</head>

<body>
<div id="documentHead">
<h1>タイトル</h1>
</div>
</body>

393 名前:392 :03/02/19 07:30 ID:???
一寸、違うか。

394 名前:390 :03/02/19 11:03 ID:???
考えてから書き込めよたこ

395 名前:Name_Not_Found :03/02/19 11:34 ID:???
また嵐か

396 名前:370 :03/02/19 11:46 ID:???
>>371さん
emに直しました。ありがとうございます。

>>386さん
お返事ありがとうございます。
letter-spacingをやめればちゃんと表示されるのは分かっているのですが
テキストの量が多いので、微妙に文字間隔が空いていた方が読みやすいんですよ。
letter-spacingアリでもちゃんと表示される方法はないですか?

すみません、引き続きどなたかご回答お願いいたします。

397 名前:Name_Not_Found :03/02/19 14:54 ID:???
insで文字色と下線の色を別個に指定したいんですが、
どないな指定すればよいですか。

そもそもできますか。

398 名前:Name_Not_Found :03/02/19 15:14 ID:???
>>397
下線を消して border-bottom で擬似的に再現するとか

399 名前:397 :03/02/19 15:19 ID:???
>>398
普通の指定じゃやっぱ無理ですか。
それでやってみます。
ありがとうです。

400 名前:Name_Not_Found :03/02/19 15:27 ID:???
<dl>
 <dt> xxxxxx
  <dd>
    ここに文字を書く
    <div class="oooo"> この部分だけ背景色を変えたい </div>
    ここに文字を書く
  </dd>
</dl>

のように<dd>の中で一部分だけ背景色を変えたいと思っているのですが、<div>を
入れるのは文法上良くないらしくOperaでは表示が崩れてしまいました。
<span>で囲むと行間に隙間ができるので<div>で囲みたいのですが、何か良い方法は
ありますでしょうか?

401 名前:Name_Not_Found :03/02/19 15:50 ID:???
<style>
<!--
dd.color {background-color:red }
-->
</style>


<dl>
<dt>xxxxxxx
<dd>ここに文字を書く
<dd class="color">この部分だけ背景色を変えたい
<dd>ここに文字を書く
</dl>

402 名前:Name_Not_Found :03/02/19 16:07 ID:???
><div>を入れるのは文法上良くないらしく

ガタガタブルブル((((゚Д゚;))))

403 名前:400 :03/02/19 16:07 ID:???
ありがとうございました!
<dt>と<dd>が1対nでもいいのは初めて知りましたです。。。

404 名前:Name_Not_Found :03/02/19 19:52 ID:???
<style>
<!--
dd.color {background-color:red }
-->
</style>


<dl>
   <dt>xxxxxxx</dt>
   <dd>ここに文字を書く</dd>
   <dd class="color">この部分だけ背景色を変えたい</dd>
   <dd>ここに文字を書く</dd>
</dl>

405 名前:Name_Not_Found :03/02/19 20:40 ID:???
>>403
CSSをはじめる前に一通りHTMLを勉強しとけってことですな。
W3CのCSSValidatorさんも
>CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。
>つまり、正当(valid)なHTML文書と共に、CSSスタイルシートを用いる必要があります。
と仰ってるわけですし。

406 名前:Name_Not_Found :03/02/19 21:52 ID:???
>>367
ダウンロード画面になって、ダウンロードした奴をIEにドロップ
したらテキストファイルだったんですが、何すかコレ?

407 名前:Name_Not_Found :03/02/19 22:01 ID:???
>>406
application/xhtml+xmlですがなにか?

408 名前:Name_Not_Found :03/02/19 22:26 ID:???
>>407
う、何すかソレ?良く知らないけどXHTMLすか?
IE5じゃ見れないって事すか?
でもXHTMLって古いブラウザでも問題ないってどこかで聞いた覚えが???

409 名前:Name_Not_Found :03/02/19 22:29 ID:???
>>408
IEはXHTMLをapplication/xhtml+xmlで受け取ると、自分で解釈できないと思いダウソをはじめる。
Strict-HTML スレッド10
http://pc2.2ch.net/test/read.cgi/hp/1045493217/6
参照。


410 名前:Name_Not_Found :03/02/19 22:43 ID:???
>>409
あ、そうなんすか。ありがとう。
怖いのでやめときます。

411 名前:Name_Not_Found :03/02/20 02:02 ID:???
怖いのは最初だけだから

412 名前:390 :03/02/20 04:20 ID:???
>>391さん
あまりお薦めされない方法のようなので、少し考えてみます。
でも参考になりました。ありがとうございます。
>>392さんも考えてくださってありがとうございます。

413 名前:Name_Not_Found :03/02/20 04:37 ID:mOLY465N
↓こんなテーブルでデータの整理をしているのですが、

┌─┬─┬─┬─┬──────────┐
│th│td│th│td│td(クラス設定あり)│
└─┴─┴─┴─┴──────────┘

thをそれぞれ同じ幅(固定)にして、
クラス設定をしたtdには幅(固定)を設定した場合、
td2つをそれぞれ同じ幅(可変)にすることはできますでしょうか。

thおよびtd(クラス設定あり)には画像が入るため
固定幅にしなければならないという都合があるのです。
『固定幅になんかするなボケ』というツッコミは無しの方向でお願いします。

414 名前:Name_Not_Found :03/02/20 05:08 ID:8qV5aVQJ
  ∋8ノノハ.∩
   川o・-・)ノ <先生!こんなのがありました!
__/ /    /   
\(_ノ ̄ ̄ ̄\
||ヽ|| ̄ ̄ ̄ ̄||
 ...|| ̄ ̄ ̄ ̄||
http://saitama.gasuki.com/kaorin/

415 名前:Name_Not_Found :03/02/20 06:50 ID:???
>>413

固定幅を可変させたい?ってどういうことですか?

416 名前:Name_Not_Found :03/02/20 07:03 ID:???
┌─┬─┬─┬─┬──────────┐
│th│td.│th.│td│td(クラス設定あり)   │
└─┴─┴─┴─┴──────────┘
 固  変  固  変  固

こういうことですか

417 名前:Name_Not_Found :03/02/20 07:11 ID:???
>>413

ソースさらした方がわかりやすいよ。
こんな感じ?

<table>
<tbody>
<tr>
<th><img width="**"></th>
<td>文章</td>
<th><img width="**"></th>
<td>文章</td>
<td class="hoge"><img width="**"></td>
</tr>
</tbody>
</table>

で、画像の入ってるセルだけ画像と同じ幅に固定し、文章の入ってるセルは可変(ただし、両者は同じ幅)にしたい、ということ?
だとしたら、JavaScriptとか使わないと、CSSだけじゃ無理じゃないかな。

418 名前:Name_Not_Found :03/02/20 07:14 ID:???
>>413
tdだけパーセンテージ、じゃダメなの?

419 名前:↓これでいいと思われ。 :03/02/20 07:16 ID:???
<table>
<tr>
<th><img src="hoge1.jpg"></th>
<td width="50%">文章</td>
<th><img src="hoge2.jpg"></th>
<td width="50%">文章</td>
<td class="hoge"><img src="hoge3.jpg"></td>
</tr>
</table>

420 名前:Name_Not_Found :03/02/20 07:17 ID:???
>>418
画像の幅とウィンドウの幅の比によっては、table全体の幅が100%を超えて、
横スクロールバーが出てしまうのを避けたいのでは。

421 名前:420 :03/02/20 07:21 ID:???
まあ、画像を使ってる時点で、ウィンドウの大きさによっては横スクロール
バーが出るのは避けられないことだけどさ。

422 名前:Name_Not_Found :03/02/20 07:24 ID:???
>>413
『幅固定よくない』という以前に、肝心のHTMLの方が適切でないのではないかと疑っている。
レイアウト目的ではなく、「データを整理」するのが目的でtableを使うのならば、
おそらくもう少し簡潔な表にまとめられるんじゃないか。
HTMLのソースを見直すことをおすすめする。

423 名前:413 :03/02/20 15:35 ID:mOLY465N
こちらの説明不足で余計な混乱を招いてしまいました。
実際のテーブルは以下のようになります。商品説明のページです。

┌────────────────────────┐
│td colspan=5 class=name(商品名) │
├─┬──────┬─┬──────┬──────┤
│th│td(データ1)│th│td(データ2)│td rowspan=3│
├─┼──────┼─┼──────┤ class=image│
│th│td(データ3)│th│td(データ4)│(商品画像) │
├─┼──────┼─┼──────┤ │
│th│td(データ5)│th│td(データ6)│ │
├─┴──────┴─┴──────┴──────┤
│td colspan=5 class=info(商品の詳細説明) │
└────────────────────────┘

thは各データの見出しなのですが、クライアントの要望で画像使用。
ということでthおよびtd class=imageについては幅固定なのですが、
テーブルの幅は%による可変なので、
td(データ1)とtd(データ2)の幅が内容の長さによって
まちまちになってしまうのをどうしようかと思いました。

現在の記述は以下のような感じです。

table{ width:90%; }
th{ width:50px; }
td.image{ width:150px; }
td.name,td.info{ width:100% }

困っているのはクラス無しのtdに設定するwidthです。
<td width="50%">で解決することはできるのですが、
なるべくHTMLでのwidth属性は使用したくないので・・・。
よろしくお願いします。

424 名前: :03/02/20 15:40 ID:WXA8JLcq
表を使っている時に、

|  A| cc |bb |
| BB|dddd|FFF|

という感じで右・中央・左そろえを使いたいのですが、
tdではクラスわけせずに、colgroupかcolを使いたいです。

どのようにすればよろしいでしょうか。

ちなみにIE6では col {text-align:right;}で出来るのですが、
Opera7やMozilla1.3aでダメということは、CSS的には間違いってことですよね。

識者の方々お教え下さい。

425 名前:Name_Not_Found :03/02/20 16:34 ID:???
>>424
>col {text-align:right;}

col td {text-align:right;}ではどうだろう
でも、td要素はブロックレヴェルじゃないので仕様違反かな

426 名前:Name_Not_Found :03/02/20 16:38 ID:???
>>424

CSS2仕様 17.3. Column Selector
http://www.w3.org/TR/REC-CSS2/tables.html#q4

<col> と <colgroup> に適用されるプロパティとして、
border, backgroud, width, visibility の4つが挙げられている。
つまり、text-align は反映されなくてもよいので、OperaやMozillaの挙動は正しい。

で、HTML4では、<col> と <colgroup> に align属性が定義されているので
それを使いなさいってことになるが、多分、Mozilla(Netscape)で反映されないと思われ。

427 名前:Name_Not_Found :03/02/20 16:49 ID:???
>>425

>>426の引用元と同じ箇所に

Table cells may belong to two contexts: rows and columns.
However, in the source document cells are descendants of rows, never of columns.
Nevertheless, some aspects of cells can be influenced by setting properties on columns.

とあって、td は tr など行の子孫であるが、col など列の子孫ではないと言っている。
だから、col td { ... } という指定の仕方が成り立つかどうかよくわからん。

ちなみに、td はブロックレベル要素なので、td { text-align: right } の指定自体は問題ない。

428 名前:Name_Not_Found :03/02/20 17:02 ID:???
だから半端な知識で答えるなと何度(r

いや、このまま名物化してもいいな

429 名前:Name_Not_Found :03/02/20 17:05 ID:0Lqt/3Jc
>>428
答えられない奴は黙れ。
これ以上のくだらないレスは必要ない。

430 名前:Name_Not_Found :03/02/20 17:17 ID:???
>>429
いつも完璧な回答をされてる方ですね。ありがとうございます

質問したことないけど

431 名前:422 :03/02/20 17:30 ID:???
>>423
思いっきり「レイアウト目的」でtable使ってるね。
なんでwidth属性使いたくないの?

432 名前:Name_Not_Found :03/02/20 17:43 ID:???
>>431
クライアントに「Strictで作れ」って言われてるだけでしょ、たぶん

433 名前:Name_Not_Found :03/02/20 17:46 ID:???
例えば

body {
color: #000;
background-color: #fff;
font: 100%/100% "Font Name", sans-serif;
letter-spacing: 0.1em;
margin: 1em;
padding: 0;
}

というソースがあった場合
どのような方法でこのソースを見やすくしますか?

434 名前:Name_Not_Found :03/02/20 17:51 ID:???
・適当にインデント
・エディタで行間、文字色をカスタマイズ

435 名前:Name_Not_Found :03/02/20 17:55 ID:???
>>434
>エディタで行間、文字色をカスタマイズ
( ´,_ゝ`)

436 名前:Name_Not_Found :03/02/20 19:01 ID:???
そのソースを見やすく?

<pre><code>
body {
color: #000;
background-color: #fff;
font: 100%/100% "Font Name", sans-serif;
letter-spacing: 0.1em;
margin: 1em;
padding: 0;
}
</code></pre>

code{
color:#000;
background-color:#ccc;
font:normal 1em/1.3 monospace;
letter-spacing:0.1em;
margin:1em;
padding:0.5em;
border:inset 1px #777;
}

こうでいいのか?

437 名前:422 :03/02/20 19:38 ID:???
>>423

もし、>>432が言うように、なんらかの理由(クライアントの要望等)で
Strictにしなければならないのだとしたら、このレイアウトを実現するのは
あきらめ、なおかつHTMLについて勉強し直すことをすすめる。
逆に、このレイアウトの実現が優先されるのであれば、Strictにすることは
あきらめた方がいい。
どちらにせよ、こういった幅固定を多用せざるを得ないレイアウトは可読性
を損なうので、個人的にはStrict云々とは無関係にやめた方がいいと思う。

438 名前:Name_Not_Found :03/02/20 21:48 ID:???
>>424
tr > * + * + td {
text-align: hogehoge
}
とかやればできるべ。

439 名前:Name_Not_Found :03/02/20 22:53 ID:uay6ormZ
<td>田中</td><td>田中の発言内容</td></tr>
<tr><td>斉藤</td><td>斉藤の発言内容</td></tr>
<tr><td>山本</td><td.山本の発言内容</td></tr>
というのをテーブルを外してやりたいのですが、
条件が合わずに出来ません。条件とは

「名前」と「名前の発言内容」の間にスペースを入れる。
名前ごとに色を変える。
今は
<span class="red">田中 田中の発言内容</span>
のように、全角スペースで間に合わせているのですが
もっと効率的なものがあれば、教えていただけないでしょうか。



440 名前:tantei :03/02/20 23:00 ID:???
★あなたのお悩み解決致します!!
●浮気素行調査
彼氏、彼女、妻、夫の浮気を調査致します!!
●盗聴器盗撮機発見
あなたの部屋に誰かが仕掛けているかも!!
●行方調査
行方不明になっている家族の消息を調査致します!!
●電話番号から住所割り出し
一般電話、携帯から住所を割り出し致します!!
●ストーカー対策
社会問題ともなっているストーカーを撃退致します!!
その他人生相談からどんなお悩みでも解決いたします!!
 24時間受付  090−8505−3086
URL  http://www.h5.dion.ne.jp/~grobal/
メール  hentaimtt@k9.dion.ne.jp
   グローバル探偵事務局 



441 名前:Name_Not_Found :03/02/20 23:05 ID:???
>>439
表を使え。

いやならpaddingとmarginで

442 名前:Name_Not_Found :03/02/20 23:09 ID:???
>>439
>404みたいにDL、DT、DDを使えば?

443 名前:Name_Not_Found :03/02/20 23:35 ID:???
>>439
名前ごとに色を変えるなら、class="名前"だろ。
そして、スレ違いのおかん。

444 名前:413 :03/02/20 23:44 ID:mOLY465N
>>437

最初にクライアントにも説明したことはしたのですが
『大量の共通項目によるデータを整理して表示するのが表なのだから
 このデータはリストではなくテーブルでレイアウトするのが正しいのだ!』
と逆に強弁されてしまったのでつ(´Д`;)

スレ違いですが、正解はDL要素ですよね・・・。

ともあれ、なんとか他の案を提示してみます。ありがとうございました。

445 名前:439 :03/02/20 23:46 ID:TOA7Cilt
443さん混乱させてしまってすいません。
色替えがわかりやすいようにclassで色を示してみただけです。
404さんのようにしてみたのですが<dt>と<dd>の間で
改行されてしまいますよね。出来れば並べたいのです。




446 名前:Name_Not_Found :03/02/20 23:50 ID:???
>>445
>>6でも読んでfloatの使いかた学んでみてください

447 名前:439 :03/02/20 23:51 ID:TOA7Cilt
追記。
属性にcompact入れても、私のブラウザでは改行されてしまうのです。


448 名前:422 :03/02/20 23:57 ID:???
>>444
いや、そうじゃなくて、こういう場合はtable使っても全然構わないんだけど、
>>423の表は、tableの使い方が間違ってるって言ってんの。
HTMLのソースが「たまたま」Strict DTDに適合してればいいってもんじゃ
ないんだよ。
そのクライアントもHTMLについて分かってないかもしれないけど、あんたも
わかってないんだって。

とりあえず、レイアウト目的ではないなら、この表は、colspan属性だの
rowspan属性だのを使う必要は全然ない。
商品名はcaptionかh1〜h6でマーク付けすべきだ。

449 名前:422 :03/02/21 00:29 ID:???
>>444

とりあえず、こんな感じでマークアップして、クライアントに見せてみ。
属性は省略してるんで、imgのsrc属性とかalt属性とかは適宜補って。

<table>
<caption>商品名</caption>
<tbody>
<tr>
<th>商品の外観</th>
<td><img><!-- 商品の画像 --></td>
</tr>
<tr>
<th>価格</th>
<td>***円</td>
</tr>
<tr>
<th>サイズ</th>
<td>縦**cm×横**cm</td>
</tr>
<tr>
<th>説明</th>
<td>**で**な商品です。</td>
</tr>
</tbody>
</table>

これで納得してくれるようなら、少なくともそのクライアントはあんたよりHTMLのことがわかってる。

いいかげんスレ違いなので、以後はこっちで。
http://pc2.2ch.net/test/read.cgi/hp/1040377672/l50

450 名前:Name_Not_Found :03/02/21 00:49 ID:???
意図した表と全然違うじゃん

451 名前:Name_Not_Found :03/02/21 00:56 ID:???
「いいかげんスレ違い」というより、
無理やりスレ違いな話題へ誘導したきらいが…

452 名前:Name_Not_Found :03/02/21 01:18 ID:???
クライアントってなに?質問者がwebデかなんかなのか?
こんな厨房知識しか持ち合わせていなくてもなれるなら俺もwebデザイナーになるべ。

453 名前:439 :03/02/21 01:22 ID:Bpf9cjAo
すみません。難しく考えすぎていました。
position使えば簡単に出来たんですね。
ありがとうございました。

454 名前:Name_Not_Found :03/02/21 01:37 ID:???
Web"デザイナー"だからな。あくまでも

455 名前:422 :03/02/21 01:41 ID:???
>>450
レイアウトを無視して「意図した表」から構造だけ取り出すとこうなるでしょ。

>>451
いや、「width属性使いたくない」とか言うから、strictにしたいのかなあ、と思って。
そしたら「正解はdl要素ですよね」とかしゃらくさいこと言うし。

456 名前:Name_Not_Found :03/02/21 01:47 ID:???
>>454

「デザイナー」って言葉にもいろんな意味があるけどな。

http://www.ne.jp/asahi/minazuki/bakera/html/update

ここの「2002-07-22」の項を見れ。

# ばけらさん、見出しにidふってほしいな……ってここで言っても無意味だが。

457 名前:Name_Not_Found :03/02/21 01:51 ID:???
>>439
.tanaka{
color : #ff0000;
background-color : #ffffff;
}
.yamamoto{
color : #0000ff;
background-color : #ffffff;
}
.saito{
color : #009900;
background-color : #ffffff;
}
DT{
float : left;
width : 3em;
}
DD{
margin-left : 1em;
}

458 名前:451 :03/02/21 01:54 ID:???
>>455 了解。

> HTMLのソースが「たまたま」Strict DTDに適合してればいいってもんじゃないんだよ。

という言葉に、あなたの信念を感じます。

459 名前:Name_Not_Found :03/02/21 09:26 ID:???
外部cssを使って1つのHTMLに対し、2つの a:link 等を使うことは出来るでしょうか?
デザイン上、どうしてもリンクの色やホバー時のアクションを分けたいのですが
今のままですとどうしても1つにまとめられてしまうので。

460 名前:Name_Not_Found :03/02/21 09:30 ID:???
できるよ

461 名前:Name_Not_Found :03/02/21 09:34 ID:???
a{color:yellow}
li a{color:red}

とかすれば<li>の下にあるリンクは赤、それ以外が黄色になるよ
li→.hogeとかクラスに変えてもよし

462 名前:Name_Not_Found :03/02/21 11:55 ID:???
擬似セレクタの説明としては
div.kurohaikei a:link { color:yellow; }
div.sirohaikei a:link { color:blue; }
かな


463 名前:Name_Not_Found :03/02/21 12:16 ID:???
>>462
例とは言え物理的なclass名はイヤンな感じ

464 名前:Name_Not_Found :03/02/21 12:42 ID:???
そういうクラス名つけてんだろ

465 名前:Name_Not_Found :03/02/21 12:44 ID:???
ごめん

466 名前:Name_Not_Found :03/02/21 13:02 ID:???
>>461
yellowなどの色名は依存するから使わない方がいいと聞いたんだが…

467 名前:Name_Not_Found :03/02/21 14:33 ID:???
>>466
yellowやredなんかの基本色はOKなんでないの。
fuchsiaとかは怪しいけど。
でも実際のところ色名指定のほうがわかりやすくない?

468 名前:Name_Not_Found :03/02/21 14:41 ID:???
そう言う問題ではない

469 名前:Name_Not_Found :03/02/21 14:47 ID:???
どういう問題よ

470 名前:Name_Not_Found :03/02/21 14:49 ID:???
過去ログに載ってるよ

471 名前:Name_Not_Found :03/02/21 14:52 ID:???
馬鹿にはわからん問題です

472 名前:Name_Not_Found :03/02/21 15:32 ID:???
>>467
それだと色変えたときに混乱するでしょ?
それともclass名も書き換えるの?

つまりそういうこと。

473 名前:Name_Not_Found :03/02/21 15:35 ID:???
>>472
クラス名に関してはそうだが色名に関してはそういう問題でもない

474 名前:Name_Not_Found :03/02/21 16:48 ID:???
>>473
ちと勘違いしていたよ。スマソ

475 名前:Name_Not_Found :03/02/21 18:15 ID:???
質問。
スタイルシートで、テーブルの背景色を透過させるものって
ありますよね?
これまでは問題なく透過されて見えていたし、自分のパソは
IE5.5、JavaスクリプトもONにしてあり、またそれ以外の
設定も全く変えていないにも関わらず、ある日突然透過され
ずに表示されるようになってしまいました。
こういった場合、考えられる原因とはなんでしょうか?

476 名前:Name_Not_Found :03/02/21 18:17 ID:???
>>461-462
ありがとうございます、
大変参考になりました。

お二方様にに多謝。


477 名前:よろしくおねがいします :03/02/21 20:14 ID:dZIe8w9Y
<table width="100%" height="100%" border="0"><tr><td valign="middle" align="center">
いろいろオブジェクト<br>
</td></tr></table>
↑以前こういうやり方で、ウインドウの中央にオブジェクトを表示させるようにしていたのですが、<div>とcssで<table>の代用をしてみようと思い色々試してみましたが、下記のようになったところで躓いてしまいました。


<html><body>
<style type="text/css"><!--
div.base{position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;}
--></style>
<div class="base">いろいろオブジェクト<br></div>
</body></html>

この状態でjavaや<table>を使わずに"<td valign="middle">いろいろオブジェクト<br></td>"と同じような効果をcssを使用して出すにはどのようにしたら宜しいでしょうか?


478 名前:Name_Not_Found :03/02/21 20:16 ID:???
幅1300ピクセルの画像があって、それを800ピクセルの枠なんかに入れて(背景としてでもいいんですが)、
画像の中央部が枠の中央にきて、両端が消えるような感じに配置することはできるでしょか。

479 名前:Name_Not_Found :03/02/21 20:24 ID:???
できます

480 名前:478 :03/02/21 20:28 ID:???
早めに答えてもらえませんか?
さもないと本当にあなたたちを無知だと見なしますよ。

481 名前:Name_Not_Found :03/02/21 20:35 ID:???
ご自由に。次の方どぞー

482 名前:478 :03/02/21 20:38 ID:???
おい、俺の質問はいつになったら解決するんだよ。
俺は忙しいんだ!早く答えろこの糞ども。

来たくもねーのに2chくんだりまで来て質問してやってるのによ。
わからなくて答えられないなら金返せ。

483 名前:Name_Not_Found :03/02/21 20:44 ID:???
春だね。

484 名前:478 :03/02/21 20:45 ID:???
本物の478ですが偽者が出てる・・・

485 名前:Name_Not_Found :03/02/21 20:46 ID:???
漫画で、HUNTER×HUNTER ってのがあるらしいのですが、面白いですか?

486 名前:Name_Not_Found :03/02/21 20:46 ID:???
本物だったら>>480>>482みたいな態度は取らないから心配するな。

487 名前:Name_Not_Found :03/02/21 20:50 ID:???
480も482もコピペだから、騙される奴はいないよ。

488 名前:478 :03/02/21 20:51 ID:???
>>486
だったらさっさと答えたらどうですか??

489 名前:よろしくおねがいします :03/02/21 20:51 ID:dZIe8w9Y
>>477はjava無しcssのみは不可能でしょうか?

490 名前:478 :03/02/21 20:52 ID:???
>>487
同上

491 名前:Name_Not_Found :03/02/22 00:22 ID:???
>>478
background-position:

492 名前:Name_Not_Found :03/02/22 00:41 ID:75SHIYl8
すみません。質問させていただきます。

掲示板をレンタルしているのですが、壁紙を固定したいんです。
掲示板の管理ができるところに、壁紙URLを書くところはあるんですが、
そこにURLを入れると、壁紙が何度もダーーーっと出てしまんです。
それを固定させるためには、壁紙URLにスタイルシートの形で書けばよいのでしょうか。

また、その時の形はこれで合っていますか?

<STYLE type="text/css"><!--TD { background-image: url(ここにURLを入れました); background-repeat: no-repeat; background-position: right bottom; background-attachment: fixed;}--></STYLE>



493 名前:tantei :03/02/22 00:42 ID:???
★あなたのお悩み解決致します!!
●浮気素行調査
彼氏、彼女、妻、夫の浮気を調査致します!!
●盗聴器盗撮機発見
あなたの部屋に誰かが仕掛けているかも!!
●行方調査
行方不明になっている家族の消息を調査致します!!
●電話番号から住所割り出し
一般電話、携帯から住所を割り出し致します!!
●ストーカー対策
社会問題ともなっているストーカーを撃退致します!!
その他人生相談からどんなお悩みでも解決いたします!!
 直通  090−8505−3086
URL  http://www.h5.dion.ne.jp/~grobal/
メール  hentaimtt@k9.dion.ne.jp
   グローバル探偵事務局 



494 名前:Name_Not_Found :03/02/22 00:50 ID:???
>>492
駄目と思われ。

>>493

495 名前:Name_Not_Found :03/02/22 01:36 ID:???
>>494
CSSの悩みはダメっぽいぞ。どの項目にも当てはまらない。

496 名前:Name_Not_Found :03/02/22 02:49 ID:5MyR53Oj
.css {
border:#fff solid 1px;
width:70%;
position:relative;
top:40%;
left:15%;
}

とすると、IE6では意図通りに表示出来るのですが、NN6.2や
OPERA6.05ではtopが無視され、leftが無視されてしまいます。
これをIE6と同じように表示させるにはどうすればいいのでしょうか。

497 名前:496 :03/02/22 02:50 ID:5MyR53Oj
>topが無視され、leftが無視されてしまいます。

間違えました。無視されてしまうのはtopだけです。

498 名前:Name_Not_Found :03/02/22 03:02 ID:???
>>497
親要素の height を明示的に指定するとか

499 名前:Name_Not_Found :03/02/22 03:03 ID:???
>>496
bottomをautoにしてもダメ?

500 名前:Name_Not_Found :03/02/22 03:10 ID:???
cssにおけるpとdivの違いは何でしょうか?

501 名前:496 :03/02/22 03:15 ID:???
>>498,>>499
どちらもやってみましたがダメのようです。

502 名前:Name_Not_Found :03/02/22 03:20 ID:???
>>501
親要素に position: relative を指定するとか

503 名前:Name_Not_Found :03/02/22 03:21 ID:???
>>500
おける、ってなによ?

504 名前:Name_Not_Found :03/02/22 03:38 ID:???
>>500
識別子が違う

505 名前:Name_Not_Found :03/02/22 03:58 ID:???
>>500
UAによってデフォルトのプロパティ値が違う
Pは上下に空行が入るが、DIVは入らないのが一般的

506 名前:500 :03/02/22 05:33 ID:???
レスありがとうございます。
divでマークアップ(?)してるのをpに変えても
上下に1行空きが入るだけで違いがあるのだろうか?
と思い質問してみました。
とゆーか最初からこう聞くべきでしたね。
それ以外に違いはあるのでしょうか?


507 名前:Name_Not_Found :03/02/22 05:42 ID:???
>>506
ああ、DIV直下に普通の文章入れちゃダメじゃなかったっけ?
<DIV><P>本文</P></DIV>でしょ。

508 名前:Name_Not_Found :03/02/22 06:09 ID:???
>>507
入れてもいい。スレ違いだが。しかもそれCSSに於いてじゃないし。

509 名前:500 :03/02/22 06:49 ID:???
みなさんからのレスを元に調べてみたところ
p要素の中にブロック要素を内容することができない。
と言うのが自分の疑問に対する答えのようです。
お騒がせしました。
調べてみて思ったのですが
自分の「cssにおけるpとdivの違いは何でしょうか? 」@500
の質問ってのは的外れな質問のようですね。
お恥ずかしい。

510 名前:Name_Not_Found :03/02/22 07:08 ID:???
>>509
それに気づいただけでもいいんじゃないすか?
みんなそうやって「自力で」勉強してきたわけだし。

511 名前:507 :03/02/22 07:12 ID:???
>>508
ホントだいけた。
>>506
ウソついてすまん。

512 名前:Name_Not_Found :03/02/22 07:13 ID:???
>>509
内容じゃなくて、内包な。

513 名前:Name_Not_Found :03/02/22 08:07 ID:ZouuRKM1
親要素に対して絶対配置したdivを、常にセンターにしたいのですが、
margin-left:%;でやってるのですが、画面サイズを変えると
ずれてしまいます。
どなたかよいプロパティ、値ありましたらお願いします。



514 名前:Name_Not_Found :03/02/22 08:15 ID:???
>>513
絶対配置してるということは、left とか top も同時に指定してるの?

515 名前:Name_Not_Found :03/02/22 08:15 ID:???
>>513
margin-left:auto;
margin-right:auto;

516 名前:Name_Not_Found :03/02/22 08:26 ID:???
>>514
トップだけ指定して左右は常にセンターにしたいです。
>>515
成功しました!非常に助かりました。ありがとう。

517 名前:Name_Not_Found :03/02/22 08:41 ID:???
>>516
うまくいったということは、6.xブラウザ対応だけでいいってことだな…

518 名前:Name_Not_Found :03/02/22 11:37 ID:EENjYBAu
<span style=width:340>ー△ー</span>
IEを6にウプデートしたらwidthが効かなくなっちまいました!
単位付けないと無視される不具合のせいだというところまでは
調べてわかったので
<span style=width:340px>ー△ー</span>
と直しますた。でもdivには効くのにspanには効きません。
どうすればいいですか?

519 名前:Name_Not_Found :03/02/22 11:40 ID:???
>>518
""つけろよ


520 名前:Name_Not_Found :03/02/22 11:42 ID:???
何をしたいのかわからないけどdivにすればいいんじゃないの?
spanでやりたい理由は?

521 名前:Name_Not_Found :03/02/22 11:44 ID:???
>>518
インライン要素にwidthを指定しても無視されるのは仕様どおりです。
今まで効いていたほうがバグ。

marginかpaddingで代用するのがいいかと。

522 名前:Name_Not_Found :03/02/22 14:53 ID:???
>>496
例えば、topの値をpxとかなら、反映されるかと思うのだが。
パーセンテージにしたいのなら、
>>498 の回答が正解ぽい。
>>501
親要素のheightをパーセンテージで指定したなら、
htmlのheightまで、ずーとさかのぼって指定しなきゃ駄目ぽい。
html,body{
height:100%;
}
みたいな。

523 名前:Name_Not_Found :03/02/22 18:39 ID:???
思う
ぽい
みたいな

524 名前:Name_Not_Found :03/02/22 18:48 ID:???
>>522
明示的に指定ってのには、パーセンテージは含まれんですよ。

>>496
top と bottom にパーセンテージを指定した場合、
コンテナブロックの高さが明示されていないと「auto」として扱われるです。

相対配置は通常フローなので、
最も近い祖先ブロックレベル要素の内容辺がコンテナブロックになるですよ。

<head>
<title>relative-positioning</title>
<style type="text/css">
.コンテナブロック { height: 20em; border: solid 1px; }
.相対配置 { position: relative; top: 50%; }
</style>
</head>

<body>

<div class="コンテナブロック">
<p class="相対配置">foo...</p>
</div>

<p class="コンテナブロック">
foo... <em><span class="相対配置">bar</span></em>... baz...
</p>

</body>

何か間違ってたら突っ込んで。

525 名前:Name_Not_Found :03/02/22 19:27 ID:???
>>522
root要素のheight:100%が何を意味するかは実装依存。
たいていのブラウザーはウィンドウの高さだけど
macのIEはウインドウの幅になるよ。

526 名前:Name_Not_Found :03/02/22 20:07 ID:Dr+5KGOR
思う
ぽい
みたいな

527 名前:Name_Not_Found :03/02/22 20:53 ID:???
475です。
スレが大分進んでしまっているので再度書かせてもらいましたが、
>>475の内容についてもしご存知の方がいらしたら教えて頂けない
でしょうか?

528 名前:Name_Not_Found :03/02/22 20:59 ID:???
>>527
「ある日突然」と言われてもなぁ…
うっかりCSSの記述を間違ったくらいしか思いつかん。
自分のページの透過だけがダメなの?
それとも他の人のサイトの透過もダメ?

529 名前:Name_Not_Found :03/02/22 22:55 ID:???
>528
ソース(CSSの記述)は一切いじってないんですよ。
自分のところも、他所もだめで。

530 名前:528 :03/02/22 23:45 ID:???
>>529
つーことはIEのどこかがイカれたのかな…?
win板で聞いた方がいいかもしれない。

http://pc2.2ch.net/test/read.cgi/win/1032915590/l50
IE5 (5.01&5.5)統合スレッド

誘導だけで力になれずスマソ。

531 名前:Name_Not_Found :03/02/23 00:33 ID:???
>>529
縦読みですまんが他のブラウザで確認してみた?

532 名前:496=501 :03/02/23 00:38 ID:???
DIV要素に前述>>496のCSSを指定したい場合に>>524さんの仰ってる事を踏まえて考えると
>>524さんのDIVにあたる部分はBODYになるという事でいいんですかね?
とりあえずそれでやってみました。BODYのheightを30emにしてみると、NN6.2ではtopで
指定した数値が反映されましたが、OPERA6.05では位置がズレてしまいました。
あと、新たに気付いたんですが、この場合IEでは.cssで指定した要素は右端に寄っているのに
対して、NNやOPERAは中央寄せされています。

533 名前:Name_Not_Found :03/02/23 01:20 ID:???
>>532
>>496の事例だが、
Opera6.xは
「相対配置要素のtopプロパティの%値がpx値で扱われる」
というバグがある。
http://cssbug.tripod.co.jp/detail/opera/b027.html

body要素の高さに対して40%の位置に配置したいなら、
30em×40%=12em と考えて、
top: 12em; と指定してみては?

IEでは右端・NN&Operaでは中央ってのは、
.cssで指定した要素自体がそのように寄せられるの?
それとも、その要素内に含まれる文字列が寄せられるの?

534 名前:Name_Not_Found :03/02/23 01:25 ID:???
>>532
body 100% - .css 70% - relative left 15% = margin-right 15%

535 名前:Name_Not_Found :03/02/23 02:46 ID:YZhep+IC
 ┏━━━━┓
 ┃img     ┃
 ┃        ┃          ┏━━┓┏━━┓┏━━┓
 ┗━━━━┛          ┃aaaa┃┃bbbb┃┃cccc┃
 ┏━━━━━━━━━━┛    ┗┻━━┻┻━━┫
 ┃                                    ┃
 ┃                                    ┃


こういう感じにしたいんですが・・・
どうレイアウトすればいいんでしょう。絶対指定無しで。


536 名前:496=501=532 :03/02/23 02:46 ID:???
>>533
emで指定すればよかったんですね。とすると他の部分でも%をemに直した方が
良かったりするのかな。CSSのソースとしてもその方が見栄えはいいですかね。

IEでは右端、NN&OPERAでは中央というのは、.cssを指定しているDIV要素自体が
寄せられています。>>534さんが仰っているように、NN&OPERAでの見え方が適当
なんですが、私としてはIEのように右端に寄せた見え方にしたいと思ってます。
なので今は.css内のleftを30%にしてNN&OPERAでの表示を右端に寄せています。
そうするとIEでは要素の右側がはみ出てしまうのでそこがどうにかできないもの
かな、と思っています。

537 名前:496=501=532=536 :03/02/23 03:03 ID:???
/*--自己解決です--*/

もしやと思ってバグリストを覗いてみたらやはりバグだったようです。
「text-alignプロパティの指定がボックスの配置に影響を与える」
http://members.tripod.co.jp/cssbug/detail/winie/b035.html
関連リンクにあるモジラ組の「ブロックレベル要素をセンタリングする方法」を
やっていたのでこのようなバグが発生してしまったんだと思われます。
BODYに指定したtext-align:centerを*{ }に指定して、BODYのtext-alignに
justifyを指定したら、どのブラウザも意図通りの表示になりました。

長々とご教授頂きましてありがとう御座いました。

538 名前:Name_Not_Found :03/02/23 03:04 ID:???
>>536
要素の右側がはみ出すってのがよく分からん。
まさか .cssの親要素あたりで幅固定とかしてないよな?

539 名前: ◆.noteIcx3A :03/02/23 03:27 ID:???
>>535さん
それは枠線も再現しなきゃダメですか?

540 名前: ◆.noteIcx3A :03/02/23 03:48 ID:???
>>535さん
とりあえずfloatで並べて、背景色で区別する方法を提示します。
http://www10.ocn.ne.jp/~dotnote/535.html


541 名前: ◆.noteIcx3A :03/02/23 04:02 ID:???
あ…
>>540の記述だとブラウザごとに挙動が違ったり。
>>535さん、差し支えなければ使用する画像のピクセル数を
書いてください。

542 名前:535 :03/02/23 04:18 ID:???
>>539
はい。枠線をつけたいのです。

┌──┐
│    │
│    │┏━┓┏━┓┏━┓
┣━━┷┛  ┗┻━┻┻━┫
┃                      ┃

こんなかんじです。

自分的には
┌────────────────┐
│┌──┐┌┐┌────────┐│
││    ││││                ││
││    ││││┏━┓┏━┓┏━┫│
│┗━━┛┗┛┗┛  ┗┻━┻┻━┛│
└────────────────┘
┏────────────────┓
┃                                ┃
こうしてしまえばうまくいくのかもしれないと思ってやっていたんですが、
てんでうまくいかない・・・といった感じです。
画像はwidth:121px;height:80px;です。
すいません。

543 名前: ◆.noteIcx3A :03/02/23 04:22 ID:???
>>535さん
枠線ありですか…
ちょっとソースが煩雑になっちゃうかもです。

544 名前:Name_Not_Found :03/02/23 04:25 ID:???
>>543
そうさねぇ…普通はtableで片付けてしまうところを
あえてCSSでやってみようという心意気に期待

545 名前: ◆.noteIcx3A :03/02/23 04:31 ID:???
えーと、positionの絶対指定を使わずに、って条件だと
IE6.0では再現できないような気がしてきました…

546 名前: ◆.noteIcx3A :03/02/23 04:39 ID:???
>>535さん
とりあえず枠線あたりを適用してみました。

あのー、もしかして画像もぴったりとくっつけたいとか…?

547 名前:535 :03/02/23 04:46 ID:???
>>546
ぴったりしたいです。はい。



548 名前:535 :03/02/23 04:54 ID:???
あ、IEではできた。operaじゃだめですが。
<style><!--
body {margin:0px;padding:0px;background:#90BA8C;text-align:center;}
div.base {width:600px;text-align:left;}
div.menu {background:url("test.gif") no-repeat;height:80px;text-align:right;}
div.vspace {height:61px;}
a.m {text-decoration:none;font-size:10pt;color:#000000;
background-color:#FFFFFF;padding:2px 3px 0px 3px;border-top:solid 1px #000000;
border-left:solid 1px #000000;border-right:solid 1px #000000;border-bottom:solid 1px #000000;}
a.mc {vertical-align:text-bottom;text-decoration:none;font-size:10pt;
color:#000000;background-color:#FFFFFF;padding:3px 3px 0px 3px;
border-top:solid 1px #000000;border-left:solid 1px #000000;border-right:solid 1px #000000;}
span.mb {width:490px;border-bottom:solid 1px #000000;}
span.mspace {width:5px;border-bottom:solid 1px #000000;}
div.main {background-color:#FFFFFF;border-left:solid 1px;#000000;border-right:solid 1px;#000000;
border-bottom:solid 1px;#000000;}
img {border:none;}
--></style>
<div class="base">
<div class="menu">
<div class="vspace"></div>
<span class="mb"></span>
<a class="mc" href="./">aaaa</a><span class="mspace"></span><a class="m" href="./">bbbb</a><span class="mspace"></span><a class="m" href="./">cccc</a>
</div>
<div class="main">
aaaa<p>fdsfsdf
</div>
</div>

549 名前: ◆.noteIcx3A :03/02/23 05:07 ID:???
とりあえず、Opera7.0限定で>>535さんの意図通りのものが
できたと思います。(たぶん)

http://www10.ocn.ne.jp/~dotnote/535.html

IE6.0、NN7.01、Mozilla1.0だと回り込み関連で
画像と他の枠が離れます…。
(絶対指定を使っていいなら解決できるかもです。)

ここでこの話ばかり続けると迷惑かもしれないので、
>>535さん、捨てメアドでいいですから
http://www10.ocn.ne.jp/~dotnote/ に書いてあるアドレスまで
メールください…。とりあえず今日は寝ますけど。

↓次の質問ドゾー

550 名前:Name_Not_Found :03/02/23 05:45 ID:???
すみません、どなたかご教授下さい。

<table width="751" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="78"> </td>
<td width="16" rowspan="2"> </td>
<td colspan="2"> </td>
<td width="7" rowspan="2"> </td>
</tr>
<tr>
<td> </td>
<td width="20"> </td>
<td width="630"> </td>
</tr>
</table>

このテンプレを何度も使うので、CSSでモジュール化を図ったのですが
CSSでテーブルを組む概念自体が理解できていないため無理でした。
これをCSSで表現する場合、どのようにすればよろしいのでしょうか?

551 名前:Name_Not_Found :03/02/23 06:11 ID:???
>>550
colspan と rowspan をCSSで表現するのは無理かと。。。
というより、レイアウト目的の table は、このスレではボコボコにされるでしょう。
td を「位置指定した div」で置き換えるのが順当ではないかと。

552 名前:550 :03/02/23 06:44 ID:???
>>551
正直spanで詰まってました。
無理でしたか。。
レス頂きありがとうございました。

553 名前: ◆.noteIcx3A :03/02/23 13:04 ID:???
>>535さん
一応IE6.0、NN7.01、Mozilla1.0、Opera6.05、Opera7.0で
正常に表示されるように作りました。
http://www10.ocn.ne.jp/~dotnote/others/535.html

以下コメント。
・見栄えを調節するための空のDIVがある
・画像の高さに依存しているので、新しい画像を使うたびに
 CSSを書き換えなければならない
・左の画像を使わなくていい、または枠線がいらないのであれば、
 各classの背景色をうまく変化させればそれなりのものが作れます

554 名前:Name_Not_Found :03/02/23 13:09 ID:???
<a href="xxx"><img src="xx" alt="xx" width="xx" height="xx"></a>

Netscape4.xで、imgのボーダーを消すにはどうやったらいいのでしょうか。
border : none;とか、border-style : none;とか、border-width : 0;とか
やっても消えてくれないんですが。

555 名前:Name_Not_Found :03/02/23 13:38 ID:???
<img border="0">
NN4はあきらめろ。

556 名前:554 :03/02/23 13:42 ID:???
あきらめますた。

557 名前:Name_Not_Found :03/02/23 13:43 ID:???
>>554
ボーダー色を背景色と同じにしてゴマカスとか。
余りお勧めできないけど。
A { border: solid 1px fff; }

558 名前:Name_Not_Found :03/02/23 14:07 ID:???
#を付け忘れますた。

559 名前:Name_Not_Found :03/02/23 14:26 ID:ZoWD8kQw
現状でもっとも妥当で人にやさしいレイアウト方式は

 ・テーブル
 ・フレーム

であったりするという事実にめを背ける人々がいるスレはここですね。
連邦もフレーム使用、テーブルレイアウトでも人気サイト有り。

正しいことを普及させようとする意志は立派だが、要はコンテンツのレベルが
高ければ

560 名前:Name_Not_Found :03/02/23 14:28 ID:???
>>559
>もっとも妥当で人にやさしいレイアウト
この根拠は?

561 名前:Name_Not_Found :03/02/23 14:30 ID:???
>>559-560
そういう議論は下のスレでしてください。

【td】テーブルレイアウトの何が悪いん?【/td】
http://pc2.2ch.net/test/read.cgi/hp/1035775357/

フレーム使うなだと?ボケぇ
http://pc2.2ch.net/test/read.cgi/hp/998434786/


562 名前:Name_Not_Found :03/02/23 14:38 ID:???
>>559-660

寧ろ、こっちでやろうぜ!


「タグの玉手箱」閉鎖
http://pc2.2ch.net/test/read.cgi/hp/1045704853/


563 名前:Name_Not_Found :03/02/23 14:41 ID:???
正直、どうしようもないテーブルレイアウターなんてどうでもいい。

564 名前:Name_Not_Found :03/02/23 14:41 ID:???
>>562
901 名前:500 ◆gM3QsItM1s 投稿日:03/02/23 00:17 ID:???
偽者が多いのでパッチつけますた。


903 名前:Name_Not_Found 投稿日:03/02/23 06:35 ID:???
>>901
だから、パッチって何なんだよ?


904 名前:Name_Not_Found 投稿日:03/02/23 07:11 ID:???
500になれるパッチはどこで落とせばいいんですか?


905 名前:Name_Not_Found 投稿日:03/02/23 07:11 ID:ccKy0GL/
>>903
500はパッチとトリップの違いが解らないんだよ。
そっとしておいてやろうぜ。

565 名前:Name_Not_Found :03/02/23 14:43 ID:???
>>564
なんで俺に向けてその堕レスのコピペを???

566 名前:Name_Not_Found :03/02/23 14:50 ID:???
>>565
誤爆臭いと思ったけど、アンカーがちょうどよすぎるよな。

567 名前:Name_Not_Found :03/02/23 19:57 ID:???
↓↓↓次の人質問どうぞ。↓↓↓

568 名前:Name_Not_Found :03/02/23 20:00 ID:???
予想:nullがやってくる↓

569 名前:Name_Not_Found :03/02/23 20:27 ID:???
('A`) ぬるぱ

570 名前:475(529) :03/02/23 20:39 ID:???
>530
ありがとう。1度行ってみます。

>531
ありがとう。うっかりなことに、自分がIEしか入れてないもん
だから他ブラウザで確認するということを怠ってました。

571 名前:Name_Not_Found :03/02/24 16:02 ID:MMG2m6cS
テーブルレイアウトとフレームがなぜいけないのか
いってみろ。

こちらを採用した方がCSSを使うよりも多くの人に見てもらえる

572 名前:Name_Not_Found :03/02/24 16:03 ID:???
スレ違い

573 名前:Name_Not_Found :03/02/24 17:13 ID:???
テーブルレイアウトやフレーム使うより多くの人に見てもらえるからです

>>573
スレ違い

574 名前:Name_Not_Found :03/02/24 17:47 ID:???
>>573
スレ違い

575 名前:Name_Not_Found :03/02/24 17:50 ID:???
>>571-575
スレ違い

↓次の質問ドゾ

576 名前:Name_Not_Found :03/02/24 18:01 ID:???
貴方のお勧めのラーメンは塩ですか?

577 名前:Name_Not_Found :03/02/24 18:21 ID:???
そういう質問を待っていたっ!!!!!!!!!!!!1

578 名前:Name_Not_Found :03/02/24 18:28 ID:???
札幌一番



はい次!!

579 名前:Name_Not_Found :03/02/24 18:29 ID:???
http://www.b-architects.com/

テーブルを使わずにスタイルシートを使って上のサイトのようなページ構成にするには
どうしたらいいですか?

580 名前:Name_Not_Found :03/02/24 18:30 ID:???
>>579
ソース見て理解しろ
それも勉強のうちだ

はい次

581 名前:Name_Not_Found :03/02/24 18:33 ID:???
>>580
スタイルシートは外部になっているので良く分からんです。

582 名前:Name_Not_Found :03/02/24 18:37 ID:???
>>580
失礼。分かりました。

583 名前:Name_Not_Found :03/02/24 18:40 ID:???
って言うかマルチかよ

584 名前:Name_Not_Found :03/02/24 19:59 ID:NPMI77iN
仕様書邦訳読んで勉強してるんですが、言葉が難しくて、意味がわからない部分があるので
質問します。

widthプロパティとheightプロパティは、ボックス領域のパディング領域の内側の内容領域のみの
幅と高さを設定するという理解でいいですか?
それとも、ボーダー+パディング+内容領域を合わせた幅と高さを設定するプロパティなんですか?

よろしく、おながいします。


585 名前:Name_Not_Found :03/02/24 19:59 ID:K2GlRn0U
そうは思わない!
http://hkwr.com/

586 名前:584 :03/02/24 20:01 ID:???
>>584
質問を撤回します。ちゃんと、読んでませんでした。

10.2 内容領域の幅(Content width: the 'width' property)
とでっかく見出しがありました。

スレ汚し、すいませんでした。

587 名前:584 :03/02/24 20:07 ID:NPMI77iN
すいません、質問内容を変えさせてもらいます。

p {
 width : 200px ;
 height : 150px ;
 padding : 0.5em ;
 border : solid 1px ;
}

こうした場合、paddingの値を大きくすればするほど、width、heightの値に関係無くボックス領域が
大きくなっていきますよね?

仕様書には、

>置換要素のボックス幅はその要素に内在している。
>しかし、置換要素の'width'プロパティが'auto'以外の値を取る時、UAはその幅を伸縮させてもよい。

と書いてあるのですが、これはブロックレベル要素も含まれてるのでしょうか?

http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visudet.html#the-width-property

588 名前:Name_Not_Found :03/02/24 21:30 ID:???
いまいち質問の意味がわからないんだけど、
とりあえずその引用部は
「置換要素、例えばimgなんかはそれ自体が幅を持ってるけど、
auto以外のwidth値が指定されてたらUAはその値を取っていいよ」
と言ってる。用語にアンカーもあるからよく読んで

589 名前:584 :03/02/24 22:03 ID:???
>>588
どうもです。そのヒントから、やっとわかりました。

>>587のスタイルを標準モードが試していて、paddingの値を大きくしていくと、
枠線がどんどん大きくなるので、てっきりwidthとheightが伸縮してるのかと
思ってましたのが勘違いでした。
widthとheightはそのままで、パディング領域が広がって、枠線を伸縮しているのということですね。
しかし、邦訳の言葉むずかひい・・。ありがとうございました。

590 名前:Name_Not_Found :03/02/24 22:29 ID:???
>589は「原文を読め」とでもいわせたいのか?

591 名前:Name_Not_Found :03/02/25 00:01 ID:NBoSb2bt
>>573
スタイルシートのブラウザ対応状況を鑑みると断然フレームやテーブルレイアウトの方が
見れる人多いぞ。
もちろん、パソコンで普通のブラウザを使用しているという条件でね。
その他の環境なんて割合的にいえば少ないんだからさ。

さあ他になんか理由あるのか?
説明できるか?

592 名前:Name_Not_Found :03/02/25 00:07 ID:???
>その他の環境なんて割合的にいえば少ないんだからさ。
このその他ってのはパソコン以外を含んだその他か?
だとすれば、i-mode利用のインターネット閲覧数を甘く見すぎということになるんだが。

593 名前:584 :03/02/25 00:08 ID:???
>>590
えっ?なんか、間違ってますか?指摘してください、たのんます。

594 名前:Name_Not_Found :03/02/25 00:11 ID:???
スレ違い、って言われて終わってる話題にいつまでもしつこく・・・

595 名前:Name_Not_Found :03/02/25 00:11 ID:???
>>593=584
>しかし、邦訳の言葉むずかひい・・。
邦訳の言葉、邦訳の言葉、、、、、じゃあ原文読めと。

596 名前:584 :03/02/25 00:15 ID:???
>>595
あー、邦訳よりも原文のほうが難しいってことですね?
英語はうんこレベルなので無理です。スンマソン

597 名前:Name_Not_Found :03/02/25 00:16 ID:NBoSb2bt
>>592
あんな液晶サイズで見れるサイトなんか最初から数が知れてるでしょ。
文字だけのサイトだとしてもサイズ大きいと見れないんでしょ?
だいたい、普通のサイト経営してる人が携帯を対象としてるなんて少ないでしょ。
それよりも、未だに教育機関などで使われてる古いPC、ブラウザからも
見れるテーブルの方が人にやさしいよ。
そりゃスタイルシートがこれからもっと対応するようになって
古いPCを使ってる人たちもいい加減に買い換えるようになれば
スタイルシートを使った方がいいけどさ。

現状では時間がかかってもテーブルで表示してくれた方がうれしい人が多いと思うよ。


598 名前:Name_Not_Found :03/02/25 00:18 ID:???
>>592
ネタだろ。真面目に相手する必要なし。

599 名前:592じゃないが :03/02/25 00:26 ID:???
>>598
>>597を読んでやっとネタだと気付いた僕

600 名前:592 :03/02/25 00:29 ID:???
>>594
他のスレと間違えてレスしてしまったすまそ。

601 名前:Name_Not_Found :03/02/25 00:33 ID:???
>>597にあえてマジレス。
テーブルがどうの、CSSがどうのっていう話からはズレるが、
学校や公立図書館などの公的教育機関って、
PCをリースで導入しているところが多いんだよ。
しかもたいていは5年という期間での契約で。

NN4が1997年6月リリース、IE4.0が1997年10月リリースという事を鑑みると、
リース契約更新に伴う教育機関のブラウザの世代交代は近いと思うが。

また、「うれしい人が多いと思う」と言っているが、
http://pcweb.mycom.co.jp/news/2002/12/18/19.html
によると、IE5.0〜IE6.0の使用率が92.8%、
NN4の使用率が1.1%という数字を見ても「多い」と断言できるのか?

602 名前:Name_Not_Found :03/02/25 01:27 ID:???




質問ドゾー

603 名前:Name_Not_Found :03/02/25 01:49 ID:???
>>601
研究室とかのことを言ってるんだよ。
そういえば確かに施設内にアルは定期的に新しいのに代わってるな。
リースなのか。

スタイルシートはIE5〜6でさえ対応してないのがあるじゃないか。
そんなのを全てどれが対応してるとかやるよりはテーブルでやればいいんだよ。
横幅指定すれば表示速度はましになるんだから。


>>602
どうしてフレームはだめなんですか?

604 名前:Name_Not_Found :03/02/25 02:01 ID:???
>>603
IE5〜6に対応しているプロパティだけ使った
CSSにすれば、なんの問題もない。

なにより、模様替えするときに、
いちいち全リソースを書き換える
手間があるテーブルより、
CSS使った方が、はるかにラクだが、何か。

605 名前:Name_Not_Found :03/02/25 02:03 ID:???
>>604
ばーか

606 名前:Name_Not_Found :03/02/25 02:04 ID:???
602じゃないし,スレ違いだけど答えてみる.
分かりやすく具体例を書いて見る.

A,Bの2つのフレームで構成されるページがあったとする.
Aのリンクに対応して,Bはb1,b2,b3...のページが表示される.
ナビゲーション関係はAにまとめてあるので,b1,b2,b3...にナビゲーション機能は持たせていない.

この場合,外部のサイトからb3に飛んできた場合,Aが表示され無いので他のページに飛ぶことが出来ない.
しかしA,b3をまとめてリンクすることは出来ない.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^


この問題を解決するためにはb1,b2,b3...にサイトナビゲーションの機能を持たせるしかないが,するとAは存在意義を失う.

って感じでどうだ?

607 名前:Name_Not_Found :03/02/25 02:05 ID:???
今時その手の厨はいねえよ
ネタは上手くやれ。ただし他所で

↓質問と見せかけて山崎渉

608 名前:Name_Not_Found :03/02/25 02:18 ID:???
>>606
うーむ、納得だな。
わかりやすくてまとまってるよ。

ただ、CSSで各ページにナビゲートを作ったとして、
ナビゲートの項目を変えたいときに全部書き直すのはめんどくさくないのか?

フレームにはその利点が有ると思う。


609 名前:Name_Not_Found :03/02/25 02:20 ID:???
606さん見たいな人がいると、アホみたいなやりとりが少なくなると思うんだが
まともな説明も出来ない奴がほえるとろくなことがない

610 名前:Name_Not_Found :03/02/25 02:27 ID:???
>>608
スクリプトなりSSIなりXSLTなりobjectによる埋め込み(インラインフレームの代わりだね)なり手はあると思うけど。


611 名前:Name_Not_Found :03/02/25 02:31 ID:???
>>608
作り手がラクしてユーザに不便を強いるわけ?
非フレームでもラクできなくはないが

612 名前:Name_Not_Found :03/02/25 02:33 ID:???
>>609
ばーか

613 名前:Name_Not_Found :03/02/25 02:40 ID:???
>>611
ユーザがラクして作り手に不便を強いるわけ?
その辺は需要と供給の力関係によるだろ。

614 名前:Name_Not_Found :03/02/25 02:42 ID:???
ユーザにとってフレームが不便だというなら、
cssだろうが関係なく不便って事になるんじゃねーの?
ナビゲートなんざいくらでも入れられるし。
作り手が楽出来るところを楽して悪いわけがない。
というか一般人はそんなこときにしない。
というか文字サイズが激小のバカが作るcssサイトは嫌だ。逸れた。

615 名前:Name_Not_Found :03/02/25 05:05 ID:???
続きはこちらで

フレーム使うなだと?ボケぇ
http://pc2.2ch.net/test/read.cgi/hp/998434786/

(´-`).。oO人はTABLEにもどってくるんだよ。
http://pc2.2ch.net/test/read.cgi/hp/1011140326/

【td】テーブルレイアウトの何が悪いん?【/td】
http://pc2.2ch.net/test/read.cgi/hp/1035775357/


616 名前:Name_Not_Found :03/02/25 10:45 ID:???
ここは、スタイルシートについての質問がしたい人のタメニあるのであって、
勧めたい、ってわけじゃないんだから挑発に乗るのはよそうよ。

617 名前:Name_Not_Found :03/02/25 10:49 ID:???
フレーム云々の話題はこちらで。

段組は愚かなのだろうか?
http://pc2.2ch.net/test/read.cgi/hp/1043588207/


そのスレ主の顔文字がつくったサイト

フレームを普及させるサイト
http://frame.s26.xrea.com/

618 名前:Name_Not_Found :03/02/25 11:33 ID:NBoSb2bt
>>614
お前の言うとおりだ。
そんなことを気にしてるのはウェブ製作きちがいのお前等だけだ。
連邦のフレームに文句つける奴なんていないだろ?
反論おまちしてまーす↓

619 名前:Name_Not_Found :03/02/25 11:44 ID:???
↑誘導されてんだから巣にカエレ

620 名前:Name_Not_Found :03/02/25 11:48 ID:???
では次の質問どうぞ


621 名前:Name_Not_Found :03/02/25 12:03 ID:???
なんでcss使うの?
htmlの方が対応範囲が広いじゃない。
利用者の幅を狭めてどうすんの?
つまりcssって自己満足じゃないの?

622 名前:Name_Not_Found :03/02/25 12:07 ID:???
↑カ(ry
↓次(ry

623 名前:Name_Not_Found :03/02/25 12:11 ID:???
みんなCSS Validator での「警告」って、気にしてるもんなの?
http://jigsaw.w3.org/css-validator/validator-uri.html

624 名前:Name_Not_Found :03/02/25 12:19 ID:???
>>621
CSS使えないからって卑屈になるなよ。

対応範囲? 利用者の幅? 狭い視界しか持ち合わせていないようだが、
その対応範囲とやらを広げようとすれば、使ってみるのが一番だろ。

と、昼飯の後に軽く釣られてみる。

625 名前:Name_Not_Found :03/02/25 12:26 ID:???
偏見だよ。上級者じゃないけど使えるよ。

>対応範囲とやらを広げようとすれば、使ってみるのが一番だろ。
だから何で?
対応がhtmlよりバラバラじゃんって話だよ?
将来的には今よりサポートが広くなるかもしんないけど。

626 名前:Name_Not_Found :03/02/25 12:29 ID:???
>>623
ほとんど気にしない。
background-colorを指定しろって大量に出てくるけど、いちいち指定してらんない。

>>624-625
>>617

627 名前:Name_Not_Found :03/02/25 12:34 ID:???
HTMLの方が対応範囲が広いって、そりゃ当然だろ、時間の流れからして。
使いもしない技術は洗練されないだろ。
使い込まれた結果に煩雑になったHTMLっつーのもあるが。

HTMLのみで…CSSを使わずに、いわゆるテーブルレイアウトとか
論理的、視覚的なものを両方盛り込んだ上で、
メンテナンスや更新が楽であって、なおかつ、対応範囲が広いHTMLがあるなら歓迎?

そもそも、UAに対応するために、文書をいじくり回して
UA別に複数の文書を用意すること自体がおかしいとは思うが。
根本的な答えはできてないかもで申し訳ないが、
だったら視覚的な部分…CSSをUA別に用意して、文書は一つという方が必然。

どう振り分けるか、というのはまた別な問題。


628 名前:Name_Not_Found :03/02/25 12:35 ID:???
>>626
その誘導はちょっと趣旨が違う。

629 名前:Name_Not_Found :03/02/25 12:37 ID:???
あーもう、なんで質問スレで議論したがるかなー
スルーしろよ、ったく

630 名前:Name_Not_Found :03/02/25 12:39 ID:???
>>629
じゃあ答えてくれよ。 なんで?

631 名前:Name_Not_Found :03/02/25 12:44 ID:???
>>616

632 名前:Name_Not_Found :03/02/25 12:52 ID:???
>>622
> ↑カ(ry

って何を略してるんだよーわからねえ

633 名前:Name_Not_Found :03/02/25 12:57 ID:???
↓以後、議論はスルーで。

634 名前:Name_Not_Found :03/02/25 12:57 ID:???
>>627
なんだ、振り分けてんの。
そんな技術は当方ないから気付かなかったよ。

>>630は自分じゃないよ。

635 名前:Name_Not_Found :03/02/25 13:05 ID:???
議論も答えることもできない香具師が仕切るなってw

636 名前:Name_Not_Found :03/02/25 13:09 ID:???
>>634
見る側が選べるorオフにできるという点もあるぞ、CSSは。

ま、勧める気も押しつける気もないから、いいか。

637 名前:Name_Not_Found :03/02/25 13:17 ID:???
毎度毎度、「テーブルレイアウトは様々な人に制作者が意図したデザインで見れる」と言ってくる奴がいるわけだが、そんなにデザインに拘るなら、そもそも画像を使うべきだ。
HTMLは文書構造を表すものであって、デザインと共に書く物ではない。

そしてCSSは、気をつければ、CSSでどのブラウザでも同じデザインにすることもできるし、
正しいHTMLを記述しておけば視覚障害者にも優しい、健常者はユーザースタイルシートを利用したり・OFFにしたりと見やすくなる可能性だってある。

さあ、教えてくれ。テーブルレイアウトのメリットを。
組みやすい? 制作者のメリットなんてどうでもいい。
君の組むテーブルレイアウトでデザインされたものが最高に見やすいのか?

638 名前:Name_Not_Found :03/02/25 13:18 ID:???
>>637
http://pc2.2ch.net/test/read.cgi/hp/1045704853/l50

以後そっちでやってくれ

639 名前:Name_Not_Found :03/02/25 13:20 ID:???
>>638
スマン。

640 名前:Name_Not_Found :03/02/25 13:28 ID:???
って言うか、ぽんたとTACTだろ、さっきから必死になってるのは

641 名前:Name_Not_Found :03/02/25 14:21 ID:???
>>626
> >>623
> ほとんど気にしない。
> background-colorを指定しろって大量に出てくるけど、いちいち指定してらんない。

background-color指定しないのって背景色を指定しとかないと文字が読めなくなる
可能性があるからだよね?
なんで{ background-color: transparent; }では警告でないの?


642 名前:Name_Not_Found :03/02/25 14:27 ID:???
正直 background-color ぐらいでいちいち警告出されるのうざい

643 名前:Name_Not_Found :03/02/25 15:02 ID:qpOh9l3R
HTMLタグで画像を半透明にさせる
<style><!--img {filter:alpha(opacity=50);-moz-opacity:0.5; }-->
</style>
ってタグがあるけど指定した画像だけ半透明にするにはどうしたらいいの?
教えてください。

644 名前:Name_Not_Found :03/02/25 15:08 ID:???
>>643
img.hoge { filter:alpha(opacity=50);-moz-opacity:0.5; }

指定したい画像を<img class="hoge">とする。(hogeは任意の文字列)
つうかブラウザ依存かつ処理が重くなるfilterプロパティなんかより
直接画像に半透明処理したほうが賢明。

645 名前:Name_Not_Found :03/02/25 15:34 ID:qpOh9l3R
>>644
>>直接画像に半透明処理したほうが賢明
それだと画像は半透明になるけど後ろの壁紙が透けて見えないよね。
透けないと意味ないんですよ。

646 名前:Name_Not_Found :03/02/25 15:39 ID:???
GIFにして市松模様で透過したら疑似半透明の出来上がり
スーファミライクでいいかもよ

647 名前:Name_Not_Found :03/02/25 20:04 ID:???
>>646
それを、GIFアニメで交互に出すってのもいいな。

>>643
<style>とか</style>とかがタグで、
<!--〜-->がHTMLのコメントアウトで、
img{filter:alpha(opacity=50);-moz-pacity:0.5;}はCSS文。
そして、filterと-moz-pacityはブラウザ拡張なので、私はあまりお勧めしない。
-moz-系プロパティに関してはモジラORG自身がブラウザ内で使うために作ったのものなので、
一般のサイトでは使うなと言っている。

648 名前:Name_Not_Found :03/02/25 22:37 ID:chBUZHbz
勉強になりまふ

649 名前:Name_Not_Found :03/02/25 23:47 ID:???
>>645
PNGのαチャンネルで透過処理ってどうだ?
って,PNGのαチャンネルちゃんと対応しているUAってあったっけ?


>>646
それって,GIFの圧縮効率がめちゃくちゃ悪そう(w


650 名前:Name_Not_Found :03/02/26 00:34 ID:???
>>649
MozillaとNetscape6以降は対応してる
MacIE5は対応してたかな
Operaは知らん


651 名前:Name_Not_Found :03/02/26 01:47 ID:KxoPUjfq
質問です。(OS-W2K)(ブラウザ-IE6)
metaではtext/css宣言してあります。

HRを左寄せしたいのですが、
Googleで
http://216.239.33.100/search?q=cache:pv34ZogTSGcC:www5.wisnet.ne.jp/~z-plus/hp/html40/hr.html+%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E3%80%80%E5%B7%A6%E5%AF%84%E3%81%9B%E3%80%80HR&hl=ja&ie=UTF-8
のように検索して、

<HR STYLE="BORDER-ALIGN:LEFT; COLOR:#008080 ;WIDTH:250px;">
↑このように記述しました。
colorとwidthは効くのですが、左寄せが効かないです。
小文字にしてもダメでした。
何が間違っているかわかりますでしょうか?

652 名前:Name_Not_Found :03/02/26 01:55 ID:???
>>651
border-alignって何ですか
そんなインチキサイトを見ても何も得る所は無いですよ、>>1読め

653 名前:Name_Not_Found :03/02/26 01:56 ID:???
<hr style="margin-left:0px; color:#008080; width:250px;">

654 名前:Name_Not_Found :03/02/26 02:00 ID:KxoPUjfq
>>652
はぁ・・・インチキ何ですか。
すいません。>>1見ます。
検索の方が早いと思ったもので。。

>>653
すいません。左余白は別に…

取り合えず調べて、以下のようにしました。
<HR STYLE="text-align:LEFT; COLOR:#008080 ;WIDTH:250px;">
NN4とOpera6とIE6はOKでした。
が、NN7ではダメだったので調べなおします。。

655 名前:Name_Not_Found :03/02/26 02:06 ID:KxoPUjfq
>>653
すいません。左余白じゃないですね。

656 名前:Name_Not_Found :03/02/26 02:12 ID:KxoPUjfq
えっと…
<HR STYLE="margin-left:0 ;margin-right: aito;TEXT-ALIGN: LEFT; COLOR: #008080 ;WIDTH: 250px;">
なんか間違っているような気もしますが、これで
NN4とNN7とOpera6,7とIE6に対応出来ました。

>>653さん、ヒント頂いてどうもでした。

657 名前:Name_Not_Found :03/02/26 02:14 ID:???
<hr style="
text-align:left;
color:#008080;
background-color:#008080;
margin-left: 0;
border:none;
width:250px;
height:2px;">

658 名前:Name_Not_Found :03/02/26 02:14 ID:KxoPUjfq
あ、autoです。あとNNではcolorは効かないですが、いいっす。

659 名前:Name_Not_Found :03/02/26 02:16 ID:KxoPUjfq
>>657
それが正しい記述ですか?
borderとheightをまだ調べてないので、勉強してみます。
有難う御座いました。

660 名前:Name_Not_Found :03/02/26 02:26 ID:???
>>659
正しい記述かどうか知らんが、
取り敢えず既存のブラウザの多くで同じ様な見栄えになるだけのこと。
各ブラウザ間で、HRの実装方法が異なるので一貫性のある見栄えの調整は無理。
然るべきブロックレベル要素で括ってボーダーを指定した方が賢明。

661 名前:Name_Not_Found :03/02/26 02:44 ID:???
>>659
Valid(正当)かどうかは>3の検証サービスで分かる。

662 名前:Name_Not_Found :03/02/26 13:23 ID:???
>>660
それじゃCSSをオフにした時見づらくなる。
<p class="attention">注意!!</p>
と同レベル

663 名前:Name_Not_Found :03/02/26 13:35 ID:???
>>657のtext-align:left;はCSS的には明らかに間違ってるよなぁ。
ブロック要素をtext-alignで動かすって変。
まぁ、Validにこだわらなければそれでも良いと思うけど。

664 名前:Name_Not_Found :03/02/26 14:13 ID:KxoPUjfq
>>660-663
えっとですね、お蔭様でインライン要素は簡単にセンタリング&横寄せ出来ました。
「正しい」ってのは、Strict程じゃなくていいです。なるべく仕様通りにはしたいですけど。。

ブロック要素(今回はHR)の位置決めですが、DIVを使って、外部cssにしようと思ったのですが

DIV.cntr {margin-left :auto; margin-right:auto;}だとIEでは無効なので不可
(値=0でもダメでした)
DIV.cntr {text-align :center;}は言うまでもなくダメ

で、値は適当ですが、下のように。。
DIV.cntr {margin-left :50px; margin-right:50px;}
IEとネスケで、または解像度の違いによって、バラバラなのでダメ

もう<DIV ALIGN="CENTER">〜</DIV>で良いような気がしますが、
取り合えず最初のtext-align使ってます。
または、ページ毎に支障の無い範囲でpx指定してます。


665 名前:Name_Not_Found :03/02/26 14:17 ID:???
Pxで指定しようとするからダメなんじゃないか

666 名前:Name_Not_Found :03/02/26 14:20 ID:???
>>663
確かにそうなんだが、俺は別に構わないと思う。
@import 使って NN4.x とか MacIE 除けするのと似たようなものかと。

>>664
DIV.cntr なんてclass名にするなら素直に <DIV ALIGN="CENTER"> にしとけって思うぞ。

667 名前:Name_Not_Found :03/02/26 14:39 ID:KxoPUjfq
>>665
すいません。autoと0もダメでした。

>>666
母音抜くのクセなもので。。

>素直に<DIV〜>
どっちでも表示結果が同じなので、(ネスケだとcolorは違いますけど。)
ttp://openlab.ring.gr.jp/k16/htmllint/htmllint.html
ここで100点の方がイイじゃんっていう自己満足です。。
対応ブラウザ的には<DIV ALIGN>の方がいいんでしょうけどね。

ちなみに表示確認とっているのは、NN4.78、7.01とOpera5.05、7.02(ja)、IE6、mozzila1.2.1jaです。
基本的にデフォ設定で。。

668 名前:Name_Not_Found :03/02/26 15:20 ID:???
ボインで抜くのクセなもので。。

669 名前:Name_Not_Found :03/02/26 15:21 ID:???
>>667
>母音抜くのクセなもので。。

そういう問題じゃない。

670 名前:Name_Not_Found :03/02/26 15:23 ID:???
>>669
じゃあ何で抜くんだよ

671 名前:Name_Not_Found :03/02/26 15:24 ID:???
じゃ、どういう問題?
位置指定だからalgn(align)やpstn(position)にしろとでも?

672 名前:Name_Not_Found :03/02/26 15:24 ID:???
>>667
お前はpxしか単位を知らないのか?

673 名前:Name_Not_Found :03/02/26 15:26 ID:???
em?インチ?絶対指定には変わりないじゃん。

674 名前:Name_Not_Found :03/02/26 15:34 ID:???
>「正しい」ってのは、Strict程じゃなくていいです。
ワロタ

675 名前:Name_Not_Found :03/02/26 15:35 ID:???
そんな揚げ足レスは無駄だろ。
次行けよ次。

676 名前:Name_Not_Found :03/02/26 15:37 ID:???
物理構造のためのネーミングをするなという問題かもよ。


677 名前:Name_Not_Found :03/02/26 15:43 ID:???
>揚げ足レス
ワロタ

http://dictionary.goo.ne.jp/cgi-bin/dict_search.cgi?MT=%CD%C8%A4%B2%C2%AD&sw=2

678 名前:Name_Not_Found :03/02/26 15:44 ID:???
>>670
MEGUMI

679 名前:Name_Not_Found :03/02/26 15:46 ID:???
677
http://dictionary.goo.ne.jp/cgi-bin/jp-more_print.cgi?MT=%C7%F2%F0%B5&ID=a4cf/16181800.txt&sw=2

680 名前:Name_Not_Found :03/02/26 15:49 ID:???
そんな白痴レスは無駄だろ。
次行けよ次。

681 名前:Name_Not_Found :03/02/26 15:50 ID:???
まったくだ。低脳どもが。

682 名前:Name_Not_Found :03/02/26 15:52 ID:???
× 低脳
○ 低能

683 名前:ポンコツプログラマー ◆/6mHe./ODg :03/02/26 16:14 ID:???
-----------------------------------------------------------
|文字|
------

みたいなことを実現したいんですが、可能でしょうか?

684 名前:Name_Not_Found :03/02/26 16:18 ID:???
可能ですよ、ポンコツ

685 名前:Name_Not_Found :03/02/26 16:19 ID:???
>ポンコツ
できるよ

686 名前:Name_Not_Found :03/02/26 16:21 ID:???
ポンコツには無理じゃないか

687 名前:Name_Not_Found :03/02/26 16:32 ID:???
ポンコツとは言ってもプログラマーだぞ

688 名前:ポンコツプログラマー ◆/6mHe./ODg :03/02/26 16:35 ID:???
これはなんというものなのでしょうか・・・
CSSリファレンスで探しているのですが・・・
それらしいものが見つからず・・苦戦しています。

689 名前:Name_Not_Found :03/02/26 16:36 ID:???
>>688
頑張れ!

690 名前:Name_Not_Found :03/02/26 16:36 ID:???
ボーダーについて学んでから出直せポンコツ

691 名前:Name_Not_Found :03/02/26 16:39 ID:???
ポンコツなりに頑張れば

692 名前:Name_Not_Found :03/02/26 16:44 ID:???
プログラマーならプログラムにやらせればいいじゃん

693 名前:Name_Not_Found :03/02/26 17:30 ID:???
〜ポンコツを応援するスレ〜
※あくまで応援だけしてください

694 名前:Name_Not_Found :03/02/26 17:40 ID:???
違います、ここは

/* CSS・スタイルシート質問スレッド【15】 */
http://pc2.2ch.net/test/read.cgi/hp/1045124732/  
                               です。

勝手に変更しないように、ヘッポコ693

695 名前:584 :03/02/26 17:51 ID:wg+aYV0q

>'width'は効果を持ちません。'left'、'right'、'margin-left'、'margin-right'の値が'auto'なら、
>その値は'0'(ゼロ)として扱われます。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visudet.html#Computing_widths_and_margins

その値は0として扱われます。という、その値とは何に対しての値なんでしょうか?
よろしく、お願いします。

696 名前:Name_Not_Found :03/02/26 18:08 ID:???
'left'、'right'、'margin-left'、'margin-right'の
実際の値(算出値)が0になるってことだべ。

697 名前:584 :03/02/26 18:27 ID:???
>>696
どうもです。
わかるような・・、わからないような・・・。中々、言葉がむずかひい。

698 名前:Name_Not_Found :03/02/26 18:29 ID:hor3ttyZ
>>695
読解力が無さ過ぎやしないか。活字離れの影響か。
これぐらいの文章、小学生でも理解できそうだぞ。
まさか、幼稚園児じゃないだろうな。

699 名前:Name_Not_Found :03/02/26 18:30 ID:???
sage

700 名前:Name_Not_Found :03/02/26 18:32 ID:???
妙なじいさんが来たぞ

701 名前:584 :03/02/26 18:39 ID:???
>>698
すいません・・。でも、本当にわかるような、わからないような。
包含ブロックに対しての理解が全然できてないようです。
勉強を続けます。。。

702 名前:Name_Not_Found :03/02/26 18:48 ID:???
確かに、「10. 視覚整形モデル詳細」はわけ分かんないとこが
あるからなー。
「絶対配置の場合……」は飛ばして読むのがおすすめだ。

703 名前:584 :03/02/26 18:58 ID:???
>>702
親切にどうもです。で、ついでに質問させてください。

「制限しすぎ」っていうのがあるじゃないですか。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visudet.html#q6
>上に挙げたすべてのプロパティが、指定値として'auto'以外の値を取る時、
>それらの指定値は「制限しすぎ」であると言う。
>           ~~~~~~~~~~~~~~~~
>そして、それらのプロパティのうち1つは、指定値とは異なる算出値を取る必要が生じる。

これは、実際、staticな位置に配置される非置換ブロック要素に
'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right'
をauto以外の値にする場合に「制限しすぎ」という状態になるんですよね?
でも、すべてのプロパティをauto以外の値にしても、ちゃんと動作します。

「制限しすぎ」っていうのは、目に見えるエラーやCSS文法チェックで出てくるエラーじゃなく、
こういう仕様だという理解でいいんですか?

超クソ長文スンマソン

704 名前:Name_Not_Found :03/02/26 19:05 ID:???
指名かよ
横レスできねーな

705 名前:584 :03/02/26 19:07 ID:???
>>704
いや、遠慮無く横レスして下さい。m(゚∀゚)m

706 名前:702 :03/02/26 19:15 ID:???
margin-left: 10px; border-left-width: 10px;
padding-left: 10px; width: 100px;
padding-right: 10px; border-right-width: 10px;
margin-right: 10px;

と指定した場合、「制限しすぎ」になる。これらの合計は160pxだが、
たとえば包含ブロックの幅が200pxの場合は、margin-rightの
指定値10pxは無視され、合計が200pxになるように、margin-rightの
算出値は50pxになる。(direction: ltrの場合)

てな感じかな。

707 名前:Name_Not_Found :03/02/26 19:16 ID:???
シネーヨヴォケ(゚∀゚)アヒャヒャヒャ

708 名前:584 :03/02/26 19:22 ID:???
>>706
めっちゃ、わかりやすい。包含ブロックも上の例で理解できたような気がします。
ありがとうございました。( ´∀`)/

709 名前:Name_Not_Found :03/02/26 19:59 ID:???
>>703
>そして、それらのプロパティのうち1つは、指定値とは異なる算出値を取る必要が生じる。
>'direction'の値が'ltr'なら、'margin-right'の指定値が無視され、上の等式を満たすような算出値が与えられる。
>'direction'の値が'rtl'なら、'margin-left'が同様の処理を受ける。
と書いてあるでしょう、本当に良く読んでいるのですか。

「何でもかんでも質問すれば良い」とでも考えているのですか。
仕様書は、一部分を読んだけでは全体像は見えてきません。
一通り良く読み、良く考えて、それでも解からなかったら質問して下さい。


710 名前:584 :03/02/26 20:08 ID:???
>>709
どうも。一通り読んでます。仕様書と「鳥さんの棲むところ」を見比べながら、
サンプルソースを書いて、opera6.05とie6.0とnetscape7.0で見比べながらやってます。

それでも、わからない部分を聞いているんです。
気分を害したならば、謝ります。


711 名前:584 :03/02/26 20:10 ID:???
蛤ってなんて読むんですか、教えて下さい。

712 名前:Name_Not_Found :03/02/26 20:11 ID:???
>>709
まあ、落ち着け。

713 名前:Name_Not_Found :03/02/26 20:34 ID:???
偉そうに文句言ってるだけの奴がいますね

714 名前:Name_Not_Modified :03/02/26 20:38 ID:???
はまぐり。

715 名前:Name_Not_Found :03/02/26 20:41 ID:???
はまぐち。

716 名前:Name_Not_Found :03/02/26 21:24 ID:???
>>710
気分を害しましたので謝ってください。

717 名前:Name_Not_Found :03/02/26 21:28 ID:???
ごめんなさい、勘弁してください

ところでなぜ海の色は青いのですか?

718 名前:Name_Not_Found :03/02/26 21:47 ID:???
>>717
空の色が映ってるから

719 名前:Name_Not_Found :03/02/26 21:56 ID:???
勉強になります

720 名前:Name_Not_Found :03/02/26 21:58 ID:???
>>717
CSSで指定されてるから。
.sea{
background-color:#3261af;
}

721 名前:Name_Not_Found :03/02/26 22:01 ID:???
海の水がしょっぱいのは何故ですか?
気分を害したならば、謝ります。

722 名前:Name_Not_Found :03/02/26 22:35 ID:VO1YKCx8
>>721
あれは海水浴客の尿や汗の味です。


ある一部分にだけ他の箇所とは違うlink要素を適用するには
どうすればいいのでしょうか?

723 名前:Name_Not_Found :03/02/26 22:39 ID:???
>>722
擬似クラスのことか
このスレ嫁

724 名前: ◆.noteIcx3A :03/02/26 22:41 ID:???
>>722さん
ええと、head要素内に書く方のlink要素ですか?
それとも、a要素内に書く擬似クラスの方ですか?
(たぶん後者でしょうけど)

725 名前:Name_Not_Found :03/02/27 01:37 ID:???
>>724
前、このスレかどのスレか忘れたけど、◆.noteIcx3A さんに世話になったものです。
そのちょっと意地悪いレスにがかりです。前は、もっと丸みがありましたよ?

サイトは時々拝見させてもらってます。

726 名前: ◆.noteIcx3A :03/02/27 01:50 ID:???
>>725さん
あ、誤解を招いたならごめんなさい。
憶測で回答するより、質問のポイントを明確にした方がいいかな、と思いまして…。
ええと、とりあえず後者だろうということで>>723に回答します。

特定のアンカー(仮にhogehogeとします)に
他のアンカーと違う効果をもたらす方法ですが、2種類あります。

1.<a href="〜" class="hogehoge">リンク</a>というように、
 アンカー自身にclassを指定して、特定の効果を指定したい場合

この場合、a.hogehoge:link{〜]とすれば、他のa:link{〜}と区別されます。

2.<p class="hogehoge"><a href="〜">リンク</a></p>というように、
 hogehogeというclassに含まれるアンカーに特定の効果を指定したい場合

この場合、 .hogehoge a:link{〜}とすれば、他のa:link{〜}と区別されます。

ちなみに私は2.の方法を主に使ってます。

727 名前:Name_Not_Found :03/02/27 01:51 ID:???
意地が悪いようには見えんが
質問要綱をハッキリしてくれんと答え様が無いのは如何ともし難いんじゃ・・・

728 名前:Name_Not_Found :03/02/27 01:57 ID:???
>>726
生意気言ってすいませんでした。。。
>>727
おっしゃる通りです。申し訳ないです。

729 名前: ◆.noteIcx3A :03/02/27 01:57 ID:???
>>726の4行目、「>>723に回答」じゃなくて「>>722に回答」ですね(汗)
今日はもう遅いので寝ますけど、もし>>726の説明でよく分からなかったら、
言ってくださればサンプルページ作ります。

730 名前:Name_Not_Found :03/02/27 02:34 ID:???
>729
アンタいい人だな。
俺だったら
「もう他人の質問なんか答えてやらねぇ」
と思うな。

731 名前:Name_Not_Found :03/02/27 05:25 ID:???
>>730
剥同。

732 名前:Name_Not_Found :03/02/27 14:15 ID:5uVyIPz0
すいません、質問させて下さい。
Tableで使われるCellSpacing、CellPaddingはCSSではどう書けば良いのでしょうか?
スタイルシートで作った枠に、Tableと同等の値を入れたいので。。

733 名前:Name_Not_Found :03/02/27 14:23 ID:???
>>732
cellspacing → TABLEに対して border-spacing
cellpadding → TD, THに対して padding

734 名前:732 :03/02/27 14:36 ID:???
>>733
どうもありがとうございます。感謝します。

735 名前:Name_Not_Found :03/02/27 16:16 ID:???
IE 5.1だとCSS適用されるのに、ネスケ4.7だと適用されない。
どうして?

736 名前:Name_Not_Found :03/02/27 16:30 ID:???
NN4.7が腐ってるから。

737 名前:Name_Not_Found :03/02/27 16:31 ID:???
仕様。そして、NN4.7が腐ってるから。

738 名前:Name_Not_Found :03/02/27 16:32 ID:???
>>736
>>737
ケコーン

739 名前:Name_Not_Found :03/02/27 16:49 ID:???
>>736
>>737
ケコーン

740 名前:Name_Not_Found :03/02/27 16:57 ID:???
>>738-739
重婚イクナイ


741 名前:Name_Not_Found :03/02/27 17:02 ID:???
>>736
>>737
そうか。。。でも仕様書には4.0以降に対応って書いてあるんだよね。
どうもありがとう。

742 名前:Name_Not_Found :03/02/27 17:10 ID:???
>>741 ソース書いてYO!

743 名前:Name_Not_Found :03/02/27 21:07 ID:???
>>741
HTMLのバージョンとブラウザのバージョンを混同?

744 名前:Name_Not_Found :03/02/27 22:26 ID:???
仕様書にどのUAに対応かなんて書いてあるのか?

745 名前:Name_Not_Found :03/02/27 22:38 ID:???
>>743-744
まあ、いいじゃないか。
彼は「ネスケ4は腐っている」という正しい知識を得て、このスレを去っていったのだから…

746 名前:Name_Not_Found :03/02/27 22:38 ID:kUVkEsC7
今、テーブルを使用したサイト構成から、なるべくCSSを使用したサイトへ
書き換えをしようとしているのですが、色々と試してみてもよく分からない
ので質問させて下さい。

例えば、以下のようなテーブルでレイアウトしているぺーじは、CSSで
どのように書き換えたら良いでしょうか。

<TABLE border="1">
<TBODY>
<TR>
<TD bgcolor="#804040"><IMG src="画像" border="0"></TD>
<TD bgcolor="#ff8080">文章・・・・・</TD>
</TR>
</TBODY>
</TABLE>

747 名前:Name_Not_Found :03/02/27 22:48 ID:???
>>746
<div class="hogehoge">
<img src="**" alt="**" width="**" height="**">
<p>文書・・・・</p>
</div>

cssは
.hogehoge {border:1px solid #好みの色;}
img{background-color:#804040; border:none;}
p{background-color:#ff8080;}

余白とかつけたい時はお好みで

748 名前:Name_Not_Found :03/02/27 22:54 ID:???
>>747
strict厨としては
<div class="hogehoge">
<dl>
<dt><img src="**" alt="**"></dt>
<dd>文章……</dd>
</dl>
</div>

dl{display:inline}
またはフロートで

749 名前:Name_Not_Modified :03/02/27 22:56 ID:???
>>747
back-ground: に対する color: がありませんって怒られない?
color:inherit; かな?

750 名前:Name_Not_Found :03/02/27 22:59 ID:???
>>748
いや、「文書・・・」が画像の説明なのか解らなかったので・・
確かにその通りだね、スマソン
>>749 ヤッチマッタ スマソン

751 名前:Name_Not_Found :03/02/27 23:00 ID:???
こちらに誘導されたのでこちらで質問します。

スタイルシートのテキストってページ内で1つしか使えないんですかね?
例えば文字が12pxと14pxのスタイルシートがあったとします。
これにリンクを貼ってマウスを乗せたら色が変わるようにしたい。
で、a;hoverで背景の色を指定します。
でも、テキストサイズも指定しなければいけないから12pxにする。
そうすると14px用のa;hoverが作れません。

ちなみにDWMX使ってます

752 名前:746 :03/02/27 23:02 ID:???
説明不足ですみません。
写真付きの日記を公開しているのですが、テーブルの左のセルに写真、
そして右のセルに日記の文章をレイアウトしています。
皆さん、ありがとうございました。
試してみます。


753 名前:Name_Not_Found :03/02/27 23:07 ID:???
>>750
って俺のアホ! よく見たら画像と文書は同じTR内じゃないか!
>>752
ちょっとまってて。ゴメンネ

754 名前:Name_Not_Found :03/02/27 23:08 ID:???
>>751
とりあえず、a;hoverじゃなくてa:hoverね。
後は状況把握してからレスします。

755 名前:Name_Not_Found :03/02/27 23:10 ID:???
>>751
> でも、テキストサイズも指定しなければいけないから12pxにする。
 なんで指定しなきゃならないの?どこでそんなヘンな知識を。

756 名前:Name_Not_Found :03/02/27 23:14 ID:???
>>751
文章が理解できません。

757 名前:Name_Not_Found :03/02/27 23:22 ID:???
>>751
DWでは「テキストサイズも指定しなければいけない」操作が必要ということか?
あるいは、勝手にテキストサイズまで指定されてしまうということか?
いずれにしても↓

Dreamweaver教えます♪(その7)
http://pc2.2ch.net/test/read.cgi/hp/1044871264/

758 名前:754 :03/02/27 23:25 ID:???
>>751
何度読んでも状況が把握しきれないんだが、

<p class="size14px">クラス名は説明用な(笑)<a href="size14.html">14pxのリンクね。</a></p>
<p class="size12px">この文はサンプル文な。<a href="size12.html">12pxのリンク。そこんとこヨロしく/a></p>

なら、
.size14px{
font-size:14px;
}
.size12px{
font-size:12px;
}

.size12px a:hover,.size14px a:hover{
background-color:お好きな色;
}

でええんちゃうかと。

759 名前:751 :03/02/27 23:25 ID:???
>>754-756
厨ですみません・・・。
さっき、テストしていたのですが
やはりa:hoverやa:linkなどはページ全体に適用されるみたいですね。

やりたかったことですが
12pxの”あいうえお”と14px”あいうえお”を指定してたとして
ともにリンク貼った時の表示を異ならせたかったのです。
a:hoverに色をつけてたら
どの文字のリンクでも色が付いてしまいますよね?
ページ内の特定のリンク文字だけに色をつけたかったんです。

760 名前:751 :03/02/27 23:26 ID:???
>>758
ありがとうございます!早速試して結果報告しにきます。

761 名前:754 :03/02/27 23:28 ID:???
訂正。

誤)
.size12px a:hover,.size14px a:hover{
background-color:お好きな色;
}

正)
.size12px a:hover,.size14px a:hover{
background-color:お好きな色;
color:お好きな色;
}

怒られます(((( ;゚Д゚)))ガクガクブルブル

762 名前:751 :03/02/27 23:33 ID:???
754さん、ありごとうございます。
が、無理でした。。色は反映されません。
下記のようにコピペしたのですが・・・。

.size14px{
font-size:14px;
}
.size12px{
font-size:12px;
}

.size12px a:hover,.size14px a:hover{
background-color:#ff0000;
color:#ffcc99;
}


763 名前:Name_Not_Found :03/02/27 23:33 ID:???
<div class="hogehoge"><dl>
<dt><img src="***.***" alt="**" width="**" height="**"></dt>
<dd>文書・・・・</dd></dl></div>
.hogehoge {background-color:#お好み;color:#お好み;border:1px solid #お好み;clear:left;}
img{border:none;}
dt{background-color:#844;color:inherit;float:left;}
dd{background-color:#ff8080;color:inherit;border:none;}

(行数短くするため改行をある程度省きました、ご自分で見やすいようにしてください)
こ、これでどうだろう・・(((((((( ;゚Д゚)))))))ガクガクブルブル

764 名前:754 :03/02/27 23:36 ID:???
>>762
HTMLのほうのソースお願いします。

765 名前:Name_Not_Found :03/02/27 23:36 ID:???
>>762
何がしたいの??
箇条書きにしてごらん。

766 名前:Name_Not_Found :03/02/27 23:37 ID:???
>>759
>ページ内の特定のリンク文字だけに色をつけたかったんです。
>>722-726

767 名前:751 :03/02/27 23:41 ID:???
>>754
htmlソースです。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テストページ</title>
<link href="text.css" rel="stylesheet" type="text/css">
</head>
<body>
<p class="font12"><a href="#" class="size12px">あいうえお</a></p>
<p class="font14"><a href="#" class="size14px">かきくけこ</a></p>
</html>

>>765
それぞれ違う文字の大きさにリンクを貼ったときに
違和感なく表示させたいのです。

768 名前:754 :03/02/27 23:42 ID:???
>>767
それ、>758の例と構造が違ってます。

769 名前:751 :03/02/27 23:46 ID:???
>>754
できました!なんか独自にやろうとしたら変になりましたが
758に例文を参考に独自にやってみます。
ありがとうございました。

770 名前:Name_Not_Found :03/02/27 23:47 ID:???
>>767
>class="font12"
>class="font14"
class名が間違ってるだけだ
正しくは、class="font12px"、class="font14px"

771 名前:Name_Not_Found :03/02/27 23:53 ID:???
>>770
正しくは、class="size12px"、class="size14px" だろ。

というか、このクラス名って、めちゃめちゃ物理的じゃねえか?

12pxにする理由、14pxにする理由でつけるべきかと。

772 名前:754 :03/02/27 23:56 ID:???
>>771
>758に書いたとおり、説明用。

773 名前:Name_Not_Found :03/02/27 23:58 ID:???
>>772
いや、あんたが理解してる事はわかってるよ。
>>762がまんまコピペしてたら、と危惧したもんでな。

774 名前:754 :03/02/28 00:05 ID:???
>>773
そうですね。
物理的なクラス名を使う事への注意を書かなかったのは注意不足でした。
今後気をつけたいと思います。

775 名前:Name_Not_Found :03/02/28 09:39 ID:UxjJ64Uw
インライン要素のheightプロパティの指定は仕様上正しいものでしょうか?

776 名前:Name_Not_Found :03/02/28 09:47 ID:3H1ejrwE
http://www.agemasukudasai.com/bloom/

777 名前:Name_Not_Found :03/02/28 12:04 ID:???
>>775 ものによる

778 名前:Name_Not_Found :03/02/28 14:13 ID:???
>>775
非置換インライン要素には効果を持たない。
非置換インライン要素の高さは line-heightプロパティによって決まる。
置換要素のボックスの高さはその要素に内在している。
しかし、置換要素の heightプロパティが「auto」以外の値を取る時、
User Agent はその高さを伸縮させても構わない。

CSS 2.1 草案では、次の様に追加されている。
もし width に「auto」が指定され、height に「auto」以外が指定された場合、
width の算出値は (要素に内在する幅) * ( (heightの計算値) / (要素に内在する高さ) ) とする。


779 名前:775 :03/02/28 14:38 ID:???
>>778
ありがとうございます。heightを指定しても特に問題ないということですね。

IE5.5の場合insに背景画像を指定して、複数行(ins直下は生テキスト)にまたがる場合に画像の位置が
ずれることがあったのですが、height:1emを指定することで回避できたのでそのまま使っていいか悩んでいました。

780 名前:Name_Not_Found :03/02/28 22:14 ID:???
別にどの要素に何を指定したっていいんだよ。
適用されない要素なら無視されるだけ。

781 名前:Name_Not_Found :03/02/28 22:49 ID:???
すみません、質問させて下さい;;
何度やっても出来ないんですが、フレームを使用しているページでの、
ページの周りに枠をつけるCSSは効果がないんでしょうか?
<STYLE type=text/css>
<!--BODY{ border-style: 枠の種類;border-width: 枠の太さpx;border-color: 枠の色;-->
</STYLE>
<FRAMESET>
</FRAMESET>
みたいな感じで・・・
判りづらかったらスミマセン。

782 名前:Name_Not_Found :03/02/28 23:00 ID:???
愚かな・・・

783 名前:Name_Not_Found :03/02/28 23:07 ID:???
>>781
body { border-style:枠の種類; border-width:枠の太さpx; border-color:枠の色;
margin:0; padding:0; }

<body>
<iframe src="frame.html" width="100%" height="100%" ></iframe>
</body>

frame.html に
<frameset>
<frame src="***.html">
以下略

とか(汗

784 名前:Name_Not_Found :03/02/28 23:42 ID:???
>>783
body { border-style:枠の種類; border-width:枠の太さpx; border-color:枠の色;
margin:0; padding:0; }

body { border:枠の太さ 枠の種類 枠の色; margin:0; padding:0; }


785 名前:Name_Not_Found :03/03/01 02:53 ID:???
アンカーいれた文字にリンクを入れるように
ブロック属性で囲まれる部分にリンクを入れる事は可能でしょうか?

例えば
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
で左上のセルにで表示されるエリアに<a href="">を入れるみたいな

わかりにくくてスマンす。

786 名前:Name_Not_Found :03/03/01 03:02 ID:???
>>785
質問はageるように。

それと、HTML、CSSの用語をもう一度しっかり確認してください。

テキストにアンカーは入らないし、リンクにアンカーをいれたテキストも入りません。
ブロック要素、包含ブロックなる言葉はあるけど、ブロック属性という言葉は存在しません。

もう一度、質問を整理して、何をしたいか明確にしてください。


787 名前:Name_Not_Found :03/03/01 03:30 ID:???
ごめんなさい。
なんと表現して言いかわからなかったものでつい…
出直してきます。

質問はageる事
との表記がないのと恥かしがり屋なのでageませんでした。

788 名前:Name_Not_Found :03/03/01 03:57 ID:???
きっと td.hoge a {display: block;} みたいなことがやりたかったのだろうと想像で答えてみる

789 名前: 788 :03/03/01 04:06 ID:???
a:hover {background: #0f0;}
td {width: 15em; border: solid 1px #0ff; text-align: center;}
td.test a {display: block; width: 100%;}

<body>

<table>
<tbody>
<tr>
  <td class="test"><a href="somewhere">top-left</a></td><td><a href="somewhere">top-right</a></td>
</tr>
<tr>
  <td><a href="somewhere">bottom-left</a></td><td class="test"><a href="somewhere">bottom-right</a></td>
</tr>
</tbody>
</table>

</body>

790 名前:RE :03/03/01 20:33 ID:???
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<style><!--
body {font-style:inherit; font-weight:inherit; text-align:inherit; padding:0; margin:0;}

.title {
background:#999999;
color:white;
text-align:center;
font-size:200%;
}

.menu {
background:#cccccc;
color:white;
text-align:center;
width:100pt;
height:100%;
}
--></style>
<TITLE>Web Site - Last Heaven</TITLE>
</HEAD>
<BODY>
<div class="title">title</div>
<div class="menu">menu</div>
</BODY>
</HTML>

と記述しているのですが。
メニュー枠(?)の右側に文字列を表示するにはどうしたらいいんでしょうか?
私流にやっても、メニュー枠の下に表示されます・・・

791 名前:Name_Not_Found :03/03/01 20:46 ID:???
>>790
>>6を読む

792 名前:RE :03/03/01 20:57 ID:???
>>791
ありがd
これでできるようになったよ。

793 名前:Name_Not_Found :03/03/01 21:04 ID:aNLuhmv0
http://eggtown.gaiax.com/home/yukime

794 名前:Name_Not_Found :03/03/01 21:23 ID:???
どうしてスレの最初を読まずに質問するヤツばかりなんだ?

795 名前:Name_Not_Found :03/03/01 22:33 ID:???
スレの最初をまず読む、という習慣が浸透していないからでは?

796 名前:Name_Not_Found :03/03/01 22:57 ID:???
>>790
div class="title"は、見出し(h1-6)要素としてマークアップした方が良いのでは?
div廚呼ばわりされちゃうよ。

797 名前:Name_Not_Found :03/03/02 00:50 ID:???
お前らがホイホイ答えるからだろ。

798 名前:Name_Not_Found :03/03/02 04:09 ID:wu7Odrfs
初心者スレから誘導されてきましたので、こっちで聞きます。


置換ブロック要素って、
hrとdisplay:none;を指定した置換インライン要素以外に何かありますか?
お願いします。

799 名前:Name_Not_Found :03/03/02 04:30 ID:???
>>798
objectとかどうよ

800 名前:798 :03/03/02 04:32 ID:???
>>799
objectはインライン要素みたいなんですけど。

801 名前:785 :03/03/02 05:19 ID:???
>789
レス遅れてすみません。
無事できました。
ありがとうございます。

802 名前:Name_Not_Found :03/03/02 08:40 ID:???
display:none;を指定した置換インライン要素って、置換ブロック要素なの?

803 名前:RE :03/03/02 11:03 ID:???
>>794
スマソ。

>>796
あ、確かにそうですね。
そうしときます。

804 名前:Name_Not_Found :03/03/02 11:50 ID:???
おい!CSSって順番関係あるのか?!

805 名前:Name_Not_Found :03/03/02 11:59 ID:???
>>804
もっと具体的に

806 名前:Name_Not_Found :03/03/02 12:09 ID:???
例えば、リンクのLVHAを指定する時、仮に:hoverが:visitedより上の位置にあると、ブラウザーで見ると:hoverが適用されないよね?(訪問済みになると)

body
h1
p
a:link
a:visited
a:hover

の順番?

807 名前:Name_Not_Found :03/03/02 12:13 ID:???
>>806
まさに、L→V→H→Aの順番。LとVはどっちが先でもよい。

808 名前:Name_Not_Found :03/03/02 12:24 ID:???
>>807
その他のタグとかは順番関係ある?リンクの順番については書いてあったんだが…LVはどっちでもいいのか。むー

809 名前:Name_Not_Found :03/03/02 12:33 ID:???
>>808
タグの順番は関係ない。関係するのは詳細度。
で、詳細度の計算方法は↓
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cascade.html#specificity

810 名前:Name_Not_Found :03/03/02 12:40 ID:???
>>809
おお、ありがとう。ちょ、下のURLで勉強してくるわ。サンキュー

811 名前:Name_Not_Found :03/03/02 15:08 ID:???
えーと、質問させてください。
http://www.geocities.co.jp/Milano-Aoyama/7024/example-j.html
の場合、ある程度幅を狭くしても回り込んでくれるんですが、
http://www.geocities.co.jp/Milano-Aoyama/7024/example.html
の場合、ある程度短くなると隠れてしまいます。
(゚Д゚)ハァ?な質問してるかもしれませんがよろしくお願いします。

812 名前:Name_Not_Found :03/03/02 15:24 ID:???
>>811
それはIEでの話ってことね?
ちなみに、Opera 7.02 では貴方が意図したように表示される。
Netscape 7.02 では、“-” で自動折り返しされないので、
contentssuitableの頁がトンでもないことになっている(笑

813 名前:812 :03/03/02 15:26 ID:???
失敬。
誤 contentssuitable
正 suitable-contents

814 名前:811 :03/03/02 15:32 ID:???
>>812さん
そうです。ちなみにOpera6.02然りです。
幅を%指定したのが(゚Д゚)マズーかったんですかね

815 名前:Name_Not_Found :03/03/02 15:43 ID:???
>>811
WinIE は「overflow: visible」の実装が間違ってるですよ。
幅を縮めても、最も長い単語が収まる様に、ボックスの幅を合わせてるですねぇー。
正しい実装では、収まりきらない内容は、ブロックボックスの外側に溢れるです。

「overflow : auto」とすると、ボックスは切り抜かれて、
かつ内容にアクセスすることが出来て宜しいかもですよ。

816 名前:811 :03/03/02 15:59 ID:???
>>815さん
なるほど。
とりあえず、手元で試してみたら崩れずにすみました。
参考になりましたっす。
どもありがとうございました(・∀・)



817 名前:Name_Not_Found :03/03/02 16:28 ID:???
なりましたっす。っす。っす。っす。

818 名前:Name_Not_Found :03/03/02 16:52 ID:???
>>816
質問の趣旨とは多少違うけれども、去年の11月、米 Wired News が
TABLE を排除したレイアウトを実現した時の DevEdge のインタビュー記事
http://devedge.netscape.com/viewsource/2002/wired-interview/

TABLE を使わずに段組する手段として float と position を候補に挙げ
最終的に position を採用した経緯が載っている。
一方、float を使って段組を実現した例が→ http://www.w3.org/

float はバギーで、「CSS/DHTMLバグ辞典スレッド ver2.0」
http://pc2.2ch.net/test/read.cgi/hp/991666454/ にもたくさん報告があるようなので、
使わずに済むなら越したことはないというのが個人的な意見。

#column1 { position: absolute; width: 20% … }
#column2 { margin-left: 20%; width: 80% … }

とかを試してみてもいいんじゃないかと思いますた。

819 名前:Name_Not_Found :03/03/02 20:32 ID:DnrhTlf2
CSSの邦訳版の話ですが、
google検索やstrictスレのテンプレなども回ってみたのですが、
ローカルでのんぶり読める zip圧縮版は無いですか?

あればそのサイトのURL教えてください。

なければ メール送ったほうがいいかなぁ。

820 名前:Name_Not_Found :03/03/02 20:33 ID:???
>>819
ダウンロードして読んでください。

821 名前:Name_Not_Found :03/03/02 21:13 ID:???
>>819
ttp://web.archive.org/web/20011204173550/http://www.fan.gr.jp/~kaz/rec-css2.zip

822 名前:781 :03/03/03 13:16 ID:???
>>783
遅くなってすみません。
そういう方法もあったんですね。
ありがとうございます!

823 名前:Name_Not_Found :03/03/03 14:30 ID:???
リンクをクリックした時に別ウインドウを開くCSSってどうしたら出来ますか?
結構前に、とあるサイトで見たんですが今は閉鎖してて・・。

アドバイスお願いします。

824 名前:Name_Not_Found :03/03/03 14:32 ID:???
>>823
CSSの範疇ではないと思われ、、、
HTML か JavaScript のお話。

825 名前:823 :03/03/03 17:07 ID:???
>>824
それが、そのCSSを使ってたサイトってゆうのは携帯向けスペースの魔法のアイランドで、そのCSSを見たのは魔法のアイランドが提供してる掲示板なんですよ。

魔法のアイランドの掲示板自体、リンクに _blankとか使用できないし設定も出来ないので、、、

う〜ん。。。

826 名前:Name_Not_Found :03/03/03 17:11 ID:???
( ゚Д゚)

827 名前:Name_Not_Found :03/03/03 17:21 ID:???
( ゚Д゚) なんですと

828 名前:Name_Not_Found :03/03/03 17:58 ID:???
>>825
一人で悩んでろ。


829 名前:Name_Not_Found :03/03/03 18:27 ID:???
もしかして電波さん?(;´Д`)ハァハァ…

830 名前:Name_Not_Found :03/03/03 19:29 ID:???
>>828
うるせーバカ。

831 名前:Name_Not_Found :03/03/03 20:12 ID:Xi6jtsnS
Line : 4 Level : 1 指定された背景色(background-color)に対応する前面色(color)が指定されていません : h1
このエラーって何?

832 名前:Name_Not_Found :03/03/03 20:22 ID:???
>>831
colorとbackgroud-colorは常にペアだということ。
理由はユーザースタイルシートがあるから。

833 名前:Name_Not_Found :03/03/03 20:22 ID:???
>>831
背景色だけでなく文字の色も指定しろってこと。

834 名前:Name_Not_Found :03/03/03 20:54 ID:???
a:hover{
text-decoration:underline;
というのでラインの色だけを変えたい場合はどうすればいいのでしょうか?

835 名前:Name_Not_Found :03/03/03 20:57 ID:???
colorとbackground-colorは、BODYで指定してあれば、それ以降はどちらか一方でも大丈夫ですか?
それとも、片方のみの変更でも、ペアで指定するべきですか?

836 名前:Name_Not_Found :03/03/03 20:58 ID:???
>>834
text-decoration:none; にして border を使うべし。

837 名前:Name_Not_Found :03/03/03 21:06 ID:???
>>835
bodyだろうと何だろうとセレクタとなるものにcolorプロパティを指定すれば、
background-colorも指定してやる。


838 名前:Name_Not_Found :03/03/03 21:09 ID:???
>>834
<A><SPAN>あいうえお</SPAN></A>
でSPANにcolor指定すると、文字は<A>、アンダーラインは<SPAN>の指定が反映された。
IE以外でどうなるか知らないけど。ていうか、IEのこの解釈って正しいんだろうか。


839 名前:835 :03/03/03 21:11 ID:???
>>837
そうですか。どこかで指定してればいいと思ってました。直さなきゃ…。

840 名前:Name_Not_Found :03/03/03 21:27 ID:F9kUhJ3N
IE6などで、H1〜H6要素を使ったとき、その後に一行分ほど勝手に空行
が出来てしまいます。
margin: 0px; padding: 0px;
とかしても、この空行を取り去ることができません。
この空行はいったいどの項目の設定による動作なのでしょうか?


841 名前:Name_Not_Found :03/03/03 21:33 ID:???
>>836
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
border:skyblue;
こういう事ですか?
でもこれで出来ませんでした。
>>838
アドバイスありがとうございます。

842 名前:835 :03/03/03 21:36 ID:???
>>840
空行というより、文字サイズ分の行間なんじゃないかと。
line-heightで調整できるよ。

843 名前:Name_Not_Found :03/03/03 21:39 ID:???
>>840
本当にH1〜H6に起因する空行?
前後のPタグのmarginだったら萎え

844 名前:838 :03/03/03 21:40 ID:???
>>841
borderでやるなら、
a:hover{ text-decoration:none; border-bottom:solid 1px skyblue; }
ですね。
borderは色と太さとスタイルの3つとも指定しないとだめ。


845 名前:Name_Not_Found :03/03/03 21:45 ID:???
>>844
出来ました♪
ありがとうございますm(_ _)m

846 名前:840 :03/03/03 21:49 ID:???
すいません、解決しました。

さすがに<p>の改行だったら回線切って首吊っても全然足りませんが、
h1 h2 {margin 0; } 的なボケをかましていたようです。効かないわけです。

回線切って首吊って来ます…


847 名前:Name_Not_Found :03/03/03 21:53 ID:???
(・∀・)ヤッチャッタ!

848 名前:Name_Not_Found :03/03/03 22:42 ID:???
>>838
http://www.mozilla.gr.jp/standards/webtips0002.html

849 名前:Name_Not_Found :03/03/03 23:35 ID:???
>>844
色名指定はやめれ

850 名前:838 :03/03/04 00:25 ID:???
>>849
自分ではやらないよ。>>841のをそのまま使っただけ。
って、そういうアドバイスもしるってことか。

851 名前:Name_Not_Found :03/03/04 07:47 ID:???
>>849
基本の16色ならいいんですよね?

852 名前:Name_Not_Found :03/03/04 07:56 ID:???
>>851 御意

853 名前:Name_Not_Found :03/03/04 10:13 ID:SWi0KrKe
CSS・スタイルシート・フォーム用スタイルシート自動作成
(;´Д`)ハァハァ
http://www.cssmaker.com/

854 名前:Name_Not_Found :03/03/04 10:45 ID:???
>>853
( ゚Д゚)

855 名前:Name_Not_Found :03/03/04 10:49 ID:???
>>853
・・フォントサイズ、ピクセル指定・・( ゚Д゚)
また厨が氾濫しそうな悪寒・・。

856 名前:Name_Not_Found :03/03/04 12:16 ID:???
>>853
うへぇ(´д`;)

857 名前:Name_Not_Found :03/03/04 12:36 ID:???
</font>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<br><br>
<!-- end -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
( ´∀`)ヤリスギデスヨ

858 名前:Name_Not_Found :03/03/04 13:00 ID:???
>>853
HTMLとCSSの仕様も碌に知らない香具師が、
よく平然とオーサリングツールもどきを公開できるな。
何故、ウェブ関連技術は舐められるのだろうか。

859 名前:Name_Not_Found :03/03/04 13:24 ID:ufdwzngS
>>853
スタイルシートって、ツール使うと便利なモンなの?
漏れは手探りでやってるから全部テキストに打ち込んでやってるんだけど…

860 名前:Name_Not_Found :03/03/04 13:30 ID:???
>>859
CSSでグラデーションさせて喜ぶ輩なんかには便利なんだろうよ

861 名前:Name_Not_Found :03/03/04 13:30 ID:???
>>853
はあああああ?????
なんじゃこりゃああああああああ??????
(゚Д゚)ハァ?(゚Д゚)ハァ?(゚Д゚)ハァ?(゚Д゚)ハァ?


862 名前:Name_Not_Found :03/03/04 13:59 ID:???
>>858
ほとんどのツールがアレだから…

863 名前:Name_Not_Found :03/03/04 15:02 ID:g+vQcfZS
ヤフのパラソル部隊って意外とショボイな

http://join.dreampartner.jp/sign_up/bb/index.html


864 名前:Name_Not_Found :03/03/04 16:20 ID:???
>>853 そこ、前にも槍玉に擧がらなかった?

865 名前:Name_Not_Found :03/03/04 18:11 ID:???
>>864
あがった。かなーりまえに

866 名前:Name_Not_Found :03/03/04 18:39 ID:???
そこもTACTに・・・

867 名前:Name_Not_Found :03/03/04 21:16 ID:???
media の tv って何?ドリキャスとか?

868 名前:Name_Not_Found :03/03/04 21:23 ID:???
>>867
tv 普通のテレビのことです。低解像度、色付き、且つスクロールに制限のあるデバイスです。画像も音声も使用可能な点で、他と異なります

http://www6.plala.or.jp/go_west/css2/ref/atrl.htm#m

869 名前:867 :03/03/04 21:30 ID:???
>>868
ありがとう!リンク先読んで勉強します。

870 名前:Name_Not_Found :03/03/05 00:05 ID:???
>853
便利ですね
つかわさしてくれます

871 名前:Name_Not_Found :03/03/05 00:07 ID:???
>>870
( ゚Д゚)ハァ?

872 名前:Name_Not_Found :03/03/05 02:00 ID:???
>>871
( ´,_ゝ`)プッ

873 名前:Name_Not_Found :03/03/05 02:06 ID:???
>>872
(´ヘ`;)ハァ

874 名前:Name_Not_Found :03/03/05 03:05 ID:???
質問なのですが、

<table>
 <tr>
  <td align="left">
   左端
  </td>
  <td align="right">
   右端
  </td>
 </tr>
</table>

と同じ様に一行で右端と左端にテキストを書くにはどうすれば良いでしょうか?
tableを使わずに見た目を同じ様にしたいのですが・・・

875 名前:Name_Not_Found :03/03/05 03:16 ID:???
>>874
.hoge01 { text-align: right; float: left; width: ○%/*任意の幅で*/ }
.hoge02 { text-align: left; float: left; width: ○%/*任意の幅で*/ }

<p class="hoge01">左端</p>
<p class="hoge02">右端</p>

でいけると思う。試してないけど。

876 名前:訂正 :03/03/05 03:17 ID:???
.hoge01 { text-align: left; float: left; width: ○%/*任意の幅で*/ }
.hoge02 { text-align: right; float: left; width: ○%/*任意の幅で*/ }

<p class="hoge01">左端</p>
<p class="hoge02">右端</p>

でした。


877 名前:Name_Not_Found :03/03/05 04:53 ID:???
>>874
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<title>一行で右端と左端にテキストを配置</title>
<style type="text/css">
div { position: relative; height: 2em; }
p { position: absolute; margin: 0; }
p.sample1 { left: 0; }
p.sample2 { right: 0; }
</style>
</head>

<body>
<div>
<p class="sample1">左端</p>
<p class="sample2">右端</p>
</div>
</body>
</html>

878 名前:874 :03/03/05 13:53 ID:???
>>875-877
ありがとうございました。微妙に不具合が出たのですが、
お二人のを上手く合わせて思い通りにできました。

879 名前:Name_Not_Found :03/03/05 16:22 ID:/0D9sfwt
.ake{ margin-left: 110px; }
各ページ共通で特定の文書だけ左にマージン欲しい場合、
cssファイルに
.ake{ margin-left: 110px; }で

htmlの方に
<div class="ake">
<p>ほにゃらら</p>
</div>
って書いてレイアウトして用法的に問題ないですか?

もし問題があったら代替方法をお教えください。
よろしくお願いします。

880 名前:Name_Not_Found :03/03/05 16:27 ID:???
<p class="ake">ほにゃらら</p>

これで十分でしょ?DIVにしかclassつけれないとか思ってるの?

881 名前:Name_Not_Found :03/03/05 16:36 ID:/0D9sfwt
>>880
さんくす。
スタイルシート使い始めて3日目で
本ちゃんと読んでなかったです。
スタイルシートってホント便利ですね

882 名前:Name_Not_Found :03/03/05 16:36 ID:???
>>879
>.ake{ margin-left: 110px; }で

單位はなるべくpxでなく。相對指定のemか%がおすすめです。

883 名前:Name_Not_Found :03/03/05 16:42 ID:/0D9sfwt
>>882
左端の壁紙に文字が重なって読みづらくなるのを回避するためなので
相対指定だと、意図した効果が出ないので使いづらいです。


884 名前:Name_Not_Found :03/03/05 16:56 ID:???
>>883
スタイルシート3日目で絶対指定と相対指定の使い分けの基本ができとる。
素質あるな。

885 名前:Name_Not_Found :03/03/05 16:57 ID:???
クラス名のakeってのもあんまり良くない

886 名前:Name_Not_Found :03/03/05 17:03 ID:???
むしろ壁紙に関係しているならクラス名いらないような。

887 名前:Name_Not_Found :03/03/05 19:59 ID:???
li a:link, a:visited{
color: #f66;
}

li a:hover, a:active{
color: #f00;
background-color: #fc0;
text-decoration: none;
}

上記のようにliのリンク色だけ変更してるのですが
何故かimgのactiveの際にも
上記のactive状態が反映されてしまいます
どうすれば回避できますか?
liだけリンク色を変更したいんです。
IEでのみ確認です。

888 名前:Name_Not_Found :03/03/05 20:09 ID:???
>>887
その書き方では当然。
li a:link,li a:visited{
color: #f66;
}

li a:hover,li a:active{
color: #f00;
background-color: #fc0;
text-decoration: none;
}
が正解。

889 名前:Name_Not_Found :03/03/05 20:10 ID:???
li a:link, li a:visited{
color: #f66;
}

li a:hover, li a:active{
color: #f00;
background-color: #fc0;
text-decoration: none;
}

890 名前:889 :03/03/05 20:10 ID:???
かぶったスマソ

891 名前:Name_Not_Found :03/03/06 01:36 ID:???
li a:link, li a:visited{
color: #f66;
}

li a:hover, li a:active{
color: #f00;
background-color: #fc0;
text-decoration: none;
}

892 名前:Name_Not_Found :03/03/06 12:07 ID:???
 以下のような効果を CSS で実現するにはどうしたらよいのでしょうか?

<table width="100%">
 <tr>
  <td bgcolor="black" width="">
   ……(左側。まあ、メニューみたいなもの)……
  </td>
  <td bgcolor="white" width="">
   ……(いろいろ)……
  </td>
 </tr>
</table>

 段組にすることはできるのですが、上のように左右の段組の高さを同じにしたい
のですができません。(CSS の段組では)左のメニューが短いとページ中ほどでメ
ニューの背景の黒い部分が途切れてしまうんですよね。内容の大きさが不定なの
で height も使えませんし、何か良い方法無いでしょうか?

893 名前:Name_Not_Found :03/03/06 12:59 ID:???
ない。

894 名前:Name_Not_Found :03/03/06 13:01 ID:???
>>892
メニュー部分じゃなくてbodyの背景にして調整するとか

895 名前:Name_Not_Found :03/03/06 14:46 ID:???
メニューの幅を決めてbodyの背景にするに賛成

896 名前:たまちゃん :03/03/06 16:07 ID:???
ホームページで、EXCELのページ見出しみたいなの(\_/←こんなの)ってつくれますか?
そこをクリックした時に白くなるようにしたいのですが・・・。色々調べましたが、わかりません。
よろしければ教えてください。よろしくお願いします。

897 名前:Name_Not_Found :03/03/06 16:08 ID:???
>>896
マルチUZEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

898 名前:Name_Not_Found :03/03/06 16:09 ID:???
>>896
マルチによりレス無用

899 名前:Name_Not_Found :03/03/06 16:28 ID:???
あふぉなこと聞きますが、IDとかクラスとかの名前のつけかたに決まりってあったりするんですか?


900 名前:Name_Not_Found :03/03/06 16:29 ID:???
一文字目はアルファベット

901 名前:Name_Not_Found :03/03/06 16:42 ID:???
>>900
速レスどうもです。それはネスケ対策ですよね?
えっと、ちょっとききかたわるかったのでもう一回聞かせてください。

要素ごとの名前のつけかたに暗黙の了解みたいなのはあるのかな、と聞きたかったんです。

たとえば
strong.hogehoge{
color: white;
background-color: fuchsia;
}
にしたとすると、hogehogeのとこの名前ってどうつけますか?
しょうもないことですが、いつも迷ってます。

902 名前:Name_Not_Found :03/03/06 16:50 ID:???
>>901
そこに他の強調とは違う効果を与えたい理由があるんでしょう
その理由を表す単語にします

903 名前:892 :03/03/06 16:54 ID:???
>>894, 895
 了解。やってみます。
 やっぱ table との完全互換は難しいなあ。相当無茶してるデザインは別としても。

<body>
  <div id="menu">…(メニュー)…</div>
  <div id="main">…(いろいろ)…</div>
</body>

body{ background: black; }
.menu{ 左段組; background: 指定しない; }
.main{ 右段組; background: white; }

 大体こんな感じっすかね。

904 名前:Name_Not_Found :03/03/06 16:54 ID:???
>>901
ネスケ対策じゃなくて、仕様だ。

905 名前:Name_Not_Found :03/03/06 16:54 ID:???
>>901
>ネスケ対策ですよね?
仕様です。

>hogehogeのとこの名前ってどうつけますか?
論理構造に沿った命名が奨められます。
ので、スタイルからでなく、HTML から判断します。

906 名前:Name_Not_Found :03/03/06 17:03 ID:???
>>901
>それはネスケ対策ですよね?
ネスケ対策じゃない仕様。

>CSS2の識別子(identifiers)には、セレクタに含まれる要素名、クラス名、一意識別子などがあり、
>使用可能な文字は[A-Za-z0-9]の範囲にある文字、ISO10646で161以上のコードが振られている文字、
>それにハイフンだけである。識別子の先頭文字はハイフンや数字であってはならない。
>また、識別子は、エスケープ文字やISO10646のコード番号による参照も含むことができる。

更にエラッタでアンダースコア(_)の使用も可能と修正された。
ここら辺の仕様を真面に解説しないリファレンスが多いのは何故だろうか。

907 名前:Name_Not_Found :03/03/06 17:07 ID:???
>>906
一般的に "-" と "_" はどう使い分けるもん?

908 名前: :03/03/06 17:12 ID:???
table 用の CSS の書き方を教えて !
ちなみに外部 css ファイルにしております.

909 名前:Name_Not_Found :03/03/06 17:13 ID:???
>>907
"_" はスペースの代わりという意味で使うことがあるが、"-" はそれには適さない感じ。
逆に、"-" はA-Zのように"〜"の役目を果たすが、"_" は違う気がする。
確かに、明確な違いはよくわからんな…

910 名前:Name_Not_Found :03/03/06 17:17 ID:???
>>nullちんこ
どういう見映えにしたいわけ?

911 名前:Name_Not_Found :03/03/06 17:20 ID:???
>>908
何をしたいのか言ってくれないとどう答えていいかわからん。
求める答えが、その問いのまま漠然としたものなら仕様書を読む事を薦める。

912 名前: :03/03/06 17:24 ID:QDiYk5pq
>>910
<table border="1" cellpadding="0" cellspacing="0">
を CSS で書くとどうなるの ?
ちなみに border その他の指定はうまくいっているようです.

913 名前: :03/03/06 17:41 ID:???
>>911
んじゃ,下のソ−スに問題があったら指摘してちょ.

table {
background-color:#00525A;
color:#D6CE8C;
border:1px solid #003131;
margin:3px;
cell-padding:0px;
cell-spacing:0px;
border-collapse: collapse;
table-layout: fixed; width: 99%;
caption-side: bottom;
empty-cells: show;
}

914 名前:Name_Not_Found :03/03/06 17:41 ID:???
>>912
table {
border-collapse: separate;
border-spacing: 0;
border: outset 1px;
}
th, td { padding: 0; }

915 名前:Name_Not_Found :03/03/06 17:42 ID:???
table{
border-collapse : collapse;
border : solid 1px #000000;
}

td,th{
padding : 0;
border : solid 1px #000000;
}


916 名前:Name_Not_Found :03/03/06 17:43 ID:???
>>913-915
重婚キタ━━━━(゚∀゚)━━━━!!!!

917 名前:Name_Not_Found :03/03/06 17:43 ID:???
>>913
> cell-padding:0px;
> cell-spacing:0px;

なんだこれ?

918 名前:Name_Not_Found :03/03/06 17:44 ID:???
>912
>732-733

919 名前:Name_Not_Found :03/03/06 17:46 ID:???
重婚しすぎです

920 名前:Name_Not_Found :03/03/06 17:48 ID:???
次スレッドのために。
「CSS、スタイルシート質問スレッド」テンプレ
 http://fake_lint.tripod.co.jp/css.html
【FAQ】 http://fake_lint.tripod.co.jp/css.html#faq
【過去ログ】 http://fake_lint.tripod.co.jp/css.html#log
【関連リンク】 http://fake_lint.tripod.co.jp/css.html#related

あと、過去ログ・関連リンクは、
サーバー移転に伴ってpc2.2ch.netに変更すべきこと、お忘れなく。

921 名前: :03/03/06 18:02 ID:???
>>914-915
ありがたう.

>>917
やっぱし...
なぜって,適当だったから.
んで, HTML-lint で CSS のチェックができないみたいだったので,
質問させていただきました.

922 名前:Name_Not_Found :03/03/06 18:12 ID:???
>>921
CSS検証は>>3

923 名前: :03/03/06 18:34 ID:???
>>922
思った通り,数ヶ所の問題点がありました.
修正すれば,自信が持てます.
ありがたう !!!

924 名前:Name_Not_Found :03/03/06 23:17 ID:???
CSSで段組しているのですが、ブラウザの中央に配置する事は可能でしょうか?
ご教示願います。

925 名前:Name_Not_Found :03/03/06 23:35 ID:???
>>924
おまえは>>6は読んだのか?

926 名前:Name_Not_Found :03/03/07 00:13 ID:???
いや、見るべきはむしろ>>5だろ。

927 名前:Name_Not_Found :03/03/07 12:56 ID:???
XHTML1.1 でボックスのセンタリングをしたいのですが、
Windows の IE6 環境で実現するにはどうしたら良いのでしょう。

928 名前:Name_Not_Found :03/03/07 13:44 ID:???
なんて言うか、凄いな。

929 名前:Name_Not_Found :03/03/07 14:40 ID:???
1行目のxml宣言削ってmargin:0 auto;

930 名前:Name_Not_Found :03/03/07 17:46 ID:lSw/OIMr
<p>の中に<div>などのブロックは入れられませんが、
<p>の中の<b>タグをinline:blockにした場合、不正になるのでしょうか。

こんな例だと、閉じ</b>がないので問題になるかなと。
<p><b>hoge
<p>hoge

931 名前:Name_Not_Found :03/03/07 17:48 ID:???
>>930
それ以前に物理タグ。

932 名前:Name_Not_Found :03/03/07 17:50 ID:???
>>930
CSS的には、不正になるよ。


933 名前:Name_Not_Found :03/03/07 18:08 ID:???
>>931
物理タグがなんでしょうか?

>>932
どうすれば不正でなくなるのでしょうか?

<p><b>hoge</b></p>
<p>hoge

<div><b>hoge</b></div>
<p>hoge

block化はどうやっても不正

934 名前:Name_Not_Found :03/03/07 18:09 ID:???
>>930
display:blockのことですか?

<p><b>hoge
<p>hoge

これはHTMLパーサで

<p><b>hoge </p></p>
<p>hoge </p>

と補われる*はず*なので、b{display:block}しても無意味ですよ。
インライン要素の表示をdisplay:blockにすること自体は無問題です。


935 名前:Name_Not_Found :03/03/07 18:10 ID:???
間違えた。こうだ。

<p><b>hoge </b></p>
<p>hoge </p>



936 名前:Name_Not_Found :03/03/07 18:19 ID:???
>>934
下のようにすれば、kadaiの後を改行させたりできると思うのですが、
ただ<p>タグは中にブロックを入れられない不思議なタグなのでどうかと思って

<p class=hito><b class=kadai>hoge</b><b class=seiseki>hoge</b></p>

937 名前:Name_Not_Found :03/03/07 18:22 ID:???
>>936
成績のリストなの?
マークアップのしかたから変えるほうがよいと思われ、、、

938 名前:Name_Not_Found :03/03/07 18:25 ID:???
>>936
CSSのdisplay;inline/blockその他の指定は見た目の表示を変えるだけのもので、要素の定義までは変更しません。
bがpの中に入れられると定義されている以上、CSSでどれだけ表示を変えようと問題ありません。
(ただし、UAはそういった指定を無視してもよいと仕様で定められていますので、意図したとおりに表示される確証はありません)


939 名前:Name_Not_Found :03/03/07 18:25 ID:???
>>937
点数なのですが、CSSで改行をコントロールできたら便利かと思って

940 名前:Name_Not_Found :03/03/07 18:29 ID:???
>939
成績のリストなら素直に表を使え。

941 名前:Name_Not_Found :03/03/07 18:36 ID:???
>>938
ありがとうございました。

942 名前:Name_Not_Found :03/03/08 01:47 ID:???
テーブルの余白を同一にさせてるのに右のところだけサイズが
違っちゃいます。どなたか原因が何か解るかたいますでしょうか?

943 名前:Name_Not_Found :03/03/08 01:49 ID:???
>>942
ソース出せ

944 名前:自己レス :03/03/08 01:53 ID:???
>>942
テーブルの余白を同一にさせてるのに右のところだけサイズが
違っちゃいます。どなたか原因が何か解るか、たいますでしょうか?

945 名前:Name_Not_Found :03/03/08 02:19 ID:???
意味わからん
CSSに関係することなのか?

946 名前:Name_Not_Found :03/03/08 06:29 ID:???
次スレ
/* CSS・スタイルシート質問スレッド【16】 */
http://pc2.2ch.net/test/read.cgi/hp/1043828241/l50

947 名前:Name_Not_Found :03/03/08 07:06 ID:???
ホント、そろそろ>>920を參照して誰か立てて頂戴。

948 名前:Name_Not_Found :03/03/08 10:28 ID:???
>>933
> 物理タグがなんでしょうか?
物理タグ使うなら、マークアップの正しさなんて気にスンナ、っつーこと。

949 名前: 788 :03/03/08 11:08 ID:???
次スレは970くらいで十分間に合うでしょう

>948
そういうものじゃないと思うけど

950 名前:Name_Not_Found :03/03/08 11:18 ID:???
>>949
どういうものなんだ?

951 名前:Name_Not_Found :03/03/08 11:35 ID:???
自分のサイトでCSSから読み込んでいる背景画像が
あるのですが、閲覧者からその背景画像をダウンロード
したいができない、とメールがありました。
試してみると、確かにできません。
その場は画像をメールで送ってしのぎましたが、
試しによそのサイトでCSSから読み込んでいる画像を
アドレス指定で見ようとしても、ブラウザから保存しよう
としてもできません。
そういう仕様ですか?

952 名前:Name_Not_Found :03/03/08 11:43 ID:???
>>951
CSSの仕組み化r勉強することをすすめます。

953 名前:Name_Not_Found :03/03/08 12:44 ID:???
なんということでしょう

954 名前:Name_Not_Found :03/03/08 13:17 ID:???
( ゚д゚)ポカーン

955 名前:Name_Not_Found :03/03/08 13:53 ID:???
(´○`)アングリ・・・

956 名前:Name_Not_Found :03/03/08 14:10 ID:???
> 試してみると、確かにできません。

右クリで保存しようとしてると推測

> 試しによそのサイトでCSSから読み込んでいる画像を
> アドレス指定で見ようとしても、

外部CSSが別ディレクトリにあり、相対パスを間違えていると推測

>ブラウザから保存しようとしてもできません。

右クリで保存しようとしてると推測


957 名前:Name_Not_Found :03/03/08 15:26 ID:???
右クリからでも「名前を付けて背景を保存」でいけるんじゃ?

958 名前:Name_Not_Found :03/03/08 18:54 ID:???
>>957
CSSで表示した背景は無理。


959 名前:Name_Not_Found :03/03/08 21:48 ID:???
>>958
IE6で出来たが?

960 名前:Name_Not_Found :03/03/08 22:22 ID:???

ieではいける。opera,n702は無理かな。

961 名前:Name_Not_Found :03/03/08 22:26 ID:???
CSS云々というよりブラウザの問題やね

962 名前:951 :03/03/08 22:42 ID:???
皆さん、ありがとうございました。
アドレス指定で見えなかったのはただの私のミスでした。
勉強になりました。

963 名前:Name_Not_Found :03/03/08 22:44 ID:???
>>960
NS7だと「背景画像を表示」で画像だけ表示させてから「画像を保存」でいけるよ。

964 名前:Name_Not_Found :03/03/08 22:58 ID:???
┌───┐┌───┐   
│     ││     │   こんな感じに AAで示した番号順に
│ (1) ││     │   floatで流し込むことはできますか?
│     ││ (2) │   
└───┘│     │   positionを使えば簡単ですが、
┌───┐│     │   内容を入れ替えた時に調整が面倒で
│ (3) ││     │   tableレイアウトとあまり変わらないのが不満で。
└───┘└───┘   
┌────────┐   floatでこんな順のHTMLを図のようにするのが難しくて。
│     (4)     │   
└────────┘   サンプルコードを示してくださるとうれしいです。

965 名前:Name_Not_Found :03/03/08 23:01 ID:???
いろいろ>> 1-10を回ってみたんですが、よく分からなくて。

補足すると、
条件 A :(1)+(3)の高さ==(2)にならなくても良いです。
条件 B :ただ、(3)が(2)よりはみ出す場合は 長方形になるようにしたい。

(2)をfloat:right だけじゃぁ、Bが満たせません。

966 名前:Name_Not_Found :03/03/08 23:27 ID:???
>>964
やってみたが無理ぽい

<style type="text/css"><!--
ins{width:400px}
div{border:5px #000000 solid;text-align:center;vertical-align:middle}
.i1{width:200px;height:100px;}
.i2{width:200px;height:200px;float:right;position:relative;top:-100px;margin:0}
.i3{width:200px;height:100px;overflow:auto;position:relative;top:-200px;margin:0}
.i4{width:400px;height:100px;clear:right;position:relative;top:-200px}
--></style>

<ins>
<div class="i1">1</div>
<div class="i2">2</div>
<div class="i3">3<br>3<br>3<br>3<br>3<br>3<br>3<br>3</div>
<div class="i4">4</div>
</ins>


967 名前:Name_Not_Found :03/03/08 23:31 ID:???
多分無理だと思う>条件B
どうにも思いつかない

968 名前:Name_Not_Found :03/03/08 23:37 ID:???
>>964こういう構造にしてみたら
┌────┐┌───┐
│┌──┐││     │
││   │││     │
││(1) │││     │
││   │││ (2) │
│└──┘││     │
│┌──┐││     │
││(3) │││     │
│└──┘││     │
└────┘└───┘
┌─────────┐
│       (4)     │
└─────────┘

969 名前:Name_Not_Found :03/03/08 23:42 ID:???
>>968
まあそうなるわな。一票

970 名前:Name_Not_Found :03/03/08 23:43 ID:???
>>966
なぜにins?

971 名前:Name_Not_Found :03/03/08 23:53 ID:???
すみません、質問させてください。
リンクの線を消すスタイルシートをembedding style sheet方式
で適用させたのですが、opera6だと適用されません。以前は
出来たのですが...どなたか解るかたいますでしょうか?

972 名前:Name_Not_Found :03/03/08 23:57 ID:???
>>971
>>806-810あたりの問題ではなくて?

973 名前:Name_Not_Found :03/03/09 00:03 ID:???
>>971
もう一度ソースを見直してみた方がいい。
うちでは適用できた。(Win98 Opera6.02)
>>806-810 の順番をメチャクチャにしてもちゃんと適用されてた。

974 名前:Name_Not_Found :03/03/09 00:03 ID:???
>>972
そこのレスも読んでみたのですが、順番等は合ってるし、これで適用
されるはずなんですが...(T_T)


975 名前:Name_Not_Found :03/03/09 00:05 ID:???
>>974
とりあえずソース出せ

976 名前:Name_Not_Found :03/03/09 00:09 ID:???
>>971
Win2000 Opera6.05 でできますた。

(まさかユーザーモードになってるってことはないよねw

977 名前:Name_Not_Found :03/03/09 00:23 ID:???
すみません、お騒がせします。
何度か順番をかえてみたんですが、やっぱりどうしてもできません。

<style type="text/css">
<!--
a:link { color: #999999;
}
a:visited { color: #999999;

}
a:hover { color: #FF0000;
}
table { color: #999999;
}
-->
</style>
</head>

978 名前:Name_Not_Found :03/03/09 00:26 ID:???
↑visitedとhoverの間の間隔は間違いです。鬱で逝きたい気分です・・

979 名前:Name_Not_Found :03/03/09 00:33 ID:???
>>977
これのどこに下線を消す記述がある?

980 名前:Name_Not_Found :03/03/09 00:35 ID:???
>>977
色を変えるだけだろ、それじゃ……。

あーアホらし。

981 名前:Name_Not_Found :03/03/09 00:39 ID:???
次スレ誰かたてて〜
俺ムリ

982 名前:Name_Not_Found :03/03/09 00:49 ID:???
次スレッドのために。
「CSS、スタイルシート質問スレッド」テンプレ
 http://fake_lint.tripod.co.jp/css.html
【FAQ】 http://fake_lint.tripod.co.jp/css.html#faq
【過去ログ】 http://fake_lint.tripod.co.jp/css.html#log
【関連リンク】 http://fake_lint.tripod.co.jp/css.html#related

あと、過去ログ・関連リンクは、
サーバー移転に伴ってpc2.2ch.netに変更すべきこと、お忘れなく。

983 名前:OCN(TOKYO) :03/03/09 01:05 ID:???
俺も無理。

984 名前:Name_Not_Found :03/03/09 01:08 ID:HCFfeaXA
<div style="margin-left:auto;margin-right:auto">
<div class="box" style="float:left"><p>あ</p></div><div class="box"><p>い</p></div>
</div>

上のように記述し、2個のboxをセンタリングしようとしたのですがうまくいきません。。
何かよい解決策はありますでしょうか?

985 名前:OCN(TOKYO) :03/03/09 01:19 ID:???
>>984
一番外側のボックスに幅指定がないから。

986 名前:Name_Not_Found :03/03/09 01:29 ID:???
>>985
おーありがとうございます!

987 名前:Name_Not_Found :03/03/09 04:37 ID:???
/* CSS・スタイルシート質問スレッド【16】 */
http://pc2.2ch.net/test/read.cgi/hp/1047152247/

988 名前:Name_Not_Found :03/03/09 04:40 ID:???
はやくしないとテンプレはれないぜ?w
せっかくたててやったんだからよ

989 名前:Name_Not_Found :03/03/09 04:48 ID:???
>>987

1 名前:IEとNNで見れてテーブルレイアウトで充分[重箱の隅つついてばかじゃね?] 投稿日:03/03/09 04:37 ID:???
CSSに関する質問はこちらへどうぞ。 ※ マターリ進行推奨 ※

■■■■■ 質問のやり方 ■■■■■
・まず解説サイト (かなりわかりやすい) で基礎を勉強してください。
・質問の前にはまず【FAQ】を参照してください。
・【FAQ】でもわからなかった場合は、過去ログを検索しましょう。
 WinIEの場合は、[Ctrl+F]で検索できます。
・IE などではまだ対応できていない要素などやバグが多数存在しますので、
 【関連スレ】の「バグ辞典」に目を通しておきましょう。

初心者の疑問は大抵ここまでで解決します。

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

過去スレや関連リンクは>>2-10


2 名前:Name_Not_Found[sage] 投稿日:03/03/09 04:45 ID:???
1 名前:IEとNNで見れてテーブルレイアウトで充分[重箱の隅つついてばかじゃね?] 投稿日:03/03/09 04:37 ID:???



3 名前:Name_Not_Found[sage] 投稿日:03/03/09 04:46 ID:???
1 名前:IEとNNで見れてテーブルレイアウトで充分[重箱の隅つついてばかじゃね?] 投稿日:03/03/09 04:37 ID:???


990 名前:Name_Not_Found :03/03/09 05:12 ID:???
>>987-989は無視して、スレッド立て直しませう。

991 名前:Name_Not_Found :03/03/09 05:33 ID:???
立て直しました。こちらが本スレッドってことで。

/* CSS・スタイルシート質問スレッド【16th】 */
http://pc2.2ch.net/test/read.cgi/hp/1047154499/l50

992 名前:Name_Not_Found :03/03/09 10:54 ID:???


993 名前:Name_Not_Found :03/03/09 10:55 ID:???
生め

994 名前:Name_Not_Found :03/03/09 11:26 ID:???


995 名前:Name_Not_Found :03/03/09 11:29 ID:???


996 名前:Name_Not_Found :03/03/09 13:16 ID:???
生き生め

997 名前:Name_Not_Found :03/03/09 13:16 ID:???


998 名前:Name_Not_Found :03/03/09 13:17 ID:???
(・∀・)

999 名前:Name_Not_Found :03/03/09 13:21 ID:???
(´-`).。oO(999?)

1000 名前:Name_Not_Found :03/03/09 13:21 ID:???
このスレッドは1001を超えました。
もう書けないので、>>991さんが立てた

/* CSS・スタイルシート質問スレッド【16th】 */
http://pc2.2ch.net/test/read.cgi/hp/1047154499/l50

を使ってくださいです。。。

1001 名前:1001 :Over 1000 Thread
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。


DAT2HTML 0.26 Converted.