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
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★
本文 スレッドタイトル 投稿者