で、その文書を、誰かがCSSでデザインするスレです。
一般的に、W3C信者どもは、デザイン力が幼稚園児並です。
一方、クールなデザインが出来る人は、「正しくマークアップする」ということに力点を
おいておられないようです。
前者がデザイン力を身に付けるのは、二億年ぐらいかかりますが、
後者が正しい文法を習得するには、二週間もあれば十分です。
このスレを通じて、両者が融合できたら、けっこういいもんが作れると思うのですが。
今後の予定として、
＞2さんが、アップローダーを紹介してくれるそうです。
＞3さんが、手始めに、正しい文書を揚げてくれるそうです。
では。
<h1><html></h1></html>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rev="MADE" href="mailto:1@shineh.com" />
<link rel="INDEX" href="./1.html" />
<link rel="NEXT" href="./6.html" />
<title>1氏ね</title>
</head>
<body>
<h1><a href="./1.html">1氏ね</a></h1>
<h2 class="description">うざい。くさい。はげ。でぶ。ちび</h2>
</body>
</html>
SHINEH.COM
Acm co,. Ahmadi, Afshinさんですか？
>>2アップローダー探して来いボケ
>>3ありがとう
とにかく、こんなコード書いてみた。
何回かにわけて、揚げます
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rev="MADE" href="mailto:1@shine.com" />
<link rel="INDEX" href="./index.cgi" />
<title>1が、死ぬべき理由：第一章</title>
</head>
<body>
<h1><a href="./index.html">１が死ぬべき理由</a></h1>
<h2 class="chap">第一章</h2>
<h3 class="komidasi">１による児童ポルノ関連の犯罪</h3>
<p>インターネット上の掲示板に児童ポルノ画像を投稿していた>>1ら
男６人が児童買春・児童ポルノ禁止法違反などの疑いで愛知県警に逮捕され、
罰金５０万円の略式命令を受けるなどしていたことが２１日、わかった。</p>
<p>県警は、掲示板を開設していた無職もな容疑者（３６）についても、
同法違反のほう助の疑いなどで逮捕し、２１日、名古屋地検に送検した。</p>
わいせつな児童ポルノ画像などを送信し、掲示板に掲載した。大泉容疑者はわいせつな画像の投稿、掲載をほう助するなどした疑い。</p>
<p>調べに対し、都職員らは<q>ロリコン仲間のコメントが聞きたかった</q><q>「画像を交換して多く集めたかった</q>などと供述している。</p>
<h4 class="source">（2005年7月21日21時43分 読売新聞</h4>
<h3 class="komidasi">1による牛糞を用いた嫌がらせ</h3>
<p>埼玉県警公安２課は２８日、専門学校の女性経営者から金を脅し取り、駐車場に牛のふんをまいたなどとして恐喝などの疑いで同県神川町八日市、
右翼団体幹部>>1（５６）ら３容疑者を逮捕した。</p>
<p>調べでは、>>1容疑者らは、神川町内の美容専門学校に貸した駐車場のプレハブ小屋が撤去されたことで言い掛かりをつけ、
昨年１月から２月にかけ「弁償しろ。学校がつぶれるぞ」と脅し、経営者（６３）から２００万円を奪った。</p>
<p>また昨年お月、駐車場にふトントラックで運んだ牛のふんをゆ回まくなどし、金を脅し取ろうとした疑い。</p>
<p>>>1らは「交渉したが脅していない」と否認しているという。</p>
<p>ソウル中央地検・刑事3部は28日、フライドチキンの中から虫が出てきたという理由で
、店に大便をばらまくなどの騒ぎを起こした疑いで>>1（36/無職）容疑者を在宅起訴した</p>
<p>シン容疑者は昨年12月中旬、ソウル・城北（ソンブク）区の某フライドチキン店で注文した
フライドチキンを食べようとしたところ、中に虫が入っているのを発見したと主張、 店主のホン某さんに強く抗議した。</p>
<p>しかしホンさんが謝罪をせず、口論となった<br />
口論の最中にホンさんが警察に通報すると、>>容疑者は近くにあったくみ取り式便所から 大便をくみ出し、
店にいた客など15人を含め、350万ウォン相当の損失を与えた疑い</p>
<p>被害額のほとんどは<q>大便の洗礼</q>を受けた顧客の洋服とクリーニング代で、店は掃除の
費用に15万ウォンかかったと検察は伝えた。</p>
<ul>
<li><a href="./chap2.html" title="AccessKey: b" accesskey="b">第二章小児性愛におぼれる１</a></li>
<li><a href="./chap3.html" title="AccessKey: c" accesskey="c">第三章「1は戦後社会の歪が生み出した奇形児」</a></li>
<li><a href="./chap4.html" title="AccessKey: d" accesskey="d">第四章ひそかにささやかれる1と学会のつながり</a></li>
<li><a href="./chap5.html" title="AccessKey: e" accesskey="e">第五章「そんなことをする人には見えなかった」::困惑する近隣住民</a></li>
<li><a href="./chap6.html" title="AccessKey: f" accesskey="f">第六章1に付きまとう学歴詐称疑惑〜高卒のくせに〜</a></li>
<li><a href="./chap7.html" title="AccessKey: g" accesskey="g">第七章1の「ご」〜A温泉での出来事〜</a></li>
<li><a href="./chap8.html" title="AccessKey: h" accesskey="h">第八章菊間アナは冤罪！Newsに酒をのませたのは、1</a></li>
</ul>
</body>
</html>
市ね呆け
氏ね
* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
http://pc8.2ch.net/test/read.cgi/hp/1038678267/
向こうの趣旨は、「いけてるCSS」
こっちの趣旨は、「StrictなHTML」に「CSSでいいデザインをつける」ことによって、
デザインセンスのないW3C信者とデザインセンスはあるけどマークアップは不慣れな人がの
コラボ。
いい？
向こうのスレしんでるじゃん。
これが逆鱗に触れたっぽいな
>>1 -> >>1
ちょっと気になった。
>>1 -> >>1
おっしゃるとおり、実体参照ミス。すんません。
でですね。
だれか、デザインせんのですか？
結局、わかったか？
W3C信者は、ソースみて揚げ足とったりするのには躍起になるが、
いざ自分でデザインするとなるとなにもできんのだよ。
氏ね！
http://csszengarden.com/156/156.css
>28
氏ね
http://csszengarden.com/?cssfile=156/156.css
>>29
まず、俺に、ストリクトなHTMLとやらの基本を教えてはクレマイケル？
デザイナーか？
ちなみに、>>1があげてるあのコード、
>>26の指摘箇所だけ修正したら、
ストリクトだぞ。
HTML-lintでは、満点だ。
あのコードでデザインしてみてくれよ
だったら>>5の「デザイン」で事足りるじゃん。
そもそも「デザインする」ってどういうことを
言うかから考え直したほうがいい。それがわかんない
ならデザインの「習得」なんて二億年かけても無理。
信者はデザイン力が幼稚園児並みっていうより
二元論の対立構造とディベートのためにしか
コード扱えない頭が幼稚園児なみ。
目的の為にすぐテーブル使いを攻撃するより
何を目的にしてそういうコーディングをして
そういうデザインにしてるか、既存のサイト巡って
考えてみたほうがよほど勉強になるだろ。
それができる頭があってはじめて２週間だろ。
必死になってなにか指摘したいんだろうが、
>1はテーブル厨の批判なんか目的にもしてないみたいだぞ。
コーディング議論さえしたいようには見受けられない。
>１はただ単に、2chなりのCSS ZENをしたかっただけなんだろうよ
CSS ZENみてみな、
>何を目的にしてそういうコーディングをして
>そういうデザインにしてるか
なんてこと、誰も考えてデザインなんかしてない。
ただただ、CSSの可能性（俺個人はそんなにないとおもってるが）を
デザインして表現してるだけ。
それで、なにか問題あるか？
以下、余談。
そもそもさ、「構造と表現の分離」っていうのは、「コードが別々になって保守が簡単」
とか「いろんなブラウザにやさしい」とかいうのは、あくまでも結果論的な産物でしかないと
俺個人は思うのよ。
「構造と表現の分離」がもたらす最大の果実というのは、「構造作成者と表現作成者の分業」
だとおもうの。世の中一般、なんでもそうであるように、分業によってそれぞれの専門性が
発揮されて完成度の高いものが出来るんだと思う。無論、分業化されるんだったら、相互の意思疎通
が必要となってくるわけで、実務現場ではプロデューサーやディレクターがそのコミュニケーションの要に
なるわけだ。
ものすごく演繹して考えると、>1は、このスレで相互意思疎通の実験をしたかっただけなんじゃないだろうかと思うんだが。
まともそうだが。
ただのクッキー食い残し？
TARGET=”＿BLANK” が使えないのね・・・。
デザインとはスレ違いかもしれずが、ちょとキニナッタ（゜ω゜）
>43
いや、俺じゃないよ。まじで。でもすっきりするぐらい俺の気持ちと一緒だな。
さて、ちょっと自己反省。
うｐロダぐらい自分で用意すべきだったかと。
まあしかし、ちょっと事情があって、今の俺の環境ではうｐロダは用意できねーな。
>44
ああそう。使えません。
テキストブラウザなんかで、新しいウィンド開かされたらたまったもんじゃないからね。
といいつつさ、↑ 書いて自分も、自分自身が規定する、「やりきれないW3C信者」のような
事を言ってる事に気づいた。
俺がW3C信者嫌いな理由の一つは、「ストリクトな文書」を書く目的の一つに「ユーザビリティー」を
あげる事なんだよな。 >43氏の言うように、「ユーザビリティー」ってのは、結果論でしかないわけで。
ところで、>44氏、
CSS ZENの、
http://www.mezzoblue.com/zengarden/alldesigns/specialeffects/
あたり、見てみました？
どれもこれもすごいですよ。
といってみるテスト
どっちもインライン要素だからaとspan、どっちが親になってもまずいことはないんですよね？
それが、ブラウザによってうまくいかなかったりするんですよ。
たいがいのモダンブラウザなちゃんといくと思うんだが。。。。
ver4世代のブラウザならだめなんか？
もしそうなら、CSSの@import なりで読み込むCSS切り替えてやればよろし。
ってか、このスレでそういう質問するってことは、>9 とかを
デザインしてくれるわけだな。
ただ外ブリンクを中から直に貼りまくるようにしていいか
というとちょっと微妙
礼儀として
趣味で作ってるうちはまあいいかもしれないけど。
リンクされたくなければローカルで遊んでろと。
TARGET=”＿BLANK”のことだろ。話の流れ嫁。
自分とこのコンテンツ以外にリンク貼るときは
BLANKで貼るのが暗黙のルールっつかマナー。
ナビゲーションとしてユーザビリティ上も問題あり。
何言ってるかわかんねぇだ
閲覧者は自分で新窓か同窓か選ぶ権利がある。
target="_blank"なんて使ったら確かにうっかり同窓で開くことはなくなるが
常に新窓なんてうざいことこの上ないぞ。
外部のサイトなのに自分とこのフレーム内で開いちゃうのは問題だろうけど、
同じ窓で開く分には別に問題ないとｵﾓ。
外部リンクということだけ明記するなりなんなりでしっかり伝えれば、
閲覧者が必要に応じて自分で新窓で開くっつの。
強制新窓うざい。
なにがうざいかはユーザーによっても違うしローカルルール
みたいなもんだからあえて別に個人的な部分には言わない。
スタンダードスタンダード言ってても
ほんとの意味でこの先スタンダードになってくかはわからない。
数ももの言うもんだし、信者の布教の仕方次第ってのもある。
仕組みを作りだした人の考え方は？w
中級者以上は確実に同窓を好むと思う
まあ世の中には初心者が多いのかもしれん
フレームじゃないページは普通にリンクしても構わんと思うし。
と言ってみるテスト
やめた
その中で細かいことをうだうだ言っててもって気にもなるけど。
HTMLなんてだれでも気楽に作れて
なんでも取り込める生の文書にちょっと
意味不明のデザイン面重視のタグがついてるだけだもん。
大量の未整理の文書が山積している資料室みたいなもんだ。
そこに毎日みんなが新しい資料を放り込んでるわけだし。
取りあえず検索サイトががんばってくれてるけどさ。
ユーザービリティよりも質の高い情報を
表示されやすくなるようなそんな見地に立てば
汚いHTMLと綺麗なHTMLなんて同じに見えちゃわない？
相当汚いHTMLもデザインだけならIEやネスケの努力で吸収されてるんだし。
普通の文章の最高に高い表現力とそれをうまく分類できる規格。
そういうほうが大事なんじゃなかろうかと思ったりするんだけど。
＞意味不明のデザイン面重視のタグがついてるだけだもん。
おまえがそういう汚いHTMLを書いてるだけだろ。
どういう意味なのでしょうか？？
調べてもいまいちわからなかったもので・・。
strict ━━ a. 厳しい; 厳密な; 絶対的な
Web制作板で言うStrictとは、
HTML4.01Strict（http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html）や
XHTML1.0Strict（http://www.doraneko.org/webauth/xhtml10/20000126/Overview.html）
のこと。まあこれだけじゃなくてXHTML1.1やISO-HTMLなんかもあるけど。
ありがとうございました。
「strictな精神」ってのがあって・・・と思ったらもう終わってた
>相当汚いHTMLもデザインだけならIEやネスケの努力で吸収されてるんだし。
相当汚いHTMLを表示してしまうのは努力というより怠慢な気もするが
<tr class="おまえもな">
content"(target=\"_blank\")";
color:#f00;
}
全体のラッピングするdivがなかったりするんだよね｡
ヘタレな俺にはちょっと難しいかもな｡
デザインとかいってるやつ
お絵かきは紙でやれよな
<div id="body">
<div id="alpha"></div>
<div id="beta"></div>
<div id="gamma"></div>
</div>
のような感じのときの話です。
(改行オーバーの為分けます)
width: 960px;
}
div#alpha {
border:1px solid #000000;
width: 960px;
}
div#beta {
border:1px solid #000000;
width: 160px;
float: left;
}
div#gamma {
border:1px solid #000000;
width: 800px;
float: right;
}
とすると、border分のせいでbetaとgammaが隣になりません。
borderを外すと正しく表示されますが…これにさらにmarginを使ってブロック間の隙間を5pxずつ開けようとするともう調整困難になります。
border分も含めてブロックのサイズを指定する方法はないのでしょうか？
けんか上等スレですね
シンプルなカラーサンプル（いろいろSAMPLE）
http://watap.main.jp/iroirosample/
また意見等があればよろしくお願いします。
<IMG SRC="spacer.gif" HEIGHT="8" WIDTH="1" BORDER="0"><BR>
line-height: 16px;
