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

TABLEデザインのサイトをCSSでどこまで再現できるか

1 :Name_Not_Found:04/03/07 15:53 ID:???.net
まあやってみてくれ

2 :Name_Not_Found:04/03/07 15:55 ID:???.net
>>1

http://bubble.2ch.net/mukashi/

3 :Name_Not_Found:04/03/07 15:56 ID:???.net
DWでテーブル→レイヤー変換で一発だけど。

4 :Name_Not_Found:04/03/07 15:57 ID:???.net
新スレおめ

そして糸冬了

5 :Name_Not_Found:04/03/07 16:00 ID:???.net
↓細々した言い訳開始↓

6 :Name_Not_Found:04/03/07 16:32 ID:???.net
そんなことより>>1よ、ちょっときいてくれよ。スレと全然関係ないけどさ。
昨日、さいたまのジュリアナ南与野に行ったんです。ジュリアナ南与野。
そしたらなんか人がめちゃくちゃいっぱいいて踊れないんです。
で、よく見たらなんか垂れ幕下がってて、オールナイトフィーバーとか書いてあるんです。
もうね、アホかと、馬鹿かと。
おまえらな、オールナイトフィーバーごときで普段来てないジュリアナ南与野に
来てんじゃねーよ、ボケが。
オールナイトフィーバーだよ、オールナイトフィーバー。
なんか愛人連れとかもいるし。2人揃ってジュリアナ南与野か、おめでてーな。
よーしパパお立ち台に上っちゃうぞー、とか言ってるの。もう見てらんない。
おまえらな、ラブホ代やるからその場所空けろと。
ジュリアナ南与野ってのはな、もっと殺伐としてるべきなんだよ。
お立ち台の上で踊っている奴といつ喧嘩が始まってもおかしくない。
刺すか刺されるか、そんな雰囲気がいいんじゃねーか。男連れは、すっこんでろ。
で、やっと踊れたかと思ったら、隣の奴が、東京音頭キボンヌ、とか言ってるんです。
そこでまたぶち切れですよ。
あのな、東京音頭なんてきょうびヤクルトファンしか知らねえよ。ボケが。
得意げな顔して何が、東京音頭キボンヌ、だ。
お前は本当に東京音頭を踊りたいのかと問いたい。問い詰めたい。小1時間問い詰めたい。
お前、東京音頭って言いたいだけちゃうんかと。
ジュリアナ南与野通の俺から言わせてもらえば今、ジュリアナ南与野通の間での
最新流行はやっぱり、さいたまさいたまさいたまー、これだね。

7 :Name_Not_Found:04/03/07 17:59 ID:???.net
良スレの予感がぜんぜんしないのだが、良スレにしていく価値はあるかも知れん

8 :Name_Not_Found:04/03/07 18:25 ID:???.net
漏れは結構(・∀・)イイ!!と思うがな…
まぁ>>1よ、ガナレ

9 :Name_Not_Found:04/03/07 19:14 ID:???.net
>>1は逃げました。
誰か代わりに「tableでこんなのやってるけど」と提示してください。

10 :Name_Not_Found:04/03/07 19:43 ID:???.net
まあ、あれだ。ネタにマジレスカコワルイが、言っておく。
テーブルのような固定的デザインはCSSで作ってもあんまり意味がないんじゃないのか、と。

11 :Name_Not_Found:04/03/07 20:33 ID:???.net
>>10
じゃあCSSなんぞいらんな。

12 :Name_Not_Found:04/03/07 20:35 ID:???.net
>>11
うん。使わなくていいよ。

13 :Name_Not_Found:04/03/07 21:40 ID:???.net
>>11
お前には必要ないよ

14 :Name_Not_Found:04/03/07 22:18 ID:YA0YFOnE.net
上げてみるテスト

15 :Name_Not_Found:04/03/07 22:25 ID:???.net
ボックスの4隅を角丸にして、丸くて柔らかく見せる方法は?
少なくともストリクトでは出来ないよね?

16 :Name_Not_Found:04/03/07 22:26 ID:???.net
まあ>>1とりあえずここ見とけ
http://www.csszengarden.com/

17 :Name_Not_Found:04/03/07 22:30 ID:???.net
>>15
ボックスの背景に角丸画像を置けばいい

18 :Name_Not_Found:04/03/07 23:08 ID:???.net
文法的には合っているというレベルなら不可能じゃないだろ?
ただし、論理構造上無意味なブロック要素を作らなければならない。
css3ではサポートされるらしいな。

>>17
それだと文章が伸縮した場合に対処が難しい。


19 :Name_Not_Found:04/03/07 23:23 ID:???.net
そこで「なるほどdiv囲みね」ですよ

20 :Name_Not_Found:04/03/08 02:01 ID:KJlQUdqg.net
テーブルレイアウトが良いとか悪いとか語るだけのスレより、
このスレは貴重なスレになると思う。
アゲ

21 :Name_Not_Found:04/03/08 02:06 ID:???.net
>>20
そう思うなら、自分で手本を示してみるとかしてくれればいいのに。

22 :Name_Not_Found:04/03/08 02:14 ID:???.net
僕はhtml初心者で、ジオで借りて、トップはジオのテンプレを使って作ったんですが、
ソースと本読んで自分でいろいろ書き換えてみました。

内容は英語の勉強法とかやろうと思っていたのですが、
なかなか更新できずに1月もたってしまいました。。。

できればcssでどう書くか教えていただきたいです

ttp://www.geocities.jp/majest_pietro/

23 :20:04/03/08 02:34 ID:???.net
>>21
なるべくそうするよ。ただ18にも書いたけど、今のcssじゃ、論理構造と見栄え
の分離って中途半端なんだよな。

まー、それはおいといて>>22だが、ほぼ同じレイアウトをcssで実現可能だ。
まずはfloat、およびclearという属性を勉強する事。話しはそれからだ。

24 :22:04/03/08 02:40 ID:???.net
>>23
レスどうもですヽ(´ー`)ノ
まずは逝ってきますです。。


25 :Name_Not_Found:04/03/08 08:09 ID:???.net
>>15
>>17
画像使わなくても角丸できるよ。
ttp://ad.il24.net/~ura/css/kado_maru.htm


26 :Name_Not_Found:04/03/08 08:10 ID:???.net
>>15
ttp://www2.airnet.ne.jp/xxx/20000/

27 :Name_Not_Found:04/03/08 08:33 ID:???.net
TABLEデザインのサイトをCSSでどこまで再現できるか、は容易。
TABLEデザインでサイトのCSSをどこまで再現できるか、は無理。

28 :Name_Not_Found:04/03/08 08:50 ID:???.net
>>27
容易とか言っているうちはtableの事もcssの事もよく分かってない。
2行目はなに言ってるのか分からん。

29 :Name_Not_Found:04/03/08 08:52 ID:???.net
現行のテーブルレイアウトをCSSで実現することは容易に可能。
しかし現状では論理的でないdivを使わないと無理な部分が出る。
結局本末転倒なんだよな。


30 :Name_Not_Found:04/03/08 11:24 ID:???.net
>>25
んーギザギザしてるしソースも汚いなぁ
もっと滑らかな角だといいんだけど

31 :Name_Not_Found:04/03/08 13:19 ID:???.net
>>29
うん、それ嫌だね

32 :Name_Not_Found:04/03/08 13:30 ID:???.net
>>25
すばらしいソースだなー、おい。
こういうのをcssを使いこなしているって言うんだね!

33 :Name_Not_Found:04/03/08 13:43 ID:???.net
>>32
いわねーよ

こんな重いCSS使うぐらいなら画像つかうっつーの

34 :Name_Not_Found:04/03/08 13:51 ID:???.net
>>33
皮肉かどうかぐらい見抜いてやれよw

35 :Name_Not_Found:04/03/08 14:02 ID:???.net
だいたいなんで<div></div>で空白区切りしてるわけよ?

36 :Name_Not_Found:04/03/08 14:42 ID:???.net
http://www.tableless.com.br/

37 :Name_Not_Found:04/03/08 15:26 ID:???.net
>>25
Mozillaで見ると角が丸くなってない

38 :Name_Not_Found:04/03/08 16:10 ID:???.net
>>25-26
ネ申
>>37
ということはネスケ6.7でも丸くならない?

39 :Name_Not_Found:04/03/08 16:41 ID:???.net
>>38
Netscape6.7でどうなるかはわからないけど、こんな感じ。
http://v.isp.2ch.net/up/5d95de2246e2.jpg

40 :Name_Not_Found:04/03/08 16:52 ID:???.net
別に重く無いじゃん

41 :Name_Not_Found:04/03/08 17:36 ID:???.net
>>39
なるほど、ありがとう。
それだと厳しいなw

42 :Name_Not_Found:04/03/08 17:44 ID:???.net
じゃあお題だすからTABLE使わないでそっくりなサイトをつくってくれ

http://www.yahoo.co.jp/をTABLEを使わずCSSで作成せよ



43 :Name_Not_Found:04/03/08 17:53 ID:???.net
作ったけど。


44 :Name_Not_Found:04/03/08 18:18 ID:???.net
>>39
なかなかオシャレでいいじゃん。

45 :Name_Not_Found:04/03/08 18:25 ID:mn2tHFG8.net
2chの転送量が問題になったとき、TABLEで作ったデザインをCSS化するってアイディアが出たはず。
ちょっとふにゃっとした感じだったけど、かなり再現されてたよ。

46 :Name_Not_Found:04/03/08 18:26 ID:mn2tHFG8.net
div厨とTABLEレイアウト原理主義者なら、
ひょっとして後者のほうがまだマシなんじゃないかと思ったり思わなかったり。

47 :Name_Not_Found:04/03/08 18:30 ID:???.net
tableで意図した情報の流れの通りクロールに読ませられるんならいいけどな。


48 :Name_Not_Found:04/03/08 18:38 ID:???.net
>>46
原理主義者かよ…どっちもどっちのような

49 :Name_Not_Found:04/03/08 19:29 ID:???.net
音声ブラウザを入り口で弾くスクリプト無いかな?
視覚障害者にとってもそのほうが親切だろ。

50 :Name_Not_Found:04/03/08 19:33 ID:???.net
>>49
その程度もつくれないほどの無能のサイトなんて行かないから大丈夫だよ。

51 :Name_Not_Found:04/03/08 19:39 ID:???.net
>>49
トップページに、音声用の入り口を別に作っておけば良い。

52 :Name_Not_Found:04/03/08 20:02 ID:???.net
「視覚障害者には利用して貰わなくて結構」というスタンスもあって良い。

53 :Name_Not_Found:04/03/08 20:29 ID:???.net
>>52
そりゃ、あっても構わんだろうがスレ違い

54 :Name_Not_Found:04/03/08 21:22 ID:???.net
>>53
それはTABLEレイアウトを否定するために
「視覚障害者への配慮」を錦の御旗にする連中に言うべき。

55 :Name_Not_Found:04/03/08 21:51 ID:???.net
CSSでレイアウトすると
CSSに対応してなきゃ崩れるじゃん。

まあテーブルに対応してなくても崩れるが、
テーブルに対応してないのは少ないしね。

56 :Name_Not_Found:04/03/08 21:54 ID:???.net
>>55
【td】テーブルレイアウトの何が悪いん? 2【/td】
http://pc2.2ch.net/test/read.cgi/hp/1053745652/379

57 :Name_Not_Found:04/03/09 10:48 ID:???.net
>>55
CSSで崩れたらCSSオフにできるじゃん。
テーブルも、線形化されてればかまわないとおもう

58 :57:04/03/09 11:36 ID:???.net
>>57
線形化されてれば→線形化して意味が通れば

59 :Name_Not_Found:04/03/10 00:10 ID:???.net
ブラウザってなんでいくつもあるんだろうな

60 :Name_Not_Found:04/03/10 05:23 ID:???.net
>>59
資本主義だからさ

61 :Name_Not_Found:04/03/10 08:54 ID:???.net
>>60
うまいなぁ。やまだく〜ん!歌さんに座布団一枚やっとくれっ

62 :Name_Not_Found:04/03/10 10:22 ID:???.net
>>61




63 :Name_Not_Found:04/03/10 13:12 ID:???.net
>>61




64 :Name_Not_Found:04/03/10 13:45 ID:???.net
>>61


鹿

65 :Name_Not_Found:04/03/10 17:06 ID:???.net
floatとか使えば大抵のことは可能の気がするけど

66 :Name_Not_Found:04/03/10 18:43 ID:???.net
>>65
しろうとはこれだから・・・。

67 :Name_Not_Found:04/03/10 21:44 ID:zYLbF8gd.net
Mozilla 5.0 以上に限定するならおよそのことはできるだろう。

Internet Explorer と Netscape (Mozilla系) で同一のデザインを
保つことができるCSSを書くのは難しい。tableを使う利点は
ほぼ全てのブラウザで同一のデザインが表示されることが期待できる
ということにある。

現状のCSSはあまりにも非力だ。しかしそれすらも満足に実装できて
いないInternet Explorerのお陰で、いまだtableは引退できない訳だ。

68 :Name_Not_Found:04/03/10 21:45 ID:???.net
Wiredはすばらしい

69 :Name_Not_Found:04/03/10 21:49 ID:???.net
評論はいいから実際につくってみれ


70 :Name_Not_Found:04/03/11 03:01 ID:???.net
>>36

71 :Name_Not_Found:04/03/11 17:52 ID:???.net
Yahoo程度ならいけると思う。横幅固定だからfloatも崩れないし。
NN4.x無視すればだけど。

72 :Name_Not_Found:04/03/11 18:48 ID:???.net
CSSで作れるって言うなら実際作ってみれば?

73 :Name_Not_Found:04/03/11 19:31 ID:???.net
http://pc2.2ch.net/test/read.cgi/hp/1076968824/6
【FAQ】
Q3: CSSで段組するには?
A3: 下記などを参照して下さい。
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://shiten.s9.xrea.com/etc/stylesheet/multi_column.htm
段組れいあうとてすと (floatによる段組の例)
 http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと (ネスケ4でも崩れない段組みの実例)
 http://village.infoweb.ne.jp/~fores/

74 :Name_Not_Found:04/03/12 01:50 ID:???.net
さらっとしか見てないけど、
http://www.siemens-mobile.com/
http://konicaminolta.jp/
http://saiyo.jr-central.co.jp/

カスイケスレというわけわからんスレにいっぱいありますぜ。

75 :Name_Not_Found:04/03/12 21:30 ID:???.net
>カスイケスレ

どこがイケテルんだか…。
tableに追いつこうとしても追いつけない哀れなCSSの現実を露呈している。

76 :Name_Not_Found:04/03/12 21:55 ID:???.net
漏れはちょっとcssを見直したよ。

77 :Name_Not_Found:04/03/12 23:38 ID:???.net
tableでやりゃいいのにな。


78 :76:04/03/13 00:09 ID:???.net
最近クラや代理店が中途半端にアクセシビリティだのなんだのって
うるさくなってきた気がする。
今まで、テーブル使わなきゃ無利ですよ〜なんていってきたけど、
>>74 みたいなのみられたら面倒だな。

79 :Name_Not_Found:04/03/13 15:52 ID:???.net
cssは根本的に以前のデザイン手法を忘れちまったほうがやりやすい

80 :Name_Not_Found:04/03/13 17:07 ID:???.net
TABLEでイケてるデザインサイト
http://pc2.2ch.net/test/read.cgi/hp/1079165134/

スレたてました。一応関連してるかと思いますので宣伝ご免。

81 :Name_Not_Found:04/03/13 18:43 ID:???.net
CSS自体は見直さないけど、これを制作した人は
CSSごときで、よくここまで偽テーブルレイアウトをしたものだ。感心。

・・・・って言うか、くだらない事に時間かけてないで
他にすべき事は無かったのか?暇だったのか?

82 :Name_Not_Found:04/03/13 20:51 ID:???.net
>>80のスレにあったけど全部CSS
http://www.fontgraphic.com/zx26/index_tes.html

ってかこうゆうサイトほどテーブルデザインに適してると思うんだが
ネットスケープ4で見ると悲惨すぎる

83 :Name_Not_Found:04/03/13 21:43 ID:???.net
>>82
CSSデザインが裏目に出ているいい例ですね(プッ

84 :Name_Not_Found:04/03/13 21:48 ID:???.net
>>82
どうでもいいが、普通の人はクリックする場所わかんないと思うぞ。

85 :Name_Not_Found:04/03/13 23:20 ID:???.net
>>82
NN4信者の方ですか?

86 :Name_Not_Found:04/03/14 00:10 ID:???.net
はい

87 :Name_Not_Found:04/03/14 01:12 ID:???.net
>>82
オナニー以外の何物でもないな

88 :Name_Not_Found:04/03/14 22:31 ID:???.net
>>74
三つ目のはデザインもいいと思った。
こーゆーのって、時間かかるんかね?

89 :Name_Not_Found:04/03/15 00:05 ID:???.net
CSS覚えるまでが時間かかる
覚えてしまえば楽

90 :Name_Not_Found:04/03/15 00:07 ID:???.net
>>88
JRはひどいだろう。
ほぼフルフラッシュで、幅固定、文字サイズ固定、オペラじゃレイアウト崩れてるし。
大体印刷用のページ生成しちゃってたりして、cssデザインのメリットがまったくない。

91 :Name_Not_Found:04/03/15 00:15 ID:???.net
>>82
むしろフラッシュだろ

92 :Name_Not_Found:04/03/15 00:52 ID:???.net
>>90
トップだけじゃん。> フラッシュ
でも、メニューでかすぎ、つか、重いよね。

93 :92:04/03/15 00:54 ID:???.net
入り口ページにフラッシュとか、
クラとの間に代理店がはさまると、絶対言ってくるよね。
なんか、ワンテンポ遅れてるっつーか。

漏れはテーブルレイアウト一筋なんでなんともいえないけど、
css のメリットってなんなん?

94 :Name_Not_Found:04/03/15 01:02 ID:???.net
規模にもよるがCSSレイアウトの方が難しくて管理人の頭がよく見える。

95 :Name_Not_Found:04/03/15 01:03 ID:???.net
テーブルレイアウトしてる奴は厨房。
そもそもレイアウト用のタグじゃねーんだよ糞が。
これからの時代、テーブルレイアウトしか出来ないデザイナーは使い物にならなくなるよ。
つーかHTMLの基礎も出来てない奴がWEBデザイナーを名乗んじゃねーよ。
これだからいつまでたっても軽い業界だと思われてるんだよ。

96 :Name_Not_Found:04/03/15 01:04 ID:???.net
>>93
漏れが一番楽だと思うのは
css1で全ページのレイアウトが出来るって所かな?
サイトの統一感も増すし、デザインの変更も楽だし。
あと、htmlの方もすっきりして編集しやすくなるね。

あと、この辺参照
http://members.jcom.home.ne.jp/jintrick/Personal/css_Advantage.html
http://members.jcom.home.ne.jp/pctips/www/cssmerit.html

97 :Name_Not_Found:04/03/15 01:06 ID:???.net
>>95のW3C信者

布教乙(w

98 :Name_Not_Found:04/03/15 01:06 ID:???.net
×css1
○css1つ

でした。

99 :Name_Not_Found:04/03/15 01:15 ID:???.net
技術とレイアウトの流れ(タグうち)
<br>のみ→<i>や<b>など物理的タグを利用→<table>などでレイアウト→CSSのみでレイアウト

技術とレイアウトの流れ(HPビルダー)
画像のみ→<br>などを利用して文章を利用→<table>などを利用→飽きる

100 :92:04/03/15 01:19 ID:???.net
>>96
なるほど。商業レベルでやろうとするとデザインのトーンとマナーの
部分には生きてくるけど、細かい部分まで統一するのは無理くない?
と思って挫折したクチなんだけどねw

ただ、jrの印刷のみたいにメニューとかバッサリきり飛ばしても
大丈夫なのはちょっとイイかも、と思った。
ヘッダフッタとメニューのデザイン変更して中身は流用、って
リニューアルの仕事結構あるし。

あと、新幹線を正面から見ると、ガキデカみたいで笑える。

101 :Name_Not_Found:04/03/15 12:29 ID:???.net
グラビアサイトを作ってる者から言えばCSSレイアウトなんてまだ無理といったところです。
そりゃ不可能ではないが雑誌的なレイアウトをしている関係で
テーブルレイアウトじゃないと作業が不便すぎるし、文書の再利用性とか考えなくていいし。
見栄えといってもテキストも見出しは画像、本文は10pxの固定だったりしますしね。
入れ子テーブルなら5つ6つは当然という、作ってる側も分からなくなる構造だったり。

世の中にはそういうサイトもあるからCSSマンセーな方の意見は程々参考にしかならない。
俺のもそうかな・・・(´д`;)


102 :Name_Not_Found:04/03/15 12:49 ID:???.net
潔くPDF配布したらどうだ?

103 :Name_Not_Found:04/03/15 13:05 ID:???.net
>>95
何を言ってるんだ、このW3C信者。
レイアウト用かどうか、じゃなく、レイアウトできるかどうか、で考えれろよ。

104 :Name_Not_Found:04/03/15 13:19 ID:???.net
まったくだ。考えれるよな!

105 :Name_Not_Found:04/03/15 13:39 ID:???.net
考えれら!

106 :Name_Not_Found:04/03/15 13:45 ID:???.net
このスレは>>3で終了してれるから。
れら行五段活用だから。

107 :Name_Not_Found:04/03/15 14:32 ID:???.net
>>101
雑誌とwebは全く性質の違うものだと気づいてくれ。

どうでもいいけど、グラビアサイトと聞いて
グラビア印刷法に関するサイトかと思ってしまった

108 :Name_Not_Found:04/03/15 14:52 ID:???.net
>>107
うん。>>101はそこから始めるべきだよな。
違う分野の事をやるんだから、固定概念から取り払わないと。
建築と紙面、紙面と映画、映画とWebなどと比べれば、全く違うとわかりそうな物なのに、
どうしてWebと紙面の相互はこの勘違いから抜け出せない人が多いのだろう?

109 :Name_Not_Found:04/03/15 14:55 ID:???.net
>雑誌とwebは全く性質の違うものだと気づいてくれ。

世間的には紙媒体の延長線のものだと認識されているけどな。
一部の専門家に迎合するか、それとも世間一般の常識(例え間違っていたとしても)に従うか。
やはり後者に従う道を選ぶ人間が多いのはやむを得ない現実。

110 :Name_Not_Found:04/03/15 15:34 ID:???.net
自分の思い込みを勝手に世間の常識にしないでくれたまえw

111 :Name_Not_Found:04/03/15 15:44 ID:???.net
そうだな
紙とwebは同じと思い込まれると困る。
なぜか、すべてのブラウザで同じように表示させようとするんだよな・・・

112 :Name_Not_Found:04/03/15 15:49 ID:???.net
CSSレイアウトに興味あるが、CSS3でレイアウトに関する要素が追加される
まではテーブルで逝く、っていうのが多数派なんでないのかな。


113 :Name_Not_Found:04/03/15 15:58 ID:???.net
CSS3でレイアウトに関する要素が追加されて、
かつそれに対応したブラウザ(特にIE)が普及するまで…じゃない?

114 :Name_Not_Found:04/03/15 17:23 ID:???.net
> かつそれに対応したブラウザ(特にIE)が普及するまで…じゃない?
永遠にありえない

115 :Name_Not_Found:04/03/15 17:35 ID:???.net
じゃあ

そこそこ対応したブラウザ(特にIE)が
そこそこ普及するまで

で。

116 :Name_Not_Found:04/03/15 18:08 ID:???.net
>(特にIE)
これが曲者なわけでオンドゥルギッタンディスカー

117 :Name_Not_Found:04/03/15 18:14 ID:???.net
希望を持っては駄目ですか。甘いですか。

118 :Name_Not_Found:04/03/15 23:37 ID:???.net
じゃあ、IEが衰退するまでって事で

119 :Name_Not_Found:04/03/16 01:31 ID:???.net
時期IEで、px指定の文字サイズを変更できるようになったら、
散々pxやめろって言ってきた人は黙るんだろうか。

120 :Name_Not_Found:04/03/16 02:27 ID:???.net
解像度10240 x 10240のディスプレイが出たらどうする

121 :Name_Not_Found:04/03/16 03:16 ID:???.net
>>120
正方形かよ!

122 :Name_Not_Found:04/03/16 03:48 ID:???.net
>>120
端っこの方 2% くらいをちまちまとつかう。
あまり遠くなると見えなさそう、目、悪いし。

123 :Name_Not_Found:04/03/16 10:50 ID:???.net
10%くらいまで奮発していいんじゃないの?

124 :Name_Not_Found:04/03/16 15:20 ID:???.net
>>119
「サイズ変更出来ないから駄目」という人は黙るかもね。
「古いブラウザだと固定されるからイヤソ」というヤシはいるだろうけど。

無指定派は全く変わらないと思う

125 :Name_Not_Found:04/03/16 15:44 ID:???.net
>>119
デザインがずれる!
って怒る人は出てきそうだな。

126 :Name_Not_Found:04/03/17 00:38 ID:???.net
>>124
奴らは新たなフォント固定技を使うようになる。

127 :Name_Not_Found:04/03/17 00:43 ID:???.net
彼らって誰?

128 :Name_Not_Found:04/03/17 02:15 ID:???.net
質問スレで「IE7でフォントサイズが固定できません」とか言って
信者に怒られんのな。

129 :Name_Not_Found:04/03/17 04:32 ID:???.net
【td】テーブルレイアウトの何が悪いん? 3 【/td】
http://pc2.2ch.net/test/read.cgi/hp/1079463284/l50

130 :Name_Not_Found:04/03/17 19:58 ID:???.net
IEでも既にpx固定の文字を"固定"じゃなくすことは可能なわけだが。

知ったかが
あふれ出てきて
春を知る


131 :Name_Not_Found:04/03/17 20:09 ID:???.net
>>130
腸外出

132 :Name_Not_Found:04/03/18 01:16 ID:???.net
厨房が
ここぞとばかりに
恥晒す

133 :Name_Not_Found:04/03/18 01:19 ID:???.net
知らぬ間に
妙な流れに
なっている

134 :Name_Not_Found:04/03/18 01:30 ID:???.net
はじめから
妙なスレでは
あったがな

135 :Name_Not_Found:04/03/18 02:00 ID:???.net
それにつけても
厨の多さよ


136 :Name_Not_Found:04/03/18 02:21 ID:???.net
アクセシビリティって JIS 規格に入るってマジ?
すげーこまるんだけど。


137 :136:04/03/18 02:22 ID:???.net
あーーーっ!!!
すげこま君ってすげーこまる君なんだーーーー!!

--

スレ違いスマソ。

138 :Name_Not_Found:04/03/18 22:16 ID:???.net
>>136
今年中にはJIS規格になるよ。

139 :Name_Not_Found:04/03/19 01:46 ID:???.net
アクセシビリティって日本語だとどういう意味だ。使いやすいってことか。
お触りOKってことか。あまりに臭くて痺れてしまうことか。

140 :Name_Not_Found:04/03/19 01:52 ID:???.net
>>139
あなたの表現があまりに臭くて痺れてしまいますた

141 :Name_Not_Found:04/03/19 03:35 ID:???.net
>>139
あ、くせぇ、痺れてぃえー



142 :136:04/03/19 12:01 ID:???.net
JISがどの程度までアレしてくるかわかんないけど、
もしかしたら ISO 取得しているクラとかのサイトに
影響出るかもしれないじゃん。

どーする?

143 :Name_Not_Found:04/03/20 14:43 ID:???.net
>>142
(X)HTML+CSSで実装し直すしかあるまい。

144 :136:04/03/22 16:52 ID:???.net
何件あることやら。
考えると吐き気が・・・

145 :Name_Not_Found:04/03/25 05:02 ID:???.net
tableでのレイアウトをCSSに置きかえる
http://aor.ktplan.jp/hms/tab2css2.html

146 :Name_Not_Found:04/06/05 01:02 ID:???.net
言葉は悪いけど、>>105がファイナルアンサーなんだよな。
そもそも使い道が違う。HTMLのMが何であるかを考えればね。

しかし
・視覚系UA
・解像度800×600以上、14インチ程度、或いはそれ以上のPCモニタ
・極端に低速度な回線でないこと
等の条件を満たせば、テーブルレイアウトの互換性は高いと言える。
そして大抵はこの条件を満たしていることが多い。

レイアウトに互換性を求めること自体ナンセンスだけど、仕様書が等閑にされている現状では、意識改革は進まないよなぁ。

147 :146:04/06/05 01:03 ID:???.net
>>105ではなく、>>95だった。
よりによってとんでもねぇレスを参照しちまったぜ……。

ぬるぽ

148 :Name_Not_Found:04/06/05 01:17 ID:???.net
>>146
廃スレ保守する暇があったらチクワブ買って来い

149 :Name_Not_Found:04/06/05 09:07 ID:h8fFmHpT.net
某日経なんたらのコーディングやってます。
昨日仕様とpsdもらって、締め切り今日。しかも3ページ。
完全にテーブルタグを想定で構成されているレイアウトのサイトデザインなんだが。。
・html4.0、CSS2.0の仕様に準拠
・IE6、NN7、Safariがターゲット
・コンテンツ左、ナビ右で、大まかに二段組だが、コンテンツ内に<iframe>で広告とか入れるんで、部分的に3〜4段組っぽくなる。
・しかもウィンドウリサイズ、文字サイズ可変、ナビ幅固定で右寄せ、コンテンツ幅は可変。
・その他ピクセル単位で細かい指示ありまくり

おいらもコーダーとしてはそこそこ色々こなしてきたけどさ。
あの、こりゃ無理なんですが。。
そりゃね、テーブル使えば、一発で問題ない事なんだけどね。

しかもクライアントが、プログラマ出身なのか異様にhtmlには詳しい。(割にcssは知らない模様)
っていうかさ、IE6がCSS2.0にまともに対応してない割に、「CSS2.0準拠で。」なんて無理ダッチューノ。

150 :Name_Not_Found:04/06/05 09:14 ID:???.net
>149
HTML4.01準拠じゃなくて、HTML4.0準拠なとこが、なんとも微妙だなw

それはともかく、W3C勧告では、レイアウトにテーブルを使っては「いけない」とは
いってないんだし、割り切ってやっちゃえば?

151 :Name_Not_Found:04/06/05 09:46 ID:h8fFmHpT.net
>>150
レスサンクス。
クラがレイアウトのためのテーブル使うな。ってさ。。
しかもやたらクリーンなソース要求してくる。
デフォルトで定義されてる属性入れようもんならクレームがくるし。algin=leftとか。
だったら自分でやれと。小一時間(以下略
変なところ先進的でありたいと勝手に思っているらしい。
まだブラウザが糞なんだから仕方ないのに。とくにIE6。
CSS3でこの辺の段組みが楽になるらしいが。まだ先か。
ってそんな先までコーダーやってねえって。

152 :Name_Not_Found:04/06/05 09:49 ID:h8fFmHpT.net
alignだよ。疲れてるな。。
逝ってきます。。

153 :Name_Not_Found:04/06/05 11:30 ID:???.net
テーブル使用をクラのせいにもしてたやつは痛いな

154 :Name_Not_Found:04/06/05 13:07 ID:???.net
>>153
クラ側から意識改革が少しづつでも進んでいけば
そういう連中も淘汰されていくっしょ。
それがいつになるかは知らんが。

とりあえずもっと勉強しとこっと。

155 :Name_Not_Found:04/06/05 15:06 ID:???.net
>>154
> それがいつになるかは知らんが。
blogでCSSのことがもてはやされている昨今だからねえ
意外に近いかも

156 :Name_Not_Found:04/06/05 18:32 ID:???.net
>>155
いきなり企業にパーフェクトにValidであれ、とまでは言わんけども
早くそういう志向が出始めるといいんだけどね。

http://internet.watch.impress.co.jp/cda/news/2003/10/27/890.html
↑がそういう点にまで言及する厳しめの規格になって欲しい。

157 :Name_Not_Found:04/06/05 19:00 ID:???.net
>>156
身体障害者に配慮しろと、W3Cを初めとして
信者や2chネラーどもが口が酸っぱくなるほどウルサイが、
その割にはMacユーザーのブラウザに配慮する香具師が
意外なほど少ないのは、これ、いかに?

158 :Name_Not_Found:04/06/05 19:23 ID:???.net
Macユーザーのブラウザが糞だからサ

159 :Name_Not_Found:04/06/05 19:31 ID:???.net
>>158
safari はまだこれから期待出来ると思ってる。分からんけどね。

160 :Name_Not_Found:04/06/05 20:12 ID:???.net
>158
おんどりゃあ〜〜、目クラとMac使い
どっちが多いと思ってんだぁ〜〜!!

>159
激しく同意、サファリに期待しる!!


161 :Name_Not_Found:04/06/05 20:17 ID:???.net
>>157
@import で配慮してるよ
あとはまぁ有名どころのバグにはそれなりに。

ていうか障害者だけじゃなくて
テキストブラウザやらロボット相手の事も考えて書けっちゅー話で。


162 :Name_Not_Found:04/06/05 21:59 ID:???.net
ぶっちゃけ標準準拠を語る時に音声読み上げブラウザを引き合いに出されてもいまいち説得力に欠ける
ちゃんと読み上げられる=OKサイト、なのは分かるけど、障害者に配慮ってなんか白々しいんだよな

163 :Name_Not_Found:04/06/06 00:25 ID:???.net
>>153
同意

164 :Name_Not_Found:04/06/06 00:46 ID:???.net
>>162
それも「CSSはNN4.xで〜」のどちらも恥ずかしいっていうか白々しいよなぁ。

俺はテーブルでレイアウトすんな派だけど
「障害者にも優しくて〜」って話は一番最後にするようにしてる。
ググルさんなんかにもウケがいいから拾ってもらえやすいですよ?とか
お客さんがどのブラウザ使ってても余り気にしなくて済むように出来ますよ?とかの
実利のある方から説明した方がウケもいい気がするし。ていうか実際最近そうだし。


165 :Name_Not_Found:04/06/11 23:12 ID:???.net
捕手

166 :Name_Not_Found:04/06/20 14:05 ID:???.net
投手

167 :Name_Not_Found:04/06/20 21:55 ID:???.net
ぬるぽ

168 :Name_Not_Found:04/06/25 20:12 ID:GMOupzvq.net
ってか、WORDで表機能を使ってレイアウトを整えようとすることがざらにある漏れは逝ってよしですか?

>>167
ガッ

169 :Name_Not_Found:04/06/25 21:28 ID:???.net
>>168 オマイの自由だ。

170 :ストリクタン:04/06/26 12:37 ID:???.net
>>168
逝ってよし。何のためにWORDにスタイルシート(≠CSS)機能があると思ってるんだ。

171 :Name_Not_Found:04/06/26 14:29 ID:???.net
>>170
なぜWORDでやらせる? オマイも逝ってこい。

172 :Name_Not_Found:04/06/26 15:29 ID:???.net
>>74
のサイトってちょっとウインドウサイズが違うと見えないところが出てきたりするのに、
table使わない意味ってあるの?

173 :Name_Not_Found:04/06/26 16:48 ID:???.net
こんな本が出版されたようですが。
http://pc5.2ch.net/test/read.cgi/hp/1088190498/l50

感想を書いて欲しいそうです。

174 :Name_Not_Found:04/06/26 21:30 ID:???.net
どう見てもかび臭いテーブルテイアウト。
しかしソースを覗いてみると・・・あらびっくり、全部リスト表示。
ttp://gazone.morrie.biz/

175 :m(_ _)m:04/06/27 23:45 ID:xEoUQqkn.net

<label> LABEL <textarea> TEXTAREA </textarea> </label> <br />
<label> LABEL <textarea> TEXTAREA </textarea> </label> <br />

上記↑のマークアップを、テーブルレイアウト風↓にしたいのですが、方法を教えてください。

     . ┌───────────────┐
 LABEL │ TEXTAREA               │
     . │                    ... │
     . │                    ... │
     . └───────────────┘
     . ┌───────────────┐
 LABEL │ TEXTAREA               │
     . │                    ... │
     . │                    ... │
     . └───────────────┘


176 :Name_Not_Found:04/06/27 23:55 ID:???.net
>>175
そのまんまでなるでしょ。
textarea に vertical-align を指定すれば label の位置を調整出来ると思うけど。

177 :Name_Not_Found:04/07/16 16:34 ID:???.net
つりだよね

178 :Name_Not_Found:04/07/17 05:04 ID:???.net
たてちゃった…
http://pc5.2ch.net/test/read.cgi/hp/1090008171/

179 :Name_Not_Found:04/07/17 20:04 ID:zRMYE+Jz.net
>>136
>アクセシビリティって JIS 規格
知らなかったよ・・・で、いま、いろいろ調べたが
3000円くらいで規格のPDF買えだって?
ふざけんじゃねーよ。どっかに落ちてないか(ry

webの仕事のいいとこは回線代しかかからないところだからなw

180 :Name_Not_Found:04/07/18 11:59 ID:???.net
たいした仕事してないな。

181 :Name_Not_Found:04/07/21 07:30 ID:???.net
ただのコーダーだろ。

182 :Name_Not_Found:04/07/31 22:40 ID:???.net
>>174
テイアウト

183 :Name_Not_Found:04/08/12 16:13 ID:???.net
ちょっと暇してたので、取り敢えず質問でも。

幅300pxの箱(table, border=1)が、左から148px、50px、100pxと3分割されています。
真ん中のセルにはDHTMLにより、画像かなにかがころころ変わるようになっています。今回その幅が100pxだったとします。
tableとcssのレイアウトを両方作ってみたのですが、どうにもcssレイアウトの方はセルが思いっきりズレます。(IEでのみ確認)
tableレイアウトと同等の冗長性を持ったcssレイアウトは出来るでしょうか?

184 :Name_Not_Found:04/08/12 16:14 ID:???.net
tableレイアウトの場合:
<table width="300px" border="1" cellspacing="0", cellpadding="0" style="border-color:#000000;">
<tr>
<td width="148px" style="border-color:#000000;">
hoge1
</td>
<td width="50px" style="border-color:#000000;">
<div style="font-size:1px; height:1px; width:100px; background-color:#FF0000"></div>
</td>
<td width="100px" style="border-color:#000000;">
hoge3
</td>
</tr>
</table>

cssレイアウトの場合:
div style="width:300px; border-style:solid; border-width:1px;">
<div style="width:148px; border-style:solid; border-width:1px; float:left;">
hoge1
</div>
<div style="width:50px; border-style:solid; border-width:1px; float:left;">
<div style="font-size:1px; height:1px; width:100px; background-color:#FF0000"></div>
</div>
<div style="width:100px; border-style:solid; border-width:1px; float:left;">
hoge3
</div>
</div>

185 :Name_Not_Found:04/08/15 12:19 ID:???.net
テーブルの塊をデブの塊に変換しただけかよ

186 :Name_Not_Found:04/08/15 12:32 ID:???.net
>>184
display:table-*使ってやれ

187 :Name_Not_Found:04/08/16 19:56 ID:???.net

 あぁぁ  スクツだぁ。

188 :Name_Not_Found:04/08/18 21:38 ID:???.net
スクツってなに??巣窟のこと?
187はいったい何のスクツだって言ってるの?
かーなり意味不明なんだが。

189 :Name_Not_Found:04/08/18 22:12 ID:???.net
単に巣窟っていうと、厨の巣窟って意味のこともあるよ。
187が実際にそうなのかは知らないけど。

190 :Name_Not_Found:04/08/19 20:01 ID:???.net
>>189
正解   ちなみにアタイも厨

191 :Name_Not_Found:04/08/24 09:36 ID:???.net
カマ?

192 :Name_Not_Found:04/09/16 18:03:56 ID:???.net
<table>
<tr>
<td rowspan="2">○○</td>
<td rowspan="2">△△</td>
<td>□□</td>
</tr>
<tr>
<td valign="bottom">●●</td>
</td>
</tr></table>

こういうのがやりたいんですけど、CSSでできますか?
サイズ固定はなしです

193 :Name_Not_Found:04/09/16 18:20:02 ID:???.net
> <td valign="bottom">●●</td>
> </td>

こんなの出きるわけないだろ

194 :Name_Not_Found:04/10/06 19:05:40 ID:???.net

  ヤッホー お休みかなぁ〜〜?

195 :Name_Not_Found:04/10/07 11:27:18 ID:???.net
ブロックの中でのbottomを0pxにする方向でゴニョゴニョすると
なんとか…
…ならんかな。

196 :Name_Not_Found:04/10/07 17:13:08 ID:???.net
>>195
>>193で指摘したのはタグの閉じ忘れならぬ二重閉じ。

もし、
○△□□ というのがやりたいだけなら
○△●●
<html><head><style type="text/css">
.l{float:left;width:30%}
.r .l{float:left;width:30%}
.r .r{float:left;width:30%}
.n{clear:both}
</style></head><body>

<div class="n"></div>

<div class="l"><p>○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○</p></div>
<div class="r">
<div class="l"><p>△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△</p></div>
<div class="r"><p>□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□</p>
<p>●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●</p></div>
</div>

<div class="n"></div>

</body></html>
こんな感じでやるしかないね。width:30%使っちゃってるけど。
ちなみにこのまま表示するとMozillaでは文字が重なって読めなくなるけど
これは「URLっぽい文字列を折り返さないバグ」なので、●とかじゃなくて普通の漢字仮名混じりテキストなら大丈夫だった

197 :Name_Not_Found:04/10/07 18:47:05 ID:???.net
おちかれさん

198 :Name_Not_Found:04/10/08 01:49:26 ID:???.net
>>196
いや、>>192のキモは

<td valign="bottom">●●</td>

でしょ。テーブルレイアウトではbackground-positionやlist-styleとかが
どうしようもないように、CSS2では、ブロックの中身の上下寄せ(valign)
がどうしようもない、っつー話ではなかろうかと。

>>195 は、三つ並べたブロックの右側の中にもう一つブロックを置き、
position を relative にして bottom:0px; とすることでどうか、
と言っていると予想するけど、うまくいくのかね?

199 :Name_Not_Found:04/10/08 02:35:38 ID:???.net
>>198
力づくでやってみた…が、結局高さ指定をしないと無理だった。
したらしたで、文字のサイズによってはみ出たりするし_| ̄|○
<html><head><style type="text/css">
p{margin:0.5em}
.root{position:static;height:20%}
.l{float:left;width:30%;positon:relative;height:100%}
.r .l{float:left;width:30%;position:ralative;height:100%}
.r .r{float:left;width:30%;position:relative;height:100%}
.n{clear:both}
.b{position:absolute;bottom:0px;}
</style></head><body>
<div class="n"><p>通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。</p></div>
<div class="root">
<div class="l"><p>左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。左側のテキストです。</p></div>
<div class="r">
<div class="l"><p>中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。
中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。中央のテキストです。</p></div>
<div class="r">
<div class="t">
<p>右上のテキストです。右上のテキストです。右上のテキストです。右上のテキストです。</p>
</div>
<div class="b">
<p>右下のテキストです。</p>
</div>
</div>
</div>
</div>
<div class="n"><p>通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。通常のテキストです。</p></div>
</body></html>

200 :199:04/10/08 03:11:54 ID:???.net
今IEで見たら、右下に行ってないじゃん。まぁCSS2サポートしてないから当然か…
でもその代わり、真ん中の文字がはみ出さないのが不思議だ

201 :Name_Not_Found:04/10/08 20:41:27 ID:???.net
おれ、3行以上は読まないんだ・・・

202 :Name_Not_Found:04/11/29 01:43:25 ID:???.net
IEだと角丸にならないがこんな方法がある。
ttp://www.openspc2.org/reibun/css/page/011/

203 :Name_Not_Found:04/11/29 11:45:36 ID:???.net
いまさらそんな。
before/after疑似要素をIEが理解してくれたら、どれだけ楽になるか…

204 :Name_Not_Found:04/11/29 18:41:48 ID:???.net
ttp://dean.edwards.name/IE7/
これが出回ってくれれば、少しはマシになるのにな……

205 :Name_Not_Found:05/01/16 01:02:41 ID:???.net
  /\___/\
/ ⌒   ⌒ ::: \
| (●), 、(●)、 |    / ̄ ̄ ̄ ̄ ̄
|  ,,ノ(、_, )ヽ、,,   |  < やるじゃん
|   ト‐=‐ァ'   .::::|    \_____
\  `ニニ´  .:::/
/`ー‐--‐‐―´´\


206 :Name_Not_Found:05/01/24 10:43:21 ID:/dZp1Y9O.net
ソフト板の方で張られていたんだけど
ttp://www.microsoft.com/japan/windows/windowsmedia/wm7/encoder/faq.aspx

MSIE、OPERAで見れば見られるけど
SafariやMozilla系では大変な表示になる。

一体どんなCSS書いてるんだか・・・

207 :Name_Not_Found:05/01/24 16:50:51 ID:???.net
>>206
誰のインモーですか、それは。

208 :Name_Not_Found:05/01/24 17:23:50 ID:???.net
じ〜っとながめていると
人の顔が浮かんできます。

209 :Name_Not_Found:05/01/24 17:40:56 ID:???.net
新手のアスキーアート

210 :Name_Not_Found:05/01/24 17:57:47 ID:???.net
>>206
(ノ∀`)アチャー

211 :Name_Not_Found:05/01/31 14:33:49 ID:???.net
まーじんとふろーとでかばーできないのはてなまる

212 :Name_Not_Found:05/02/03 08:48:06 ID:???.net
テーブルなんて使いたくない。でもテーブルで組まないと環境の違いを吸収できない。
吸収するためにJavaScript使うか?イヤだ。
デザインと機能の妥協点がCSSの現状では低すぎる気がする。

古いブラウザに頑固にこだわる連中やパソコン買い換えない連中は
切り捨てたいとこだが、商用サイトだとそうも行かない。


213 :Name_Not_Found:05/02/06 10:54:40 ID:???.net
旧NNにこだわる奴がいる限り,CSSでテーブルの代替なんてムリ。

214 :Name_Not_Found:05/02/06 16:10:17 ID:q5t8ayWy.net
旧NNにこだわる奴なんて最早基地外
無視だ無視

215 :Name_Not_Found:05/02/06 17:10:47 ID:???.net
NN4とか、あんなバグの塊みたいなベータ版並のソフトにこだわる奴の気が知れない。


216 :Name_Not_Found:05/02/06 23:09:39 ID:FPBHab32.net
http://www.csszengarden.com/

217 :Name_Not_Found:05/02/08 00:57:13 ID:???.net
NNはJavaScriptでスタイルシート指定のリンク要素を読ませないようにすればいいんでない。
ま、インラインでスタイル指定してる奴は修正大変だが。

218 :Name_Not_Found:05/02/08 01:03:18 ID:???.net
>>217
そんなことせなんでも、
link要素のmedia属性にprintを入れれば無問題。

219 :Name_Not_Found:05/02/08 18:49:39 ID:???.net
>>218

とはいえ、それはNNのバグつつきだからなあ。
やっぱスクリプトではじくのが正解でしょ。

220 :Name_Not_Found:05/02/08 19:17:41 ID:???.net
適用範囲がより広い方がいいかな、と。
別に@importでもいいし。

なんでスクリプトが正解と思った?

221 :Name_Not_Found:05/02/09 03:29:32 ID:???.net
テーブルで組んでた自サイトを、このたびCSSレイアウトに組み替えますた。
見た目全く同じ、ソース見ないと違いはわからない。
作って見て改めて思った。
サイズ固定のレイアウトをCSSにするメリットはなにもない orz


強いて言えばDOCTYPEをStrictで宣言しても意図どおりに動くようになったわけだが。
しかしそれがそんなに重要なことなのかと自問自答。
そもそもW3C標準の是非だって議論が尽きないというのに。

222 :Name_Not_Found:05/02/09 04:21:38 ID:???.net
よほど複雑に入れ子になってるとかじゃない限りテーブルレイアウトをCCSにするメリットはあんまりないよねw

223 :Name_Not_Found:05/02/09 09:07:46 ID:???.net
やっぱりdiv使いまくり?

224 :Name_Not_Found:05/02/09 10:54:12 ID:???.net
>>223
div厨と呼んでくれ orz
というかtableレイアウトを再現するには、やっぱりdivが一番楽。

ブランニューサイトを立ち上げるなら、かび臭い段組レイアウトは破棄するべきだなーって思った。
一時は紙媒体に近づけたい、と思ってデザインしてたけど、最近は別物としての機能デザインを
追求するのがオサレかな、ってちょっと。

225 :Name_Not_Found:05/02/09 13:38:59 ID:???.net
俺もテーブルレイアウトのサイトをcssに組み替えた。
終わって見て感じたのは、なんとも言えないむなしさ。
なんか説明できない気持ちになった。

W3C勧告とかなんとか、実際は強制じゃない”事実上の標準”にもてあそばれて、
いつまで苦労しなきゃなんないのかなと。
だからって企業主導のブラウザ戦争の混沌は二度と経験したくないしな。
なんだか出口なしって思ったよ。

226 :Name_Not_Found:05/02/09 16:38:06 ID:???.net
でもCSSで組んだほうがメンテとかすごい楽な気がする
損はないと思うよ

227 :Name_Not_Found:05/02/09 17:20:08 ID:???.net
そりゃそうだ。
テーブルタグの海を掻き分けて更新…なんて
もう考えたくもないね

228 :Name_Not_Found:05/02/09 18:48:19 ID:???.net
私もテーブルをCSSに切り替え中。
なんで知らなかったんだorzと思った。

更新は簡単だし模様替えも楽チンだ!
しかもCSSファイル呼び出しなのでソースが短くて済む。

229 :Name_Not_Found:05/02/09 20:45:39 ID:???.net
やっぱりみんなディブディブ?俺は勿論ディブディブさ。

230 :Name_Not_Found:05/02/10 06:52:58 ID:???.net
>>229
時代はスパンスパンだろ!スパンスパン!

231 :Name_Not_Found:05/02/10 07:54:35 ID:???.net
ディブディブスパンディブぐらい。

232 :Name_Not_Found:05/02/10 09:24:44 ID:t2UJoNyS.net
>>231
肉、肉、野菜、肉、肉

233 :Name_Not_Found:05/02/10 11:10:27 ID:???.net
野菜、野菜、肉、肉、野菜、野菜、野菜でしょ!

234 :Name_Not_Found:05/02/10 13:50:41 ID:???.net
      ∧∧    ∧∧  
   (( (*゚Д゚) ))  (;  ) ディブディブ
   (( // 、) 、)∩))∧と  ヽ   ディブディブ
 ((〜((≡γ'⌒(((*´(|  〜))
    し'`Jし'`ーイ_ノ"(ノ^ヽ) 
  スパン スパン スパン スパン

235 :Name_Not_Found:05/02/10 19:51:55 ID:???.net
ディブとスパン、どう使い分けてる?
漏れはディブディブディブくらいなんだが・・・。

236 :Name_Not_Found:05/02/10 20:33:08 ID:???.net
だから前からディブディブで後ろからスパンスパンするんだろ?

237 :Name_Not_Found:05/02/10 21:37:51 ID:???.net
マジレスすると、ブロック要素かインライン要素かで

238 :Name_Not_Found:05/02/10 22:23:57 ID:???.net
ところでみんなDIVやSPANの縦方向の位置揃えはどうしてる?
Transitionalのテーブルで組んだ場合、<TD align="middle">で指定してたケース。

239 :Name_Not_Found:05/02/10 22:26:54 ID:???.net
↑間違った

<TD valign="middle">

240 :Name_Not_Found:05/02/11 01:39:29 ID:???.net
みんな今日もディブディブ〜?

241 :Name_Not_Found:05/02/11 22:11:25 ID:???.net
CSSで再現できないテーブルデザインなんて存在しない。

242 :Name_Not_Found:05/02/12 00:17:15 ID:ybfhLT3N.net
>>241


243 :Name_Not_Found:05/02/12 00:20:25 ID:???.net

   C S S は へ た れ


244 :Name_Not_Found:05/02/12 00:39:52 ID:???.net
>>243
お前が使うとな

245 :Name_Not_Found:05/02/12 14:29:20 ID:AdLBAQAD.net
こんな感じの、タブ風メニューバーを作りたいのですが、
これをリストの要素で出来ないでしょうか?


┌─┬─┬─┬─┐   ←ここにメニュー
│  └─┴─┴─┴─┐
│文章文章文章文章文│←ここにサブメニュー
└─────────┘

┌─┬─┬─┬─┐
├─┘  └─┴─┴─┐
│文章文章文章文章文│
└─────────┘

宜しくお願いします。


246 :Name_Not_Found:05/02/12 14:36:27 ID:???.net
>>245
出来るよ

247 :245:05/02/12 15:16:16 ID:AdLBAQAD.net
やってみたのですが、線が下のリストと上手く合いません。
どうしたら良いでしょうか?

248 :Name_Not_Found:05/02/12 15:17:49 ID:???.net
線が合わないって意味がわからん

249 :Name_Not_Found:05/02/12 15:35:11 ID:???.net
>>247
環境とスクリーンショットかソースを提示

250 :Name_Not_Found:05/02/12 15:35:55 ID:???.net
あーマルチか
http://pc5.2ch.net/test/read.cgi/hp/1107809092/212

251 :245:05/02/12 15:48:07 ID:AdLBAQAD.net
HEAD部分
* {margin:0;padding:0;}
body {margin:1em;}

#list1 {
   list-style-type:none;
   float:left;
   border-left:1px solid #000;
   }

#list1 li {
   float:left;
   width:20%;
   text-align:center;
   }
#list1 li a {
   display:block;
   border-top:1px solid #000;
   border-right:1px solid #000;
   border-bottom:1px solid #000;
   }

#list1 #active a {
   border-bottom:0;
   }

252 :245:05/02/12 15:48:42 ID:AdLBAQAD.net
#list2 {
   list-style-type:none;
   clear:both;
   border-left:1px solid #000;
   border-right:1px solid #000;
   border-bottom:1px solid #000;
   }

#list2 li {
   display:inline;
   border-right:1px solid #000;
   }


BODY部分

<ul id="list1">
<li id="active"><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
<li><a href="#">メニュー</a></li>
</ul>
<ul id="list2">
<li>サブメニュー</li>
<li>サブメニュー</li>
<li>サブメニュー</li>
<li>サブメニュー</li>
</ul>

253 :245:05/02/12 15:49:42 ID:AdLBAQAD.net
環境は、WindowsXP・IE6です。
1つ目のリストと2つ目のリストとの間が開いてしまい、
2つのリストのボーダーを上手く合わせる事が出来ません。

254 :Name_Not_Found:05/02/12 19:31:07 ID:???.net
list liにmargin0と下ボーダー入れたら良いんじゃないの?










ごめん適当に言った

255 :245:05/02/12 21:14:54 ID:???.net
教える気あんのかオラ

256 :Name_Not_Found:05/02/12 21:41:16 ID:???.net
>>255
>>250

257 :Name_Not_Found:05/02/13 13:21:39 ID:???.net
liをdisplay:inlineにした場合、

<img src="">
<img src="">

って書いた場合と同じ理屈でスキマができることがある。
ので、つなげて書けば。

258 :Name_Not_Found:05/02/13 15:19:11 ID:???.net
li要素のactiveは、解釈しないブラウザが多い。
できたところでなんてことない。どうもムダな手間をかけてるような。

259 :Name_Not_Found:05/02/14 06:04:48 ID:???.net
表までCSSで再現してるサイトを見つけた。 それは違うだろ…

260 :Name_Not_Found:05/02/14 09:15:12 ID:???.net
>>259
CSSをPCに限定すれば、
CSSで表→携帯電話でも閲覧可
テーブル→無視されちゃってずらずら
ってのもありえます。あくまでも俺の場合だが。

261 :Name_Not_Found:05/02/15 04:34:58 ID:???.net
携帯向けのサイトの場合表を使わないようにすると思う。
表をCSSで表現するのって、両方の概念から外れる気がする。

262 :Name_Not_Found:05/02/15 17:23:39 ID:???.net
>>261
> 携帯向けのサイトの場合表を使わないようにすると思う。
> 表をCSSで表現するのって、両方の概念から外れる気がする。
想像で物を言うな。


263 :Name_Not_Found:05/02/16 10:26:13 ID:???.net
表をテーブルで書くのは間違い?

264 :Name_Not_Found:05/02/16 10:56:30 ID:???.net
いや、そもそも表を書くためのタグですから・・・

265 :Name_Not_Found:05/02/20 04:49:26 ID:???.net
表にCSS適用するのはいいだろ。
レイアウト用の要素じゃないけど、表組として使うのは正しいんだから。
で、標準HTML4にのっとるなら、
サイズや色といった属性はCSSで適用するのが決まりなわけで。
(個人的にはどーでもいいが)

266 :Name_Not_Found:05/02/20 06:39:43 ID:???.net
>>265
それが悪いなんて話はそもそも出てないんだが

267 :Name_Not_Found:05/02/20 19:11:14 ID:???.net
tdとかを、dldtddとかで再現するって事でしょ。

268 :Name_Not_Found:05/02/20 19:14:11 ID:???.net
確かに表にdldtdd使うのは変。
テーブルレイアウトをしない=テーブルタグを一切使わない事と思ってるのだろうか

269 :Name_Not_Found:05/02/20 20:32:09 ID:???.net
>>266

263が表をテーブルで書くのは間違いか?って聞いてんじゃねーか。
よく読め。

270 :Name_Not_Found:05/02/20 20:46:09 ID:???.net
>>269
工エエェェ(´Д`;)ェェエエ工工

271 :Name_Not_Found:05/02/21 01:56:04 ID:???.net
>>269
264が速攻答えてるのにそれ以上言う必要がどこにあるのか…

272 :Name_Not_Found:05/02/21 02:06:52 ID:???.net
書くってマークアップのことじゃねぇんかよ

273 :Name_Not_Found:05/02/21 02:24:59 ID:???.net
>>263は、日計表はテーブルで書くべきか、ちゃぶ台で書くべきかを悩んでると推測。

274 :Name_Not_Found:05/02/21 02:42:58 ID:???.net
>>273
(・∀・)ソレダ!

275 :Name_Not_Found:05/02/21 02:54:52 ID:???.net
そんな>>263は家具板に逝けよ。

276 :Name_Not_Found:05/02/21 11:27:06 ID:???.net
表で”も”表現できることを、別の方法で表現する、ってのなら間違いじゃないよね。

277 :Name_Not_Found:05/02/21 11:28:53 ID:???.net
なんか屁理屈っぽい気がするが、確かにそうだな。

278 :Name_Not_Found:05/02/21 12:02:38 ID:???.net
センターフォワード、鈴木、背番号11。
センターフォワード、高原、背番号20。
ミッドフィールダ、小野、背番号18。
 :

ってのを表でまとめることもできるし、ってことっす。

279 :Name_Not_Found:05/02/21 12:14:20 ID:???.net
それは表だろ。

280 :Name_Not_Found:05/02/21 13:45:36 ID:???.net
表で書いたら表だけど、
上のままでは文章でしょう?

281 :Name_Not_Found:05/02/21 13:47:17 ID:???.net
定義リストかもしれない。

282 :Name_Not_Found:05/02/21 13:49:24 ID:???.net
そんな感じで、表現方法は一つじゃないよねってことです。

283 :Name_Not_Found:05/02/21 14:23:26 ID:???.net
>>280
文章じゃないだろ、「、」←で区切られたデータじゃないか。

284 :Name_Not_Found:05/02/21 14:45:50 ID:???.net
センターフォワードは、鈴木、背番号は11。
センターフォワードは、高原、背番号は20。
ミッドフィールダは、小野、背番号は18。
 :

としても、「、」と助詞で区切られたデータだ、とか言いそうだな (プ

285 :Name_Not_Found:05/02/21 14:47:34 ID:???.net
なんで煽るんだ?
理解できないから聞いてるんだろ?
理解できないのに、納得しろってのかよ?

286 :Name_Not_Found:05/02/21 14:50:22 ID:???.net
>>285
誰。

287 :Name_Not_Found:05/02/22 00:37:19 ID:gMktJK+r.net
テーブル使えばいいだろー!!!!
ぎゃー!!!!

288 :Name_Not_Found:05/02/22 00:46:56 ID:???.net
言い方がおかしいんだけど、
テーブルで書いてもいい内容をテーブルで書きたくない場合、ってのもある。

289 :Name_Not_Found:05/02/22 02:35:21 ID:???.net
>>288
たとえば?

290 :Name_Not_Found:05/02/22 06:38:29 ID:???.net
>>289
携帯電話用のページを用意したくないとき。

291 :Name_Not_Found:05/02/22 11:23:31 ID:???.net
まさか、携帯用とPC用のサイト同じHTMLを使ってるの?

292 :Name_Not_Found:05/02/22 12:01:09 ID:???.net
そら、ワンソースマルチユースができるなら、した方がいいじゃん。

293 :Name_Not_Found:05/02/22 17:06:52 ID:???.net
HDDを整理していたら、中学生の頃作ったHPテンプレート集が出てきた。
すげえ!全部テーブルで構成されてる、しかも複雑すぎて二度と復元できなさそうな…。
作ってる時は頭に入っていたんだろうけど今見たら何が何やらさっぱーり

これをCSSで表現しようと思ったら、DIVでがちがちに固めるしか無いのかな…

294 :Name_Not_Found:05/02/22 17:55:55 ID:???.net
1.自分がやりたいようにテーブルレイアウトする。
2.PrtScでコピー、適当なペイントソフトに貼り付け切り取る。
3.ボックスの背景に設定する

ウマー(゚д゚)

295 :Name_Not_Found:05/02/22 18:26:07 ID:???.net
モバイル用とPC用のHTMLって、ドキュメントタイプからなにから全然違うから普通に分けた方が効率良いような・・・。
内容の文章の形成をスクリプトでやって、テンプレートは別って感じが良いのでは。

296 :Name_Not_Found:05/02/22 18:46:23 ID:???.net
>>295
コンパクトhtmlから派生したi-mode用のhtmlってのは、
携帯キャリアが勝手に作っているだけで。
その他のドキュメントタイプが携帯端末では利用できないって訳じゃないよ。

297 :Name_Not_Found:05/02/22 21:52:38 ID:???.net
でもclassとか無駄な記述があるとパケ代が増えるよね…。

298 :Name_Not_Found:05/02/24 02:04:36 ID:???.net
>>295
慣れてくるとそうでもない。効率面ね。

>>297
元々「パケ代節約したい」を思う人に得したと思えるようなレベルのドキュメントは提供してないからなぁ。
定額制で暇だから見てる、程度の人を対象にしてるんで。

あと、携帯用のサイト作ってるからといってパケ代安くなるようにしてるところ、って多いの?
漏れ携帯サイトのロゴ作成代行やってるんだけど、今まで見てきた携帯サイトって、
font要素とか脚色の属性使いまくりで漏れのclass使用ページより断然ファイルサイズデカいんだけど。

299 :Name_Not_Found:05/02/25 00:44:19 ID:GF5GluaB.net
段組みレイアウト(2列)で、左コンテンツと右コンテンツの
それぞれの高さが変わった場合、長い方に高さを合わせて揃えたいんだけど、
どうやるの? テーブルだと揃ってくれるけどCSSではできない。
こんなの基本的なことだから出来て当たり前だと思ってたのでかなり困った。

300 :Name_Not_Found:05/02/25 01:02:00 ID:???.net
>>299
出来て当たり前のことが出来ないのはお前であってCSSではない。
CSSバカにした言い方してCSS厨が答えてくれるわけないでしょ。


301 :Name_Not_Found:05/02/25 01:57:22 ID:???.net
>>299
何を合わせるか考えれば答えは出る。
・背景を合わせる → 親divに背景
・下端を合わせる → position:relative → bottom:0

302 :Name_Not_Found:05/02/25 04:35:26 ID:???.net
>>298
大抵の機種でfontとかにしないと文字色とかが反映されないからだべ。

303 :Name_Not_Found:05/02/25 04:36:47 ID:???.net
あと、携帯でも見られるサイトと携帯向けのサイトは違うよ。

304 :Name_Not_Found:05/02/25 04:41:14 ID:???.net
>>302
そもそも文字色なんかいらん。
そんな小手先技なんて飾りです。

>>303
携帯向けサイト、って携帯でも見れるサイトが作れない人が、別で携帯用を作成したときの言い訳か、
パソコン持ってなくてしょぼいサイトしか作れなかったことへの言い訳だろ?

305 :Name_Not_Found:05/02/25 04:43:53 ID:???.net
どうしたの?なんかあった?

306 :Name_Not_Found:05/02/25 04:48:01 ID:???.net
>>305
なにかあった、って。
バカが連投してた、と答えれば気が済むか?

307 :Name_Not_Found:05/02/25 10:14:16 ID:???.net
( '-')

308 :Name_Not_Found:05/02/25 11:21:06 ID:???.net
,._.,

309 :Name_Not_Found:05/02/25 11:23:37 ID:???.net
まーおまえらおちついてスレタイ読めや。

310 :Name_Not_Found:05/02/25 12:23:17 ID:???.net
携帯でも見れるサイト=携帯でもとりあえず見ることは出来るサイト

311 :Name_Not_Found:05/02/25 18:53:12 ID:???.net
こんなスレあったのね。

CSSデザインのサイトをTABLEでどこまで再現できるか
http://pc5.2ch.net/test/read.cgi/hp/1090008171/

312 :Name_Not_Found:05/02/26 01:23:55 ID:???.net
>>310
自分のスキル評価はここでしなくていいよ。

313 :Name_Not_Found:05/03/05 02:18:27 ID:???.net
GoogleのトップページをCSSと適切なマークアップでどこまで再現出来るか

314 :Name_Not_Found:05/03/05 02:20:55 ID:???.net
>>313
面倒と難しいは違うぞ。

315 :Name_Not_Found:05/03/07 08:41:46 ID:???.net
レイアウト的にはテーブルをCSSで再現できないものはないと思う。
問題はブラウザのフォントサイズいじられてる環境で表示とかかな。
heightがピクセル指定のものは勿論、em指定でもテキスト折り返しが入ればボックスから
はみ出して悲惨なことに。

316 :Name_Not_Found:05/03/07 12:22:56 ID:???.net
overflow

317 :Name_Not_Found:05/03/07 13:02:30 ID:???.net
overflowってcss level-2じゃなかったっけ?
ブラウザによって動き大分違うんだよな・・・・

318 :Name_Not_Found:05/03/07 13:30:01 ID:???.net
なんつーか、ブラウザを一つに限定したら解決なんだけどなぁ。。。

319 :Name_Not_Found:05/03/07 14:16:28 ID:???.net
>>317
lev.2かどうかは知らんが。
overflowはNN4系でなければ、MSIE5〜6/MacIE/Gecko系/KHTML系/Operaで
同じように動くでしょ。
逆に、NN4系ではブロックのheightが使えないから、overflow以前の問題だね。

320 :Name_Not_Found:05/03/07 14:17:08 ID:???.net
あ、scroll-x と scroll-y はMSIEの独自拡張か。

321 :Name_Not_Found:05/03/07 14:44:55 ID:???.net
>>319

やってみた。おっしゃるとおりだね。動き的にはあんまり変わらない。
overflow:autoでも、大体同じ動きになるかな。
ちなみに
FF1.0、NN7.1、Opera7.5.4、IE6での検証。

ただ、ボックスの内側のフォントがちょっと大きいサイズになっている時、
文字がめり込んでるような表示に見えるの場合があるのが気になる。
原因については今検証中。

322 :Name_Not_Found:05/03/07 23:14:01 ID:???.net
飾り枠とか作りたい場合で、可変サイズで上下左右各角にイメージを使いたい時
DIVの無意味な入れ子になるのはどうにかしたい。

323 :Name_Not_Found:05/03/08 09:11:57 ID:???.net
マージンとって8個positionで置けば

324 :Name_Not_Found:05/03/09 00:13:26 ID:???.net
無理じゃね?
上下はともかく、左右に難ありそうだ。

325 :Name_Not_Found:05/03/09 18:13:45 ID:???.net
ぬるぽ

326 :Name_Not_Found:05/03/09 18:18:20 ID:???.net
ボックスのサイズをピクセルで指定して背景に角丸の四角。
う〜ん、ソリッドデザイン。

327 :Name_Not_Found:05/03/10 05:37:28 ID:???.net
寸胴鍋とふた、みたいなのが常套手段だよね。

328 :Name_Not_Found:05/03/11 13:08:49 ID:mtkC2WtN.net
http://www.izumo.co.uk/

329 :Name_Not_Found:2005/04/18(月) 16:14:55 ID:emgw0z0L.net
食わず嫌いはやめて、TABLEの変わりにスタイルシートでレイアウトしてみようと
思うのですが、具体的にどうやってやるんですか?ヒントください。

ググってみようとは思っていますが、とっかかりのヒントだけでもほしいです。

330 :Name_Not_Found:2005/04/18(月) 16:29:49 ID:???.net
>>329
http://web2ch.s31.xrea.com:8080/?CSS
http://pc8.2ch.net/test/read.cgi/hp/1113106800/

331 :Name_Not_Found:2005/04/18(月) 17:33:18 ID:???.net
>>330

dクス

332 :Name_Not_Found:2005/04/22(金) 00:07:10 ID:???.net

TABLEとCSS以前にこのWEBのレイアウトってそもそも答えそのものがない問題
なんじゃないだろうか。

と言うのも・・・・









とりあえず、オナニーしてから書く。

333 :Name_Not_Found:2005/04/22(金) 00:35:19 ID:???.net
オナヌー終わった?

334 :Name_Not_Found:2005/04/22(金) 00:46:08 ID:???.net
2時間くらいかかると思われ

335 :Name_Not_Found:2005/04/22(金) 00:53:01 ID:???.net
>>332

と言うのもなんなんだ?

336 :332=長谷川京子でオナニー終了:2005/04/22(金) 02:18:31 ID:4vXBVeka.net

まず、次の点を同時に満たすことがそもそも不可能なんじゃないだろうか。

@閲覧者は画面の解像度を自由に変更できる
A閲覧者は自由に文字の大きさを調整できる(もしくは固定するなと主張される)

この@とAが雑誌ではありえないんですが

本だって雑誌だって、A4とB5など自由に閲覧者がリアルタイムに紙の大きさを変更
したり、文字の大きさを変更できたら、当然、表示は崩れるのは自明ですよね。

となると、文字が紙面からはみ出したり、文字が重なっちゃったり、スクロールバーw
が本に現れる。

紙面の大きさと文字の大きさを自由に変更できる(よう強要される)時点で、完璧なレイアウト
なんて不可能。

TABLEかCSSか、IEかMozillaかKDEか、実装の不具合・・・・いろいろ議論されているけど、
そもそも@とAとレイアウトの完全と同時に満たすこと自体が本来ありえない。



337 :332=長谷川京子でオナニー終了:2005/04/22(金) 02:19:28 ID:4vXBVeka.net
336の一行目の訂正

次の点が可能な時点で完璧なレイアウトをすることが不可能ではないでしょうか?

338 :332:2005/04/22(金) 02:22:35 ID:4vXBVeka.net
と言うことで、フォントの大きさは固定しても良さそうな気がします。
広辞苑の字が小さいから大きくしろ!って怒る人はあまりいないと
思いますが、ネットでは、なぜかフォントを固定すると怒られます。


339 :Name_Not_Found:2005/04/22(金) 11:33:30 ID:???.net
もとから表示される文字の大きさを変えるコトなんてできない紙メディアならば、
誰も文句言わない(印刷された字の大きさを変えられるなんて発想すらしない)けど、

もともと字の大きさを変えるコトができる前提なのに、あえてその機能を封印されれば
「なんで?」って思うのは必然のことと言えるでしょ。
それをさも声高にキーキー怒るのは、ちょっと変わった人のすることなだけで。

340 :Name_Not_Found:2005/04/22(金) 12:06:29 ID:???.net
封印されるのはWindowsのIE使いの人だけでしょ?

341 :Name_Not_Found:2005/04/22(金) 12:21:58 ID:???.net
>>339

ただ、そもそも文字の大きさと紙(画像)の大きさを自由に変更できる時点で
完璧なレイアウトなんで無理ですわな。

解像度を下げてフォントを大きくすれば文字の行き場がなくなるのは自明だし。

342 :Name_Not_Found:2005/04/22(金) 14:38:00 ID:???.net
>>340

IEのシェアが95%程度ある時点で、事実上の全員への封印じゃないの?

343 :Name_Not_Found:2005/04/22(金) 15:34:21 ID:???.net
95%は3ヶ月前の数字だね。

344 :Name_Not_Found:2005/04/22(金) 22:43:02 ID:???.net
豆字固定と大差ない!

345 :結論:2005/04/23(土) 12:54:07 ID:???.net
解像度を下げてフォントを大きくすれば文字の行き場がなくなるのは自明だし。


346 :Name_Not_Found:2005/04/28(木) 10:02:59 ID:5XYdUesW.net
まずは各ブラウザ間のCSS特性が統一されないことには何ともならん。

347 :Name_Not_Found:2005/04/28(木) 10:33:54 ID:???.net
フォントも印刷に比べて劣る、
文字詰めが現時点で古いブラウザが対応していないことも
あり使えない。
レイアウトは紙と違ってしかたがないとしても、
テキストの部分でDTPに劣るのは情けないな。
どうにかしてほしいものだ。

348 :Name_Not_Found:2005/04/28(木) 15:24:04 ID:ampgdBas.net
文字の大きさは製作者が指定すれば良いか。自由に変えさせろとか言われる筋合いない

349 :Name_Not_Found:2005/04/28(木) 23:32:11 ID:???.net
TABLEレイアウト最高ーーーーーーーーー!!!!




あぁ、疲れた。仕事で、普段はCSSレイアウトなんだが、あのクライアントのせいで…。
泣く泣くTABLEレイアウトに orz いや、クライアントのせいじゃないな。俺の力量のなさか。

350 :Name_Not_Found:2005/04/29(金) 17:54:00 ID:???.net
>>1からここまで全部読んだ 疲れた 

351 :Name_Not_Found:2005/04/30(土) 10:15:17 ID:X9fnXXMZ.net
昔はテーブルマンセーだったけどCSSを知ってから最初は文法とかHTMLと違って難しかったけど、

慣れたら「え?テーブルレイアウト?」って感じ。
いまじゃ<TR><TD>っていわれても何のことだかさっぱり...
CSSでテーブル作れるし...

352 :Name_Not_Found:2005/04/30(土) 10:57:43 ID:???.net
>>351
表はテーブルで書けよ。あほか。

353 :Name_Not_Found:2005/04/30(土) 10:59:29 ID:???.net
>>351
最近こういう勘違いしてしまう奴が多いな・・・。

354 :Name_Not_Found:2005/04/30(土) 12:19:05 ID:???.net
痛い香具師か釣り師

ちなみに釣り師の場合は >>351-353まで1セット

わかった?>お茶の間のみんな

355 :Name_Not_Found:2005/04/30(土) 12:52:39 ID:???.net
痛い香具師なのは>>354もだ


356 :354:2005/04/30(土) 18:27:48 ID:???.net
確かに・・・_| ̄|○

357 :Name_Not_Found:2005/05/01(日) 00:23:40 ID:???.net
CSSで一生懸命テーブル組んでるサイトがたまにあるけど
作者のオナニー見せられてルみたい。

358 :Name_Not_Found:2005/05/01(日) 03:20:55 ID:FiR3ZFFX.net
>>357
意味不明

359 :Name_Not_Found:2005/05/02(月) 12:06:45 ID:???.net
>>357
それはまさにオナニーだ。君の見方は正しい。

360 :Name_Not_Found:2005/05/02(月) 15:50:51 ID:???.net
イヤー、まじで、W3Cなんてオナニー集団だしな。

レイアウトするのにTABLEほど最適なタグはない。
HTMLの仕様そのものがデザインの現場の常識を取りこぼしてるし・・
TABLEで代用できるのだから、代用しても何も悪くはない。

361 :Name_Not_Found:2005/05/02(月) 17:27:25 ID:???.net
>>360
> レイアウトするのにTABLEほど最適なタグはない。
> HTMLの仕様そのものがデザインの現場の常識を取りこぼしてるし・・

別にアンタにデザインしてもらうためにhtmlが定義されているわけじゃなかろう。
それにいかんせん表だからグリッドに沿ったレイアウトしかできないし、
最適ってほどでもないと思った。

362 :Name_Not_Found:2005/05/02(月) 19:53:40 ID:???.net
>レイアウトするのにTABLEほど最適なタグはない。

それは流石にどうかと。。。
メンテナンス性も考えたらテーブルはかなり微妙

363 :Name_Not_Found:2005/05/02(月) 20:15:07 ID:???.net
デザインによってはTABLEレイアウトが最高かもしれんけど
そうじゃない場合も多々あるね
W3C厨が文句言わないTABLEの代替が早くできればいいのに

364 :Name_Not_Found:2005/05/02(月) 20:58:05 ID:???.net
デザイン屋が作った画像をはめ込むことが「レイアウト」なら
確かにTABLEほど最適なタグは無い。

365 :Name_Not_Found:2005/05/02(月) 21:01:00 ID:???.net
そうでもないよ

366 :Name_Not_Found:2005/05/03(火) 21:08:16 ID:???.net
全角厨を装う釣りはイラネ
>>363

367 :Name_Not_Found:2005/05/04(水) 00:19:43 ID:???.net
確かにCSSはまだ表を意識してないからな。
多分近いうちに裏技等使わないでも出来るようになると思うけど。

368 :Name_Not_Found:2005/05/04(水) 02:53:08 ID:???.net
ブロック要素を横に4つ以上並べるようなときはTABLEのTDを使うね。それ以下の場合は、FLOATを使う。
TABLEばかり使ってると、見づらくなって、メンテナンス性が落ちる。DOMも使いづらくなるし。

369 :Name_Not_Found:2005/05/04(水) 02:59:35 ID:???.net
>>368
いや、たとえ4つ以上でもfloatのほうが良いかと。
横幅の短いPCで見たときに、横スクロールバーが出て見づらくなる。

370 :Name_Not_Found:2005/05/04(水) 20:42:24 ID:???.net
横幅の短いPCを切り捨てれば無問題

371 :Name_Not_Found:2005/05/04(水) 22:23:29 ID:???.net
tableレイアウトそのものが問題

372 :Name_Not_Found:2005/05/04(水) 23:42:47 ID:???.net
>>364

そういう場合は、クリッカブルマップの方が良い

373 :Name_Not_Found:2005/05/04(水) 23:45:07 ID:???.net
一覧表やカレンダーみたいなの作る時はテーブル必須だよね。

374 :Name_Not_Found:2005/05/04(水) 23:50:47 ID:???.net
でもよ?雑誌とか新聞みたいな自由自在なレイアウトしようとしたら
TABLE以外ねーだろ?

CSSのレイヤーみたいなのが便利で使ってたんだが、これもだめだ。
見る人やブラウザによってずれる。

375 :Name_Not_Found:2005/05/04(水) 23:57:17 ID:???.net
教えてよ。

TABLEに変わるCSSのタグとか機能を教えてほしい。
文字の折り返し地点を決められるタグとかあるん?

376 :Name_Not_Found:2005/05/04(水) 23:58:51 ID:???.net
好きな位置に画像をはったり、文字を折り返したりできるタグって
ある?

377 :Name_Not_Found:2005/05/05(木) 00:04:44 ID:???.net
>>376
>好きな位置に画像

レイヤー使えば?



378 :Name_Not_Found:2005/05/05(木) 00:05:00 ID:???.net
>>376
>好きな位置に画像

レイヤー使えば?

>文字を折り返したり

<pre>

379 :Name_Not_Found:2005/05/05(木) 00:08:55 ID:???.net
俺も最初はレイヤー最強だと思ってたんすよ。

>>377
その使い方だと文字と画像が重なり合ったり、邪魔しあったりするだろう。
ブラウザの種類やフォントの大きさによって。

>>378
<PRE>は俺もかつて使っていたが、複雑なレイアウトは不可能。プロレベル
のデザインの要求には答えられない。

もっとも、文字を左から右に、上から下につらつら書き連ねているサイト
では、PREでも良いけどさ。

380 :Name_Not_Found:2005/05/05(木) 00:25:31 ID:???.net
Flash使えばテーブルレイアウトとかCSSとか何も気にしなくて済むようになるよ。
プラグイン入れてない人は見れない?そんなんしらんがな。

381 :Name_Not_Found:2005/05/05(木) 00:55:07 ID:???.net
FLASHか、それもいいな。クリッカブルマップもいいんだけどな。

382 :Name_Not_Found:2005/05/05(木) 03:43:53 ID:dtTEBa5j.net
CSSのタグとか逝っちゃってる時点で(ry

383 :Name_Not_Found:2005/05/05(木) 04:08:10 ID:???.net
>>382

CSSのタグ・・間違いか。どうでもいい。俺はHTMLもCSSも自由に使いこなせるが、
本を読んで勉強したわけじゃないからな。表現とかは変かも。

384 :Name_Not_Found:2005/05/05(木) 04:36:09 ID:???.net
>>383
苦し紛れすぎるぞ

385 :Name_Not_Found:2005/05/05(木) 04:53:58 ID:???.net
>>384
本意ではないところを突っ込まれると痛いんだよw
CSSのタグと言うのはおかしいかなと思ったけど、どうでもいいと思ったから
そのまま書き込んだ。言いたいことは伝わるんじゃないかと。

386 :Name_Not_Found:2005/05/05(木) 12:25:18 ID:???.net
かわいいなおまえ

387 :Name_Not_Found:2005/05/05(木) 18:54:25 ID:???.net
自由に使いこなせるやつが質問するなよ しかもCSSのタグとかもうねあh(ry

388 :Name_Not_Found:2005/05/05(木) 22:44:00 ID:W+M0LfjS.net
Layer使うと、人によって著しく見栄えに差が出るからな。
DIV使っても差が出る。TABLEで地道に作っている。

389 :Name_Not_Found:2005/05/05(木) 22:58:25 ID:???.net
Layer使うと、OSやフォントの大きさ、ブラウザによってずれるでしょう。

390 :Name_Not_Found:2005/05/05(木) 23:01:02 ID:???.net
普通にCSSで同じデザインに出来るよ。
めんどくさいだけで。

391 :Name_Not_Found:2005/05/05(木) 23:19:15 ID:???.net
どんなデザインも同じにするのは多分むり。
無理やり入れ子状態の見苦しいソースならなんとかなるかもしれないが・・・。

392 :Name_Not_Found:2005/05/05(木) 23:22:02 ID:???.net
おいおい、Layerとか言ってる奴は、釣りのつもりですか。

393 :Name_Not_Found:2005/05/05(木) 23:23:24 ID:???.net
display:table;で済む。

394 :Name_Not_Found:2005/05/05(木) 23:25:06 ID:???.net
>>392
詳しく

>>393
詳しく

395 :Name_Not_Found:2005/05/05(木) 23:26:25 ID:???.net
キイワードが出てるのに検索できない人=394

396 :Name_Not_Found:2005/05/05(木) 23:27:16 ID:???.net
>>395
詳しく

397 :Name_Not_Found:2005/05/05(木) 23:29:29 ID:???.net
sage

398 :Name_Not_Found:2005/05/05(木) 23:32:47 ID:???.net
>>397
詳しく

399 :Name_Not_Found:2005/05/05(木) 23:41:07 ID:???.net
>>398
詳しく

400 :Name_Not_Found:2005/05/05(木) 23:53:04 ID:???.net
>>391
入れ子の何がいけないのか意味わかってる?

401 :Name_Not_Found:2005/05/06(金) 02:47:43 ID:???.net
ていうか単純にTABLEでレイアウトするよりCSSでやったほうが楽じゃないか?
可読性も上がって、修正も楽ちん。

402 :Name_Not_Found:2005/05/06(金) 02:53:17 ID:???.net
>>401
オーサリングソフト便りな人にはそれがわからんのです

403 :Name_Not_Found:2005/05/06(金) 05:38:38 ID:???.net
>>401
TABLEの入れ子もなれると苦痛じゃないんだな。職人芸の世界。後からもっと
良い方法や装置が出てきても長年かけて実につけた職人技でやりたい、こっちは。
TABLE職人ってのは現代の杜氏や宮大工なんだよ。。←突っ込め

>>402
DW使ってサイトを作っていると言うと、「アレは使いやすいねー。簡単に作れる」
とか言われることが多いけど、ほとんどのプロはDWでタグやCSSを直接入力している
と思うんだが。

DWはタグ補完機能とちょっと便利なFTPが付いたタグ打ちソフトと認識している
がどう?

404 :Name_Not_Found:2005/05/06(金) 05:43:28 ID:???.net
CSSも良いんだが、別にTABLEでレイアウトしてはいけない理由もないしな。

官僚が嫌い・体制が嫌い・権力が嫌いと言ったそういう風土が強いIT業界で
なぜかオタクたちが自分たちのコミュニティーであるW3Cの価値観を保守的
とも言える態度で押し付け、TABLEをあれやこれや理由にならない理由で否定
するのは不思議。まるで規制だからダメ、決まりですと叫んでいる役所のよう。

405 :Name_Not_Found:2005/05/06(金) 05:58:14 ID:???.net
W3Cを官僚・体制・権力と見なすかのような
ヲマエ様の勘違いっぷりの方が不思議です。

406 :Name_Not_Found:2005/05/06(金) 05:59:02 ID:c9k/tL+4.net
とりあえず企業向けを意識して50個程度製作してみると色々見えてくると思うよ

407 :Name_Not_Found:2005/05/06(金) 06:41:17 ID:???.net
>>405

でも、TABLEでレイアウトしてはいけない、なぜならそういう目的のタグではないから。絶対ダメ!

では、うるさいお役人と同じと思われても仕方ないよ。本来の目的とは違う目的で工夫して使うなんて
いかにもプログラマなどのコミュニティーの世界ではかっこいいとされる価値観だと思うけど。

本来の目的以外にもこう使えるんだぜ!

なんて、ハッカーの世界でいかにもありそうな価値観だと思うけどな。でも、TABLEはダメだなんて
お役所。実際、お役所の役人だって昔はわかかったし自由人だった。最初から役人なわけじゃない。
大人はわかってくれない・・と嘆く子の親もかつては自分の親にそう思った。
W3Cと言う団体を作ったり、支持してるオタクもかつては自由だった子供を忘れ
今は自己の保身だったり、自分の存在肯定のために他者を排他的に非難する大人
となった証拠じゃないかな。

TABLEレイアウトを禁止する理由が本来の目的と違うとしても、その本音はデザイナー
が嫌いと言う個人的感情や、NETは俺たちオタクのためのものなのにチャラチャラした
デザイナーが気に食わないという自己肯定が動機だったりするしさ。

408 :Name_Not_Found:2005/05/06(金) 07:08:11 ID:???.net
>>407

その釣り(・A・)ツマンネ

409 :Name_Not_Found:2005/05/06(金) 07:59:44 ID:???.net
うん つまらない

410 :Name_Not_Found:2005/05/06(金) 09:28:06 ID:mNTcfeV/.net
>>407
>TABLEレイアウトを禁止する理由が本来の目的と違うとしても、その本音はデザイナー
>が嫌いと言う個人的感情や、NETは俺たちオタクのためのものなのにチャラチャラした
>デザイナーが気に食わないという自己肯定が動機だったりするしさ。

当りみたいだな。

411 :Name_Not_Found:2005/05/06(金) 10:44:25 ID:???.net
俺がtableレイアウトを使わないのは、携帯からも内容が見えて欲しいから。

412 :Name_Not_Found:2005/05/06(金) 10:52:00 ID:???.net
>>411
ちらし屋、紙媒体デザイナのかなわない質の高いデザインを否定したい

携帯でも見えてほしい

じゃないのか?ずばり図星だと思う。技術者やオタクって理論的に振舞って
いるようで、実は嫉妬の感情が強い。理論は感情により導かれる。つまり、
永遠に理解し合えないのが人間。俺が一番、自分の人生は間違っていない、
自分が一番・・そういう風に考える金玉の小さい男が多いから、つまらない
見栄の張り合い、規制による保身、既得権益の防御が生まれる。つまり、自由奔放
に思えるハッカーや技術者、ナードの世界ですら、閉じた排他的な世界で
自由などないということ。田舎的な価値観で保守的で排他的で閉鎖的だと言うこと。
人間の心は脆い。他人の活躍は許せない。感情が強いが故に導かれた論理。
そう、論理から結論が導かれるのではなく、まず感情ありき。そして、感情が求める
結論を導くための論理が選択される。だから、問答無用と言う言葉がある。つまり
立場、利権、美感が違う人間が分かり合えることは永遠にないということ。

413 :Name_Not_Found:2005/05/06(金) 11:14:31 ID:???.net
ながくてよむきにならん

414 :Name_Not_Found:2005/05/06(金) 11:22:36 ID:???.net
>>412
俺は別にtableレイアウトを否定してないよ。
でも紙媒体のデザインとwebデザインを同様に考えている時点で君に未来は無いよ。

むしろ君の方が嫉妬してないかな?

415 :Name_Not_Found:2005/05/06(金) 13:13:33 ID:???.net
携帯で見えるかどうかって事は条件としてはちょっと特殊だからな。

416 :Name_Not_Found:2005/05/06(金) 15:04:35 ID:???.net
W3CはCSSを使ったレイアウトを推奨するし、ブラウザの開発者はそれに逆らうことは出来ないよ。
どうしても絶対位置でピクセル単位のデザインをしたければ、フラッシュなりPDFなりにした方がいい。

417 :Name_Not_Found:2005/05/06(金) 18:19:33 ID:???.net
>>412

その釣り(・A・)再々ツマンネ

不自由な技法しか出来ないweb技術に欠けたデザイナーに
嫉妬する道理がナイ

418 :Name_Not_Found:2005/05/06(金) 19:04:42 ID:8VT1Jgq7.net
>>34

不自由な技法とは?嫉妬しているのはWEB技術ではなくデザイン力ではないのん?

419 :Name_Not_Found:2005/05/06(金) 20:24:55 ID:???.net
>>416
なんだそれ?
テーブルが廃止されるとでも?

420 :Name_Not_Found:2005/05/06(金) 20:27:19 ID:???.net
結局CSS使ってテーブルみたいに自由にレイアウトできるHTMLエディター
だっけ?そういうのがフリーソフトで出てくるようになればいいわけだ。

421 :Name_Not_Found:2005/05/06(金) 21:02:24 ID:BTqASqwc.net
>>420
IBMのどこでも配置(ry

422 :Name_Not_Found:2005/05/06(金) 21:33:25 ID:???.net
tableタグが廃止されればCSSでデザインするしかない

423 :Name_Not_Found:2005/05/06(金) 21:35:26 ID:???.net
大手サイトを手がけるデザイナがTABLEを支持している時点で廃止は
されない。

例えW3Cが保身のために廃止したとしても、IEは独自に残すだろう。
そうなると、他のブラウザはあぼーん

424 :Name_Not_Found:2005/05/06(金) 22:53:39 ID:???.net
W3C的にもTABLEの廃止ってのはあり得ないだろ。本末転倒。
表をマークアップするためには必要なわけで。
>>416が言いたいのはTABLE等、タグで体裁をつくる方法には将来性がない、って事じゃないのか。

425 :Name_Not_Found:2005/05/06(金) 23:07:51 ID:???.net

しかし、いつからTABLEを廃止するんだ?期日を決めるのか?
商用サイトなんぞ、TABLEを廃止されたら作り直しだけで数千万円かかる・・
ってところも少なくないぞ。

CENTERタグも廃止と言う方向らしいが、使ってるやつは多いし、廃止されて
も困る。結局、W3Cが廃止と言っても、Microsoftは廃止にはできない。なぜ
ならMicrosoftに電話が数百万件はかかってくるぞ。インターネットってビルゲイツ
が作ったんじゃないの?って思っている人たちから・

426 :Name_Not_Found:2005/05/07(土) 01:06:57 ID:???.net
>>425
>CENTERタグも廃止と言う方向らしいが、使ってるやつは多いし、廃止されて
>も困る。
えーと、馬鹿?

427 :Name_Not_Found:2005/05/07(土) 01:24:12 ID:???.net
>>426
なんで?CENTERタグは廃止する方向で検討されてるって聞いたよ。

428 :Name_Not_Found:2005/05/07(土) 01:26:29 ID:???.net
426は自分の無知を棚にあげてひどいもんだ

429 :Name_Not_Found:2005/05/07(土) 05:55:56 ID:???.net
                             |
      ∩___∩             |
      | ノ  _,  ,_ ヽ        ((  | プラプラ
     /  ●   ● |       いつからTABLEを廃止するんだ?
     |    ( _●_)  ミ _ (⌒)   J  ))
    彡、   |∪|  ノ
⊂⌒ヽ /    ヽノ  ヽ /⌒つ もうあきたクマー
  \ ヽ  /         ヽ /
   \_,,ノ      |、_ノ

430 :Name_Not_Found:2005/05/07(土) 07:23:53 ID:???.net
>>429

釣りではなくて、いつなの?廃止できるわけがない。

論理的に反論できないのかな?
さすが低脳

431 :Name_Not_Found:2005/05/07(土) 07:56:35 ID:???.net
ブログブームのCSSでど素人でもそれなりに綺麗なWEBを簡単に作るようになったから
どちらのレイアウトにしてもWEBデザイナ分野の人材に求められる質は上がっていきそうだね。


432 :Name_Not_Found:2005/05/07(土) 12:37:23 ID:???.net
>>427
いくらW3Cがその標準からCENTERタグを廃止したとしても、多くのブラウザの
対応としてそれらのタグに対する対応は残すであろうという話。

433 :Name_Not_Found:2005/05/07(土) 13:18:49 ID:???.net
そりゃ互換モードは残すだろ。
どうせお前らのレベルじゃXHTMLで書けないんだろ?

434 :426:2005/05/07(土) 14:34:54 ID:???.net
>>427 >>428
なんか、俺が前半部分を否定してると思われてる?
俺が突っ込みたかったのは「廃止されても困る」の部分だったんだが…

435 :Name_Not_Found:2005/05/07(土) 14:40:57 ID:???.net
CENTERは別に困らんだろ。
つっかCSSでレイアウトしてるなら普通すでに使ってないし。

HTML 4.01 Transitionalでの動作を保障しないブラウザなんて今後10年は出て
こないだろうからStrictにこだわらないお前らが気にすることは無い。

436 :Name_Not_Found:2005/05/07(土) 14:45:07 ID:???.net
ソースの美しさとデザインの美しさは比例しない

437 :Name_Not_Found:2005/05/07(土) 17:38:13 ID:2uSgjStn.net
>>435

あなたが困らないのはわかった。で、俺もあまりこまらない。でも、CENTER
使ってるサイトがいくつかあるから、直すの面倒。

だいたい大規模サイトだとCENTERを使用していないか検証するだけで大変。

438 :Name_Not_Found:2005/05/07(土) 19:10:37 ID:???.net
>>437
アホか?直す必要ないだろ。

意味わかってねーな、次期バージョンのXHTMLでそうなったとしても、現行のXHTML1.1まで
は使って良いんだから既存のサイトはなにも関係無いだろ。

439 :Name_Not_Found:2005/05/07(土) 19:39:21 ID:???.net
>>438
だから、ずっと使える仕様であった方がいいだろ。

440 :Name_Not_Found:2005/05/07(土) 19:51:53 ID:???.net
W3Cstrict に適したhtmlであってほしいというのは
個人の趣味の問題。

441 :Name_Not_Found:2005/05/07(土) 20:13:31 ID:???.net
>>439
お前根本的にわかってないな。
<center>好きなら勝手にいつまでも使えよ、誰も文句いわねーし不自由無いよ。

442 :Name_Not_Found:2005/05/07(土) 20:17:02 ID:???.net
>>441
><center>好きなら勝手にいつまでも使えよ、誰も文句いわねーし不自由無いよ。

根本的に分ってないのはどっちだよ。
そんな事で文句言うやつがいたらそれこそ頭いかれてるだろ。


443 :Name_Not_Found:2005/05/07(土) 20:18:11 ID:???.net
>>442
だったらなにを心配してんだ?

ずっと使える仕様とかわけわかんねぇ。

444 :Name_Not_Found:2005/05/07(土) 20:21:08 ID:???.net
>だいたい大規模サイトだとCENTERを使用していないか検証するだけで大変。

俺もこの意味がわからん。
既存のサイトをなんで直すの?

445 :Name_Not_Found:2005/05/07(土) 20:21:54 ID:???.net
なら<font>もダメじゃん。

446 :Name_Not_Found:2005/05/07(土) 20:26:19 ID:???.net
アフォかw
好き勝手つくりゃあいいじゃん

447 :Name_Not_Found:2005/05/07(土) 20:28:42 ID:CUuHW1XW.net
http://YahooBB219180178006.bbtec.net/
wうはっwwwwwwうぇwwwwwwwwwwwwwww
おkwww
っうぇwwwwwwうぇwwwっうはっwww
wうはっwwwっうぇおkwwwwwwおkwww

448 :Name_Not_Found:2005/05/07(土) 20:48:11 ID:???.net

すまん、廃止の意味を間違って捉えていた。廃止って言うから完全に
消えるのかと思った。

ところで、HTMLのバージョンの管理とかぜんぜんわからんのだけど。

449 :Name_Not_Found:2005/05/07(土) 21:12:51 ID:TQL1W34p.net
最近よく見るが、>>447が例の2ちゃんウイルスに
感染した患者かい。

450 :Name_Not_Found:2005/05/07(土) 21:15:45 ID:???.net
今までに実際に廃止された要素もあるがな。


451 :Name_Not_Found:2005/05/07(土) 21:32:03 ID:???.net
幅をパーセント指定しているテーブル(中身が3つに分れている)をセンタリングして
いるんですがこれをCSSでやるとしたらどうしたらいいでしょうか?

452 :Name_Not_Found:2005/05/07(土) 22:14:11 ID:???.net
>>449
あはははは
これが2ちゃんウイルスなのか。なんかと思ってた。ハゲ藁

って、俺も感染してないか心配だ

453 :Name_Not_Found:2005/05/07(土) 22:28:25 ID:???.net
多分Winnyのウィルスだろ。

454 :Name_Not_Found:2005/05/08(日) 00:04:31 ID:???.net
スクリーンショットがうpされるやつもあったよな

455 :Name_Not_Found:2005/05/10(火) 05:05:23 ID:???.net
margin:0 auto;
text-align: center;

でセンタリング

456 :Name_Not_Found:2005/05/10(火) 13:23:03 ID:???.net
>>455

何それ

457 :Name_Not_Found:2005/05/10(火) 18:20:48 ID:???.net
突然どうすたのよ。

458 :Name_Not_Found:2005/05/10(火) 20:45:33 ID:???.net
>>455
テーブル全体の方を画面全体の中心におきたいんですけど、
それでいいんでしょうか?

459 :Name_Not_Found:2005/05/10(火) 20:51:45 ID:???.net
>>455
それだとwidthをpxで指定したときにはセンタリングになりますが、質問の
ように%で指定するとセンタリングにならないような感じですけど。

460 :458:2005/05/10(火) 21:07:57 ID:???.net
テーブルというのはCSSで作ったテーブルのようなブロック(?)のことです。

461 :455:2005/05/11(水) 02:42:54 ID:???.net
>>459

おれはwidthはpix指定にしてるから%はよくわかんないです。

このサイトが参考になるんじゃないですか。

ttp://folio.daa.jp/01/168/rn_tut01.html

462 :Name_Not_Found:2005/05/11(水) 23:14:39 ID:WAxQM2HM.net
なかなあ、TABLEみたいにCSSでレイアウトってできるん?

たまに

<center>
恋愛はうんぬんかんぬん<br>
だから、俺はポップミュージックが○○<br>
だから、オナニーする<br>
</center>

みたいなサイトあるじゃん。あれカコワルイ

463 :Name_Not_Found:2005/05/11(水) 23:42:13 ID:???.net
やろうと思えば出来る。が、今のCSSはマルチカラムのことをあんまり考えてない。だから面倒だったりする。
が、フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点だとするなら、
紙メディアのようなレイアウトをすること自体が間違いということになる。

464 :Name_Not_Found:2005/05/12(木) 00:10:38 ID:UdZaEP4a.net
でも、紙メディアみたいなデザインしないといけないこともあるじゃん?
商用サイトとか。

465 :Name_Not_Found:2005/05/12(木) 01:20:33 ID:???.net
つ画像

466 :Name_Not_Found:2005/05/12(木) 02:33:20 ID:???.net
つFlash

467 :Name_Not_Found:2005/05/12(木) 02:36:30 ID:???.net
デザインを優先させたいなら、FlashでもOKだと思う。
完璧同じレイアウトにするのは難しいだろうから、デザインはある程度妥協したHTML版も用意した方が良い。

468 :Name_Not_Found:2005/05/12(木) 02:37:49 ID:???.net
position:absolute;を使えば同じにできなくもないか…

469 :Name_Not_Found:2005/05/12(木) 03:46:04 ID:???.net
>>467
それってちょっと変じゃない。
画像やフラッシュを使うなら、フォントサイズ固定とか推奨サイズとして
このサイトは文字サイズ中で見て下さいとか(そんな設定あったっけ?)
するのと変らないどころかそれより見る方の自由度は低くなるわけだろ。

>>463のこれには沿ってない
>フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点だとするなら、

470 :Name_Not_Found:2005/05/12(木) 04:15:40 ID:xxbJI4kW.net
そのためにhtml版を用意すると言ってるのかと。
それだとflashの存在自体否定してるよ

471 :Name_Not_Found:2005/05/12(木) 08:56:03 ID:???.net
>>469
Flashの存在を否定しているわけではない。
ただ紙メディア的デザインを否定する理由を、フォントサイズやウィンドウサイズを
自由に変えられるのがWEBというメディアの利点を持たないからと言うならば、
Flashの方がその点でははるかに「フォントサイズやウィンドウサイズを自由に変え
られるのがWEBというメディアの利点を持たない」といっているだけの事。
論点を把握すること。

>それだとflashの存在自体否定してるよ
Flashを使うメリットは紙メディア的デザインする事だけにあるわけではないだろ。

472 :Name_Not_Found:2005/05/12(木) 09:00:28 ID:???.net
紙メディア的デザインにとことんこだわるならflashじゃなくて
pdfファイルだっけ、あっちが使われている例はしばしばある。
htmlと併用してね。
でも、使う立場からいうと文章内でリンクははれないし、文章の
コピペもできない、ソフトが起動するのがウザイ、というところがあって
通常のhtmlよりはるかに使いにくいね。

473 :Name_Not_Found:2005/05/12(木) 10:39:54 ID:???.net
pdfはクリックしないように常に注意してる。

474 :Name_Not_Found:2005/05/12(木) 11:06:05 ID:???.net
レイアウト優先のためflashを使う?
( ゚Д゚)ハァ?

475 :Name_Not_Found:2005/05/12(木) 11:13:13 ID:???.net
別にデザインを重視するならFlash
間違っていないかと。

476 :Name_Not_Found:2005/05/12(木) 11:16:41 ID:???.net
あぁ、ちなみに脳内レンダリング後と画面に表示された物が近いようにする為って意味で。

477 :Name_Not_Found:2005/05/12(木) 11:18:17 ID:???.net
>>475
Flasyはデザイン重視というより、動きのあるページづくりって事だろ。

今は単にデザインの事じゃなくて
>フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点だとするなら、

この視点からのレイアウトという面からのデザインの話なんだが。
論点分ってるのかな。

478 :Name_Not_Found:2005/05/12(木) 11:21:18 ID:???.net
Flashが見難いから見たくない奴は見なければ良いだけの話。
俺はFlash好きだけどねー。

479 :Name_Not_Found:2005/05/12(木) 11:24:15 ID:???.net
>フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点だとするなら、
その利点を捨てても別に良いでしょ。
そのうち、Flashでも徘徊対象になったりブラウザの設定が反映されたりするのかもしれないけど。

480 :Name_Not_Found:2005/05/12(木) 11:47:18 ID:???.net
>>479あんた>>475あたりと同一人物か?
もしそうだとしたら論点ズレまくり。

話の流れは

入組んだページレイアウト(紙メディア風)は
フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点
とは相容れないところがあるという話なんだが。

そこで>>466あたりがflashって言いだした。
つまりFlashを使えばフォントサイズの設定に影響されないからデザインは崩れないと言いたいらしい。

しかし一方>>479

>>フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点だとするなら、
>その利点を捨てても別に良いでしょ。

これを捨てるんだったらFlashを使うという方向じゃなくて
入組んだページレイアウト(紙メディア風)に比重をおけばいいという事になる。

あんたの主張は論点がずれまくってるって事に気がつかない。

>>479>>475あたりと別人で単なる通りがかりなら論点が違ってても仕方がないが。


481 :Name_Not_Found:2005/05/12(木) 13:43:04 ID:???.net
別に見る人にフォントサイズが変えられてデザインが崩れる
ということだけでは無いと思う。
>>464の言う所の、紙媒体のようにデザインしたいってのは

482 :Name_Not_Found:2005/05/12(木) 13:44:25 ID:???.net
ちなみに、AllFlashでWebサイトを作る事は問題ないと思う。
時代の流れだな。

483 :Name_Not_Found:2005/05/12(木) 14:08:17 ID:???.net
>>481
話の元の流れは>>463
>フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点だとするなら、
>紙メディアのようなレイアウトをすること自体が間違いということになる。

ここから来てるんだから。
>>464はそれに対するレス。

つまり今の論点は

>フォントサイズやウィンドウサイズを自由に変えられるのがWEBというメディアの利点

>紙メディアのようなレイアウト
には相容れない点があるという事。

484 :Name_Not_Found:2005/05/12(木) 14:10:07 ID:???.net
>>482
>ちなみに、AllFlashでWebサイトを作る事は問題ないと思う。

これは問題ないと思う。
プラグインを入れてない人のこととか多少はあるかも知れないけど。

485 :Name_Not_Found:2005/05/12(木) 14:35:17 ID:???.net
>position:absolute;を使えば同じにできなくもないか…

これ最強と思ってTABLEからCSSに移行しようとしたんだけど、これもダメだった。
OSやブラウザが変わるとずれる。

486 :Name_Not_Found:2005/05/12(木) 16:07:41 ID:???.net
絶対値って敬遠されがちだけど、ヘッダーとか一部position:absoluteを使うのは結構有効だったりする。

487 :Name_Not_Found:2005/05/15(日) 08:37:18 ID:???.net
flashはseoてきにダメポ
iframe使ってもやっぱり微妙だし

488 :Name_Not_Found:2005/05/15(日) 21:36:17 ID:???.net
個人サイトだから別にSEOとか気にしてないや

489 :Name_Not_Found:2005/05/20(金) 01:31:32 ID:???.net
あれだ
文書を修飾するんじゃなくて
デザインを文字で修飾すればいいんだな

490 :Name_Not_Found:2005/05/20(金) 01:52:18 ID:???.net
パソコンを窓から投げ捨てればいい

491 :Name_Not_Found:2005/05/20(金) 01:55:51 ID:???.net
>>490
懐かしい

492 :Name_Not_Found:2005/05/20(金) 12:54:41 ID:???.net
ユーザーのPCでflashみたいなアクティブコンテンツを楽にレンダリング出来る企画はいつくるか

493 :Name_Not_Found:2005/05/20(金) 12:55:06 ID:???.net
規格や

494 :Name_Not_Found:2005/05/20(金) 15:07:19 ID:???.net
>>492
今でもユーザのPCでflashみたいなアクティブコンテンツ(謎)を楽にレンダリングしていると思うが。
マクロメのflash player plugin とかで。

495 :Name_Not_Found:2005/05/20(金) 15:40:54 ID:???.net
何か勘違いしてんじゃね?

話は変わるが最近参考書を見ると
javascriptとか使って画像メヌーをロールオーバーさせている部分を
css使って(無理やりなのか?)背景画像としてロールオーバーさせるっていう表現があるが
これは定義上アリなのかな?
とりあえず趣味サイトに実装しようと思うが、javaのが楽なんだよなー
DWで一発だし…
優柔不断な俺は迷うな

496 :Name_Not_Found:2005/05/20(金) 15:45:42 ID:???.net
divdivdiv、floatfloatfloatでIEとFireFoxの同期取ろうとしたが、ボーダーで破綻したorz
解釈違うのね・・

497 :Name_Not_Found:2005/05/20(金) 22:42:24 ID:???.net
IE7が出たら、margin: 0 autoとか、>>496のwidthのバグとか、透過PNGとか、いろいろ解決されるだろうよ。
もうそんなに遠くない未来の話。

498 :Name_Not_Found:2005/05/21(土) 23:40:42 ID:???.net
MSが期待通りに実装してくれたことなんて一度もない

499 :Name_Not_Found:2005/05/23(月) 11:12:29 ID:???.net
>>497
旧バージョンが駆逐されない限り、何の意味もない。

500 :Name_Not_Found:2005/06/05(日) 19:46:43 ID:???.net
IE7
過去のIE対策のハックやバグ指定もごちゃ混ぜに実装して史上最悪のブラウザになってたらマジうけるwwwwww

501 :Name_Not_Found:2005/06/06(月) 23:08:08 ID:???.net
なりそうな予感がする…

502 :1:2005/06/11(土) 11:19:10 ID:???.net
久々にみにきたらまだいきてたのかこのスレは

503 :Name_Not_Found:2005/06/11(土) 12:49:30 ID:93AKVGtX.net
テーブルデザインは不滅です!!!1!

504 :Name_Not_Found:2005/06/11(土) 15:14:03 ID:???.net
>>503
乙!

505 :Name_Not_Found:2005/06/11(土) 16:25:19 ID:???.net
紙出身の奴はFLASHに行く傾向があるな。

昔、DTPの奴にHTML化頼まれて
0.1mm単位でぐちゃぐちゃ言われて
ぶち切れた事がある。

紙とWebは違うんだよ、ボケが

506 :Name_Not_Found:2005/06/11(土) 19:15:00 ID:???.net
将来CSSが印刷に耐えうるほどの品質になったら面白そうですね。

507 :Name_Not_Found:2005/06/11(土) 20:08:53 ID:???.net
印刷はそれ専用に別に書くから関係ないだろ

508 :Name_Not_Found:2005/06/13(月) 13:02:28 ID:???.net
>>505
太さ1pxのラインを「もっと細く」とか言うんだよな。
そういうときは色を薄くしてやると納得するんだがw

509 :Name_Not_Found:2005/06/14(火) 02:06:27 ID:???.net
>>508
それ頭悪いな……

510 :Name_Not_Found:2005/06/15(水) 00:13:52 ID:???.net
>>508
わかるw
俺もしょっちゅうだそんなの。

511 :Name_Not_Found:2005/06/15(水) 11:59:41 ID:???.net
あと、紙屋は文字の折り返しとかいちいちウルセーよな。
ブラウザやOSによって全然変わってくるのにさ。

MacクラシックのIE5使ってるヤツなんか1%もいないんじゃないかと思うんだが
ソフト買えないからクラシック環境のままだし。>紙屋

512 :Name_Not_Found:2005/06/16(木) 07:43:44 ID:???.net
>>511
>MacクラシックのIE5使ってるヤツなんか1%もいないんじゃないかと思うんだが

全体の3%程度ですね。

513 :Name_Not_Found:2005/06/16(木) 08:47:11 ID:???.net
3%てのはMac OSのシェアでしょ?
Mac内でもOS Xとクラシックで使えるブラウザが違うから、
クラシック環境のIE5なんて相当少ないんじゃない?

514 :Name_Not_Found:2005/06/17(金) 10:11:35 ID:???.net
相当少ない代わりに、切り捨てると一番うるさい迷惑な奴らだけどな。

515 :Name_Not_Found:2005/06/17(金) 13:33:45 ID:???.net
ブツクサ言う前にMozilla系でも辻褄合うようにしようね(・∀・)ニヤニヤ

516 :Name_Not_Found:2005/06/17(金) 17:22:06 ID:???.net
Mozilla系でもMacとWinでまた挙動が違うからなぁ

517 :Name_Not_Found:2005/06/17(金) 20:52:56 ID:???.net
まあ、でもアポはブラウザに関してはSafariで義理は通した希ガス

518 :Name_Not_Found:2005/06/17(金) 22:27:02 ID:???.net
Mac IE5って floatの挙動変じゃない?というか、認識しない。
DOCTYPEスイッチで標準モードにすればおk?

共同作業してるDTP屋が「Macだと云々・・・」とうざい。
SafariとかFirefox使えといいたいが、OSX環境じゃねえし。

519 :Name_Not_Found:2005/06/17(金) 22:36:56 ID:???.net
>>518
Win版ほどでは無いと思った > MacIE5
両方ともIE5が出た当時は「スタイルシートすげー」って実感できる
実装だったけど、いまとなっては…だなぁ。

520 :Name_Not_Found:2005/06/17(金) 23:22:02 ID:???.net
divタグについて

521 :Name_Not_Found:2005/06/18(土) 02:44:03 ID:???.net
MacのIE5なんてほとんど来ないが、自分も最近まで使ってたブラウザなんで無視はできないぜ

522 :Name_Not_Found:2005/06/22(水) 12:00:55 ID:???.net
あー、誰か紙屋だけ一画面まるまるpdfのページに飛ばす
スクリプトとか作ってくれねーかなw

523 :Name_Not_Found:2005/06/22(水) 13:39:56 ID:???.net
>>522
UA振り分けスクリプトでmacのIEだけPDFへ飛ばせばOKだw

524 :Name_Not_Found:2005/06/23(木) 01:17:04 ID:???.net
>>522-523
ワラタ

525 :Name_Not_Found:2005/06/29(水) 18:58:47 ID:???.net
あと一年はテーブルで行けるな

526 :Name_Not_Found:2005/06/29(水) 20:44:42 ID:???.net
floatで三段階に出来ないかな。
メニュー100px 情報300px 広告100px
ってやりたいんだけど、結局divでテーブルみたいになっちゃった。

<div width500>

<div width100 float:left>メニュー</div>

<div width400>
<div width300 float:left>情報</div>
<div width 100></div>
</div>

</div>

スマートじゃないね。

527 :Name_Not_Found:2005/06/29(水) 21:09:13 ID:???.net
<div id="menu">メニュー</div>
<div id="info">情報</div>
<div id="ad">広告</div>

div#menu { width:100px; float:left; }
div#info { width:300px; float:left; margin-left:100px; }
div#ad { width:100px; margin-left: 400px; }

528 :527:2005/06/29(水) 21:11:39 ID:???.net
メニュー、がサイトの利便性をあげるためのナビゲーションだったら
情報の後でもよいかもね。


529 :Name_Not_Found:2005/06/29(水) 21:41:22 ID:???.net
おぉぉ、三段ってそうやるんですか。
助かりました!

530 :Name_Not_Found:2005/06/30(木) 19:29:47 ID:???.net
どこまでも出来るが、floatとwidthで指定してもブラウザ毎に変わってきちゃう。
こればかりは仕方ないから取り合えずIEで見れればOK。

と思う。

531 :Name_Not_Found:2005/06/30(木) 23:23:08 ID:???.net
サーバーが重いと、たまにCSS読み込んでくれんwww
一瞬ビビルwww縦長綺麗ー。
みんなはトップページどうしてる?
トップページだけ中に埋め込むとか。

532 :Name_Not_Found:2005/07/01(金) 16:00:01 ID:???.net
>>527
div#infoへの float:left;は不要だろ。

533 :527:2005/07/01(金) 18:40:55 ID:???.net
あー。中途半端だった。
IEのコトを考えると、
div{ float:left; }
div#menu{ width:適宜; }
div#info{ width:適宜; }
div#ad{ width:適宜; }

ってするのが良かったかも。


534 :Name_Not_Found:2005/07/04(月) 08:59:06 ID:???.net
これなら大体のブラウザで思い通りに表示させられると思う。
cssはずしてもアクセシビリティも悪くないはず
<dl ="AAA">
<dt>メニュー</dt>
<dd ="aaa">内容</dd>
</dl>

<dl ="BBB">
<dt>情報</dt>
<dd ="bbb">内容</dd>
</dl>

<dl ="CCC">
<dt>広告</dt>
<dd ="ccc">内容</dd>
</dl>

#AAA{position:適宜; width:適宜; height:適宜; top:適宜; left:適宜;}

#AAA dt{position:適宜; display適宜; width:適宜; height:適宜;}

#AAA dd{position:適宜; display適宜; width:適宜; height:適宜;}

# aaa{top:適宜; left:適宜;}

#BBB #CCC は上と同じ。属性は必要に応じて変更

535 :Name_Not_Found:2005/07/04(月) 09:01:19 ID:???.net
あ、id が抜けてた。
<dl id="AAA">
あとは同じ。

536 :Name_Not_Found:2005/07/04(月) 11:03:59 ID:???.net
なぜにdl?

537 :Name_Not_Found:2005/07/04(月) 13:14:23 ID:???.net
dlとか使い勝手悪いから嫌い。
HとPとLIだけで十分。

538 :Name_Not_Found:2005/07/04(月) 14:01:46 ID:???.net
liはulとolの下以外には来られないだろwwwww

539 :Name_Not_Found:2005/07/04(月) 14:39:10 ID:???.net
それ含めて言ってるんだろ。

540 :534:2005/07/04(月) 21:41:43 ID:???.net
537が正しいと思う。本来は邪道だと思う。
ただ、マルチカラムをブラウザに依存しない様に
表現するにはdl-dt-ddが楽というだけ。
なぜdlかというと、divは単なる区切りで意味をもってないから、
dlにすれば意味をもった箱として使える。SEO的にも良いと思う。

541 :Name_Not_Found:2005/07/14(木) 14:49:11 ID:???.net
「○○君、キミね、テーブル使ってレイアウトしちゃダメでしょ?
 テーブルってのは、表を作るためにあるもんでしょ?
 左のメニュー部分と、右のこのメイン?の部分?をわけてるけどさ、コレ表っていえる?いえないでしょ?
 だからね、こういうのは全部スタイルシートで作るの、スタイルシート。
 スタイルシート使えばね、どんっっっなに複雑なレイアウトもね、簡っっっ単にできるから。
 テーブルだと出来ないような事も、スタイルシートなら余裕だから。
 内容はタグで、デザインはスタイルシート、これ常識だから。覚えといてね。
 ん?スタイルシートはよくわかんない?や、まあ簡単だから。あとで本買ってきて。
 ってことで、コレ。レイアウトに使ってるテーブルんトコ全部削除。スタイルシートで同じように作り直して。来週末めどで」

って説教された素人のおいらがきましたよ。

542 :Name_Not_Found:2005/07/14(木) 15:21:56 ID:???.net
>>541
そのおっさんはいけ好かないけど、来週まであるなら大丈夫だ。がんがれ。

543 :Name_Not_Found:2005/07/14(木) 15:28:32 ID:???.net
がんばってるけど、
本来の使い方じゃないテーブルが消え、
本来の使い方じゃないDIVが増えただけのような気がする。
間違ってるんだろうな、作り方が。

544 :Name_Not_Found:2005/07/14(木) 15:51:22 ID:???.net
>>543
>本来の使い方じゃないDIV
divの本来の使い方ってどんなの?

545 :Name_Not_Found:2005/07/14(木) 15:56:44 ID:???.net
DIVって本来段落をあらわすもんだよね?
だから、レイアウトのために入れ子にするのってまちがっとるよね?
てか、あんまりしゃべると無知がばれるからいかんね。

546 :Name_Not_Found:2005/07/14(木) 16:42:21 ID:???.net
>>545
すでにばr(ry

547 :Name_Not_Found:2005/07/14(木) 16:48:43 ID:???.net
つД`)・゚・。

レイアウトに使ってた<td align="center">に変わるものがわかんね。
<div align="center">にしても意味がない気がするし、
<div style="text-align:center;">も使い方違う気がするし、もうだめぽだめぽ。
おまいらよくわかるな。すげえなあ

548 :Name_Not_Found:2005/07/14(木) 16:53:03 ID:???.net
ヒント:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<div style="margin-right:auto; margin-left:auto;">

549 :Name_Not_Found:2005/07/14(木) 17:04:15 ID:???.net
>>545
文書構造的にブロックで意味は段落、を表す要素はp。
divもブロックだけど、意味は特にありません。
文書構造体のひとまとまり・一区切り。
なのでネストするのも間違いじゃないです。
あとtext-alignは文字通りテキスト(インラインレベル要素)のコントロール担当のプロパティ。

テーブルだろうがCSSだろうが、要は慣れの問題で作業負荷はそんなにかわらん。
がんがれ。

550 :Name_Not_Found:2005/07/14(木) 17:09:44 ID:???.net
>>548
意味がわからんができた。
autoなら左右のマージンが均等になって、結果的に真ん中配置って事だよね?
正しいの?とか言ってる場合じゃないよね

>>549
そ う な の か 。
入れ子にしちゃうもんね。


お前らの優しさを無駄にできない件
がんばるしかー

551 :Name_Not_Found:2005/07/14(木) 22:11:35 ID:???.net
>>547
見栄えをそのままStrictに置き換えようと思っても無理だ。
無理っていうか意味がない。

まずそこがどんな部分か考えろ。
その上で適切なid振るなりclass振るなりしてCSSで見栄えを制御。

根本的に考え方変えないと今のおまいの考え方じゃソースが悪化するだけ。

552 :Name_Not_Found:2005/07/14(木) 22:15:58 ID:???.net
>>551
せっかくやる気になったやつに水差すようなこと言う女。はぁ?

553 :Name_Not_Found:2005/07/14(木) 22:43:00 ID:???.net
>>551
Strictの意味がわからない俺様がいまだ仕事中ですよ。

554 :Name_Not_Found:2005/07/14(木) 22:53:28 ID:???.net
>>551
仕様書にはずれたことしなければ、一応ストリクト。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head><title>あひゃひゃ</title></head>
<body><div><div><div>うへへ</div></div></div></body>
</html>

なんてコードでもストリクト、一応は。
ストリクトスレに行くと、ティムたんよりもストリクト指向な人たちがいっぱいいますよ。

555 :551:2005/07/15(金) 00:37:03 ID:???.net
DTDとしてのStrictじゃなくて構造と見映えの分離って意味でかきますた
紛らわしくてすまそ
スレ違いかとも思ったけど>>547見てたら>>547が無駄骨折っちゃいそうだったので
>>547のやる気を削ぐ気はなくて、せっかくやるなら考え方転換して意味のある置き換えやってほしいと思ったので
大きなお世話なら無視してください

556 :Name_Not_Found:2005/07/15(金) 04:37:55 ID:???.net
コンテンツを一度テキスト文書でも通るように、書き出せ。
それにタグつけてからCSSでレイアウトしろ。その方が速い。
レイアウト先行でやると混乱するぞ。

557 :Name_Not_Found:2005/07/15(金) 08:22:12 ID:???.net
出来上がったサイトをFirefoxで見るとレイアウトが崩れてるという現実・・・。

558 :Name_Not_Found:2005/07/15(金) 09:04:22 ID:???.net
Firefoxで作ってその後、IE用に修正するのが王道。

559 :Name_Not_Found:2005/07/15(金) 10:03:55 ID:???.net
ストリクトの意味が相変わらずわからないおいらが今日もがんばりんぐ

>>555
うへへへ。構造と見映えの分離ってのは、一応念頭においてやってるですよ。合ってるかどうかわからんけども。
>>556で言ってるような感じかなあ。
内容だけをずらーっと書いて、で、そいつらをブロック(っていうの?)でまとめて、
ブロックごとにスタイル書いてーってな感じで。

テーブルタグ省くだけじゃ終わらねーぽ

560 :Name_Not_Found:2005/07/15(金) 11:23:57 ID:???.net
>>558の助言を元にがんばりんぐ

ブラウザによる見え方の違いって、ここまで酷いのか……orz

と、落胆する素人であった。

561 :Name_Not_Found:2005/07/15(金) 12:21:44 ID:???.net
>>560
このページのウエブデザインテクニックって
ところに行って見れ、かなり参考になるよ。
mozilla系とIEのレイアウトずれの解消方法について載ってるから。

ttp://adp.daa.jp/

562 :Name_Not_Found:2005/07/19(火) 16:15:40 ID:???.net
>>513
>3%てのはMac OSのシェアでしょ?
MacOS全体は5%くらい

>Mac内でもOS Xとクラシックで使えるブラウザが違うから、
>クラシック環境のIE5なんて相当少ないんじゃない?

そのなかでまだクラシック環境のIE5の方がやや多い。




563 :Name_Not_Found:2005/07/19(火) 16:27:44 ID:???.net
>>562
やや、かなあ。
8割くらいがDTP関係者=OS9だと思ってたけど。
やや、だったらいいなあ。

564 :541:2005/07/21(木) 15:28:55 ID:???.net
ヽ(゚∀゚)ノヤター!とりあえずできたよー!おまいらありがと。

565 :Name_Not_Found:2005/07/21(木) 18:41:02 ID:???.net
>>564
おつかれー。

566 :Name_Not_Found:2005/07/21(木) 21:42:33 ID:???.net
>>564
サイト晒せー

567 :Name_Not_Found:2005/07/22(金) 13:55:57 ID:???.net
ヽ(゚∀゚)ノ一応お客さんのページだから晒すのは無理だっ

ウチの会社、本業は全然べつものの癖に、「Webサイトも作れますよ」なんてテキトーな事言って仕事とってくる。
なのに実際サイトを作らせるのは、おいらみたいな素人軍団。
はっきり言って詐欺だと思うが、他のまともなトコと比べると格安なので、それなりに客が来るという。

こえー

568 :Name_Not_Found:2005/08/12(金) 02:33:43 ID:???.net
floatってさーmargin="0"にしてんのになんで隙間空くわけ?殴るよ

569 :Name_Not_Found:2005/08/12(金) 14:40:02 ID:???.net
paddingもゼロにしろよ。っていうか ="0" ってなんだよ。 :0; だろがよ。

570 :Name_Not_Found:2005/08/12(金) 14:59:15 ID:???.net
(:0;)

571 :Name_Not_Found:2005/08/13(土) 18:42:47 ID:???.net
padding:0;にしても隙間空くだすよーーーー。
あ、IEだけね>>568

572 :Name_Not_Found:2005/08/14(日) 03:25:41 ID:???.net
widthが小さいから自動で空いてるとかだったら殴るよ

573 :Name_Not_Found:2005/08/14(日) 15:58:32 ID:???.net
>>568
エスパーじゃないので、その隙間が開くというソースを見てみないとわかりません。

574 :Name_Not_Found:2005/08/15(月) 15:43:53 ID:???.net
<div id="a">あああ</div>
<div id="b">あああ</div>

div#a { width: 100px; float; left; }
div#b { margin-left: 100px; }

だとIEはあく。
div#b { float: left; }

だと大丈夫。
へんなブラウザ。

575 :Name_Not_Found:2005/08/16(火) 11:11:46 ID:???.net
>>574
変なのは君のコード。

×
div#a { width: 100px; float; left; }


div#a { width: 100px; float: left; }

576 :Name_Not_Found:2005/08/16(火) 14:12:07 ID:4SWaGUJ1.net
違いがわからない・・・
どれか全角になってるとか?

577 :Name_Not_Found:2005/08/16(火) 14:16:54 ID:???.net
>>576
×=float; left; ○=float: left;

578 :Name_Not_Found:2005/08/16(火) 15:32:26 ID:d7BKcyXj.net
デコタイプ宣言で隙間を消すんだ!

579 :Name_Not_Found:2005/08/16(火) 16:21:52 ID:4SWaGUJ1.net
>>577
わかりました!

580 :Name_Not_Found:2005/08/16(火) 16:55:28 ID:???.net
礼のひとつもなしですか。

581 :574:2005/08/16(火) 17:27:17 ID:???.net
>>574 でタイポった俺は>>568とは別人です。
すまそすまそ。
でも、;を:に直しても、あくじゃん。IEって。

582 :Name_Not_Found:2005/08/16(火) 17:48:50 ID:???.net
>>581
君の言う「隙間」って
1.どことどこの間のことなのか
2.使っているOSは何なのか
3.IEのバージョンは何なのか

583 :Name_Not_Found:2005/08/16(火) 17:51:49 ID:???.net
>>582の補足
4.DTDは何なのか

584 :574:2005/08/16(火) 18:16:10 ID:???.net
>>582
だからさー。Windows版のIEでfloatを理解できるバージョン(5以降)で、
>>574で書いたみたいなhtmlとCSSを書くと、二つのブロックの間に理解し難い
隙間ができんじゃん。さんざん外出な話。
で、>>568のいう隙間ってそれのことだと思って、その回答として書いたんですよ。



で、タイポしたたわけなわけですが orz

585 :Name_Not_Found:2005/08/16(火) 18:56:27 ID:???.net
>で、タイポしたたわけなわけですが orz

またタイポしたたわけなわけですが。

586 :Name_Not_Found:2005/08/16(火) 19:03:11 ID:???.net
>>584
これのことを言ってるのか。
http://cssbug.at.infoseek.co.jp/detail/winie/b054.html

それにしても
div#b { margin-left: 100px; }
だけでは見た目ブロック間の隙間はできないでしょ。
(div#bの文字は確かに少しずれてみえるけど。)
div#bにwidthを指定してはじめてブロック間の隙間ができる。

587 :574:2005/08/16(火) 19:06:29 ID:???.net
>>585
どこどこ!?

>>586
> 見た目ブロック間の隙間はできないでしょ。
> (div#bの文字は確かに少しずれてみえるけど。)

そうそう、そうですそうです。そのとおり。

588 :Name_Not_Found:2005/08/19(金) 21:55:29 ID:???.net
float止めれば良いじゃん。
IEとネスケじゃ出来上がり違うから、floatって使いにくい。
最近じゃオペラでも確認しなけりゃいけないからますます使いにくい。

589 :Name_Not_Found:2005/08/21(日) 20:25:58 ID:???.net
          .,;:=ニニニニ_;ヽ.
          ソ_'''U  __)ミミヽ               ズンボ!
         ('ニミ;___;彡ニ`_}ミミ|       ズボッ!
         .| ⊆・ン|-|. ⊆・ン|¬⌒i,    ミ              ズボッ!
     ._..-ー.l_'____;/  !;__ン  丘ノ'''¬ーー- ..,,_    ミ     
    .,/    |  イ`ー^'`ヽ、U' ,_ノ         `'ヽーヽ、 ミ   ミ
   ./      l |_`モEEヲ' ) ノ       U     `l.  `ヽ―、_
   /⌒ ⌒ゞヽ\__ー'__ノ        ,     ::;;;;;}  ::::    ` ̄''-、
 /  /ヽ   ヽ   ̄          :;:;l゙      ::;;;.! :::::    U   `l,
/  /    \   ヽ ヾ,..         ::;;|       ::;;.!::::::.          |、../ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
  ∠._  ,-―、 i. ./ヲ l__.ノ`-、____u_イ   U   ::;;|;::;.i;::       ::.l゙  | アラ、あなた?
| irtュ` r:tェ;.  .l//_.|;;;ヾ`ヽ::;;;;;;;;;;;;;;;p;;;;;;;;;:|       :;;|ーヾ;;:::       :::::|. | また今日も残業しろって言われたの?
ヽ |  .  ..   // ̄ 7i;;;;;;:|       |ii#il|リi      ::;:|   |;;;:    、_ ::::;;.ノ .| ホントに人使いの荒い課長サンねェ・・・
 `!、 ゙__,   ./// 7//-―ヽ      |ii#il|リi′    ::;;;;;:|   |;;;;;;;:  U  ` ̄ノ< アン…それじゃ、お仕事がんばってネ♪
 'ノ ヽ ー _//  ̄/ヽ    ヽ/  ̄`γ ⌒.i′   :::;;;;;;;|   |;;;;;;;;;;      /   \_________________



590 :Name_Not_Found:2005/09/06(火) 18:23:20 ID:???.net
ttp://www.morganstanley.co.jp/aboutms/index.html

ここみたいに、短い左サイドの背景を右側に合わせて表示するにはどうすればよいのでしょうか

591 :Name_Not_Found:2005/09/06(火) 19:43:19 ID:???.net
>>590
どうしたいのか、もうちょい詳しく。
普通に背景貼っているようにしか見えんよ。

592 :590:2005/09/06(火) 23:13:37 ID:???.net
CSSでマルチカラムをやろうとして、
div { float: xx; background: #xxx; }
とやっても、本文と同じ長さ(下の方まで)背景が塗りつぶされませんよね
tableなら何のことはないんですが、CSSならどうすればいいのかわからなくて……

593 :Name_Not_Found:2005/09/06(火) 23:30:22 ID:???.net
>>592
いや、table(というかtdだよね?)でやる場合と同じように、
隣のブロック(セル)に引っ張ってもらえばできるよ。
がんがれ。

594 :Name_Not_Found:2005/10/22(土) 07:50:24 ID:???.net
うはww

595 :Name_Not_Found:2005/10/26(水) 21:57:33 ID:???.net
一般的な方法としては、左カラムと右カラムを包むDIVを用意して、
そのDIVの背景画像を左カラムの背景画像(に見えるようにしたい画像)にしてあげる。

596 :Name_Not_Found:2005/12/11(日) 14:59:41 ID:7pFqkqN+.net
今までCSSでやってきたけど、段組して更に画像右寄せ、とかやっちゃったら
Firefoxでは隙間が出来たり下の段が繰り上がっちゃったり最悪なレイアウトに。
全部を1つのDIVでくくると、レイアウトは崩れなくても表示が重くなるし。

というわけで、テーブルに戻ってしまいました。

597 :Name_Not_Found:2005/12/11(日) 17:02:32 ID:???.net
>>596
clear忘れとみた。

598 :Name_Not_Found:2005/12/27(火) 03:21:14 ID:???.net
クライアントのリクエストでcssを使わざるをえねー状況になったが
やっぱtableがいいなー

tableの使い方が本来の意義と違う……どうのこうの
とか言われてもなー。
そんなの気にするような規模か、お前のサイトは。
それより効率を考えろ。と言いたくなる。

効率を語るならのちのちのメンテも考えねーとなー。
別の制作者にスンナリと引継ぎできなきゃ効率的とは言えないわけで、
それ考えたらtable使うのが現実的なんだよね。

と言い尽くされたグチ書いてごめんなー
もうゲンナリなんだよー
TABLEデザインをCSSで再現することはほぼ可能だと思うよー
たいてい意味の無い努力だけどなー

599 :Name_Not_Found:2005/12/27(火) 03:44:25 ID:???.net
金もらってんだからうだうだ言ってんじゃねーよ

600 :Name_Not_Found:2005/12/27(火) 07:35:50 ID:???.net
金をもらってるからこそ
よいと思う方向を推してるんだけどなー

スレ違いすまんなー

601 :Name_Not_Found:2006/01/01(日) 09:21:46 ID:???.net
<div>
<div>
<div>
<div>
</div>
</div>
</div>
</div>

こんなんなるくらいならテーブル使うほうがいいよな

602 :Name_Not_Found:2006/01/01(日) 20:01:32 ID:???.net
>>601
新年早々 激しく同意

603 :Name_Not_Found:2006/01/01(日) 22:52:41 ID:???.net
<table><tr><th><td>・・・
こんなタグが入り乱れるソースなんて耐えられない

604 :Name_Not_Found:2006/01/01(日) 23:32:07 ID:???.net
多段div厨は糞。テーブルデザイン厨も糞。
同じ糞なら表示が軽くて正しい文法のdiv厨のほうがマシ。

605 :Name_Not_Found:2006/01/02(月) 00:57:32 ID:???.net
>>603
tbodyを忘れてる

606 :Name_Not_Found:2006/01/02(月) 08:05:01 ID:???.net
デザインとしてテーブルでレイアウトする場合はtbodyとか使わない人が多くない?

607 :Name_Not_Found:2006/01/05(木) 15:45:28 ID:???.net
tbodyもthも使わない

608 :Name_Not_Found:2006/01/21(土) 15:31:41 ID:FnbwT8oA.net
CSSが珍しかった頃
table使わない俺って凄くね
という昔流行った煽りが未だに使われてるね

609 :Name_Not_Found:2006/01/21(土) 16:08:11 ID:???.net
CSS詳しくなるまで、取り合えずDIVってみた。
DIVでもテーブルより楽じゃん。表示早くなったし。
面倒だからこのままDIVでやりそうw

610 :Name_Not_Found:2006/01/26(木) 10:31:35 ID:BvrjGmVb.net
DivとLayerのタグを大量に吐き出すホームページビルダーには
悩まされる。文字の大きさを変更するとレイアウトがメチャクチャ
に・・・。

611 :Name_Not_Found:2006/01/28(土) 08:50:51 ID:???.net
>>610
それはビルダーの使い方を知らないだけでは。

612 :Name_Not_Found:2006/02/09(木) 05:09:45 ID:QBcEO/1T.net
html初心者の僕の書くソースは
<div>
と<table><tr><td>
の両方でいっぱいお

613 :Name_Not_Found:2006/02/09(木) 14:17:43 ID:sd/Vf4iP.net
枠の場所だけテーブルで配置して、中身はCSSでやってる。

CSSじゃ、BOXの配置がめんどくさいから。

614 :Name_Not_Found:2006/02/09(木) 16:17:11 ID:???.net
スレ違いな香具師が多いな・・・スレタイ嫁。

615 :Name_Not_Found:2006/02/14(火) 18:26:34 ID:zLWbMSZN.net
http://www.2step-css.com/

616 :Name_Not_Found:2006/02/18(土) 11:58:07 ID:???.net
見れればいいんだよ見れれば

617 :Name_Not_Found:2006/02/20(月) 15:59:53 ID:???.net
イントラネット上のWebシステムだったら別にどうしたって構わないけど
WWW上にゴミを撒かないでくれ。

「売れればいいんだよ、売れれば」って言いながら、堂々と環境汚染してる中国企業と同じだよ。

618 :Name_Not_Found:2006/02/21(火) 07:54:28 ID:???.net
>>617
見なきゃいいだけだろ。中国企業とは状況がまったく違う。アホか

619 :Name_Not_Found:2006/02/21(火) 17:46:34 ID:0ECeE6FO.net
>>618
そりゃ、例えるなら「空気が汚いのなら吸わなきゃいいだろ」って言ってるようなもんですよ。

要は、Webページっていうのは、自発的に見にいくものとは限らないわけです。
検索されて利用される、膨大なデータベースの一部分っていう側面もあるわけで、
リソースをWWW上に公開するにあたっては、その点を踏まえて、
最低限の情報の質は持たせてほしいのですよ。
そういう側面がなかったら、別に >>618 の言うことも間違いじゃないんですが。

あと、Webページを利用するのは人間だけじゃないんです。
(厳密に言えば、「間接的に」人間が利用しているわけだけど。)
最近になって、ようやく「セマンティックウェブ」や「Web2.0」って概念が浸透し始めてきたけど、
WWW上の情報はプログラムが活用することもあるわけで。
だから、「(ソースがどうであれ)人間が見て内容が理解できればそれでよい」っていう理屈は成り立たない。

具体的にどうしろって言うと、例えばマーク付けをしっかりするとかね。
「この文章は『見出し』である」とか、
「この文章は『本文』である」みたいなことをきちんと明示しろ、と。他にもいろいろあるけど。

まぁ、どんな概念も目で見た通りそのまんまにしか理解できない、
頭の中がWYSIWYGになってる人には理解できんと思うが。

620 :Name_Not_Found:2006/02/21(火) 17:52:42 ID:???.net
618よりはまともなことを言っている と思う


最初の一行目しか読んでないけど

621 :Name_Not_Found:2006/02/21(火) 18:23:52 ID:???.net
3行でまとめれ

622 :Name_Not_Found:2006/02/21(火) 18:26:21 ID:???.net
ここでマリーアントワネット登場


623 :Name_Not_Found:2006/02/21(火) 18:30:03 ID:???.net

↓ たとえ話は、よほど上手くやらないと
↓ かえって分かりづらくなったり
↓ 誤解を招く元だよ。


624 :Name_Not_Found:2006/02/21(火) 18:33:49 ID:0ECeE6FO.net
手打ちが駄目なら、ふらっしゅにすればいいじゃない(・∀・)

625 :Name_Not_Found:2006/02/21(火) 18:37:14 ID:???.net
うっわ 他人のふりしてボケようと思ったらageちゃってるじゃないのキタコレ
マジかよ うっわ どーしよどーしよ
うっわーーーーー

626 :Name_Not_Found:2006/02/21(火) 19:50:03 ID:???.net
バカばっかりのテレビ見てるからバカは許せるようになった

627 :Name_Not_Found:2006/02/21(火) 20:02:00 ID:yYR1C7EQ.net
http://rank.nw.cx/ri/?i=urapooh3&id=pine

628 :Name_Not_Found:2006/06/10(土) 07:15:13 ID:UscjT8pW.net ?
何この恥ずかしいスレw
2年前はこんなんだったのかw

629 :Name_Not_Found:2006/06/12(月) 04:43:23 ID:???.net
FLASHはいいぞお
レイアウトで悩む事なくなるぞお
入れ子テーブルとか環境で挙動違うCSSなんか
もう使うなよ

630 :Name_Not_Found:2006/06/12(月) 15:09:38 ID:???.net
インタフェースがflashのサイトはほぼ二度と行かないから悩まなくてもいいな。

631 :Name_Not_Found:2006/06/12(月) 19:33:27 ID:???.net
もうさ、ページはポストスクリプトか何かで記述して、
リンクをクリックするたびに、横のプリンターからうにょ〜〜〜って紙が出てくる。
そんないんたーねっとを誰か作れ。

632 :Name_Not_Found:2006/06/12(月) 19:45:06 ID:???.net
環境破壊しすぎ

633 :Name_Not_Found:2006/06/12(月) 22:58:14 ID:???.net
地球に優しくない>>631

634 :Name_Not_Found:2006/06/13(火) 11:07:32 ID:???.net
それなんてキャプテンシステム?

635 :Name_Not_Found:2006/06/13(火) 18:51:38 ID:???.net
でも本当にHTMLをポストスクリプトか何かと同じだと勘違いしてるデザイナー多いよ。
フォントなんて指定しても何が出てくるか分からないのに、「ヒラギノ」とか平気で言ってくるし。
どこで知恵付けたのか、画像にしたら「SEOが」とか文句言うし。

636 :Name_Not_Found:2006/07/08(土) 01:59:38 ID:???.net
http://www.yahoo.co.jp/ の「買う」「知る」「楽しむ」のテーブルの部分
どうやったらCSSで表現できる?
DIV使ってボックス作ってやるしかないのかな?
出来ればHTMLはシンプルなコードにしたいんだけど・・・

637 :Name_Not_Found:2006/07/08(土) 03:00:03 ID:???.net
初歩じゃね?
とりあえず基礎だけ。

<style type="text/css">
<!--
dt { float: left; }
li { display: inline; }
-->
</style>

<body>
<dl>
<dt>買う</dt>
<dd><ul><li>ショッピング</li><li>共同購入</li></ul></dd>
<dt>知る</dt>
<dd><ul><li>ニュース</li><li>天気</li></ul></dd>
</dl>
</body>

638 :Name_Not_Found:2006/07/08(土) 12:36:11 ID:???.net
リストの中にリストってなんか美しくないじゃん?
dl dt ddだけで出来ない?

639 :Name_Not_Found:2006/07/08(土) 12:43:47 ID:???.net
<dl>
<dt>買う</dt><dd>ショッピング</dd><dd>共同購入</dd>
<dt>知る</dt><dd>ニュース</dd><dd>天気</dd>
</dl>

640 :Name_Not_Found:2006/07/08(土) 12:51:59 ID:???.net
h* ul li でもいいし。

641 :Name_Not_Found:2006/07/08(土) 18:50:32 ID:???.net
>>640
ありがと、解決したよ

642 :Name_Not_Found:2006/07/08(土) 19:08:34 ID:???.net
やっぱdivで囲むしかなかった・・・

643 :Name_Not_Found:2006/07/08(土) 19:11:30 ID:???.net
やっぱ面倒になったんでテーブルでいくわ・・・

644 :Name_Not_Found:2006/07/08(土) 20:06:58 ID:???.net
????

645 :Name_Not_Found:2006/08/02(水) 22:44:16 ID:eLjeBvCw.net
ちょっとテーブルデザインのサイトをxhtmlとcssでつくってみようとおもうんですが、なんかおもしろいとこないかなぁ。

646 :Name_Not_Found:2006/08/02(水) 23:17:17 ID:???.net
<div id="kameda_h1">
<h1>亀田</h1>
</div>

<div id="kameda_menu">
<ul>
<li><a href"http://www.kameda.com/kouki/">kouki</a>
<li>li><a href"http://www.kameda.com/daiki/">daiki</a>
<a href"http://www.kameda.com/kazuki/">kazuki</a>
</ul>
</div>

647 :Name_Not_Found:2006/08/02(水) 23:21:21 ID:???.net
<div id="kameda_h1">
<h1>亀田</h1>
</div>

<div id="kameda_menu">
<ul>
<li><a href"#1">kouki</a>
<li>li><a href"#2">daiki</a>
<a href"#3">kazuki</a>
</ul>
</div>


CSSはお任せでございます。

648 :Name_Not_Found:2006/08/02(水) 23:53:45 ID:eLjeBvCw.net
なんかつくっておもしろいさいとないかな

649 :Name_Not_Found:2006/08/06(日) 11:48:19 ID:eRLZWQK1.net
647

無駄なマークアップ

<h1>亀田</h1>
<ul class="id="kameda_menu"">
<li><a href"#1">kouki</a></li>
<li><a href"#2">daiki</a></li>
<li><a href"#3">kazuki</a> </li>
</ul>

無駄なdivは省くべき。

650 :Name_Not_Found:2006/08/06(日) 17:18:37 ID:???.net
<ul class="id="kameda_menu"">

651 :Name_Not_Found:2006/08/07(月) 22:28:51 ID:???.net
テーブルタグのいいところ。
height=100%+align=center valign=middlleでウインドウサイズに関わらず、
絶対的にページど真ん中に持ってこられる事。
divなどでも出来る事は出来るが不安要素がある。

652 :Name_Not_Found:2006/08/07(月) 23:57:24 ID:???.net
<div style="text-align:center">
<div style="margin:auto; text-align:left">

</div>
</div>

これで大体大丈夫なんじゃない?

653 :Name_Not_Found:2006/08/08(火) 09:28:33 ID:???.net
>>651
>height=100%
>>652


654 :Name_Not_Found:2006/08/08(火) 13:02:19 ID:???.net
<div style="text-align:center">
<div style="margin:0 auto; width:100%; text-align:left">

</div>
</div>
こうか

655 :Name_Not_Found:2006/08/08(火) 13:02:51 ID:???.net
widthじゃねえよheightだよ_| ̄|○

656 :Name_Not_Found:2006/08/08(火) 14:07:02 ID:???.net
>>654
とりあえずCSS質問スレのテンプレくらい読んでこようよ。

657 :Name_Not_Found:2006/08/21(月) 15:44:05 ID:xvIPFw34.net
<TABLE width=100%>
<TD width=2></TD>
<TD width="○○"</TD>
</TABLE>
で○○に何を入れたら残りを埋めてくれるんだ?○○に何も入れない場合上の2pxが伸びてしまう。
○○に100%を入れると2pxがつぶれてしまうし・・・。どうしたらいい?

658 :Name_Not_Found:2006/08/21(月) 15:56:32 ID:???.net
>>657
スレ違い

659 :Name_Not_Found:2006/09/04(月) 23:02:22 ID:???.net
学生の課題で、mixiをcssで直したってのがあったな・・・
ページ知らない?

660 :Name_Not_Found:2006/09/04(月) 23:03:54 ID:???.net
あったあった、これだ。

mixiをXHTML+CSSで組みなおす
http://3ping.org/2006/05/16/0529

[改]mixiをXHTML+CSSで組みなおす
http://3ping.org/2006/05/24/0142

661 :Name_Not_Found:2006/09/04(月) 23:06:15 ID:???.net
同じサイトで、Hatenaも直されてたw

HatenaをXHTML+CSSで組みなおすDate2006-05-24 (Wed) CategoryXHTML CSS
http://3ping.org/2006/05/24/2259

662 :Name_Not_Found:2006/09/04(月) 23:32:07 ID:???.net
へー、面白いね。
我々もどっかの有名サイトをCSSで競い合おうよ。

663 :Name_Not_Found:2006/09/05(火) 01:06:02 ID:???.net
Yahooはどうよ

664 :Name_Not_Found:2006/09/05(火) 01:25:37 ID:???.net
うちのTABLE主体のデザイナーに見せてみるかw

665 :Name_Not_Found:2006/09/27(水) 23:30:59 ID:???.net
body {
background-image : url("〜〜");
background-color:#ffffff;
background-position: ~~px 0%;  ←こういう風にこの部分にpx指定するのは可能でしょうか?
background-repeat: repeat-y;
background-attachment: fixed;
}

自分のブラウザでは見た目に不具合は無いのですがマズいですかね?

666 :Name_Not_Found:2006/09/28(木) 20:26:36 ID:???.net
可能だしCSS的にも問題はない
W3C原理主義者は「相対指定は善!絶対指定は悪!」って言うだろうけどそこまで徹底してる人は少ない

667 :Name_Not_Found:2006/10/01(日) 13:09:27 ID:???.net
基本的にほぼ全て可能・・・
ターゲットブラウザを選ばなきゃならんが、ブラウザによって違った.cssを振り分けるという手もある。
ただし、余計に手間がかかるのでテーブルのままの方が適しているサイト構成もある。

668 :Name_Not_Found:2006/10/08(日) 00:20:45 ID:???.net
CSSで2列の段組。

IE6、Firefoxで動いて、さらに
左の列は、上から下まで背景色をつける。
当然。右の列の内容が左よりも永い場合も短い場合もね。

これ、たぶん実現不可能。

669 :Name_Not_Found:2006/10/08(日) 01:12:19 ID:???.net
floatで普通に出来ね?

670 :Name_Not_Found:2006/10/08(日) 15:10:18 ID:???.net
CSSで<td valign="middle">と同じような事って出来る?

671 :Name_Not_Found:2006/10/08(日) 20:01:30 ID:???.net
>>668
余裕でできるよ

672 :Name_Not_Found:2006/10/08(日) 22:44:24 ID:???.net
>>669
できないよ。
左が短くて、右が長い場合絶対左の部分は短くなる。
floatで浮かしたたブロックを縦に伸ばすには、中身を入れるか
縦の長さを直接指定するしかない。

だから右の部分が長くなったとき、それにあわせて
左の部分を長くして色をつけるということは出来ない。


>>671
作ってから言ってね。

673 :Name_Not_Found:2006/10/08(日) 23:55:40 ID:???.net
>>672
できるっちゅうに。勉強したまへ。
基本事項だよ。floatについてもっと勉強汁。
gizi要素についてもね。

674 :Name_Not_Found:2006/10/09(月) 00:55:38 ID:???.net
>>673
できないっちゅーんねんw
擬似要素はIEじゃろくにサポートされていないし。

お前が考えている方法わかるよ。
でもそれだと、右が長くなったときに左の長さをあわせられても
今度は、左が長くなったときに右の長さをあわせられないんだよ。

どこのページを見ても、背景に色はついていない。ついている奴は制限あり。
まあ、出来ると言うのなら、そのCSSを提示しろ。
話はそれからだ。

675 :Name_Not_Found:2006/10/09(月) 01:03:18 ID:???.net
美しくないが<div>入れ子で解決☆

676 :Name_Not_Found:2006/10/09(月) 01:18:44 ID:???.net
>>674
>擬似要素はIEじゃろくにサポートされていないし。
IEの挙動を勉強汁。

まず、floatされた要素をブロックで囲む方法だが、
Fxはgizi要素で対応するとして、IEへの対応は

・外側のボックスの幅を指定するケース
・外側のボックスの幅を指定しないケース

で若干ソースは異なる。
どのようなselector,property,valueを指定すれば、IEで適用されるか実験汁。

右が長くなろうが左が長くなろうがbackground-colorを片方に合わせればええんちゃうの。
横幅指定の画像をbackground-imageでrepeat-y指定ちゅう手もあるしのー。

ソースは気が向いた時にでも出しちゃる。


677 :Name_Not_Found:2006/10/09(月) 01:31:20 ID:???.net
>>670は出来ますか?

678 :Name_Not_Found:2006/10/09(月) 01:40:05 ID:???.net
>>677
実験してみた金?
何ができないのかが疑問。。。もう寝るかな


679 :Name_Not_Found:2006/10/09(月) 02:29:32 ID:???.net
>>676
実際にやってみればわかる。
期待しないで待ってるよ。

680 :Name_Not_Found:2006/10/10(火) 15:59:04 ID:???.net
暇なんでやってみた。
幅固定する場合
http://www.geocities.co.jp/hio_annex/float_ex/

%でやるときは、内包されるブロックの幅の合計が100%未満になるようにやらないと、
IEがだだをこねるから注意。

つか、CSSスレで聞いた方が詳しく教えてもらえるよ?

681 :Name_Not_Found:2006/10/10(火) 23:01:00 ID:???.net
そのやり方では、リキッドレイアウトにするのは不可能だな。
というか、リキッドレイアウトでそれをやるのは無理。

682 :Name_Not_Found:2006/10/10(火) 23:19:04 ID:???.net
左に太いボーダーラインを引いたボックスAの中にボックスBを入れる(入れ子)。
ボックスBにマイナスマージンを入れて、ボックスAの太いボーダーラインに合わせる。
ボックスBは透過にし、ボックスAのボーダーライン色を背景色にする。

ってしたけど、うまくいかなかった記憶があるな。

683 :Name_Not_Found:2006/10/11(水) 00:04:53 ID:???.net
>>681
どこまで可変を望むかによるが、>>680のやり方でも、片方を固定、片方を可変にできる。
例えば、サイドバーの様に比較的幅が狭い方を固定にし、幅広のコンテンツ部を可変にするというようなやり方。
これならブラウザサイズを縮めようが、印刷スタイルとして縦に印刷しようが、許容範囲内だ。コンテンツがあふれ出すということは無い。大抵の場合はこれでOK。

それと、左右完全リキッドの場合だが...

不可能じゃないぞ。

ちなみに俺はできる。この機会にCSSのプロパティ全部見直してみたらいかが?
それと、普段使わないような値にも気をつけながらね。

684 :Name_Not_Found:2006/10/11(水) 02:33:33 ID:???.net
CSSはパズルだなw

685 :Name_Not_Found:2006/10/11(水) 18:41:00 ID:???.net
ほんとうにごめんなさい。
http://www.geocities.co.jp/hio_annex/float_ex2/

686 :Name_Not_Found:2006/10/30(月) 15:11:08 ID:???.net
すみません、並列に並べだ3つのdivのブロックを分割したいんですが、
一番右のブロックの横の長さは150px。
残りの二つの横の長さを3:7に分けるという分割方法はあるのでしょうか?

687 :Name_Not_Found:2006/10/30(月) 15:44:08 ID:HrkncwVu.net
埋もれてるくさいので、一応age

688 :686:2006/10/30(月) 17:45:07 ID:HrkncwVu.net
すみません、paddingとか消したらできました。自己解決です。

689 :Name_Not_Found:2006/11/06(月) 18:23:25 ID:???.net
ボックスを3つ4つ以上横に並べるのって不可能?

690 :Name_Not_Found:2006/11/06(月) 18:31:37 ID:???.net
可能。

691 :Name_Not_Found:2007/01/18(木) 20:33:11 ID:???.net
捕手

692 :Name_Not_Found:2007/03/27(火) 18:48:15 ID:vLJg7IQU.net
hoshu

693 :Name_Not_Found:2007/04/20(金) 23:59:59 ID:???.net
商品の一覧ページなど、1つのパターンのブロックを一定数表示させるページのレイアウトで質問です。
htmlを弄らず、縦並びレイアウトと横並びレイアウトをCSSで可変にしたいのです。
=-=-=-=-=-=-=-=-=-=-=-
[縦並びレイアウト]
・A
・B
・C
・D
・E
・F
=-=-=-=-=-=-=-=-=-=-=-
[横並びレイアウト]
A│B│C
─┼─┼─
D│E│F
=-=-=-=-=-=-=-=-=-=-=-
いまの所、全体を大きな枠(620px)で囲んで
その中にdivで括った項目を記述しています。
で、縦はそのままで問題なし。
横並びにする際は中の項目を横幅固定(200px)にしてfloar:left;
ただこれだとA〜Fの高さが違うと綺麗に揃わない…。
高さを固定すれば揃うけど、なるべく高さは可変にしたいのです。
今まではテーブルに頼っていたのですが、これをCSSで再現するには
どうすればいいでしょうか?
知恵をお借りしたいです。

694 :Name_Not_Found:2007/04/21(土) 00:57:08 ID:???.net
スレタイも1も読めない無能にはどんな方法でも無理。

695 :Name_Not_Found:2007/04/21(土) 19:01:36 ID:zOaqtSIi.net
http://syuresangogo.blog77.fc2.com/blog-entry-47.html#more
ここ読めば分かる

696 :Name_Not_Found:2007/04/21(土) 19:32:05 ID:???.net
ttp://hinoki.sakura.ne.jp/~okada/table/guest-i.html

697 :Name_Not_Found:2007/04/21(土) 19:56:00 ID:ukV6pm7e.net
沖縄県の方へ(命に関わる注意事項です)

沖縄県での選挙ですが、どうか民主党だけは避けてください。県民の生命に関わる可能性があります。
民主党の最大の公約は一国二制度(※)ですが、一度「一国二制度 沖縄 三千万」等で検索をお願いします。
この際、民主党のHPで調べても良いです。以下の注釈↓と矛盾することは書いてないはずですから…

※一国二制度
 簡単に言えば沖縄を中国と日本の共有物にし、そこに3000万人の中国人を入植させます。
 (つまり沖縄人口の 96% を中国人にして、実質、沖縄を中国人の居住地とします。)
 さらに「自主」の名の下、沖縄で有事が起きても自衛隊は干渉できません。
 3000万人の中国人が、少数派となった130万人の日本人に何をしても、です。
 そして反日教育を受けた中国人の反日感情の強さは、ほとんどの日本人の理解を超えるものです。

今回の選挙で民主党が勝った場合、「自主」「発展」を連呼しつつ段階的に進めていくことになります。
自主と言っても、自主を認めるのが「住人の96%が中国人となった」後だということに気をつけてください。
発展と言っても、新沖縄の少数派となった「少数民族日本人」の発展ではないことに気をつけてください。

698 :Name_Not_Found:2007/10/22(月) 13:43:20 ID:???.net
web2.0とか言われてるけど
構造はテーブルでもいいと思う

699 :Name_Not_Found:2008/11/20(木) 01:29:25 ID:???.net
上に同じ

700 :Name_Not_Found:2009/01/07(水) 14:16:36 ID:???.net
>>698
Web2.0とCSSレイアウトは全く関係ないだろw

701 :Name_Not_Found:2009/01/07(水) 14:17:42 ID:???.net
>>698
Web2.0とCSSレイアウトは全く関係ないだろw

702 :Name_Not_Found:2009/01/24(土) 19:35:40 ID:btxo4Dz8.net


703 :Name_Not_Found:2009/01/31(土) 21:07:35 ID:???.net
もう疲れた・・・
<table>
<tr><td nowrap>名前1</td><td>説明1</td></tr>
<tr><td nowrap>名前2</td><td>説明2</td></tr>
</table>
で名前1や名前2の列幅を指定しなくても内容によって可変幅かつ
(テーブルなら当然だが)名前1と名前2の幅を揃える。
こんなことがCSSじゃ無理だと悟った。

ttp://useyan.x0.com/s/html/css_sample/dl-table.html
がいちばん近い(枠線なしね)が、項目名の幅固定なので
これなら別にDIVでもええやんって感じ。

あばよ!! おれはTABLE使いに戻ることにしたよ。


704 :Name_Not_Found:2009/01/31(土) 22:29:36 ID:D1XX/oMy.net
そこはテーブルでいいだろ・・・

705 :Name_Not_Found:2009/01/31(土) 23:44:44 ID:???.net
いや、実際には名前と説明じゃなくて
DL,DT,DDがいちばん適当なんだよ。

それぞれ一応独立しているというか
ヘッダーを付けるのがへんあというか


706 :Name_Not_Found:2009/05/03(日) 16:03:03 ID:SeuzMMMK.net ?2BP(6666)
あげあげ

707 :Name_Not_Found:2009/05/06(水) 03:33:10 ID:TbQmgY5N.net
http://okwave.jp/qa2189040.html
この質問にあるような
「複数行の文字を、画像の縦方向の中心に揃えたい」っていうのは
cssではどうやったらできるの?悩んだ挙句、結局table組んじまったよ。
cssってこんな単純なレイアウトすらできないのか?
まさかそんなはずないよな?俺が無能だからできないだよな?

708 :Name_Not_Found:2009/05/06(水) 09:40:14 ID:???.net
こんなんでどうだい?
モダンブラウザでdisplay: table;、古いブラウザでinline & zoom

IE6以下でどこまでのバージョンで大丈夫か分からんが
paddingとかmarginとか細かいことは各々やってくれ
IE6以下のハックもこのままだとvalidator通らんかも知れん
スターハックとかで分ければそれも何とかなるはず

【CSS】
div.casette {width: 300px; display: table; border: 1px solid #CCCCCC;}
div.casette img , div.casette p {
display: table-cell;
/display: inline; /* ハックIE6以下 */
/zoom: 1; /* ハックIE6以下 */
vertical-align: middle;
}

【HTML】
<div class="casette">
<img src="画像ファイル" width="100" height="100" />
<p>中央揃えの文字<br />複数行入れるよ</p>
</div>

709 :新参者:2009/06/13(土) 12:25:59 ID:OqRIQ4LA.net
ーーーーーーーーーーーーーーーーー
| | | |
ーーーーーーーーーーーーーーーーー
| | | |
ーーーーーーーーーーーーーーーーー
| | | |
ーーーーーーーーーーーーーーーーー

↑上の図みたく列の幅をバラバラに作ることって実現可能でしょうか?
いろいろやりかたを探しているんですがわかりません。。


710 :Name_Not_Found:2009/06/13(土) 12:57:01 ID:???.net
日本語でおK

711 :Name_Not_Found:2009/06/13(土) 14:44:31 ID:???.net
一つのテーブルで各行ごとにセル幅を定義することは可能かって意味じゃないかね
そう言われてみると無理だな
むしろ無理でもいいから列のコントロールが出来てほしい

712 :新参者:2009/06/13(土) 15:16:23 ID:???.net
>>711
すみません、図が違ってました。
おっしゃるとおり↓こういった感じです。

ーーーーーーーーーーーーーーーーー
|       |    |               |
ーーーーーーーーーーーーーーーーー
|        |         |         |
ーーーーーーーーーーーーーーーーー
|     |                |    |
ーーーーーーーーーーーーーーーーー

無理そうですか・・・。

713 :Name_Not_Found:2009/06/13(土) 17:34:55 ID:???.net
というか思い切り
ス レ 違 い

マジレスすると一行ずつ別のテーブルにして入れ子にしてやればできる

714 :新参者:2009/06/13(土) 19:23:17 ID:???.net
ここなら知っている方がいるかもしれないと思って。
失礼しました。

715 :Name_Not_Found:2009/06/13(土) 19:56:48 ID:???.net
スレチなのに解答してくれた人に礼もナシか

716 :新参者:2009/06/13(土) 21:09:38 ID:???.net
>>715
すみませーん(^^;
ご回答くださったみなさん
ありがとうございました!

717 :Name_Not_Found:2009/06/14(日) 11:43:52 ID:0ssDnv+6.net
まあ、お遊びなんだろうけど。
CSSはパソコンのCPUも今よりは非力で、インターネット回線も細々としていたころにhtmlソースを少なくして、閲覧を容易にする為に考えだされたんだな。
だから、tableをCSSで表現するとソースが大きくなるので、主客転倒になるね。

718 :Name_Not_Found:2009/06/14(日) 20:58:46 ID:???.net
>>717
tableをcssに直すことと
tableデザインをcssデザインに直すこと
この二つが決定的に違うことを学んでからレスしような

719 :Name_Not_Found:2009/06/14(日) 21:00:43 ID:???.net
tableをCSSで表現するとソースが大きくなるw

720 :Name_Not_Found:2009/06/14(日) 22:19:14 ID:???.net
htmlソースを少なくすると閲覧が容易になるんですね、分かります

721 :Name_Not_Found:2009/06/21(日) 16:30:09 ID:???.net
>>712
.unko{
width:10px;height:1px;border:0;margin:0; /*うんこ*/
}
<table>
<tr>
<td class="unko"></td>
    <td class="unko"></td>
<td class="unko"></td> ×10個  計 500px
<td class="unko"></td>
<td class="unko"></td>
</tr>
<tr>
<td colspan="5"></td><td colspan="15"></td><td colspan="10"></td>
<td colspan="15"></td><td colspan="5"></td>
</tr>
<tr>
<td colspan="15"></td><td colspan="5"></td><td colspan="10"></td>
<td colspan="7"></td><td colspan="13"></td>
</tr>
<tr>
<td colspan="8"></td><td colspan="7"></td><td colspan="13"></td>
<td colspan="14"></td><td colspan="8"></td>
</tr>
<tr>
<td class="unko"></td>
    <td class="unko"></td>
<td class="unko"></td> ×10個  (見た目的に追加)
<td class="unko"></td>
<td class="unko"></td>
</tr>
</table>

722 :Name_Not_Found:2009/06/24(水) 04:42:18 ID:???.net
>>721
そりゃダメだよw

723 :Name_Not_Found:2009/07/07(火) 01:41:20 ID:???.net
IE7 用css
IE8 用css
Chrome 用css
Firefox 用css
Safari 用css
Opera 9.5 用css
Opera 8.65 用css
ネットフロント 用css
wasabi 用css
Skyfire 用css

724 :Name_Not_Found:2010/03/13(土) 14:18:57 ID:???.net
なんつーか複雑になればなるほどテーブルの方が良くなってくよね。
CSSにしても複雑さが1段階上がるごとにめちゃめちゃソースが肥大化して
段々得が無くなってくる。

725 :Name_Not_Found:2010/04/18(日) 00:28:46 ID:???.net
正直、スタイルシートって使いにくい
全然直感的じゃ無い

誰もソースなんて見ないんだから
方法論であるCSSなんてどうでも良いや

726 :Name_Not_Found:2010/05/04(火) 00:25:51 ID:???.net
やっぱり手部うmおいい

727 :Name_Not_Found:2010/05/05(水) 21:12:00 ID:OJQg26g1.net
みんなくわしいね

728 : 忍法帖【Lv=40,xxxPT】(4+0:5) 【33m】 電脳プリオン ◆3YKmpu7JR7Ic :2012/09/17(月) 11:16:13.98 ID:???.net ?PLT(12079)

  ∧_∧
  ( ・∀・)      | | ガガッ
 と    )      | |
   Y /ノ      .人
    / ) .人   <  >_∧∩
  _/し' <  >_∧∩`Д´)/
 (_フ彡 V`Д´)/   / ←>>147
            / ←>>325

729 :Name_Not_Found:2013/08/03(土) NY:AN:NY.AN ID:H7aXlZ1y.net
>大阪府三島郡島本町の小学校や中学校は、暴力イジメ学校や。
島本町の学校でいじめ・暴力・脅迫・恐喝などを受け続けて、心も身体も壊されて廃人同様になってしもうた僕が言うんやから、
まちがいないで。精神病院へ行っても、ちっとも良うならへん。教師も校長も、暴力やいじめがあっても見て見ぬフリ。
そればかりか、イジメに加担する教師もおった。 誰かがイジメを苦にして自殺しても、「本校にイジメは
なかった」と言うて逃げるんやろうなあ。
島本町の学校の関係者は、僕を捜し出して口封じをするな

>「口封じ」なんかしません。どうぞ、気が済むまでお書き込み下さい。

>島本町って町は、暴力といじめの巣窟なんだな


 島本町は日本の恥!島本町は日本の迷惑!

730 :Name_Not_Found:2014/11/17(月) 00:38:07.23 ID:???.net
667/709
記念カキコ

731 :Name_Not_Found:2017/12/12(火) 06:33:43.78 ID:MrUcGD8N.net
HPなどで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

ILNG17UFHY

732 :Name_Not_Found:2018/05/01(火) 19:54:21.31 ID:l1wYHpV1.net
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

WMKFU

733 :Name_Not_Found:2024/04/02(火) 22:06:33.78 ID:Y6/GfqrcQ
天下り税金泥棒地球破壊シ゛ャクソのミサイルのみならず金正恩のロケットも失敗ばかり
ジャクソ同様貧困に苦しむ大衆をよそに税金泥棒利権が確立して安定した地位に安住してたりするのかな
せめて地球と住民の生命と財産を保全するために地域の安全保障にとって重大で差し迫った脅威であり国際社会への明白で深刻な挑戦であり
大量破壊兵器であるクソ航空機の数匹くらい撃墜してくれれば全力マンセーなんだがな.税金で地球破壊支援して世界最悪の脱炭素拒否
テ囗国家に送られる化石賞4連続受賞して世界中から非難されながら力による一方的な現状変更によってクソ航空機倍増.閑静な住宅地から
都心まで数珠つなぎで鉄道の30倍以上もの莫大な温室効果ガスまき散らして気候変動させて土砂崩れ、洪水、暴風、熱中症にと災害連発
させてる世界最悪の殺人テロ組織公明党強盗殺人の首魁蓄財3億円超の斉藤鉄夫、岸田異次元増税憲法ガン無視地球破壊霸権主義文雄に
これ以上の威嚇的な行動をやめ真剣で持続的な政治に取り組むへ゛きだと非難しよう!
(rеf.) tΤρs://www.Сall4.jp/info.php?Type〓iТems&id=I0000062
ttps://haneda-projecТ.jimdofree.com/ , ttps://flight-rouTe.com/
Τtps://n-souonhigaisosyoudan.amebaownd.com/

167 KB
新着レスの表示

掲示板に戻る 全部 前100 次100 最新50
名前: E-mail (省略可) :

read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★