/* CSS、スタイルシート質問スレッド【11】 */ (2ちゃんねる)

FTP、CGI、SSI、telnetが自由に使える超高速レンタルサーバ。
工夫しだいで、楽しさ100倍。 www.binboserver.com
月額千円サーバ | サブドメインコース | BIGなサーバ

サブドメインコース:CGIやFTPが使いたい・お金を掛けたくない人のために。
 *****.syo-ten.com *****.gasuki.com *****.zansu.com
 お好きな名前を無料で使えます。早い者勝ち。

人気サイト 月額千円サーバ:.com .net .org で取得できます。.JPドメイン大歓迎!
 超高速・高機能サーバを1000円で!使ってみれば、分かります。

BIGなサーバ:Big なBig なサーバー。充実したサポートをお求めの方へ。
 インターネットでご活躍の皆様へ、そしてご活躍予定の皆様へ。
2ちゃんねるは、このサーバを使っているです。

■掲示板に戻る■ ■過去ログ倉庫めにゅーに戻る■

/* CSS、スタイルシート質問スレッド【11】 */
1 名前: 1 投稿日: 02/09/12 04:52 ID:???
Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

■■■■■ 注意 ■■■■■
質問者 (特に「初心者」) は、
必ず>>4にある解説サイト (かなりわかりやすい) で
 勉 強 してください。

質問の前には過去ログを WinIEの場合[Ctrl+F]で検索しましょう。

また、IE などではまだ対応できていない要素などやバグが多数存在します。
ですので、>>2(関連スレ)の「バグ辞典」に目を通しておきましょう。

また、「環境を書け」 とか 「ソースは?」 と求められたときは
応じるようにしましょう。 回答が早く返るようにするためです。

※ マターリ進行推奨 ※


2 名前: 1 投稿日: 02/09/12 04:55 ID:???
【前スレ】
 http://pc3.2ch.net/test/read.cgi/hp/1028646616/

【過去ログ】
 http://mentai.2ch.net/hp/kako/974/974934062.html
 http://natto.2ch.net/hp/kako/984/984113434.html
 http://natto.2ch.net/hp/kako/992/992992981.html
 http://pc.2ch.net/hp/kako/996/996828258.html
 http://pc.2ch.net/hp/kako/1005/10050/1005047493.html
 http://pc.2ch.net/hp/kako/1011/10113/1011358982.html
 http://pc3.2ch.net/test/read.cgi/hp/1015474859/
 http://pc3.2ch.net/test/read.cgi/hp/1019881572/
 http://pc3.2ch.net/test/read.cgi/hp/1025346520/

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
 http://pc.2ch.net/test/read.cgi/hp/991666454/
・/* CSSでイケてるデザインサイト { number: 3; } */
 http://pc.2ch.net/test/read.cgi/hp/1010800617/
・* CSS { イケてるスタイルを:"作れ";}
 http://pc.2ch.net/test/read.cgi/hp/991906104/
・代替スタイルシートに萌え〜
 http://pc.2ch.net/test/read.cgi/hp/991400015/
・CSSコミュニティの功罪を評価するスレ 6rd Stuff
 http://pc3.2ch.net/test/read.cgi/hp/1028647240/


3 名前: 1 投稿日: 02/09/12 04:56 ID:???
【仕様書】
・CSS1の仕様書の原文(英語)
 http://www.w3.org/TR/REC-CSS1/
・CSS2の仕様書の原文(英語)
 http://www.w3.org/TR/REC-CSS2/
・CSS1の仕様書の翻訳(日本語)
 http://www.y-adagio.com/public/standards/css1/toc.htm
・CSS2の仕様書の翻訳(日本語)
 http://www.y-adagio.com/public/standards/tr_css2/toc.html


4 名前: 1 投稿日: 02/09/12 04:57 ID:???
【その他資料など】
・W3C CSS 検証サービス
 http://jigsaw.w3.org/css-validator/
・ごく簡単なHTMLの説明
 http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
 http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
 http://www.zspc.com/documents/css2/
・CSS1テストスイート
 http://www.doraneko.org/css1test/
・とほほのスタイルシート入門
 http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
 http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・K@tsukun's PAGE! > CSS Reference
 http://hp.vector.co.jp/authors/VA022006/css/index.html
・CSS Laboratory対応表・一覧
 http://www.inter-cool.net/~phantasm/wdzone/note/index.html


5 名前: Name_Not_Found 投稿日: 02/09/12 06:04 ID:20XFDEYG
<1
最速乙


6 名前: Name_Not_Found 投稿日: 02/09/12 09:42 ID:MRKU3oXW
947です。
ここで質問してもまともな答えはかえってこないという事がわかりますた。


7 名前: Name_Not_Found 投稿日: 02/09/12 10:14 ID:???
>>6
まともな質問でなければ、まともな答えを返しようがありません。

http://pc3.2ch.net/test/read.cgi/hp/1028646616/947

この文章では、どのような意図でtableを用い、どのような表示を実現したいのか、
質問者以外の人にはわかりません。
「自分にしか通じない造語(table枠)を使わず、他の人に通じる言葉を使う」
「主語・述語を記述する(何が「合計8」あるのか、何を「最大化」したいのか)」
などに気をつけて質問を書くようにしてください。


8 名前: Name_Not_Found 投稿日: 02/09/12 10:26 ID:???
理解できないのは頭がわるいからです。
あの程度の日本語が理解できない低脳どもに用はありません。
他で聞くのでもう結構。


9 名前: Name_Not_Found 投稿日: 02/09/12 10:45 ID:???
また質問者になりすました煽りですか…


10 名前: Name_Not_Found 投稿日: 02/09/12 10:53 ID:???
煽りならいいけど、逆切れだったら救えねぇ(; ´Д`)


11 名前: Name_Not_Found 投稿日: 02/09/12 11:07 ID:???
逆ギレしてるのではなく事実を述べているのです。
せいぜい理解できるレベルの質問にだけ答えてエラソーにしていて下さい。
このような場所で高度な質問をした私が浅はかでした。反省しきりです。


12 名前: Name_Not_Found 投稿日: 02/09/12 11:17 ID:???
怒りでチンコ勃起させながら
レスしてんじゃねーよ。


13 名前: Name_Not_Found 投稿日: 02/09/12 12:26 ID:8F38L6oq
怒りで賃子が勃起することなんてあるのか?


14 名前: Name_Not_Found 投稿日: 02/09/12 12:59 ID:???
発動できないのは魂がわるいからです。
あの程度のスタンドが発動できない低脳どもに用はありません。
他で聞くのでもう結構。
無駄無駄無駄無駄アァ!!


15 名前: みゆりん祭り ◆MiYU.XlA 投稿日: 02/09/12 13:07 ID:???
                    \
                      \  新スレおめでとうございまぁす☆
                       \
                         \            /|   。.
                       ,,-'―\       _,/ノ   . .
        ___,,-―――='' ̄ ̄    _,,-'―=''' ̄_,/|  o    *
_,,-―=''' ̄      ___,,-―――='' ̄ __,-―='' ̄   / .   . .
   _,,-―=''' ̄        _,,-―='' ̄ ヽ       /  +
 ̄ ̄        _,,-―=''' ̄          \    /  . . .  .
      ,,-='' ̄                   ヽ  /    .  。. ★  ☆
    ,,,-''        ノ              ノ   ヽ/     。.    .
-―'' ̄        (;;;)    |___,/  (;;;)   |   . ☆  +
.  |        ..::::::::::::...       |     /    ..:::::::... | + .   . .
   |                    |     /        |    . .   ☆
  ヽ    γ´~⌒ヽ.        |   /          /☆ . *  +.  .
――ヽ   /      ヽ      |  /         /⌒ヽ、.  .  . .
    \/       |       |_/          /    ヽ +★
      /         |             /     ノ *  ☆


16 名前: Name_Not_Found 投稿日: 02/09/12 13:29 ID:???
↑キモッ


17 名前: Name_Not_Found 投稿日: 02/09/12 14:06 ID:???
195 :Name_Not_Found :02/09/12 09:14 ID:???
男のヒトって怒りで勃起するんですか?
知りませんでした


196 :Name_Not_Found :02/09/12 09:28 ID:???
↑37歳・男・独身・166cm・71kg


18 名前: Name_Not_Found 投稿日: 02/09/12 16:11 ID:???
>>6
borderって知ってますか。
まあ。ここでも読むんですな。
http://members11.tsukaeru.net/msugai/web/CSS/tables.html


19 名前: Name_Not_Found 投稿日: 02/09/12 23:03 ID:???
スタイルシートを見られないようにするにはどうすればいいのでしょう。
パーミッションを600にしたらだめぽでした。


20 名前: Name_Not_Found 投稿日: 02/09/12 23:26 ID:???
>>19
無理じゃない?
そもそもCSSってローカル側で処理しているわけだし。


21 名前: Name_Not_Found 投稿日: 02/09/12 23:30 ID:???
どんなに隠したところでキャッシュを漁れば出てくるわな。

厨房にパクられたくないという程度でいいのなら、全文エスケープしちゃうとか。
解読はできるけども、そんな能のあるやつなら >>19 のソースを覗いたりしない。


22 名前: Name_Not_Found 投稿日: 02/09/12 23:42 ID:???
開業を消せるだけ消して、文字コートをutf-8とかeuc-jpにしておけば厨よけにはなるかも。


23 名前: Name_Not_Found 投稿日: 02/09/13 00:50 ID:???
/* CSS、スタイルシート質問スレッド【10】 */
http://pc3.2ch.net/test/read.cgi/hp/1028646616/


1000 名前:Name_Not_Found 投稿日:02/09/13 00:49 ID:???
お前等、みんなバカ


1001 名前:1001 投稿日:Over 1000 Thread
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。


24 名前: Name_Not_Found 投稿日: 02/09/13 01:07 ID:???
> 972 名前:Name_Not_Found 投稿日:02/09/12 09:11 ID:???
> >>969
> 関係大有りです。シェアの高いIEの文法を標準にすべき。
> シェア低いブラウザが標準標準言ったって、知らない人から見たら
> IEと互換性が無い→使えないな で終わり。

意味不明&頭悪すぎ。
MozやIEが標準を定めてるわけじゃねーんだから


25 名前: Name_Not_Found 投稿日: 02/09/13 01:38 ID:???
>>24
確かに頭悪いけど、理解できないのは君の読解力不足だと思いますよ。


26 名前: Name_Not_Found 投稿日: 02/09/13 01:54 ID:???
>>25
ほう、では君は972の言う事を理解できるんだな


27 名前: Name_Not_Found 投稿日: 02/09/13 02:14 ID:???
>>26
「ほかのブラウザはIEに合わせろよ」と言っているのでは?


28 名前: Name_Not_Found 投稿日: 02/09/13 02:20 ID:???
そんなもん作る意味ない。


29 名前: Name_Not_Found 投稿日: 02/09/13 02:22 ID:???
もし24=26=28なのであれば分かった。
こいつはただ頭が悪いだけだ。


30 名前: Name_Not_Found 投稿日: 02/09/13 02:25 ID:???
一人相撲ご苦労

質問どぞ↓


31 名前: Name_Not_Found 投稿日: 02/09/13 02:29 ID:???
もし927=25=27=29なのであれば分かった。
こいつはただ頭が悪いだけだ。


32 名前: Name_Not_Found 投稿日: 02/09/13 02:35 ID:???
一体何が正しくて何が正しくないんだよ!!
まるでアメリカ(IE)とイスラム諸国(Mozilla,Opera)じゃないか!!


33 名前: Name_Not_Found 投稿日: 02/09/13 02:37 ID:???
テンプレ

もし○○=○○=○○なのであれば分かった。
こいつはただ○○が○いだけだ。


34 名前: Name_Not_Found 投稿日: 02/09/13 02:39 ID:???
もしMSIE=独自拡張続行するのであれば分かった。
こいつはただ金が儲けたいだけだ。


35 名前: Name_Not_Found 投稿日: 02/09/13 05:58 ID:???


http://testpop.tripod.co.jp/test.html

↑なぜか各ブラウザによって見え方が違います。
なぜでしょうか?
IE6で表示されてるのが僕の理想の表示です。
Mozilla,Operaで見たら下記のような不具合が出てきます

Mozilla(最新)
 ・h1のborder-bottomが→にはみだしている

Opera(1つ前のヴァージョン)
 ・body{margin-top : 0px;}が適用されていない
 ・Mozzilaと同じくh1のborder-bottomが→にはみだしている
 ・#main{margin-top : 50px;}がずれて表示されている

どのブラウザでも同じ見え方にするには
どのような修正をすればよろしいでしょうか?


36 名前: Name_Not_Found 投稿日: 02/09/13 06:38 ID:???
>>35
ずれない状態のものを画面キャプチャし、
GIFやJPEGなど任意の形式に変換して、そのままimg要素で配置する。
リンクを使いたいならイメージマップで。

つか、ずれないようにするのなんて、
刹那的にしか成功しないから、余裕を持ってやった方が良いんじゃない?
1pxでもずれるのが嫌だっつーんなら、
やはり上記の方法やFlashなど、環境にほとんど左右されないものを使うべきかと。


37 名前: Name_Not_Found 投稿日: 02/09/13 09:46 ID:ww6EI4kD
mac_IE mac_NN win_IE win_NN と4種のcssのファイルに

a:active { text-decoration: none }
a:link { color: #CC0000; text-decoration: none }
a:visited { color: #0000CC; text-decoration: none }
a:hover { color: #FF9900; text-decoration: underline }

を書きこんだのですが、ネスケでホバーが効かないのはいいとして、
マックIEでもホバーが効きません。同じように書いてウインドウズのIEでは
動作するのですが、マックのIEで効かない理由というのがわかりませんでした。
なにか記述を間違っているのでしょうか?


38 名前: Name_Not_Found 投稿日: 02/09/13 10:22 ID:???
>>35
>Opera(1つ前のヴァージョン)
> ・body{margin-top : 0px;}が適用されていない
body{padding:0;}を追記してみたら?
オペラはデフォルト・スタイルがIEともNNとも異なる(リスト要素なんかも)。

あと、IE6でもDOCTYPE宣言を標準準拠モードにしたら、NNと同じになるのでは。
これFAQです。↓
「Internet Explorer 6 における CSS の拡張」
 http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp


39 名前: Name_Not_Found 投稿日: 02/09/13 10:32 ID:???
>>37
どのセレクタへの記述が効いてるのかチェックするために
border:1px solid red;
をその4行に上から順に入れてみる。
borderを追記したのに赤い枠線が現れないセレクタがあったら、そこが問題。
あと、a:activeは一番最後の行にした方がいいかも。


40 名前: Name_Not_Found 投稿日: 02/09/13 10:45 ID:???
【FAQ】
Q:WinIEとN6で見え方が違ってるんですけど……。
A: WinIEのボックス・モデルが間違ってるからです。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#width
widthプロパティは、要素の内容領域の幅を指定するプロパティですが、
Windows版 Internet Explorer は、ボーダー領域 + パディング領域 + 内容領域 の幅で
計算されてしまいます。
Macintosh版 Internet Explorer 5 や Netscape 6 では正しく計算されます。
Windows版 Inernet Explorer 6 の標準準拠モードでは、正しく計算されるようになりました。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
「IEとNNのBOXの計測方法の違いについて」
http://www.age.jp/~dfj/html/border2.html


41 名前: Name_Not_Found 投稿日: 02/09/13 15:50 ID:???
CSSって思ってたより使えないんですね。
普及せずに消えゆく技術に過ぎないという予測をどこかで聞いた事ありますが
なんか納得。


42 名前: Name_Not_Found 投稿日: 02/09/13 15:51 ID:???
MacIE4.xってテストできる人いる?
対応具合の情報キボンヌ。


43 名前: Name_Not_Found 投稿日: 02/09/13 15:51 ID:???
>>41
は?


44 名前: Name_Not_Found 投稿日: 02/09/13 16:08 ID:???
ほっとけ。CSS程度も使いこなせない可哀想な人の愚痴だろ


45 名前: Name_Not_Found 投稿日: 02/09/13 17:35 ID:???
CSSは最初は「こんなもん何の役に立つんだ?」とか「タグで十分やん」って思ったけど、
実際使ってみるとなかなか(・∀・)イイ!!と思ったよ


46 名前: Name_Not_Found 投稿日: 02/09/13 17:38 ID:3cFkax+8
<q>を使うとダブルコーテーションがでるのですが、
どうやれば消すことができるのでしょうか?


47 名前: Name_Not_Found 投稿日: 02/09/13 17:51 ID:???
>46
q {quotes: none;} あるいは
q:before, q:after {content: "";}
あるいはと書いているのはブラウザのCSS2実装状況を忘れたから


48 名前: Name_Not_Found 投稿日: 02/09/13 19:19 ID:???
>>47
:before , :after は IE6 ではまだ実装されていないよ。
mozillaはしてたと思うけど。

quotesは知らん。


49 名前: Name_Not_Found 投稿日: 02/09/13 19:34 ID:???
>>48
擬似要素もquotesもIEは実装していないけど
それ以前にIEは<q>をサポートしていないから引用符は表示しない。


50 名前: Name_Not_Found 投稿日: 02/09/13 19:43 ID:???
>>49
そうなの?IEは殆ど使わないから知らなかった。


51 名前: 47 投稿日: 02/09/13 19:50 ID:???
あー,やっぱり書き方が中途半端だった.すまん.
>46 が「引用符が…」って書いてるので,じゃあMacIE5かNN,Mozだと予想(WinIEで未対応なのは知ってる).
んで,そのMacIE5やMozで quotes に対応してるか,before, after はどうか,までは確認してないので
両方書いておいたってことね.

って,罪滅ぼしにZSPCで確認したらMacIE5は quotes も before, after もダメなのか…
ということはMacIE5で引用符を消す方法はないってことか?手元にないので実際はわからない.


52 名前: Name_Not_Found 投稿日: 02/09/13 20:03 ID:???
>>50
要素としては認識してませんが、
CSSは適用出来ます。


53 名前: Name_Not_Found 投稿日: 02/09/13 21:30 ID:???
>>52
要素として扱うことは出来るよ。
:after, :before, quotesが対応してないだけ。
ABBRなんかはCSSすら効かないし。


54 名前: Name_Not_Found 投稿日: 02/09/13 22:09 ID:???
質問いいでつか?
overflow使うとWinIEでmargin-leftが効かなくなるんですが、これはバグ?



55 名前: Name_Not_Found 投稿日: 02/09/13 22:11 ID:???
検証用ソース。

<div id="contentsmenu">
<ul>
<li><a href="hogehoge>ホゲーなページ</a></li>
</ul>
</div>

<div id="maincontents">
<p>とか何か色々。</p>
</div>

#contentsmenu{
background-color : Red;
float : left;
width : 130px;
height : 400px;
margin-top : 100px;
}
#maincontents{
height : 400px;
overflow : scroll;
margin-top : 100px;
margin-left : 130px;
background-color : Red;
}



56 名前: Name_Not_Found 投稿日: 02/09/13 22:12 ID:???
どうも、floatしている方のmarginだけ効かないようです。
margin-topは現に効いていて、試しにmargin-rightに変えてみたら効きました。


57 名前: Name_Not_Found 投稿日: 02/09/13 22:53 ID:???
・ overflowじゃなくてfloatの仕業。詳しくは調べれ。
・ #contentsmenu から margin-right で頑張る。
・ 個別に margin-top : 100px はずれるからやめとけ。

解決だ(・∀・)イイ!


58 名前: Name_Not_Found 投稿日: 02/09/13 23:12 ID:???
>>57
レスさんくす。これはあれですか。IEだとbodyからmargin取るのに対して
Mozだとfloatさせた要素からmarginを取るって感じですね。
解決方法ってありましたっけ?もじら組みではbrとかでclearしてたようなんですが。


59 名前: Name_Not_Found 投稿日: 02/09/13 23:19 ID:???
あぁ、スマソ。margin-rightって書いてありましたね。
上手くいきますた。ありがd。


60 名前: Name_Not_Found 投稿日: 02/09/13 23:29 ID:???
spanは文章の一部につかうものですか?
愛<span class="yomigana">(あい)</span>
と使うのはいけないですか?


61 名前: Name_Not_Found 投稿日: 02/09/13 23:30 ID:NXelyDqN
>>60
ぜんぜんOK


62 名前: Name_Not_Found 投稿日: 02/09/13 23:31 ID:???
>>60
spanは大抵そう使う


63 名前: Name_Not_Found 投稿日: 02/09/13 23:33 ID:???
>>60
spanは大抵そう(読み仮名の指定として)使う


64 名前: 35 投稿日: 02/09/14 01:39 ID:???
質問に答えてくださった
皆様ありがとうございました!
皆様から授かった知識をめいっぱいいかせるように努力します!


65 名前: Name_Not_Found 投稿日: 02/09/14 01:43 ID:???
無理。


66 名前: Name_Not_Found 投稿日: 02/09/14 01:47 ID:???
IE はいつになったら position: fixed をサポートしてくれるのかな?


67 名前: IE 投稿日: 02/09/14 02:10 ID:???
土下座して靴舐めろや。


68 名前: 35 投稿日: 02/09/14 02:14 ID:???
>>65
あ?なんで無理なんだよ?


69 名前: Name_Not_Found 投稿日: 02/09/14 02:14 ID:???
ヤだ(・∀・)


70 名前: Name_Not_Found 投稿日: 02/09/14 02:18 ID:???
金曜の夜って不思議♪


71 名前: Name_Not_Found 投稿日: 02/09/14 02:21 ID:???
もう土曜だけど…


72 名前: Name_Not_Found 投稿日: 02/09/14 02:22 ID:???
( ´,_ゝ`)


73 名前: Name_Not_Found 投稿日: 02/09/14 02:23 ID:???
>>35
童貞には無理。


74 名前: 35 投稿日: 02/09/14 02:28 ID:???
追い込まれたらすぐ
童貞だろ攻撃に出る奴は
大抵ガキか自分が童貞なんだよな
どっちにしろうぜえ


75 名前: Name_Not_Found 投稿日: 02/09/14 02:37 ID:???
怒りでチンコ勃起させながら
レスしてんじゃねーよ。


76 名前: Name_Not_Found 投稿日: 02/09/14 03:10 ID:???
>>68>>74
もうそのパターン飽きた。たまには芸風変えてみろや。


77 名前: Name_Not_Found 投稿日: 02/09/14 03:31 ID:???
そういうスレじゃないし。。。


78 名前: ◆.tg1Zcu2 投稿日: 02/09/14 04:28 ID:???
どゆすれ?


79 名前: 35 投稿日: 02/09/14 04:30 ID:???
>>76
三枚目お笑い志向不細工童貞は下記の板へ移動お願いします。

 ・http://caramel.2ch.net/owarai/
 ・http://natto.2ch.net/middle/
 ・http://salami.2ch.net/dame/
 ・http://life.2ch.net/hage/


80 名前: Name_Not_Found 投稿日: 02/09/14 04:31 ID:???
そして35は去っていった


81 名前: Name_Not_Found 投稿日: 02/09/14 04:57 ID:???
<p>第一行</p>
<p>第二行</p>

これをIEで表示すると、デフォルトでは第一行と第二行の間に
一文字分の行間が開きますが、これを縮めることはできますか?
margin-bottomを使っても変わらず、line-heightはinlineに作用するので不適当。
padding-bottomを使うと値の分だけさらに開いてしまいます。


82 名前: Name_Not_Found 投稿日: 02/09/14 05:04 ID:???
margin-topも指定したら?


83 名前: Name_Not_Found 投稿日: 02/09/14 05:06 ID:???
81>>82
すみません。できました。
ありがとうございました。


84 名前: Name_Not_Found 投稿日: 02/09/14 05:39 ID:???
>>78
>>1


85 名前: Name_Not_Found 投稿日: 02/09/14 13:10 ID:???
クリックで救える命がある。
http://www.dff.jp/


86 名前: Name_Not_Found 投稿日: 02/09/14 22:47 ID:YaauqH3D
WinIEで:hoverってa要素にしか効かない?
あとMozってa要素にwidth指定しても効かない?



87 名前: Name_Not_Found 投稿日: 02/09/14 23:00 ID:ovD0ax8T
Centerタグを使わずに、要素をセンタリングすることってできますか?
しかも、その要素内のテキストは、左寄せにしたいんです。
この説明で分かりますかね…?

つまり、今はテーブル(左右500ピクセルほど)をCenterタグで中央に
配置して、その中にテキストを書く、というやり方を仕方なく
やっているんですが…。

CSSでこれと同じように見せる方法、ありましたらお教えください。



88 名前: Name_Not_Found 投稿日: 02/09/14 23:02 ID:???
.box{
margin: 0 auto;
}

.box span{
text-align: center;
}


89 名前: Name_Not_Found 投稿日: 02/09/14 23:18 ID:???
>87

#centeringbox {width: 500px; margin: auto; text-align: left;}

<p id="centeringbox">
500px幅のボックス(中央寄せ)の中で左寄せ
</p>

IE5やIE6の互換モードでは違うやり方になるけど,
その辺はさんざん既出なので自分で調べてください.


90 名前: Name_Not_Found 投稿日: 02/09/14 23:34 ID:???
id="centeringbox"って・・・


91 名前: 87 投稿日: 02/09/14 23:36 ID:ovD0ax8T
>>88>>89

親切にありがとうございます。
ひとつ忘れていました。
過去ログをいくつか既に見たんですけど、
マージン指定で「auto」ってありますよね?
あれをやってみたんですが、なぜか反映されないんですよ…。

当方WinIE5.5、ホームページビルダー2001です。
ビルダーはautoをサポートしていないようなので、
HTMLモードで手打ちで入力したんですが…。

で、だめだったんで、質問しました。


92 名前: Name_Not_Found 投稿日: 02/09/14 23:38 ID:???
>>91

6以降


93 名前: 87 投稿日: 02/09/14 23:41 ID:ovD0ax8T
>>92

autoは6以降ですか…。
じゃあ、見れない人もまだ結構いるでしょうから、
テーブルのままにしてみようと思います。
仕方ない。

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


94 名前: Name_Not_Found 投稿日: 02/09/14 23:43 ID:???
ビルダーてあんた。おっかないやっちゃな。

marginの値autoはIE6でやっと対応。標準モードのみ。
5.5以前でセンタリングするには、
左右のマージンに同じ数値を%で指定するか、
親ボックスでtext-align: center; とするか。

前者はボックスのwidthが固定だと使えない。


95 名前: 86 投稿日: 02/09/14 23:46 ID:???
ホウチされて哀しいですタイ。


96 名前: Name_Not_Found 投稿日: 02/09/14 23:53 ID:???
>>86
判ったから泣くな。
:hoverはその通り
widthは元々インラインボックスには適用できない

>>4へ逝ってよし


97 名前: 87 投稿日: 02/09/15 00:01 ID:SgJVv2uw
>>94
レスありがとうです。

そうですか、まだIE6だけですか…。
Width指定を500pxにしているので、前者の方法は、無理そうです。
しかも親ボックスがないので、後者も無理っぽい…。
それとも空白のボックスを作って、その中に子ボックスを作れば、
OKですか?

あと、やっぱビルダーってダメですか…。
Dreamweaverですか、やっぱり?


98 名前: Name_Not_Found 投稿日: 02/09/15 00:34 ID:???
メモ帳で充分だ、というレスはもう飽きた。


99 名前: Name_Not_Found 投稿日: 02/09/15 00:34 ID:2WQM1C3x
>>97
メモ帳に決まってるだろ。
何考えてるんだか。



100 名前: Name_Not_Found 投稿日: 02/09/15 00:37 ID:???
かぶった。おまけにageてるし。
鬱だ氏脳。



101 名前: 87 投稿日: 02/09/15 01:29 ID:SgJVv2uw
>>87
です。やってみましたが、ダメです。ボックス内のテキストまで、
センタリングされてしまいます。
間違ってますかね?

<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
<style>
.abc{
text-align: center; width: 600px;
}
.def{
text-align:left; width: 500px
}
</style>
</HEAD>
<BODY>
<div id="abc">
<p id="def">うんたらかんたら
</p>
</div>
</BODY>
</HTML>


102 名前: Name_Not_Found 投稿日: 02/09/15 01:44 ID:???
>>101
IE6(win)では、たぶんあなたの意図しているであろう表示になってる

<HTML>
<HEAD>
<style>
<!--
#abc {
text-align: center;
width: 600px;
background-color:#eeeeee;
}
#def {
margin:0 auto;
text-align:left;
width: 500px;
background-color:#cdcdcd;
}
-->
</style>
</HEAD>
<BODY>
<div id="abc">
<p id="def">うんたらかんたら</p>
</div>
</BODY>
</HTML>

IDの場合は . じゃなくて# ね。
margin:0 auto; はN6用


103 名前: 87 投稿日: 02/09/15 01:51 ID:SgJVv2uw
>>102
あ、急いで書いたんで間違えました…。
で、#に変えたら、できました!
これならIE6以降の人以外でも、「要素センタリング、テキスト左寄せ」
で見れますね!
なんか初心者丸出しのミスでしたが、ありがとうございました!


104 名前: Name_Not_Found 投稿日: 02/09/15 02:49 ID:7SkqPftZ
カーソルにフィルターかけて、半透明にすることは可能ですか?


105 名前: Name_Not_Found 投稿日: 02/09/15 02:57 ID:???
>90
ごめんな,考えるのが面倒だったのよ.
(質問者の意図もわからんかったし.)


106 名前: bloom 投稿日: 02/09/15 02:57 ID:cHbJ5b1y

http://www.leverage.jp/bloom/start2/


107 名前: Name_Not_Found 投稿日: 02/09/15 03:44 ID:???
>>104
フィルタは無理でしょ。
cursor: url(hoge.cur); という感じで自作のカーソルを使えるそうなので(IE限定)、それでどうにかして下さい。
カーソル変えられるとユーザは戸惑うと思うけど。



108 名前: Name_Not_Found 投稿日: 02/09/15 08:42 ID:???
中央寄せとDOCTYPEスイッチは、次スレッドからFAQとして>>1-10に載せておいたら?


109 名前: Name_Not_Found 投稿日: 02/09/15 09:16 ID:???
カーソルのグラフィックを格子状で透明不透明を分けて、半透明っぽく見せるとか。
出来るかどうかは知らんが。


110 名前: Name_Not_Found 投稿日: 02/09/15 15:56 ID:???
Faqサイト作って>>1に貼っとくといいんだけど
どこかに物好きな暇人いないかな


111 名前: Name_Not_Found 投稿日: 02/09/15 16:08 ID:???
>>4にあるサイトを見ない奴がFAQサイトを見るとも思えませんが。


112 名前: Name_Not_Found 投稿日: 02/09/15 16:09 ID:???
>>110
お寿司食べ放題ですが
まずい
えびがまずい
がんばって食べたものの
作ってから24時間以上経ってるから
れぶらっちょ


113 名前: Name_Not_Found 投稿日: 02/09/15 16:17 ID:???
そうなんだけど、
例えば>>4のサイトに全部目を通してから質問しろゴルァ、
と言うよりは
Faq読んでから質問してね(はぁと
のほうがスマートかなと思ってね。

>>112
いいよ。
やっぱり言い
だしっぺがやらないとね。


114 名前: Name_Not_Found 投稿日: 02/09/15 19:43 ID:???
いかにもCSSヲタって感じで頼む>FAQ


115 名前: Name_Not_Found 投稿日: 02/09/15 19:54 ID:???
FUQページつくって、ここよめみたいな。読んでなさそうな質問にはFuck You!みたいな。ぷくく


116 名前: Name_Not_Found 投稿日: 02/09/15 20:21 ID:???
暇なので作ろうと思うのですが、
定番の質問みたいなの教えてくん


117 名前: Name_Not_Found 投稿日: 02/09/15 20:22 ID:???
>FUQページつくって
ぷくく


118 名前: Name_Not_Found 投稿日: 02/09/15 20:35 ID:???
>>117
ポイント間違ってるよ ぷくく


119 名前: Name_Not_Found 投稿日: 02/09/15 21:29 ID:???
>>116
・すぐ上にもあったセンタリング云々
・ボックスモデルの実装の違い(「Mozだとはみ出ます」など)
・擬似クラスの使い方(一部分だけ云々、記述の順番などなど)
・float関連
・ぷくく

まだ色々あったよね。ちと出てこない。


120 名前: Name_Not_Found 投稿日: 02/09/15 21:44 ID:???
こういう仕様だから、こうなるんですよ。って説明してもわからんのじゃないだろか。
こう書くと、こう表示されますよ。ってな感じでないと。

ただ、そうすると勘違い大量繁殖と…。


121 名前: Name_Not_Found 投稿日: 02/09/15 22:11 ID:???
原理と仕様の解説は「参考」にするとか。


122 名前: Name_Not_Found 投稿日: 02/09/15 22:18 ID:???
だなぁ。基本的には「アンク著」的なかんじで書くのがいいかと。


123 名前: Name_Not_Found 投稿日: 02/09/15 22:30 ID:???
テキストベースなページにしてほしい。軽く軽く軽く軽く軽く
そんなこと言われなくてもわかってるか・・、すいまそん


124 名前: Name_Not_Found 投稿日: 02/09/15 22:35 ID:???
age


125 名前: 104 投稿日: 02/09/15 22:39 ID:???
>>107
>>109
来訪者の迷惑にならないことを考えながら
格子状で作ってみようと思います。
ありがとうございました!


126 名前: Name_Not_Found 投稿日: 02/09/15 23:48 ID:???
<table width="100%" height="100%">
<tbody>
<tr>
<td><a href="menu.html">メニューへ</a></td>
</tr>
</tbody>
</table>


これをCSSで実現して下さい。


127 名前: Name_Not_Found 投稿日: 02/09/15 23:53 ID:???
CSSでマークアップは出来ません。


128 名前: Name_Not_Found 投稿日: 02/09/16 00:01 ID:???
( ゚д゚)ポカーン


129 名前: Name_Not_Found 投稿日: 02/09/16 00:12 ID:???
>>126
CSSはデザインを受け持つもので
HTMLは意味付けのマークアップってことを理解した上で言ってるのか?


130 名前: Name_Not_Found 投稿日: 02/09/16 00:16 ID:???
>>126
馬鹿か。


131 名前: 126 投稿日: 02/09/16 00:16 ID:???
いいえ、全くそのようなことは考えておりませんでした
すると>>126>>126のままでいいということでございますか?


132 名前: Name_Not_Found 投稿日: 02/09/16 00:22 ID:???
>>131
それでいいよ。


133 名前: Name_Not_Found 投稿日: 02/09/16 00:23 ID:???
どこがいいんだ


134 名前: 126 投稿日: 02/09/16 00:25 ID:???
もういいんだ・・・いいんだよ!!!


135 名前: 126 投稿日: 02/09/16 00:30 ID:???
一体何が正しくて何が正しくないんだよ!!
まるでアメリカ(IE)とイスラム諸国(Mozilla,Opera)じゃないか!!


136 名前: 126 投稿日: 02/09/16 00:32 ID:???
まるでトム(IE)とジェリー(Mozilla,Opera)じゃないか!!


137 名前: 126 投稿日: 02/09/16 00:34 ID:???
まるでいくよ(IE)とくるよ(Mozilla,Opera)じゃないか!!


138 名前: 126 投稿日: 02/09/16 00:37 ID:???
まるでちんこ(IE)とまんこ(Mozilla,Opera)じゃないか!!


139 名前: Name_Not_Found 投稿日: 02/09/16 00:38 ID:???
ひょっとして

<?xml version="1.0" encoding="Shift_JIS">
 (中略)
<table width="100%" height="100%">
<tbody>
<trow>
<tdata><anchor hyperef="menu.html">メニューへ</anchor></tdata>
</trow>
</tbody>
</table>
 (後略)

table { display: table; width: 100% }
tbody { display: table-row-group }
trow { display: table-row }
tdata { display: table-cell }
anchor { display: inline }

こういうことか?


140 名前: 126 投稿日: 02/09/16 00:41 ID:???
ちげえよほっとけ


141 名前: Name_Not_Found 投稿日: 02/09/16 00:42 ID:???
話をFAQに戻すか。


142 名前: Name_Not_Found 投稿日: 02/09/16 01:17 ID:???
で、前レスでFUQページ作るっと言ったやつはちゃんとやってんのか?
がんばってください


143 名前: Name_Not_Found 投稿日: 02/09/16 01:36 ID:???
FUQって、何の略ですか。


144 名前: Name_Not_Found 投稿日: 02/09/16 02:09 ID:???
あんま凝ったことやると、
FAQのあれ、どうやるんですか? とか質問が出る罠。


145 名前: Name_Not_Found 投稿日: 02/09/16 02:30 ID:???
じゃあ話を戻して。



「ぷくく」って何ですか?


146 名前: Name_Not_Found 投稿日: 02/09/16 06:43 ID:???
わざわざサイトを作らんでも、>>40みたいな形でFAQを書いておいて、
次スレッドの>>1-10に入れておけばよいだろ。

ところで質問は無いのか。


147 名前: Name_Not_Found 投稿日: 02/09/16 11:21 ID:???
transparentは、背景が画像のときだけ使えますか?
bodyの背景は白だけど、変えるかもしれないから、
h2とかの背景は、#ffffffではなく、transparentを
使っているのですが、正しいですか?



148 名前: Name_Not_Found 投稿日: 02/09/16 11:38 ID:???
HTMLでもスタイルシートでもいいのですが
特定のリンクを時間ごとに自動ですりかえるような事は可能なのでしょうか?

たとえば、○○.html  ××.html
と言う2つのリンク先があるとして
2002年1月なら○○.html
2002年2月なら××.html
と言う漢字に月ごとにリンクを自動ですりかえたいのですが
もしやりかたがあるのでしたら教えてください。
お願いします


149 名前: Name_Not_Found 投稿日: 02/09/16 11:42 ID:???
>>148
どちらでもできません。


150 名前: Name_Not_Found 投稿日: 02/09/16 11:43 ID:???
>>148
JavaScript


151 名前: Name_Not_Found 投稿日: 02/09/16 12:15 ID:???
>>148
cgi


152 名前: Name_Not_Found 投稿日: 02/09/16 12:23 ID:???
>>148



153 名前: Name_Not_Found 投稿日: 02/09/16 12:24 ID:???
>>148
VBScript


154 名前: Name_Not_Found 投稿日: 02/09/16 12:27 ID:???
Q. CSS以外のスタイルシートについても質問OKですか?
A. スレッドのタイトル通り、CSSやスタイルシートについてであれば。

Q. CSSである要素に枠をつけたいんですが。
A. >>4を読んでください。


155 名前: Name_Not_Found 投稿日: 02/09/16 12:38 ID:kDAf18gj
148です。
ここで質問してもまともな答えはかえってこないという事がわかりますた。



156 名前: Name_Not_Found 投稿日: 02/09/16 12:42 ID:???
>>148
スタイルシートではできないし
スクリプトの話になればスレ違いなので
ここでは答えは得られません、という話


157 名前: Name_Not_Found 投稿日: 02/09/16 12:44 ID:???
だからでけへん言うてるやんか。


158 名前: Name_Not_Found 投稿日: 02/09/16 13:20 ID:???
未だに騙りにマジレスする人が居るのね


159 名前: Name_Not_Found 投稿日: 02/09/16 13:35 ID:tz9ragSc
html{border:dashed 0.5em #990044}
と書いた時のIE6の表示、おかしいよ!


160 名前: Name_Not_Found 投稿日: 02/09/16 14:10 ID:???
それをやるのはまだ早い。あと1年は待て。


161 名前: Name_Not_Found 投稿日: 02/09/16 14:22 ID:CmLzL0gM
<STYLE type="text/css">
<!--
.c{
background-color : #004040;
border-top-width : 2px;
border-right-width : 2px;
border-top-style : outset;
border-right-style : outset;
padding-top : 15px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 15px;
}
-->
</STYLE>

なぜか、上の枠線はちゃんと2ピクセルが出るのに、
右のラインは1ピクセルしか表示されません。
ちなみに1ピクセルで設定すると、消えてしまいます。
なんで右だけ、1ピクセルだけ少ないんでしょうか?


162 名前: なんでんかんでん 投稿日: 02/09/16 14:24 ID:???
なんでかなあ




163 名前: 161 投稿日: 02/09/16 14:29 ID:CmLzL0gM
バグでしょうかねぇ…。


164 名前: Name_Not_Found 投稿日: 02/09/16 14:32 ID:???
>>161
そのくらい勉強してきてください。outsetがどういうものか分かってない。
>>4


165 名前: 161 投稿日: 02/09/16 14:36 ID:???
>>164
outsetは二重線だぞ、ってことですよね。
それは分かってるんですが、
テーブルに同じように設定した時は、いい感じに見えたんで、
なんでDivタグに設定したら見方が変わっちゃったのかな、と。


166 名前: Name_Not_Found 投稿日: 02/09/16 14:59 ID:???
>165
outsetはモッコリして見えるようになる。
とりあえず、border-style : outset; だけにして、やりたいこととあってるかどうか確認しる。
ちなみに二重線は double 。px指定の場合、3以上じゃないと効かないから気を付けれ。

実線 1px ━━━━
空白 1px
実線 1px ━━━━

で、最低3px 。


167 名前: 161 投稿日: 02/09/16 15:07 ID:???
>>166
なるほど。
頑張ってみます。
ありがとうございました。


168 名前: Name_Not_Found 投稿日: 02/09/16 18:05 ID:???
a:link{
color : #000000;
text-decoration : none;
}
a:visited{
color : #000000;
text-decoration : none;
}

同じ場合は省略できますか?
どう省略すればいいですか?


169 名前: Name_Not_Found 投稿日: 02/09/16 18:11 ID:???
>>168
a{color:#000;}


170 名前: Name_Not_Found 投稿日: 02/09/16 18:12 ID:???
a:link,a:visited{
color : #000000;
text-decoration : none;
}


171 名前: Name_Not_Found 投稿日: 02/09/16 18:15 ID:???
a:link,a:visited{
color: #000;
text-decoration: none
}


172 名前: Name_Not_Found 投稿日: 02/09/16 18:16 ID:???
a {color:#000; text-decoration:none;}


173 名前: 168 投稿日: 02/09/16 18:18 ID:???
たくさんの人に答えてもらって非常にうれしいです!
ありがとうございました!


174 名前: Name_Not_Found 投稿日: 02/09/16 18:44 ID:8zW++HGU
何で、Divやbodyを指定するときは、ID指定なんですか?クラス指定ではダメなんですか?
何か大きな違いがあるのでしょうか?

<div class="lead">より、<div id="lead">を見ることが多いもので。

よかったら、教えてください。


175 名前: Name_Not_Found 投稿日: 02/09/16 19:07 ID:???
>>174
CSSのもっとも基本的なことを理解していません。
>>4で勉強してきてください。ここで聞くことじゃない。


176 名前: 別にいいんじゃねーの 投稿日: 02/09/16 19:15 ID:???
CLASS= グループ。
ID= 固有。

イメージとしては、

div.A{ color: red }
div.A#B{ font-weight: bold }

<div class="A">赤く</div>
<div class="A">赤く</div>
<div class="A" id="B">赤くしつつ太く</div>

こんな感じかと。
IDは同一ドキュメント中、一度しか出てこないことに(一応)なってる。
特異性というのもあるんだが、、それは今説明してもわからん気がする。


177 名前: Name_Not_Found 投稿日: 02/09/16 19:38 ID:???
>>176
ありがとうございます。
「特異性」というのがキーワードなんですね。


div.B{color: red; font-weight: bold}
<div class="B">赤くしつつ太</div>
こうしないところがポイントなんですね。

つまり、あらかじめ、赤い文章がいくつかあって、
それは、
div.A{color: red}
<div class="A">赤く</div>
になっている。

その中に、一つの特別な文章だけ太くしたい場合に、
div.A #B{ font-weight: bold }
<div class="A" id="B">赤くしつつ太く</div>
とするわけですね。

この要領で、
div.A #C{line-height: 120%}
div.A #D{letter-spacing: 1.2em}
などとあとから、好きに追加していくと。

(続く)


178 名前: Name_Not_Found 投稿日: 02/09/16 19:39 ID:???
(続き)

なんで私がこういう疑問を持ったのかというと、いろいろなサイトのソースを見ていて、


<BODY ID="tips">

<A Name="top"></A>

<DIV ID="title">
<H1><A Href="index.html">xyzzy</A></H1>
<H2>browser.dll Tips</H2>
</DIV>

<HR>

<DIV ID="contents">

のような記述を見て、疑問に思ったからなのですよ。

ここのサイトなんですが...
http://www.uranus.dti.ne.jp/~shiro-/soft/xyzzy/browser.html


179 名前: Name_Not_Found 投稿日: 02/09/16 19:45 ID:???
IDってのはひとつしか出てきてはいけない。
だから
>>176の場合
div.A{ color: red }
div.B{ font-weight: bold }

<div class="A">   赤く  </div>
<div class="A">   赤く  </div>
<div class="A B"> 赤くしつつ太く</div>
とすることが多い。(strict信者wにem要素を使えと言われそうだが)


180 名前: Name_Not_Found 投稿日: 02/09/16 19:47 ID:???
>>178
IDって言うのは一つしか出てこない。
body要素もひとつ。
だからidが指定してあったりするんじゃないの?
しかし、bodyに指定するなら最初から
body {〜}
と書けばいいのでオレは使ったこと無いな。


181 名前: Name_Not_Found 投稿日: 02/09/16 19:51 ID:???
>>177
そういうことじゃない。
idはスタイルを指定する目的で使うものではないってこと。


182 名前: Name_Not_Found 投稿日: 02/09/16 19:57 ID:???
>>179

なるほど〜
そこらへんの使い分けの基準というか判断が未だに使いないのですよ

div.A{color: red]
div.A #B{font-weight: bold}
<div class="A" id="B">



div.A{color: red}
div.B{font-weight}
<div class"A B">

ここら辺の判断基準は、サイトの規模ということなんでしょうかね?
おそらく下のサイトは、それなりに大きいので、コンテンツごとに、
bodyなどの要素(line-heightやletter-spacingなど)を変えているから、
id指定しているのではないかと。

http://www.uranus.dti.ne.jp/~shiro-/soft/xyzzy/browser.html

う〜ん、CSSは未だに十分に理解してないです(T_T)



183 名前: Name_Not_Found 投稿日: 02/09/16 19:58 ID:???
>>181
うわ、書き込んでいる間に....
さらに頭がこんがらがりました...


184 名前: Name_Not_Found 投稿日: 02/09/16 20:10 ID:???
だから、IDはスタイルを使用するためには
(殆ど)用いない。

もしもそのスタイルを指定したいものが増えたら
いちいち変更しないといけないよ?

IDっていうのは
<a name="hoge">の代替 もしくは
scriptで使うために在るっていう認識ではいけない?


185 名前: Name_Not_Found 投稿日: 02/09/16 20:13 ID:???
|bodyなどの要素(line-heightやletter-spacingなど)を変えているから、
|id指定しているのではないかと。
だから、bodyにid振るなら (*1)
bodyに直接スタイル指定したほうが早いだろ (*2)。

CGIとかで使ったりするならともかく。

*1
#B { color: #000; background-color: #fff; }
<body id="B">
*2
body { color: #000; background-color: #fff; }
<body>


186 名前: Name_Not_Found 投稿日: 02/09/16 20:16 ID:???
>>184
なるほそ〜
勉強になります。というか、もっと勉強してきます。




187 名前: Name_Not_Found 投稿日: 02/09/16 20:22 ID:???
IDとCLASSについて >>4 に書いてあることを
どのように説明できるかの技量対決は終結。


188 名前: Name_Not_Found 投稿日: 02/09/16 20:22 ID:???
sを入れ忘れて
age。


189 名前: Name_Not_Found 投稿日: 02/09/16 20:27 ID:???
>4厨必死だな(藁


190 名前: Name_Not_Found 投稿日: 02/09/16 20:28 ID:???
>>185
外部CSSファイルを複数で使い回しゃ、
body要素にid振っても不思議では無いきもするが...。
ま、CSSのセレクタとしては、全部class属性使えというならば
話は別としても。


191 名前: Name_Not_Found 投稿日: 02/09/16 20:38 ID:???
http://www.uranus.dti.ne.jp/~shiro-/style.css
これを見れば、上のサイトのがすごいことがわかります


192 名前: Name_Not_Found 投稿日: 02/09/16 20:39 ID:???
bodyにもスタイル指定してあって、
さらにIDも降っているということ。


193 名前: Name_Not_Found 投稿日: 02/09/16 20:47 ID:???
降っている


194 名前: Name_Not_Found 投稿日: 02/09/16 20:51 ID:???
>>193
これに関して説明してみてください。




195 名前: Name_Not_Found 投稿日: 02/09/16 20:59 ID:???
ぼくのとこでは降りませんから
ごめんなさい


196 名前: Name_Not_Found 投稿日: 02/09/16 21:03 ID:???
>>192
基本スタイルとして、body全体に被せてあって、
その中で、idを振って独自スタイルを指定したい場合は?


197 名前: Name_Not_Found 投稿日: 02/09/16 21:08 ID:???
idを振れよ
痴呆ですか?


198 名前: Name_Not_Found 投稿日: 02/09/16 23:29 ID:CmLzL0gM
ってか、CSSのHTMLの組み込み方で、pなりdivなりのタグに直接スタイル属性
で組み込むのではなく、idなりクラスなりをそこに設定して、詳述は
head内に書く、というのが一般的なのは、やっぱり後から変更とか
しやすいからなんですか?

それに文書とレイアウトがそれぞれ別々に記述されてたほうが分かりやすいし。


199 名前: Name_Not_Found 投稿日: 02/09/16 23:33 ID:???
>それに文書とレイアウトがそれぞれ別々に記述されてたほうが分かりやすいし。
惜しい。
デザインはUAに依存してしまうので内容(html)と分離する。
どのUAからも必要なのは内容のほう。


200 名前: 198 投稿日: 02/09/16 23:35 ID:???
>>199
すみません、UAって始めて聞いた言葉なんですけども。
説明してもらえますか?


201 名前: Name_Not_Found 投稿日: 02/09/16 23:37 ID:???
>>200うーあ

っつうのはうそで
ユーザーエージェント=ブラウザだよ


202 名前: 198 投稿日: 02/09/16 23:38 ID:???
>>201
なるほど、ありがとうございます。


203 名前: Name_Not_Found 投稿日: 02/09/16 23:39 ID:???
>>201は勘違いしてるか、「=」の使い方が間違ってると思う・・・


204 名前: Name_Not_Found 投稿日: 02/09/16 23:44 ID:???
別にいいよ


205 名前: Name_Not_Found 投稿日: 02/09/16 23:52 ID:8u/secAT
この場合は大概ブラウザのことを示すんだからいいんでないか
厳密には
ユーザーエージェント⊃ブラウザ
となる。


206 名前: Name_Not_Found 投稿日: 02/09/16 23:54 ID:???
というか、>>199の文章の意味が、イマイチ分からんのは俺だけ?


207 名前: Name_Not_Found 投稿日: 02/09/17 00:06 ID:???
というか、俺は
「それに文書とレイアウトがそれぞれ別々に記述されてたほうが分かりやすいし。」
の方がいまいち分からん。

「内容」と「レイアウト」(UA任せで書いてないこともあるし、外部CSSと結びつけられて
いるので書いてないこともあるが)が合わさって「文書」じゃないの?


208 名前: Name_Not_Found 投稿日: 02/09/17 00:09 ID:???
というか、検索すれ


209 名前: 198 投稿日: 02/09/17 00:13 ID:???
>>207
分かりにくくてすみません。
ご指摘の通り、「内容」と「レイアウト」が、ということです。

他者にソースを見てもらうときとか、やっぱり別々の方が
分かりやすいかな、と思いまして。



210 名前: Name_Not_Found 投稿日: 02/09/17 02:03 ID:???
#menu{
float : left;
width : 150px;
}
#main{
margin-left : 151px;
width : 500px;
}

<div id="menu">
<ul>
<li>hogehoge</li>
<li>hogehoge</li>
</ul>
</div>
<div id="main">
<h1>mainだよーん</h1>
<ul>
<li>何月何日更新</li>
<li>何月何日更新</li>
</ul>
</div>

なんでfloatした時に
→側(main)にwidth指定してたら
ウィンドウ狭めた時に
↓へmainがガーーーン行くのかわかんない!
助けて下さい!


211 名前: Name_Not_Found 投稿日: 02/09/17 02:08 ID:???
menu と main のボックスは独立してるからだと。
divで外枠の幅を決定して、ulにid(menu,main)指定したほうがいいと。
また、DTD宣言のstrict,transitionalの違いでも違ってくると。
もっと、わかりやすい説明よろしくと↓


212 名前: Name_Not_Found 投稿日: 02/09/17 02:12 ID:???
>>210
そもそもfloatは段組みを作るためのプロパティーじゃなくて、
あくまで「浮動ブロック」を作るためのものですから…




213 名前: Name_Not_Found 投稿日: 02/09/17 02:43 ID:dfDjSo6x
Win98+IE5.5SP2の環境です。
webを巡回していて、どう頑張っても固まってしまうページに遭遇しました。
最初は変なスタイルシートでも書いてるのかと思って、
インターネットオプション>ユーザー補助>書式設定で
全てチェックを入れてみました。でも相変わらず固まります。
ソースを見てみると

<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">

という記述から、どうもWordが吐いたHTMLらしいです。もうスタイルシート等ゴテゴテでした。
ひたすら関係無い部分を削り、怪しい個所だけを残していくと、
次の3行まで絞り込めました。(注:「ジッケン」「実験」の部分は元の記述と変えてます。)

<div style='layout-grid:14.6pt 1.35pt'>
<ruby>実験<rp>(</rp><rt style='layout-grid-mode:line'>ジッケン</rt><rp>)</rp></ruby>
</div>

この3行だけを書いたファイルをブラウザで開いても同じように固まります。
Wordの吐いたHTMLの方が間違ってるのか、IEが固まってしまうのがバグなのか、
それとも両方とも問題なのか…いったい何が原因なんでしょう?
(というかIEがWordの吐くHTMLで固まるというのは問題のような気も…)


214 名前: Name_Not_Found 投稿日: 02/09/17 02:48 ID:???
固まりませんが、なにか?


215 名前: Name_Not_Found 投稿日: 02/09/17 02:48 ID:dfDjSo6x
>>214
どのような環境ですか?


216 名前: Name_Not_Found 投稿日: 02/09/17 02:52 ID:???
>>215
Win98 IE6.0だす。

======ソース=========
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<title>test</title>
</head>
<body>
<div style='layout-grid:14.6pt 1.35pt'>
<ruby>実験<rp></rp><rt style='layout-grid-mode:line'>ジッケン</rt><rp></rp></ruby>
</div>
</body>
</html>
ちなみに
<div style='layout-grid:14.6pt 1.35pt'>
<ruby>実験<rp></rp><rt style='layout-grid-mode:line'>ジッケン</rt><rp></rp></ruby>
</div>
これだけでも塊魔変。


217 名前: Name_Not_Found 投稿日: 02/09/17 02:58 ID:dfDjSo6x
あと関係あるのか分かりませんが、googleツールバーが入ってます。
セキュリティーパッチも全部入れてます。

>>216
その例でも固まってしまいます…
(googleツールバー表示/非表示に関係なく)


218 名前: Name_Not_Found 投稿日: 02/09/17 02:59 ID:hacoWCfe
IE5.0だけど別にかたまらんね。


219 名前: 214 ◆up9Hv/8E 投稿日: 02/09/17 03:02 ID:dfDjSo6x
メモリやCPUも関係するのかな…?64MBのCeleron366MHzです。
念のため、一回PCを再起動してみます。


220 名前: Name_Not_Found 投稿日: 02/09/17 03:06 ID:???
>>219
俺もGoogle釣るバー入れてるよ。どうやっても、固まらせることができない。



221 名前: 214 ◆up9Hv/8E 投稿日: 02/09/17 03:14 ID:QXuNChpM
やはりダメでした。
「固まる」というのは、例えば>>213>>216のソースをtest.htmlと保存したとして
例えばこのスレを開いてるブラウザのウィンドウにアイコンをドラッグドロップしてみると、
タイトルだけはtest.htmlと表示されますがそれ以外の反応がなくなります。
ウィンドウを閉じることも出来なくなります。10秒程度置いてからctrl+alt+delで
強制終了しようとするとそのウィンドウは「[応答無し]」になってます。


222 名前: Name_Not_Found 投稿日: 02/09/17 03:18 ID:???
>>221
原因究明とその報告よろしくね!!


223 名前: 210 投稿日: 02/09/17 03:26 ID:???
すいませんが
ulにidを指定するとはどうやってするんでしょうか?
教えて下さい


224 名前: Name_Not_Found 投稿日: 02/09/17 03:31 ID:???
>>223
>>4


225 名前: Name_Not_Found 投稿日: 02/09/17 03:54 ID:???
スタイルシートをよく使うようになって、
当然divタグもたくさん使うようになったが、
それと反比例してpタグを使わなくなっていった。

divタグ内のテキストをpタグでちゃんと囲んだほうがいいのですか?
メリット、デメリットを教えてください。


226 名前: 210 投稿日: 02/09/17 04:02 ID:???
横レス失礼します
忙しくて>>4のサイトを見て探す暇がありませんので
簡単に説明していただけないでしょうか
よろしくお願い致します。


227 名前: Name_Not_Found 投稿日: 02/09/17 04:07 ID:???
>>226 <ul id=" ">


228 名前: Name_Not_Found 投稿日: 02/09/17 04:12 ID:???
>>225
p、divのそれぞれの役割を調べてみてくださいな。
divを使うからpは不要ということは無いはず。

まあ、「とにかく表示されればそれでいい」というレベルで
やるつもりなら気にする必要はないのかもしれないけれど。


229 名前: 214@IE修復でまた再起動 ◆up9Hv/8E 投稿日: 02/09/17 04:21 ID:???
>>221で10秒程度と書きましたが、10分以上放置しても同様です。
リソースは50%以上余裕があります。またリソースメーターで
監視していても、問題の状況下で変化はありません。
IE5.5の修復をやっても状況は変わらず。
#IE5.5導入時に共存する設定にして残してあるIE4では固まりませんが、
#そもそもIE4はlayout-gridプロパティやrubyタグに未対応だから
#これは当然ですかね…

結局IE5.5SP2に問題があるのかなぁ。

>>222
自分の知識ではこの辺で手詰まりっぽいです…5.5(sp2)の人の報告をお待ちしてます。


230 名前: 214 ◆up9Hv/8E 投稿日: 02/09/17 04:23 ID:???
あ、あともう一つだけ。
<div style='layout-grid:14.6pt 1.35pt'>

<div style='layout-grid:line 14.6pt 1.35pt'>
のようにすると固まらなくなります。謎…


231 名前: Name_Not_Found 投稿日: 02/09/17 04:58 ID:???
>>225
<span>なら使わなくなった。
文字を赤くするときは、<em>とかを使うから。
em{color: red}
ってやるし

CSS外部ファイルの綺麗な書式を教えてほしい。
インデントやコメントアウトなど


232 名前: Name_Not_Found 投稿日: 02/09/17 09:56 ID:???
>231
.cssの書式は、文法違反でない限り自分が見やすいように書けばいいんだよ。
要は慣れだけど、俺にはW3Cのは見ずらぃ(; ´Д`)

em{
     color: red; font-weight:bold}

俺はこんなん。左空白はタブね。


233 名前: Name_Not_Found 投稿日: 02/09/17 10:49 ID:0Fog7GRE
外部CSSファイルが重くなる一方です。
幾ら削っても11kbより軽くできません。
他人には指定しすぎだって注意されても、
自分で見るとどれもそれなりに必要があって記述してるので、
なかなか削除できません。
心の持ち方の問題かもしれませんが、
不必要な指定に見切りをつけるよい手立てかコツはありますか。


234 名前: Name_Not_Found 投稿日: 02/09/17 11:51 ID:???
>233
計算してやれば流用できるクラスが必ずある筈。
ただ、11kも逝ってるってことは、マークアップから見直す必要があるかもな。


235 名前: Name_Not_Found 投稿日: 02/09/17 12:18 ID:???
>>233
W3C推奨みたいなフォーマットあるんですね。

em{ color:red;
font-weight: bold
}

おれはこな感じ


236 名前: Name_Not_Found 投稿日: 02/09/17 12:19 ID:???
以下のような感じのレイアウトをしようと思っています。
navi_main と navi_sub は、固定して content のみスクロールできるようにしたいのです。
いわゆる擬似フレームというやつです。

┌──────────────┐
│   navi_main       │
├────┬─────────┤
│    │         │
│    │         │
│    │         │
│ navi_ │  content    │
│ sub  │         │
│    │         │
│    │         │
│    │         │
│    │         │
└────┴─────────┘

htmlは、以下の通り。

<body>
<div class="navi_main">foo</div>
<div class="navi_sub">bar</div>
<div class="content">hogehoge</div>
</body>

いくつかやり方があるかと思いますが、もっともシンプルで
対応 UA が多い方法を教えてください。
もちろん table は無しの方向で。



237 名前: Name_Not_Found 投稿日: 02/09/17 12:38 ID:???
>236
フレーム使う。3分割の仕方はここでは聞かないように。

>11k
これは異常だろ…。
なんでもかんでもCLASS作ってるとCSSの特性を損なう。


238 名前: Name_Not_Found 投稿日: 02/09/17 12:39 ID:???
>>236
下記参照。
http://www.google.co.jp/search?q=cache:apLYfyx-7EEC:www17.u-page.so-net.ne.jp/qb4/chiharu-/overflow.html+%E6%93%AC%E4%BC%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%80%80overflow&hl=ja&ie=UTF-8
http://www.age.jp/~dfj/html/overflow.html


239 名前: 233 投稿日: 02/09/17 12:48 ID:???
>>237
classはそんなに多くないんです。
子孫セレクタを多用してるので、それとclassを絡めた指定は多いかもしれませんけど。
OperaとかN6とかIEとかそれぞれデフォルト・スタイルが異なるので、
それを指定してやるとタイプ・セレクタもどうしても増えますね。


240 名前: Name_Not_Found 投稿日: 02/09/17 12:56 ID:???
>>233
ぱっと思いつく方法としては、

・属性と値が共通するセレクタは、できるだけまとめて記述する。
・親要素から継承されるスタイルをそのまま使用する場合は、わざわざ上書きしない。
・*{ } を有効活用する。
・ページごとに異なるスタイルを適用する場合は、無理にひとつのファイルに
 まとめず、ページごとに別ファイルを読み込むようにする。

といったあたりでしょうか。


241 名前: 240 投稿日: 02/09/17 12:59 ID:???
あ、かぶった。

>>233 = >>239

>>240 でも書いたけど、デフォルト・スタイルよけは、 *{ } で一括して
指定してやれば、容量を減らせるのでは。


242 名前: Name_Not_Found 投稿日: 02/09/17 13:51 ID:???
>>229
漏れもIE5.5で固まったYO!!
多分ブラウザの所為だな。


243 名前: Name_Not_Found 投稿日: 02/09/17 14:34 ID:???
同じくIE5.5でフリーズ。ていうかwordは帰れ。


244 名前: Name_Not_Found 投稿日: 02/09/17 15:00 ID:???
wordの吐いたCSSの
@listって何?これもIEで効くの?


245 名前: Name_Not_Found 投稿日: 02/09/17 15:39 ID:???
OSとIEのバージョンを書いてください。

IEのバージョンは ヘルプ−バージョン情報であてたパッチなんかも書いてください。
南下のときに役に立つかもしれないから。

そもそもhtml4.01にはrubyがないから…と言うわけではなさそうだし。
IE6にさっきしてしまったので(偶然?)
ちょっと試せないです、残念。


246 名前: Name_Not_Found 投稿日: 02/09/17 15:49 ID:???
WIN98
IE5.5SP2

だな。読み込んでいます。。。のまま固まるよ。


247 名前: 236 投稿日: 02/09/17 16:07 ID:???
>>237
フレームを使わないで3分割する方法が知りたいのですが…。



248 名前: Name_Not_Found 投稿日: 02/09/17 16:43 ID:???
>247
ならoverflowで頑張れ。>238
だが >対応 UA が多い方法 とは言い辛い。どっちかだな。

overflowでやるなら、配置は
<div class="navi_sub"> にfloat付けるか、
<div class="content"> をpositionでガチガチに固めるか。


249 名前: Name_Not_Found 投稿日: 02/09/17 16:57 ID:5K/5rHIS
600pxの幅に、130pxのイメージを4つ並べて、均等に配置したいんですが、
つまり間に26pxくらいずつスペースを空けたいのですが、
今までテーブルを使って配置していました。

で、テーブルを卒業しようと思ったんですが、CSSだと、難しいですね。
絶対配置は、>>4や過去ログ見ると、推奨されていないし。
なにか方法ありませんか?
ちなみに当方WinIE5.5です。


250 名前: Name_Not_Found 投稿日: 02/09/17 17:05 ID:7MPbaLn5
たんにimgを並べて左右のマージンを26pxにして親ボックスの幅を固定するだけじゃないの?


251 名前: Name_Not_Found 投稿日: 02/09/17 17:06 ID:7MPbaLn5
あ、ごめんうそついた。ちょっとまって


252 名前: Name_Not_Found 投稿日: 02/09/17 17:18 ID:7MPbaLn5
、、、とおもったけどうまくいくかも。



253 名前: 247 投稿日: 02/09/17 17:22 ID:???
>>248
応援、有難うございます。
とりあえず、

.sub_navi{
top:4em;
width:20%;
float:left;
}

.content{
width:70%;
height:400px;
overflow:auto;
}

で、出来ました。が、height:400px; を80%とかにすると駄目です。
そういうもんでしょうか?
position 使うのはうまくいくんですが、そっちのほうが問題が少ないでしょうか?



254 名前: Name_Not_Found 投稿日: 02/09/17 17:29 ID:7MPbaLn5
position使うんならcontentにposition使うんじゃなくて、
navi_mainとcontentを通常フローにして
contentの左マージンにsub_naviを差し込むのが一番自然だと思う。



255 名前: Name_Not_Found 投稿日: 02/09/17 17:37 ID:beYcxpa7
>>253
こういうサイトもあるみたい。
http://www.skipup.com/~l-_-l/web/

NN4.*ははじいた方がいいと思う・・・・・


256 名前: Name_Not_Found 投稿日: 02/09/17 17:40 ID:7MPbaLn5
254の方法でNN4.xも対応できるよ。


257 名前: Name_Not_Found 投稿日: 02/09/17 17:45 ID:???
スタイルシートの指定方法で、table[class~=Moz5]のようなのは
できますか?
チルダなしのtable[class=Moz5]が正しいですか?


258 名前: Name_Not_Found 投稿日: 02/09/17 17:47 ID:???
 


259 名前: Name_Not_Found 投稿日: 02/09/17 17:48 ID:7MPbaLn5
なんの目的にとって正しいかどうかが聞きたいの?
~=っていう指定方法はあるよ。


260 名前: 253 投稿日: 02/09/17 17:54 ID:???
>>254
position 使うのは、

ul.sub_navi{
position:absolute;
top:4em;
width:20%;
}

.content{
position:absolute;
top:3em;
left:28%;
width:70%;
height:83%;
overflow:auto;
}

という感じでやってみたんですが、

> navi_mainとcontentを通常フローにして
> contentの左マージンにsub_naviを差し込むのが一番自然だと思う。

というのが、よくわかりません。もう少しわかりやすく教えてください。


261 名前: 47 投稿日: 02/09/17 18:09 ID:???
>257-259
= の場合は table.Moz5 {...} と書くのと同じじゃないの?
~= の場合は table[class~="Moz1 Moz2 Moz3"] {color: #f00;} とかする
可能性があるのかな?
何かアホなこと言ってるかも.


262 名前: Name_Not_Found 投稿日: 02/09/17 18:12 ID:7MPbaLn5
では特別サービスで254のレイアウト方法のソース例を書いてあげよう。
NN4.7、NN6.2、IE5.0、Opera6(全部Win)で確認。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja"><head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style type="text/css"><!--
#content {
margin-left : 10em;
}
#navi_sub {
position : absolute;
top : 3em;
left : 0em;
width : 8em;
} -->
</style></head><body>
<div id="navi_main">ホーム | このサイトについて | リンク</div>
<div id="content">
<h1>2002/09/17</h1>
<p>今日は寒いね</p>
</div>
<div id="navi_sub">
<ul>
<li>2002/09/17</li><li>2002/09/16</li><li>2002/09/15</li><li>2002/09/14</li><li>2002/09/13</li>
<ul>
</div>
</body>
</html>



263 名前: 260 投稿日: 02/09/17 18:37 ID:???
>>262
ご丁寧に有難うございます。

> navi_mainとcontentを通常フローにして
> contentの左マージンにsub_naviを差し込むのが一番自然だと思う。

の意味はわかりました。しかし、

#content {
margin-left : 10em;
height;500px;
overflow:auto;
}

とかしてもうまく擬似フレームになりません。
mozillaは、かろうじてスクロールバーは出ましたが、ぜんぜん期待する表示とは違います。
overflowに対応していないoperaはともかくIEくらいは何とかしたいです。



264 名前: Name_Not_Found 投稿日: 02/09/17 18:43 ID:7MPbaLn5
スペルミスじゃ?
×height;500px;
○height:500px;



265 名前: Name_Not_Found 投稿日: 02/09/17 19:00 ID:???
>>234
>>237

サイズだけでは語れんでしょ。

それに少々サイズが増えたところで、複雑なテーブルなどに比べれば
はるかにUAの負担は軽いし、各ページで使い回すことでキャッシュされる
効果もある。

それに継承などを考慮して冗長な記述が減ったからといってUAの負担が
軽くなるわけではない。記述はどうあれUAにしたらやるこた同じだからな。

CSSのファイルサイズなど、ちょっとした画像と同程度で、それが1つ程度
ならさほど通信時間にも影響はない。(キャッシュされて各ページで共用できるし)

うちには100MHz級ポンコツ機もあるが大きめの外部CSSでも特に重くはないね。
(背景画像固定なんかだとサイズ関係なく重いので、ユーザースタイルで自衛している)


266 名前: 261 投稿日: 02/09/17 19:21 ID:???
すまん.>261 で ~= の例は何を書いてるのかわけがわからんね.
というわけで訂正:
こと class に関しては, [class=...] も [class~=...] も .classname と同じじゃないの?


267 名前: Name_Not_Found 投稿日: 02/09/17 19:48 ID:???
div[class~="A"]
はclass属性値にAを「含む」という意味。

<div class="A B C D">ここにAは適用される。</div>
つまり .A と同じやね。

div[class="A"]
はclass属性値がAと「一致」という意味だから

<div class="A B C D">ここにAは適用されない。</div>

div[class]
ではclass属性をもった全てのdivとなります。

ちなみに a[href="http://www.google.com"]{color: red}
のようにすることで”googleへのリンクだけ赤”のようなことができます。
大変便利ですが、これらのセレクタはIE未対応です。。


268 名前: 263 投稿日: 02/09/17 19:53 ID:???
>>264
げっ、と思い見直してみたら、typoでした。鬱だ氏脳
IE、mozilla ともにうまくいきました。有難うございます。
しかし、相変わらず、70%とか、相対指定するとダメみたいです。
これはなんとかならないでしょうか?



269 名前: Name_Not_Found 投稿日: 02/09/17 22:37 ID:???
なぜ、外部スタイルシートを用いていても、
<meta http-equiv="Content-Style-Type" content="text/css">
を記述しているサイトが多いのでしょうか?


270 名前: Name_Not_Found 投稿日: 02/09/17 22:47 ID:dza56iQI
リストのマークに独自の画像を使うために
list-style-image:url("***");と指定していますが、
指定したリストをoverflow:auto;でスクロールするようにすると、
画像が消えてしまうんですけど、どうしたら良いでしょうか?
windowsXP IE6.0です。


271 名前: Name_Not_Found 投稿日: 02/09/17 22:57 ID:???
>270
検証ソース書くのメンドイ。使ってるソース出せ。


272 名前: 270 投稿日: 02/09/17 23:01 ID:dza56iQI
.4 {
overflow:auto;
height:100px;
width:85%;
}
.5 {
list-style-image:url("mu.gif");
}

<UL>
<LI>障害報告
<UL class="4">
<LI class="5">ナビゲーションバー
<LI class="5">ナビゲーションバー
</UL>
</UL>

こんな感じです。



273 名前: Name_Not_Found 投稿日: 02/09/17 23:47 ID:???
この際、君がナニをしようとしているのかは突っ込まないでおこう。
でもクラス名を数字にするのはどうかと思うぞ。

<UL>
<LI>障害報告

<DIV class="4">

<UL>
<LI class="5">ナビゲーションバー
<LI class="5">ナビゲーションバー
</UL>

</DIV>

</UL>

これで消えない筈。


274 名前: 249 投稿日: 02/09/18 00:03 ID:FTH1/anN
>>250
レスありがとうございます。
やったんですが、なぜかブラウザで見ても反映されません…。
なぜなんでしょう。
divタグはcssファイルで600pxに設定してあります。

<STYLE type="text/css">
<!--
.p{
margin-left : 26px;
}
-->
</STYLE>




275 名前: 270 投稿日: 02/09/18 00:03 ID:rL+mSJpg
>>273
ありがとうございました。



276 名前: 攻防Z 投稿日: 02/09/18 00:17 ID:COzNy+Lu
CSS、スタイルシートを勉強したいんですが、お薦めの書籍トカありますか?


277 名前: Name_Not_Found 投稿日: 02/09/18 00:20 ID:???
>>276
あります。


278 名前: Name_Not_Found 投稿日: 02/09/18 00:20 ID:???
>>276
詳解 HTML&XHTML&CSS辞典
http://www.shuwasystem.co.jp/books/wwwsrch/cgi-bin/content/0221/index.htm


279 名前: Name_Not_Found 投稿日: 02/09/18 00:26 ID:FTH1/anN
>>4読んでも、
相対配置と絶対配置の違いが分からないんですけど…。
さらに、絶対配置は、ピクセルで指定しても、避けるべきことなんですか?


280 名前: Name_Not_Found 投稿日: 02/09/18 00:31 ID:???
>>279
あきらめて。


281 名前: Name_Not_Found 投稿日: 02/09/18 00:34 ID:???
>>280
あきらめなければならないですか。
じゃあ、あきらめてまたテーブル使います…。


282 名前: Name_Not_Found 投稿日: 02/09/18 00:45 ID:???
>279
それを使って何かやりたくなって、んで出来なかった時に
ソースと一緒にもっかいおいで。やりながらの方が覚えは早い。

>274
君も使ってるソース出した方が、面倒見てもらえると思うょ。


283 名前: Name_Not_Found 投稿日: 02/09/18 01:36 ID:???
ここの回答者のような、スタイルシートマスターの方々は、
本来、表を用いるようなもの(本の目録とかの、データ系)でも、
表は使わないのですか?


284 名前: Name_Not_Found 投稿日: 02/09/18 01:56 ID:???
>>283
別にマスターではないけど、
要するに「論理マークアップをちゃんとやる」ってこと。
テーブルを使うべき場面では当然テーブルを使う。


285 名前: Name_Not_Found 投稿日: 02/09/18 02:32 ID:???
>>283
それはテーブルを使うべきものじゃないの?
そう言うものにはテーブル使うよ。


286 名前: Name_Not_Found 投稿日: 02/09/18 03:05 ID:???
本来テーブルを用いる場所、テーブル使用が適切な個所には
テーブルを使うよ。デザインのためにテーブルを使ったりはしないよ。


287 名前: Name_Not_Found 投稿日: 02/09/18 05:53 ID:JT/7/J6t
http://asamade.kakiko.com/lounge/kak/kakiko/index.html
↑こういう掲示板を探してます。
借りようとおもったらすでに終わってました。

こういう無料レンタルがあったら教えてください。
お願いしますm(_ _)m


288 名前: Name_Not_Found 投稿日: 02/09/18 09:39 ID:???
>>287
ここは掲示板の場所を聞くスレではありません。


289 名前: Name_Not_Found 投稿日: 02/09/18 13:23 ID:???
空age


290 名前: Name_Not_Found 投稿日: 02/09/18 16:35 ID:???
>269
なぜ記述しなくてもいいと思われたのでしょうか?


291 名前: Name_Not_Found 投稿日: 02/09/18 17:40 ID:hoBXeZzX
外部スタイルシートはHTTPヘッダにMIMEついてるからだろ。


292 名前: Name_Not_Found 投稿日: 02/09/18 18:51 ID:???
HTML4.01日本語訳には
script使う場合は外部だろうと内部だろうとContent-Script-Typeが必須
styleはstyle属性使うなら必須、外部ならいらないみたいな事が書いてあり、
Another HTML Lintもそれに基づいてチェックしますが
原文のHTML4.01を見る限り、そんな事は書いていない。
外部なら必要ないという根拠は何処にあるの?


293 名前: Name_Not_Found 投稿日: 02/09/18 19:08 ID:hoBXeZzX
普通に考えてredundantじゃない?
text/cssっていう情報はlinkのtype属性でも与えられて
さらにおそらくはCSSのHTTPヘッダにもついてるであろうのに。

逆に外部スタイルシートでも
<meta http-equiv="Content-Style-Type" content="text/css">
がなきゃいけない理由ってなに?



294 名前: Name_Not_Found 投稿日: 02/09/18 19:12 ID:???
動きゃそれでいい、んだけど。


295 名前: Name_Not_Found 投稿日: 02/09/18 20:12 ID:???
そおゆうかんがえはきけんきわまりないとおもいます。


296 名前: Name_Not_Found 投稿日: 02/09/18 20:25 ID:???
でも、うごきゃそれでいい、んだけど


297 名前: Name_Not_Found 投稿日: 02/09/18 20:28 ID:???
>>282
スレ違いでスマンが
Content-Script-Type 無しが不正なのは組込みイベントを使う場合。


298 名前: ふへ 投稿日: 02/09/18 20:53 ID:PUYPs8kl
><meta http-equiv="Content-Style-Type" content="text/css">
>がなきゃいけない理由ってなに?

単にスタイルシートが数種類あるから、その区別で無い?カスケードスタイルシートを使います、という宣言。
大昔、どこかのサイトでそう見たような見てないような。



299 名前: Name_Not_Found 投稿日: 02/09/18 20:56 ID:F5Iu8Hf4
*外部スタイルシートでも*
<meta http-equiv="Content-Style-Type" content="text/css">
がなきゃいけない理由ってなに?

って話をしてるのよ。


300 名前: Name_Not_Found 投稿日: 02/09/18 20:56 ID:???
現状でCSS以外のstyle sheetってあるの?
将来のための規約だと思ってたんだが


301 名前: ふへ 投稿日: 02/09/18 20:57 ID:PUYPs8kl
>>299
知ってるよ。


302 名前: ふへ 投稿日: 02/09/18 20:58 ID:PUYPs8kl
ところで、javascriptにもスタイルシートは無かった?


303 名前: Name_Not_Found 投稿日: 02/09/18 20:59 ID:F5Iu8Hf4
>>301

>>293よんだ?


304 名前: Name_Not_Found 投稿日: 02/09/18 21:01 ID:???
てか、書かなきゃいけないの?


305 名前: ふへ 投稿日: 02/09/18 21:01 ID:PUYPs8kl
>>303
読んだ。
外部だろうが、外部じゃなかろうが
<meta http-equiv="Content-Style-Type" content="text/css">
は、カスケードスタイルシートを使います。という宣言じゃなかったっけ?と言ってます。
うろ覚えなので自信は無いです。


306 名前: Name_Not_Found 投稿日: 02/09/18 21:02 ID:F5Iu8Hf4
あるいは、こう考えてみればいい。
複数の種類の(たとえばCSSとそれ以外の)外部スタイルシートを併用する場合
<link rel="stylesheet" href="a" type="text/css">
<link rel="stylesheet" href="b" type="text/hogecss">
とかおそらく書くことになるわけでしょ。

その場合
<meta http-equiv="Content-Style-Type" content="text/css">
があったとしてこの宣言が規定する範囲は何よ?



307 名前: Name_Not_Found 投稿日: 02/09/18 21:03 ID:???
>自信は無いです。
書くなや 半年ROMってろザコ


308 名前: Name_Not_Found 投稿日: 02/09/18 21:06 ID:???
ふへ
↑コイツかなり頭悪そうだねぇーw


309 名前: ふへ 投稿日: 02/09/18 21:07 ID:PUYPs8kl
>>306
><meta http-equiv="Content-Style-Type" content="text/css">
>があったとしてこの宣言が規定する範囲は何よ?
ブラウザに聞いとくれ。
大体、パソコンって動作が不安定なときとか、全く関係無いと思われる事をしたら、なぜか解らないけど、動作が安定した。とかの経験って無い?
パソコンの内部はどのように処理されているのか一般的な考え方ではなかなか把握できないこともあるし・・。これを言ったらおしまいなんだけど。



310 名前: Name_Not_Found 投稿日: 02/09/18 21:08 ID:F5Iu8Hf4
頭痛い。


311 名前: Name_Not_Found 投稿日: 02/09/18 21:09 ID:???
ふへ=腐 ←こいつは無視


312 名前: ふへ 投稿日: 02/09/18 21:09 ID:PUYPs8kl
>>306
じゃあ、よくある出来事だけど、
メモリスロットやカードスロットが複数あって、メモリやカードを挿す場所によって、安定したり不安定になったりすることはよくある。
あんたはこれをどのように説明する?


313 名前: Name_Not_Found 投稿日: 02/09/18 21:09 ID:???
>>309
その通り!

それを言ったらおしまいです。


314 名前: Name_Not_Found 投稿日: 02/09/18 21:14 ID:???
> ブラウザに聞いとくれ。
それで済むならどうして
> <meta http-equiv="Content-Style-Type" content="text/css">
が必要なんだ?


315 名前: ふへ 投稿日: 02/09/18 21:14 ID:PUYPs8kl
>>312の答えを出すにはパソコンの処理機構に精通してないと答えを出せないと思う。
それと同じように、今のmeta文が指す意味も、ブラウザの処理方法について詳しく知ってないと答えが出せないかも知れない。



316 名前: ふへ 投稿日: 02/09/18 21:15 ID:PUYPs8kl
>>314
いやだから、素人が普通に考えただけで答えが出るような問題じゃないかもしれない、ということを言いたい。
ブラウザが作れるぐらいにブラウザの処理機構を理解しないと答えが出せないかもしれない、そういうことを言いたい。


317 名前: Name_Not_Found 投稿日: 02/09/18 21:16 ID:???
>>315
だから、それを詳しく知ってる人に聞いてんじゃねーの?
ってことで、>>311


318 名前: Name_Not_Found 投稿日: 02/09/18 21:18 ID:???
ふへよ
頭の弱いおまえは発言しなくていいんだよ
かえって場が混乱するんだよ 気付け


319 名前: Name_Not_Found 投稿日: 02/09/18 21:20 ID:???
>>316
>ブラウザが作れるぐらいにブラウザの処理機構を理解しないと答えが出せないかもしれない、そういうことを言いたい。
言わないでっ!


320 名前: ふへ 投稿日: 02/09/18 21:20 ID:PUYPs8kl
>>318
ようするに、諦めろ。



321 名前: Name_Not_Found 投稿日: 02/09/18 21:21 ID:???
ふへ=腐 ←こいつは無視


322 名前: Name_Not_Found 投稿日: 02/09/18 21:21 ID:???
煽りよ
頭の弱いおまえは発言しなくていいんだよ
かえって場が混乱するんだよ 気付け

オレに言っているのですw
気にしないでください


323 名前: Name_Not_Found 投稿日: 02/09/18 21:22 ID:???
仕様に対するwhyとプログラミング対するhowをごっちゃにせんでくれ。>ふへ


324 名前: ふへ 投稿日: 02/09/18 21:22 ID:PUYPs8kl
>>322
わかりました。気にしません。


325 名前: Name_Not_Found 投稿日: 02/09/18 21:23 ID:???
かわいそうになってきた・・・もうやめよう
みんな未熟者。バカばっか。
それでいいじゃない。


326 名前: Name_Not_Found 投稿日: 02/09/18 21:23 ID:???
怒りでチンコ勃起させながら
レスしてんじゃねーよ。


327 名前: ふへ 投稿日: 02/09/18 21:23 ID:PUYPs8kl
>>323
仕様に対するwhyとプログラミング対するhowは切り離せないものだよ。たぶn


328 名前: Name_Not_Found 投稿日: 02/09/18 21:24 ID:???
ふへ=腐 ←こいつは無視


329 名前: Name_Not_Found 投稿日: 02/09/18 21:25 ID:???
>たぶn
書くなや 半年ROMってろ佐古


330 名前: Name_Not_Found 投稿日: 02/09/18 21:25 ID:???
お、お前等、男膣けって


331 名前: ふへ 投稿日: 02/09/18 21:26 ID:PUYPs8kl
じゃあ他に行きます。忙しいので、誰かさんらと違って。


332 名前: Name_Not_Found 投稿日: 02/09/18 21:26 ID:???
怒りでチンコ勃起させながら
レスしてんじゃねーよ。


333 名前: Name_Not_Found 投稿日: 02/09/18 21:29 ID:???
じゃ次の質問行こうか☆



334 名前: Name_Not_Found 投稿日: 02/09/18 21:29 ID:???
>>293
外部jsファイルのみ利用の場合でも
<meta http-equiv="Content-Script-Type" content="text/javascript">
と書かなきゃならんのと同じ理由でせう。



335 名前: Name_Not_Found 投稿日: 02/09/18 21:30 ID:???
やっぱり「ふへ」について語ろうか☆



336 名前: Name_Not_Found 投稿日: 02/09/18 21:35 ID:F5Iu8Hf4
>>334
その理由は具体的に何?



337 名前: Name_Not_Found 投稿日: 02/09/18 21:36 ID:???
諦めろ


338 名前: Name_Not_Found 投稿日: 02/09/18 21:39 ID:???
>>336
script要素のtype属性による指定だけでは頼りないから、かな。
type属性(乃至はlanguage属性)を省略してる奴も居るしね。


339 名前: Name_Not_Found 投稿日: 02/09/18 21:41 ID:???
文書のメタ情報が外部ファイルまで及ぶと言うのはどういう事よ?
適当なこと抜かせよ
ふへと同レベルだな


340 名前: Name_Not_Found 投稿日: 02/09/18 21:43 ID:F5Iu8Hf4
頼りないって、、

逆にいうとtype属性で与えられてればいらないってことでしょ。
いま仕様書のSCRIPT関係のところも見てみたけど
Content-Script-Typeはデフォルトのタイプを指定して
local declarationはデフォルトのタイプをoverdideするってかいてあるし。



341 名前: Name_Not_Found 投稿日: 02/09/18 21:43 ID:???
W3Cに訊け。>>339


342 名前: Name_Not_Found 投稿日: 02/09/18 21:48 ID:???
とほほ師匠の言葉

■ 基準スタイルシート言語
文書中の style 属性などで使用するスタイルシートの基準言語を指定します。
スタイルシートの基準言語も大抵が CSS なので、指定しなくてもほとんど問題は
ありませんが、スタイルシートを用いる際は指定しておくことが推奨されて
います。(面倒なので私はサボってます。)

<meta http-equiv="content-Style-Type" content="text/css">

http://tohoho.wakusei.ne.jp/html/meta.htm


343 名前: Name_Not_Found 投稿日: 02/09/18 21:50 ID:???
>>340
そんなにもredundancy(冗長度)を排するならば
<html>と書いてあるのにわざわざ
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=〜">
なんて指定する必要も無いことになるのでは?
適度にredundancyがあった方がいいって情報理論も言ってるよ。


344 名前: Name_Not_Found 投稿日: 02/09/18 21:53 ID:F5Iu8Hf4
metaでContent-Typeを指定するのは全然別の話じゃん。
それも本来HTTPヘッダで与えるべき情報だけど
実用上の経緯からcharsetの指定を上書きする必要があっただけだよ。

というか議論をひっかきまわすだけならもうレスしないよ。



345 名前: Name_Not_Found 投稿日: 02/09/18 21:54 ID:???
>>343

(ちゃんとHTTPヘッダが出力されていれば)実際必要ないけど。



346 名前: Name_Not_Found 投稿日: 02/09/18 22:06 ID:???
MozillaはHTTPヘッダを優先するじゃん


347 名前: Name_Not_Found 投稿日: 02/09/18 22:07 ID:???

外部スタイルシートのために指定する奴はアフォ


348 名前: Name_Not_Found 投稿日: 02/09/18 22:09 ID:???
あいにくだけどHTTPヘッダに文字コード指定がないサーバの
HTMLを読むとMozillaで日本語の文字化けが起こるという話は聞かないよね。



349 名前: Name_Not_Found 投稿日: 02/09/18 22:14 ID:???
Content-Style-Typeが文字コード指定だという話は聞かないね。


350 名前: Name_Not_Found 投稿日: 02/09/18 22:15 ID:???
もうあなたの脳内理論は否定しないからレスしないでね。お願い。



351 名前: Name_Not_Found 投稿日: 02/09/18 22:17 ID:???
>>348
筋読み違えた身分でそれかい電波野郎


352 名前: Name_Not_Found 投稿日: 02/09/18 22:18 ID:???
じゃあ説明してごらん


353 名前: Name_Not_Found 投稿日: 02/09/18 22:19 ID:???
Content-Style-Type, Content-Script-Type の指定は
style 属性や onclick 属性を使う場合は MUST, 使わない場合場合は SHOULD。
…あたりが普通の解釈だと思ってたんだが、それは普通じゃないみたいだな。


354 名前: Name_Not_Found 投稿日: 02/09/18 22:20 ID:???
で、どいつがふへなんだ


355 名前: Name_Not_Found 投稿日: 02/09/18 22:21 ID:???
じゃ次の質問行こうか☆



356 名前: 投稿日: 02/09/18 22:43 ID:???
こいつ


357 名前: Name_Not_Found 投稿日: 02/09/18 22:45 ID:???

構ってちゃんの腐(藁
じゃ次の質問行こうか☆



358 名前: Name_Not_Found 投稿日: 02/09/18 22:49 ID:FgxMjfoU
とりあえずAGE


359 名前: Name_Not_Found 投稿日: 02/09/18 22:54 ID:???
リア厨→http://pc3.2ch.net/test/read.cgi/hp/1032339831/


360 名前: Name_Not_Found 投稿日: 02/09/18 23:13 ID:???
厨房って矢印好きだよね(プッ


361 名前: Name_Not_Found 投稿日: 02/09/18 23:15 ID:???
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
ぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷぷ


362 名前: Name_Not_Found 投稿日: 02/09/18 23:16 ID:???
厨房って「プッ」好きだよね(ブッ


363 名前: Name_Not_Found 投稿日: 02/09/18 23:17 ID:???
プップップップップップップップップップップップップップップップップップップッ
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓


364 名前: Name_Not_Found 投稿日: 02/09/18 23:17 ID:???
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ


365 名前: Name_Not_Found 投稿日: 02/09/18 23:17 ID:???
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ
プップップップップップップップップップップップップップップップップップップッ


366 名前: Name_Not_Found 投稿日: 02/09/18 23:18 ID:???
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓


367 名前: Name_Not_Found 投稿日: 02/09/18 23:18 ID:???
腐大暴れ(藁


368 名前: Name_Not_Found 投稿日: 02/09/18 23:21 ID:???
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓


369 名前: Name_Not_Found 投稿日: 02/09/18 23:22 ID:???
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓


370 名前: Name_Not_Found 投稿日: 02/09/18 23:22 ID:???
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓


371 名前: Name_Not_Found 投稿日: 02/09/18 23:22 ID:???
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓