■ 2ちゃんねるは、ここのサーバを使ってるです。。。
 .jp ドメインお持ちのお客様大歓迎。maido3.jp
 .fm 取得代行します。(US) maido3.fm
 .ca 取得代行します。(US) maido3.ca
 .com .net .org 取得代行します。(US) maido3.com
 .cc .to .tv 取得代行はじめました。NEW
人気サイト
月々1,000円からの BinboServer.com 2ちゃんねるも使っている Big-Server.com
>> 2ちゃんねる、サーバ監視所

■掲示板に戻る■ ■過去ログ倉庫めにゅーに戻る■
CSS、スタイルシート質問用スレッド
1 名前: Name_Not_Found 投稿日: 2000/11/23(木) 08:01
CascadingStyleSheetの事で尋ねたいことがあったらこちらへどうぞ。
みなさん、煽らないでね。


2 名前: あぼーん 投稿日: あぼーん
あぼーん


3 名前: Name_Not_Found 投稿日: 2000/11/23(木) 08:50
どこにあるの ?


4 名前: Name_Not_Found 投稿日: 2000/11/23(木) 08:56
>>3
はあ? どこよそれ。

とりあえずみなさんご自慢のCSSブックマークをどうぞ。

●Yahoo!JAPANのCSSカテゴリ
http://www.yahoo.co.jp/Computers_and_Internet/Information_and_Documentation/Data_Formats/HTML/Cascading_Style_Sheets/

●W3CのCSS2仕様書
http://www.w3.org/TR/REC-CSS2/(英語)
http://www.y-adagio.com/public/standards/tr_css2/toc.html(邦訳)


5 名前: akyo 投稿日: 2000/11/23(木) 08:57
うんこ


6 名前: 4 投稿日: 2000/11/23(木) 09:09
ごめん……
>>2 のマチガイ


7 名前: あぼーん 投稿日: あぼーん
あぼーん


8 名前: sage 投稿日: 2000/11/23(木) 12:08
CSSって何の略?


9 名前: Name_Not_Found 投稿日: 2000/11/23(木) 12:23
>>4
へぇ、そっちの邦訳の方がこっちよりも見やすいねぇ。ありがと。
http://www.fan.gr.jp/~kaz/rec-css2/cover.html


10 名前: 名無しさん@1周年 投稿日: 2000/11/23(木) 13:11
広告のせいで<div style="position:absolute;top:40;left:50">あいうえお</div>などとすると広告と重なってデザインがめちゃくちゃになります。なんとかしてください。



11 名前: Name_Not_Found 投稿日: 2000/11/23(木) 13:35
ドリームパスポートでホームページ作ってるんですが、
スタイルシートが使えません
どうしてですか?


12 名前: Name_Not_Found 投稿日: 2000/11/23(木) 13:42
こんなスレあげんなよ


13 名前: あぼーん 投稿日: あぼーん
あぼーん


14 名前: Name_Not_Found 投稿日: 2000/11/23(木) 13:46
そうだな。

クズスレ決定!!!!!!!!!


15 名前: Name_Not_Found 投稿日: 2000/11/23(木) 14:16
ありゃ。
せっかくCSSのスレ立ったのに この嫌われぶり。
CSS = 初心者……?


16 名前: Name_Not_Found 投稿日: 2000/11/23(木) 14:28

CSSごときにひいひい言っている15はCSSを使えれば
上級者と勘違いしてるんだな。厨房丸出し

------------------ 終了 ------------------




17 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:05
CSS、上級者じゃねぇけど、初心者でもないだろ。っていうかくだらんスレ乱立してっから、
CSSスレあった方がいいと思うが。


18 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:15

このスレッドがくだらないとでも思ってるのか?
自分の立てたスレッドは許されるとでも思ってるのか?
自意識過剰な奴だな。笑える。
CSSなんて初心者でもやりますが?

------------------ 終了 ------------------



19 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:18
CSSは投稿多いからまとめたほうが見やすいと思うが?


20 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:27
しかもCSSの投稿は、あっちこっちに書かれるから
纏めた方がいいよな。


21 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:32
>CSS、スタイルシート質問用スレッド

CSSとスタイルシートの違いを教えて下さい。


22 名前: 名無しさん@1周年 投稿日: 2000/11/23(木) 15:32
自治ルールの
>安易に新規スレを立てずに同一の話題が無いかどうか過去ログをチェック
これをよく読め!
スレッドはよほどのことが無い限りたてるなよ。特に1のような
初心者はな。


23 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:34
>>22
墓穴掘ってるじゃん。CSS関連のスレッドはないよ。

>>21
はいはい、突っ込みが細かいよ。


24 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:35
CSS=CascadingStyleSheet

「スタイルシート」には他にも「JavaScriptスタイルシート」
なるものがあるらしい。


25 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:39
>CSSとスタイルシートの違い
検索用にCSS・スタイルシートとスレッド名に入れてあるんでは?
実際その方が過去ログに埋もれたとき探しやすいし。
1のスレッドの立て方に問題は無いと思う。



26 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:42
HTML4.01仕様書のデータ量は 1.50MB。
CSS2仕様書のデータ量は 1.14MB。
(W3Cよりダウンロードした仕様書のHTMLファイルサイズを合計)

仕様だけでも立派なもんでしょ。新スレでいこうよ。


27 名前: 1 投稿日: 2000/11/23(木) 15:43
>>25
>検索用にCSS・スタイルシートとスレッド名に入れてあるんでは?
そのとおりです。(書いておけばよかった…)

フォローありがとう。


28 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:45
PC上で使える、CSSリファレンスで、いいものないですかね?
今のところは、とほほさんのホームページをダウンロードして使ってます。


29 名前: Name_Not_Found 投稿日: 2000/11/23(木) 15:46
「JavaScriptスタイルシート」使ってる人いるの?
NNでしか使えないらしいが。


30 名前: Name_Not_Found 投稿日: 2000/11/23(木) 17:06
>>28
仕様書のプロパティ一覧くらいしか知らないなぁ。
http://www.fan.gr.jp/~kaz/rec-css2/cover.html
このへんの。


31 名前: 名無しさん@1周年 投稿日: 2000/11/23(木) 17:09
クズスレ立てやがって。
この板のルールをよく知ってからまたこいよ

● これにて終了 ●



32 名前: Name_Not_Found 投稿日: 2000/11/23(木) 17:12
>>31 またCSS使えないヤツが来た クス


33 名前: Name_Not_Found 投稿日: 2000/11/23(木) 17:14

1が自作自演で必死で盛り上げようとしています(藁
クソスレが確定しているのにな〜(藁



34 名前: あぼーん 投稿日: あぼーん
あぼーん


35 名前: 非1 投稿日: 2000/11/23(木) 18:04
「HP板裁判官」って、おまえが荒らしだよ。


36 名前: Name_Not_Found 投稿日: 2000/11/23(木) 19:05
>>34 は偽物でしょ。書式が違う。


37 名前: Name_Not_Found 投稿日: 2000/11/23(木) 19:07
っていうか、、、
CSSのスレは過去ログにはないし、
あったとしても既にdat2落ちしてるはず。
このスレの「既出」「終了」に限っては
荒らしに認定してもいいんじゃないかな。
CSS嫌い派がいるから自作自演で荒らしてるのでは?
ちょうど妙な削除でごたごたしてるし。


38 名前: Name_Not_Found 投稿日: 2000/11/23(木) 22:19
初心者スレにおけるCSS関連話題が増えてきて
探しにくくなってきたから、
そろそろ独立スレにしてもいいよね?


39 名前: Name_Not_Found 投稿日: 2000/11/23(木) 23:04
出来はどうあれNetscape6がリリースされた以上、CSSの需要も増えていくことでしょうし。
そーゆーわけでage


40 名前: Name_Not_Found 投稿日: 2000/11/23(木) 23:06
あげておくか。


41 名前: Name_Not_Found 投稿日: 2000/11/23(木) 23:08
オペラってCSSに対応してるんだよね?
でも、日本語は表示できないんだよね?
意味無いジャン。
http://www.opera.com/



42 名前: Name_Not_Found 投稿日: 2000/11/23(木) 23:31
結構便利なのであげ


43 名前: Name_Not_Found 投稿日: 2000/11/24(金) 00:51
Netscape6なんて日常的にまともに使ってるやついるの?


44 名前: Name_Not_Found 投稿日: 2000/11/24(金) 01:08
>>43
結構いるよ。特に会社のユーザ。


45 名前: Name_Not_Found 投稿日: 2000/11/24(金) 01:14
N6は使ってないけどMozillaSeamonkeyは使ってるよ。


46 名前: Name_Not_Found 投稿日: 2000/11/24(金) 01:24
CSSって、フォントや画像の指定で使うくらい?
それとももっと便利な使い方あるんですか?教えてください。



47 名前: Name_Not_Found 投稿日: 2000/11/24(金) 01:28
>>46
行間を120%などにすることで、日本語が読みやすくなります。
たとえば、 style="line-height:120%"ってかんじでね。



48 名前: あげ 投稿日: 2000/11/24(金) 01:40
CSSをHTMLに埋め込むのと別にCSSファイルを作って読みこみに行かせるのとでは
速度に違いあります?


49 名前: Name_Not_Found 投稿日: 2000/11/24(金) 01:47
>>48
当然、やりとりするファイルがひとつ増えたぶんだけ時間がかかります。
ただし、その外部スタイルシートを参照するHTMLが多数あるのであれば、
2ページ目以降はキャッシュを読むので、速度は速くなるはずですね。


50 名前: Name_Not_Found 投稿日: 2000/11/24(金) 01:48
>>48
速度は変わりますよね。

ところで、スタイルシートっていうとXSL(extensible stylesheet language)やXSLT
もはいっちゃいそうだけどいいんですか?



51 名前: Name_Not_Found 投稿日: 2000/11/24(金) 02:00
>49
なるほど。多量のファイルを管理するときはやっぱりCSSは必須だな。
ただ、ページを保存するときにCSSも一緒にDLしなくてはならんのが
いやだな。


52 名前: Name_Not_Found 投稿日: 2000/11/24(金) 02:04
>>51
GetHTMLWならlinkしてるCSSファイルも落としてくれるよ。

>>50
JSSSもXSLも別にいいんじゃない?
せっかくだし。


53 名前: Name_Not_Found 投稿日: 2000/11/24(金) 02:10
スクロールバーの色を黒とかにするのはどうやるん?


54 名前: Name_Not_Found 投稿日: 2000/11/24(金) 02:24
http://www.microsoft.com/isapi/gomsdn.asp?TARGET=/workshop/samples/author/dhtml/refs/scrollbarColor.htm


55 名前: Name_Not_Found 投稿日: 2000/11/24(金) 03:04
テーブルの幅を固定(ピクセル)にして、さらにセンタリングするにはどうすればいいの?



56 名前: Name_Not_Found 投稿日: 2000/11/24(金) 03:05
↑URLをご覧いただいておわかりかと思いますが、
 最新ゲイツブラウザオリジナル仕様ですのであしからず


57 名前: Name_Not_Found 投稿日: 2000/11/24(金) 03:09
>>55
CSSを使う場合は、
table{width:長さ;}
として、そのtableの親要素で text-align:center;
とします。


58 名前: Name_Not_Found 投稿日: 2000/11/24(金) 03:23
>>57
ちなみにN6だとテーブル自体は左に寄ったままになるので、
テーブルにも
margin-left:auto;margin-right:auto;
と指定してやる必要あり。



59 名前: Name_Not_Found 投稿日: 2000/11/24(金) 03:35
>>57
CSSとしての解答になっていません。それは、IE4/5での妥協案です。
と言うわけで、CSSとしては>>58が正しい。
まとめると、
table { width: 300px; margin-left: auto; margin-right: auto }
と言ったところか。


60 名前: Name_Not_Found 投稿日: 2000/11/24(金) 03:36
target="_blankと同様のことをCSSでもできますかぁ?


61 名前: Name_Not_Found 投稿日: 2000/11/24(金) 03:38
>>60
無理。


62 名前: Name_Not_Found 投稿日: 2000/11/24(金) 04:01
>>60
なんか勘違いしてない?
CSSてのはページのレイアウト・デザインだけを担当する技術なんだから、ウィンドウがどーとかフレームがどーとかそういうのとは無関係。



63 名前: 名無しさん@野中逝ってよし。 投稿日: 2000/11/24(金) 05:09
>>60

意地でもStrictで作りたそうなので
JavaScriptスレへGo!
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=972192155&ls=50


64 名前: Name_Not_Found 投稿日: 2000/11/24(金) 12:46
勉強になるなあ……


65 名前: Name_Not_Found 投稿日: 2000/11/24(金) 12:50
>>59
text-align は、インライン要素のみに適用されるっていう意味?


66 名前: 加藤元幹事長 投稿日: 2000/11/24(金) 16:24
Strictのページで

<script type="text/javascript">
<!--
document.write('<base target="_">');
//-->
</script>

は邪道?



67 名前: Name_Not_Found 投稿日: 2000/11/24(金) 16:31
<table align="center"> に該当するCSS1/2の記述ってないと思うんだけど。



68 名前: 名無しさん@1周年 投稿日: 2000/11/24(金) 16:46
<td valign="top">に相当する記述ってありますか?

あとブロック要素の間を、改行だけで、一行分の空きが出ないように
設定することって出来る?

アホみたいな質問でごめん。


69 名前: Name_Not_Found 投稿日: 2000/11/24(金) 17:02
><td valign="top">に相当する記述ってありますか?

td { vertical-align: top; }



70 名前: 68 投稿日: 2000/11/24(金) 17:09
>>69
ありがとう。一応調べたけど分からなかったので・・。
助かりました。


71 名前: Name_Not_Found 投稿日: 2000/11/24(金) 17:31
>>68
「改行だけで」がわからん。
上下のブロック要素どうしをぴったしひっつけたいっていうことかな?
そういうことなら上のブロック要素は margin-botton:0px;
下のブロックを margin-top:0px; にするとひっつきます。

ブラウザのデフォルトではたいてい<div>と<table>はマージン0だね。


72 名前: 71 投稿日: 2000/11/24(金) 17:33
タイプミス
margin-botton > margin-bottom


73 名前: あぼーん 投稿日: あぼーん
あぼーん


74 名前: Name_Not_Found 投稿日: 2000/11/24(金) 18:12
>>67
仕様では>>58の方法で再現すべしと書いてあった気がする。

N6は仕様に忠実な実装をしてるから、<div align="center">に対応するためだけに
text-align:-moz-center;つー独自拡張を導入してるね。

>>66
HTMLの仕様では、<script>等で書き出されたソースもDTDに合致するようにスクリプトを書かなければならないとされてます。
まぁ多少DTD違反してもブラウザ側でどうにかしてくれるでしょう、このくらいなら。



75 名前: ド初心者 投稿日: 2000/11/24(金) 18:19
<table>
<tr>
<td>aaaaaaa</td>
<td>bbbbbbb</td>
</tr>
<tr>
<td>ccccccc</td>
<td>ddddddd</td>
</tr>
</table>
というようなページが複数あって、1行目の幅を20%、2行目の幅を
80%にする、というのをスタイルシートでいっぺんにやる、という
のはできますか?
できるのなら、スタイルシートはどんな風にすればいいですか?
スタイルシートへのリンクのはり方自体は分かるのですが、
なんせド初心者なもんで・・・ 誰か教えてください


76 名前: Name_Not_Found 投稿日: 2000/11/24(金) 18:32
>>75

<html>
<head>
<title>test</title>
<style type="text/css">
<!--
TABLE { width:100% }
.w20 { width:20% }
.w80 { width:80% }
-->
</style>
</head>
<body>
<table>
<col class="w20"><col class="w80">
<tbody>
<tr>
<td>aaaaaa</td><td>bbbbbb</td>
</tr>
<tr>
<td>cccccc</td><td>dddddd</td>
</tr>
<tr>
<td>eeeeee</td><td>ffffff</td>
</tr>
</tbody>
</table>
</body>
</html>



77 名前: Name_Not_Found 投稿日: 2000/11/24(金) 18:36
>>66

onclickで飛ばせばstrictでイケるじゃん


78 名前: 60 投稿日: 2000/11/24(金) 19:58
そうか。できないのか。
IEのユーザースタイルシートで使えらたいいなと思っただけでした。


79 名前: 60 投稿日: 2000/11/24(金) 20:00
追加:ユーザースタイルシートに記述しとくといいものってあるかな?


80 名前: 60 投稿日: 2000/11/24(金) 20:47
>>60
背景固定の無効化
body{background-attachment:scroll !important;background-repeat: repeat;}


81 名前: あぼーん 投稿日: あぼーん
あぼーん


82 名前: Name_Not_Found 投稿日: 2000/11/24(金) 21:09
>>75
いちおう確認しておくが、行幅なの?列幅なの?

>>81
1じゃあないが、CSSのどこが「陰湿」なのかな?
何かつらいことがあったのかい?理由を言ってごらん?


83 名前: Name_Not_Found 投稿日: 2000/11/24(金) 21:13
Macのフォント名について質問です。
CSSでフォントファミリを指定していますが、Mac環境で化ける
という苦情をもらい、困っています。

Windowsでいうところの "MS ゴシック" のような、
システム標準の等幅フォントの名前を教えてください。

あと、WinのArial やVerdana に相当するフォントはMacに
ありますか?


84 名前: Name_Not_Found 投稿日: 2000/11/24(金) 21:56
>>83
とりあえず,システム標準の等幅書体は「Osaka−等幅」
Osakaは半角,ハイフンは全角。

「monospace」はNN4で化けて,IE5はなんか汚いね。


85 名前: ド初心者 投稿日: 2000/11/24(金) 22:37
75です。列幅(でいいのかな・・・2chだと<frameset cols="103,*">
となってるやつです)を20%と80%っての感じにしたいです。

76さん、大感謝です。styleのところをCSSファイルにして、
全ての表のファイルに<col class="w20"><col class="w80"> を挿入して、
全ての表のファイルをCSSにリンクはればいいんですよね。
ちなみに、tbodyって削除しちゃ駄目ですか?
このタグ初めて見ました。(なんってったってタグを扱い始めて日が浅い)


86 名前: Name_Not_Found 投稿日: 2000/11/24(金) 23:04
>>85それはやめといた方がいいと思う。
特に「w20/80」というクラス名。
クラス名を付けるなら、「menu」「content」みたいに内容についての説明みたいなのを使っておけば、
あとから「やっぱり15%:85%がいいなー」と思ったときにクラス名で混乱しなくて済みます。



87 名前: 83 投稿日: 2000/11/24(金) 23:26
>>84
ものすごく的確な回答……ありがとうございます!


88 名前: Name_Not_Found 投稿日: 2000/11/25(土) 00:39
>>85
<tbody>は取っ払って構いません。


89 名前: 投稿日: 2000/11/25(土) 01:37
このスレうざいっつってる奴ってNN4.7とか陰湿なブラウザ使ってるんでしょ、どうせ


90 名前: Name_Not_Found 投稿日: 2000/11/25(土) 01:42
>>89
うわ。それは陰湿だ。


91 名前: Name_Not_Found 投稿日: 2000/11/25(土) 01:57
俺NN7.73使いだけど、このスレ好きだよ。大歓迎。



92 名前: Name_Not_Found 投稿日: 2000/11/25(土) 02:40
あげ


93 名前: ド初心者 投稿日: 2000/11/25(土) 08:32
75&85です。確かにクラス名は変えたほうがいいかもしれませんね。
と、tbodyとっていいんですね。大感謝〜〜〜〜

ちなみに私はIE5


94 名前: 37 投稿日: 2000/11/25(土) 12:01
自分はNC4.75だよ。
うざかったらあんな事書かないって。


95 名前: 91 投稿日: 2000/11/25(土) 14:18
うわ。間違えてた。7.73じゃなく4.73だ。
宇津田死脳


96 名前: Name_Not_Found 投稿日: 2000/11/25(土) 23:30



97 名前: Name_Not_Found 投稿日: 2000/11/26(日) 00:12
p{text-indent : 1em;
margin : 0.1em 2% 0.1em 4%
}
を style.css に書いて使用中。

<p></p>〜<p></p> とした場合、
この間を一行空けるようにするにはどうするの ?
段落毎に空行を設けたいのです。


98 名前: Name_Not_Found 投稿日: 2000/11/26(日) 00:24
>>97
margin の意味をキチンとわかってるかな?
上下のブロック要素間のマージンとパディングの合計が 1em になれば、
空行が空いているように見えます。
厳密な意味で空行を入れるのならば <BR> を使うのが適当でしょう。

▼下図も参照のこと
http://www.y-adagio.com/public/standards/tr_css2/images/boxdim.gif


99 名前: Name_Not_Found 投稿日: 2000/11/26(日) 00:28
p{margin:0.1em 2% 1.1em 4%;}



100 名前: 97 投稿日: 2000/11/26(日) 00:34
>マージンとパディングの合計が 1em になれば、
>空行が空いているように見えます。

うーん、なるほど。
よく分かりませんが上下値を大きくしたら確かに
空行ができました。
さんきゅーです。


101 名前: 97 投稿日: 2000/11/26(日) 00:43
99氏もありがとね。



102 名前: 99 投稿日: 2000/11/26(日) 01:09
>>100 まだ分かってないぽい?
CSSにはボックスモデルという独特の概念があって、マージン・パディング・ボーダーそれぞれの値をどう組み合わせるかがカギとなる。
逆に言うと、ボックスモデルが分からなければCSSは使いこなせない。
まずはボックスモデルの理解に努めましょう。



103 名前: 98 投稿日: 2000/11/26(日) 01:27
>>102
当初の目的は達せられたようだから よしとしようではありませんか。
ちなみに 99 さんの例ですと マージンの合計が 1.2em となりますが、
これは……?


104 名前: しゃけ 投稿日: 2000/11/26(日) 01:30
上下マージンは相殺されるのでは?


105 名前: 99 投稿日: 2000/11/26(日) 02:00
>>98
元の指定が上下それぞれ0.1emあって、そこにさらに1行ぶんとのことだったので。単にそれだけです。



106 名前: 98 投稿日: 2000/11/26(日) 02:34
>>105,99
超納得。


107 名前: Name_Not_Found 投稿日: 2000/11/26(日) 03:37
NN4.7で別ファイルのCSSの読み込みが反映されないんだけどなぜ?
前は反映されてたんだけど。

ブラウザごとにサポート状況が違うCSSを使うより
HTMLで表示をコントロールさせた方がいいのかな。


108 名前: Name_Not_Found 投稿日: 2000/11/26(日) 04:05
>>107
@importはNN4.xは未対応。
あと、linkにmedia="screen"以外のメディアを指定しても、指定は無視されます。
多分その辺が原因ではないかと。

IEとNNなどブラウザごとにサポート状況が違うCSSと、
IE・NNとLynxなどブラウザごとに表示の違うHTMLと、
どっちもどっちと思いますが。
どちらかといえば、IEでもNNでもLynxでも読みやすくできるCSSの方がいいと思ってます。
CSSなら、IEとNNでスタイルを切り替えられるし。
http://east.portland.ne.jp/~sigekazu/css/boxm.htm


109 名前: Name_Not_Found 投稿日: 2000/11/26(日) 04:53
>>108
<link rel...>の方なんですけど、原因わかりました。
108さんがリンクしているとこにも出ているけど
ネスケ4でCSSの宣言中にフォント名とかで日本語使うとダメみたいね。

>>次のような指定をすると、NC4では全ての宣言が無視されてしまいます。
>>クラス名を日本語にする場合は、更に注意が必要です。
>> <STYLE type="text/css">
>> <!--
>> .class1 { font-size: 12pt;color: red;font-family: 'MS 明朝' }
>> 原因は宣言中の日本語なのですが、id属性を使ったりブロックを分割すれば、
>>   font-size, colorは生き残ります。

なるほど。


110 名前: Name_Not_Found 投稿日: 2000/11/26(日) 05:42
>>109
スタイルシートの頭に@charsetを書いとけば大丈夫。



111 名前: あぼーん 投稿日: あぼーん
あぼーん


112 名前: あぼーん 投稿日: あぼーん
あぼーん


113 名前: あぼーん 投稿日: あぼーん
あぼーん


114 名前: あぼーん 投稿日: あぼーん
あぼーん


115 名前: Name_Not_Found 投稿日: 2000/11/26(日) 08:42
仕切屋うぜえ。てめえがとっとと氏ね。



116 名前: Name_Not_Found 投稿日: 2000/11/26(日) 10:36
>>110補足しとくと、
@charset "Shift_JIS";
のように正しい文字コードを書いておけば、CSS2のcontentプロパティによる自動生成文字でもちゃんと日本語が使えます(N6は対応)



117 名前: Name_Not_Found 投稿日: 2000/11/26(日) 12:41
このスレは悪くないと思うのだが、最初の方で終わらせようとした
厨房がまだムキになって終わらせようとしてるよな。
荒らしは逝ってよし。


118 名前: 名無しさん@1周年 投稿日: 2000/11/26(日) 13:17
スタイルシートの質問用スレッドなんだから、Q&Aを書けば?
ここでスタイルシートの是非を論じても意味ないだろ。

スタイルシート使用を強要してるわけじゃないんだから、いらないと
思ってる奴は参加しなければ良いだろう。


119 名前: あぼーん 投稿日: あぼーん
あぼーん


120 名前: Name_Not_Found 投稿日: 2000/11/26(日) 15:39
>>112 >>113 >>119
がいしゅつ
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=975132735


121 名前: yuuki 投稿日: 2000/11/27(月) 00:12
A:hover { COLOR : #BBBB00; TEXT-DECORATION: underline overline }
ってどういう効果で、どうやってつかうんでしょうか?


122 名前: Name_Not_Found 投稿日: 2000/11/27(月) 00:15
↑リンクの文字に。


123 名前: Name_Not_Found 投稿日: 2000/11/27(月) 00:31
>>121
リンク文字の装飾効果があります。
マウスオーバーすると、テキストの上と下に線が現れます。
underlineが下線、overlineが上部の線です。


124 名前: Name_Not_Found 投稿日: 2000/11/27(月) 02:50
123の補足。
マウスオーバーするとリンク文字の色が#BBBB00に変わります。

ちょっとお洒落系サイトに多い表現だよね。


125 名前: 名無しさん@1周年 投稿日: 2000/11/27(月) 06:26
うーん・・ま、どーでもいいといえばどーでもいいが、
>>121
まず使ってみようとは思わんのかね・・
CSS質問用のスレに書き込んでるんだからCSSはわかってんだろー?
なぜ使ってみないのか非常に謎です。


126 名前: 123 投稿日: 2000/11/27(月) 07:40
124さん、補足ありがとうです。


127 名前: Name_Not_Found 投稿日: 2000/11/27(月) 09:34
age


128 名前: 68 投稿日: 2000/11/27(月) 09:53
>>68
遅レススミマセン。あれから再び本を読み直してみて、
色々いじってみたらできました。
自分の勘違いで全然別の所を一生懸命読んでいた・・。


129 名前: あぼーん 投稿日: あぼーん
あぼーん


130 名前: Name_Not_Found 投稿日: 2000/11/27(月) 11:03
>>129
お前の方が100万倍陰湿。
ネクラ野郎は逝け。


131 名前: Name_Not_Found 投稿日: 2000/11/27(月) 12:07
>>129
既出です
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=975132735



132 名前: Name_Not_Found 投稿日: 2000/11/28(火) 00:22
有用なスレなんだから、ここまで毛嫌いすることもあるまいに。
age


133 名前: Name_Not_Found 投稿日: 2000/11/28(火) 17:33
ageage


134 名前: あぼーん 投稿日: あぼーん
あぼーん


135 名前: 76 投稿日: 2000/11/28(火) 19:27
>>85
幅20%のセルと幅80%のセル、それぞれ何の用途なのかがわからなかったので、
とりあえずw20、w80というクラスにしましたが、左が項目名で右がその値、
とかいう内容にするための表ならば、たとえばそれぞれitem、valueみたいな
感じのクラス名にしたほうが良いでしょう。



136 名前: Name_Not_Found 投稿日: 2000/11/28(火) 19:41
. ||||| ||     o
 .||||| || .    /  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄/
. ||||| ||    ./   このスレは無事に    /
 .||||| ||.    /  終了いたしました      /
. ||||| || .  / ありがとうございました   /
 .||||| ||  . /                 /
. ||||| ||.  /    モナーより       /
☆ .__∩__  / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄/
  | ,.:. '.;%, |;./ グチャ          Σ./∧_∧ ゲゲッ
  |_δ@,_|/                /(゚Д゚; )
  ( '~.  )つ. .☆.            ⊂(    )
  | | |                   | | |
  (__)_)                  (_(__)



137 名前: Name_Not_Found 投稿日: 2000/11/28(火) 20:27
有用なスレなので、俺も上げておく。
HTML,JavaScript,CSSの質問スレッドは必要でしょう。
そうでないと、管理者の愚痴ばかりになってしまうぜよ。
136はちょっと変化があって笑えた(コピペかもしれんが)


138 名前: Name_Not_Found 投稿日: 2000/11/29(水) 00:17
初心者スレ以外でこういう質問はネタと断定
■ ■ ■ ■ ■ ■ ■ ■ ■ ■   終了    ■ ■ ■ ■ ■ ■ ■ ■ ■ ■



139 名前: 名無しさん@そうだ選挙にいこう 投稿日: 2000/11/29(水) 01:20
「CSSは初心者」という論拠を述べれば同意してsageてあげるね。


140 名前: ┐('〜`;)┌ 投稿日: 2000/11/29(水) 07:28
>>125
同意。
2chのフォームに書くよか、エディタにうってみりゃすぐわかるだろうに。
自分で何もしないで頼る奴ばかり。
そしてそれに懇切丁寧に回答する暇人。
レベル低いね。


141 名前: Name_Not_Found 投稿日: 2000/11/29(水) 07:44
初心者の疑問を笑うのは簡単だが、ここで質問するのは
同じ疑問を持っている人の役にも立っているということを
忘れないでほしいのですが。


142 名前: ┐('〜`;)┌ 投稿日: 2000/11/29(水) 09:48
「魚を与えるより、魚の釣り方を教えろ」という。
Web絡みのことなんて、いろんな方法で自分で学べる。
ここで訊かれるのは基本的なことばかり。
「調べろ」の三文字で回答する方が結果的には相手にとって親切なんだよ。

基本を抑えた上でわからないことを聞くならわかるが、
ここは「釣るのはめんどくせーから魚だせや」ってアホが集まり、
優しくて暇なヤツらが親切もつもりで魚を配っているだけ。
魚だけ欲しがるヤツはいつまでも進歩しない。


143 名前: 釣れる人は教え方もうまいので 投稿日: 2000/11/29(水) 13:38
いいスレッドができたと思って喜んでたら
とても荒れているようなのですが、
怒ってる人は同じ人なんでしょうか。

>142
私は釣りを教えて欲しいです。
手引書見たり他の人のを見たりと
とりあえずやみくもにやってみたのですが釣れないので。
(才能ないからと言われればそれまでなのですが・・。)

 さかなつりに例えてレスしたら訳わからない文書になりました。
 ごめんなさい。


144 名前: Name_Not_Found 投稿日: 2000/11/29(水) 13:56
荒らしてるヤツは、このスレが出来たとき終了させようとした
厨房で、皆の猛反発を食い、引くに引けずまだ終わらせようと
してるだけ。
マジで逝ってよし。


145 名前: Name_Not_Found 投稿日: 2000/11/29(水) 15:11
質問する前に類似スレッドが無いかよく確かめましょう

○○○○○○○○○○○ 強制終了 ○○○○○○○○○○



146 名前: Name_Not_Found 投稿日: 2000/11/29(水) 15:11
なかなか興味深いスレだと思うよ。
違うのたてた方がよくない?ちょっとだけタイトル変えたりして。
とりあえずここ終了すれば、終了厨房君の気も済むんじゃない?
困った子ねえ。


147 名前: Name_Not_Found 投稿日: 2000/11/29(水) 15:14
HP制作初心者用スレッド Ver3
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=974578505
がある以上は、そちらを利用すべきです〜
このスレッドの1のように安易にスレッド立てている人が最近多すぎると思います〜



148 名前: Name_Not_Found 投稿日: 2000/11/29(水) 15:36
「コピーペーストして使おう!スタイルシート応用技」
とかいうタイトルだったら良かったんですかねえ。


149 名前: Name_Not_Found 投稿日: 2000/11/29(水) 16:05
どうでもいいけど ここしばらく質問がないな……
こっちは 答えたくてウズウズしてるのに。


150 名前: Name_Not_Found 投稿日: 2000/11/29(水) 16:13
「CSS(スタイルシート)教えます♪」
とかいうタイトルだったら良かったんですかねえ。


151 名前: Name_Not_Found 投稿日: 2000/11/29(水) 17:21
>>142
ここで出た回答のログも「調べる資料」になると思いますが?



152 名前: Name_Not_Found 投稿日: 2000/11/29(水) 18:39
>>151
コピペやから相手せんでいいよ


153 名前: Name_Not_Found 投稿日: 2000/11/29(水) 19:28
そろそろこのスレッドの存在意義が無くなりつつありますね。
さげましょう。


154 名前: Name_Not_Found 投稿日: 2000/11/29(水) 20:14
なんで147みたいに仕切りたがるヤツが多いんだ?
CSS用のスレッドがあってもいいじゃねーか。
他の単発クソスレよりも何倍もマシ。


155 名前: Name_Not_Found 投稿日: 2000/11/29(水) 20:18
>154
お前も仕切るなよ。何様のつもりだ?


156 名前: Name_Not_Found 投稿日: 2000/11/29(水) 23:42
で、なんでこのスレの存在を否定するわけ?
JavaScript専用のスレだってあるんだから、CSS専用スレがあってもいいのに、どうしてCSSスレだけが駄目なんだ?
わかりやすい理由求む。



157 名前: 名無しさん@そうだ選挙にいこう 投稿日: 2000/11/29(水) 23:45
で、なんでこのスレの存在を否定するわけ?
JavaScript専用のスレだってあるからといって、CSS専用スレは無くてもいいのに、どうしてCSSスレが良いんだ?
わかりやすい理由求む。



158 名前: Name_Not_Found 投稿日: 2000/11/29(水) 23:57
初心者スレでは事足りなくなったんだろ。


159 名前: Name_Not_Found 投稿日: 2000/11/30(木) 00:02
「CSS(スタイルシート)は是か否か?」とかいうタイトルだったら
みんな面白がってレスつけるんでしょうねえ。


160 名前: Name_Not_Found 投稿日: 2000/11/30(木) 00:25
>>159
はあ?? あんたまさか「否」なの??


161 名前: 159 投稿日: 2000/11/30(木) 00:30
>>160
いや、「是」だけど。


162 名前: Name_Not_Found 投稿日: 2000/11/30(木) 00:42

CSSの質問なんか初心者スレッドに書き込んでおけばいいんじゃないかな。



163 名前: 156 投稿日: 2000/11/30(木) 00:45
>>157「なんでこのスレの存在を肯定するわけ?」の間違いかね。。



164 名前: Name_Not_Found 投稿日: 2000/11/30(木) 00:46
>>162
JavaScriptの質問なんか初心者スレッドに書き込んでおけばいいんじゃないかな。
Flashの質問なんか初心者スレッドに書き込んでおけばいいんじゃないかな。

何とでも言えるな。



165 名前: Name_Not_Found 投稿日: 2000/11/30(木) 00:58
この現状を、どう見たらよいのか。。。

http://mentai.2ch.net/test/read.cgi?bbs=hp&key=972192155&st=104&to=113&nofirst=true


166 名前: Name_Not_Found 投稿日: 2000/11/30(木) 01:20
「どんな質問も初心者スレに書かせていると、
それぞれの分野に於ける発展を妨げることになる。
或る程度確立した分野は、スレッドを分けた方が
それぞれの分野の発展に繋がるので、良いのではないか」と書こうとしたが

…「CSSに於ける発展とは何か?」と訊かれたら
答えに困ってしまう。


167 名前: Name_Not_Found 投稿日: 2000/11/30(木) 01:32
初心者が対象なら「何もできない」から「もうちょっと高度なことを」になれば発展だと思うが?
同じ分野の物を1スレに集めれば知りたいヤツはそこを見て過去レスに無ければ自分が聞けばよくなるからCSSくらい普及していれば十分意味はあると思う。


168 名前: Name_Not_Found 投稿日: 2000/11/30(木) 01:36
「CSSの話題なら何でもスレッド」だったら良かったのかも。


169 名前: Name_Not_Found 投稿日: 2000/11/30(木) 01:47
>>168んじゃ、立て直してみる?


170 名前: Name_Not_Found 投稿日: 2000/11/30(木) 02:37
>166
ある程度とは誰が決めるのか?俺にはCSSはスレッドを一つ
作るほどのものではないと感じる。


171 名前: Name_Not_Found 投稿日: 2000/11/30(木) 09:20
初心者スレでCSSオタクな話題を書いても、アンチ君はウザがるんだろう。

折角だから「CSSの話題なら何でも・隔離スレッド」にしようよ。
(どうせ内容は「是か否か?」論争になるんだろうけど)


172 名前: Name_Not_Found 投稿日: 2000/12/01(金) 02:08
是非が聞きたくて、age(ワラ


173 名前: 名無しさん@そうだ選挙にいこう 投稿日: 2000/12/01(金) 02:24
こんなスレあげんなよ


174 名前: Name_Not_Found 投稿日: 2000/12/01(金) 03:26
なぜCSSのスレばかりこんなに否定されんだ?


175 名前: Name_Not_Found 投稿日: 2000/12/01(金) 03:36
>>170
十分確立してるでしょう。
むしろ独立スレがないほうがおかしいし、ないと不便。

オレ的にはCSSが好きで、上級者・中級者にももっと理解と
認知が進んでほしいので、このスレは大切に感じている。

「便利なんだよ!みんな使おうよ!」って叫びたい感じ。


176 名前: Name_Not_Found 投稿日: 2000/12/01(金) 04:11
要するに、W3C狂信者が支持してるから、CSSが嫌いなんだろ。
坊主憎けりゃ袈裟まで憎いとはこのことか。袈裟の善し悪しなんてまるで考えずにいてな。



177 名前: Name_Not_Found 投稿日: 2000/12/01(金) 04:50
CSSは嫌いじゃないけど、正直W3C信者の「べき論」には辟易する。


178 名前: Name_Not_Found 投稿日: 2000/12/01(金) 04:56
>>177
同意。

W3C勧告の普及を勧めようという気概は良いが、
旧態依然としたHTMLを書く人を罵倒したりする
一部の宗教的W3C支持者の存在が、かえってCSSや
その他の勧告の普及を阻害する要因となっていることは
否めないと思う。残念なことである。
なにか良い方法はないものか。


179 名前: Name_Not_Found 投稿日: 2000/12/01(金) 06:10
応募フォームみたいのを作ってて、テーブルの左セルに項目、
右セルに入力フィールドをおいてレイアウトしたんですけど、
これに
body,tr,td{font:normal 10pt 'MS UI Gothic'}
と指定をかけると、NN4.5で左のメニューが縦書きみたいに
なっちゃうんですけど、どうしたらいいでしょう。。。


180 名前: NL 投稿日: 2000/12/01(金) 06:18
>>179
直接の回答になってるかどうか判らないけど、
Navigator(Communicator)は、ウインドウをリサイズしたりすると
スタイルシートの指定が崩れるバグを抱えています。
その現象が起こると、縦書きで書かれたような見栄えになる事があります。

もしかしたら
body,tr,td{font:normal 10pt 'MS UI Gothic'}
の部分ではなくて、別の部分に問題があるのかもしれません。


181 名前: Name_Not_Found 投稿日: 2000/12/01(金) 07:19
>>179
左側の td にwidthを指定してあげたら、うまくいくかも。
でも NN は td の width があまりアテにならないが……。


182 名前: 教えて君 投稿日: 2000/12/01(金) 12:39
idとclassの使い分けがわからん。教えて。


183 名前: Name_Not_Found 投稿日: 2000/12/01(金) 13:26
>182
やだ。


184 名前: 教えて君 投稿日: 2000/12/01(金) 14:43
オライリー読んでみたけど

idはドキュメント内の1つのタグに対してだけ
classは複数でもOK

と認識しました。
なるほど。なるほど。


185 名前: Name_Not_Found 投稿日: 2000/12/01(金) 15:48
>>179->>180
fontプロパティは別々に指定する。
font-familyに日本語フォントを指定するとそれ以降のfontプロパティが
効かなくなるのでfont-familyは最後に書く。


186 名前: Name_Not_Found 投稿日: 2000/12/01(金) 17:29
>>184
つまり下記のような使い方をするべし、ということなのかな?

<table>
<col class="area">
<col class="population">
<tr id="item"><td>地域</td><td>人口(千人)</td></tr>
<tr id="tokyo"><td>東京都</td><td>11,837</td></tr>
<tr id="osaka"><td>大阪府</td><td>8,801</td></tr>
<tr id="kanagawa"><td>神奈川県</td><td>8,443</td></tr>
</table>

有識者の方、添削たのんます


187 名前: Name_Not_Found 投稿日: 2000/12/01(金) 17:41
>>186
まあ、問題ないんじゃないでしょうか。少なくとも、文法的には。
ただ、
> <tr id="item"><td>地域</td><td>人口(千人)</td></tr>
は、
<tr id="item"><th>地域</th><th>人口(千人)</th></tr>
の方がいいと思う。


188 名前: 初心者 投稿日: 2000/12/01(金) 17:42
ちょっと違う気がする。
レイアウトで「この文章をここに置きたい」、というような、個別に設定すべきものがidで、「本文、追記」というような繰り返されるような型に対してclassが設定されるということじゃないか。
日本語わかりにくくてスマソ。


189 名前: Name_Not_Found 投稿日: 2000/12/01(金) 17:43
そこにIDを与えてどう使うのかは知らんが。

<table>
<col class="area"><col class="population">
<thead>
<tr><th abbr="地域">地域</th><th abbr="人口">人口(千人)</th></tr>
</thead>
<tbody>
<tr id="tokyo"><td>東京都</td><td>11,837</td></tr>
<tr id="osaka"><td>大阪府</td><td>8,801</td></tr>
<tr id="kanagawa"><td>神奈川県</td><td>8,443</td></tr>
</tbody>
</table>



190 名前: 189 投稿日: 2000/12/01(金) 17:45
>>188
従来のHTML的にname属性だったものをid属性に置き換える、という
解釈のほうがわかりやすいと思うし概ね的確。


191 名前: 187 投稿日: 2000/12/01(金) 18:31
>>189
うん、確かにそっちの方がベター。
何か忘れてたような気がしたんだが、そうか、thead要素か。


192 名前: 186 投稿日: 2000/12/01(金) 18:44
>>189
class と id の使い分けをわかりやすく区別する例になるようなもの……と考えて統計局のサイトから引用しました。
id=固有、という図式を明確にするという意図で。実際にこの表をどこかに使うわけではありませんので。

それにしてもこのスレッドは勉強になるわい……。


193 名前: Name_Not_Found 投稿日: 2000/12/01(金) 19:14
俺は、たとえば「赤色について説明したい。だから赤くする。」のようなケースの場合、

(1) <span class="red">赤い!!</span>
(2) <span id="red">赤い!!</span>
(3) <span style="color: Red">赤い!!</span>
(4) Transitionalで<font color="Red">赤い!!</font>

と4つの方法があるが、どれでも構わない(=同等)と思っている。
Strictなら(4)が選択肢から消え、複数回出てくるなら(2)が消え、
逆に頻発するなら(3)が冗長だから嫌・・・ってくらいの違いだ。

実際、IDはJavaScriptやURLの#以降のために使うくらいで、CSSには使わない(俺は)。



194 名前: Name_Not_Found 投稿日: 2000/12/01(金) 19:21
水平線<hr>の色指定は、どのプロパティで指定されるべきものなのでしょうか。

Netscape6では<hr>の色はborder-colorとbackground-colorに依存し、
widthとheightで幅や太さを調整できるようだったのですが
Netscape6の仕様を鵜呑みにしてしまってよいものか不安です。

ご存知の方、どうかよろしくお願いいたします。


195 名前: Name_Not_Found 投稿日: 2000/12/01(金) 19:52
>>194
http://www.w3.org/TR/CSS2/sample.html
において、HR要素は
HR { display: block; border: 1px inset; unicode-bidi: embed }
という例が出てます。
要するに、HR要素とはボーダーを持ったブロック要素であり、水平線に見えるものの
正体はHR要素のボーダーであるということになりそうです。
つまり、色指定はborder-colorプロパティでいいんじゃないでしょうか。


196 名前: 186 投稿日: 2000/12/01(金) 20:02
で、とりあえず、classについてだが、HTML要素だけじゃ表現できない文書の論理的な
意味を与える属性という認識でいいだろうか?
例えば、<em>ほげほげ</em>などとあった場合、そこが強調されていることはわかるが、
何で強調されているか迄はわからない。(前後の文脈でわかることも多々あるが)
しかし、<em class="important">と書いてあれば重要だから強調されていることがわ
かるし、<em class="angry">と書いてあれば、怒っていることを表すために強調され
ているということがわかる。
そんな感じか。

idは‥‥‥上手い説明が思い付かないな。さしあたっては>>190とか。


197 名前: 194 投稿日: 2000/12/01(金) 20:05
>>195
ご回答、どうもありがとうございました。助かりました。
どこのページを見ればよいのかすらわかりませんでしたので…。
勉強になりました。ありがとうございます。



198 名前: Name_Not_Found 投稿日: 2000/12/01(金) 21:28
>>193
Strict信者とかじゃないのなら (4) が一番オススメというか、
もっとも、赤く表示させたいという意思表示が強いと思う。
CSSがenable/disableに関わらず同等の情報量が提供される
HTML文書が理想であるから、そうなると、(4)でも赤く表示
されないのは単純にfont要素color属性に対応していないブラウザや
その他テキストブラウザのたぐいになるわけで、赤いという視覚効果が
得られないブラウザの数はだいぶ減るだろう。
赤くないと受信する情報に差が出てしまう場合はやむを得ないが。


199 名前: 189 投稿日: 2000/12/01(金) 21:31
>>196
その解釈の例において、EM要素を使っているのが非常に良いと思う。
<span class="important">〜</span> のように、存在しうる要素で
定義できるものをclass名で定義することは推奨されない。


200 名前: 179 投稿日: 2000/12/01(金) 22:21
>>180
他に原因らしいのが見当たらないんですよね。。。
>>181
<td>のwidth指定は見事に無視されます。。。
>>185
それしかないですかね。。。


201 名前: Name_Not_Found 投稿日: 2000/12/01(金) 22:25
>>192
なんとなく、
<tr><td>東京都</td><td id="tokyo">11,837</td></tr>
こういう解もありそう。


202 名前: 179 投稿日: 2000/12/01(金) 23:36
どうやら、<textarea>を含むセルに指定をかけるとおかしくなるみたいです。。。



203 名前: 名無しちん、ぴんち 投稿日: 2000/12/02(土) 01:13
>>193
<font color="#f00" class="red">がいいな。


204 名前: ダバダバ初心者 投稿日: 2000/12/02(土) 01:51
>>193さんじゃないのですが…)
>>203さんの解答を使わせていただきたいのですが、下記の何処に
入れたら間違いじゃないでしょうか?やはり別に項を作るのですよね?
初心者で申し訳ないのですが、よろしくお願いします。
<head>
<STYLE TYPE="text/css">
<!--
A {text-decoration:none}
A:HOVER{
TEXT-DECORATION:UNDERLINE;
}
-->
</STYLE>
</head>

あと、<head>内でcssとJavaScriptに指定する時、cssが先だと順番的におかしい…
なんてことはあるのでしょうか?
一応問題なくJavaScriptもcssも動くのですが、やはりきちんとしたいので…
よろしくお願いします。


205 名前: Name_Not_Found 投稿日: 2000/12/02(土) 03:17
>>203
あまりにも無意味。
それだけはやめた方がいい。

基本的に、HTMLで見栄えを定義するならその他のスタイルシートなどによる
見栄え定義の手段は一切廃するべきだと、個人的には思うのだが。
もちろん、逆もまた真なり。


206 名前: 忘れた 投稿日: 2000/12/02(土) 03:27
>>203,>>205
つーか、
<font color="#f00" class="red">じゃなくて
<font color="#ff0000" class="red">だろ。
それとも<font style="color:#f00" class="red">か。


207 名前: 名無しちん、ぴんち 投稿日: 2000/12/02(土) 06:01
>>205
実は同意見。あれは勢いだけで書いてた。ゆるして。
>>206
font要素は使ったことがないんで知らなかった。3桁指定できないんだ。


208 名前: Name_Not_Found 投稿日: 2000/12/02(土) 06:15
>>207
そうなのです。

color属性に 10進値や 3桁16進値を指定してもちゃんと表示してくれる
ブラウザもあるかもしれないけど、それはブラウザが「老婆心」でやって
くれてるだけだということを覚えておきたいところ。

fontに限らず、color 属性に使える値は "#RRGGBB"の16進値か "black"
"white" などの色名16種類だけですね。"lightgoldenrodyellow" なんてな
色名はブラウザの独自拡張。

と、ここまでは HTML のお話。ここはCSSのスレでしたね。失礼……。


209 名前: Name_Not_Found 投稿日: 2000/12/02(土) 12:59
IE3.xのスタイルシートの対応にバカっぷりについて教えて下さい。
実際どれくらいバグな対応をしてるのですか?


210 名前: Name_Not_Found 投稿日: 2000/12/02(土) 13:04
>>209
たしか line-height を指定したら、文字がほとんど全行かさなっちゃって
黒いゴチャゴチャした模様になってしまっているのを目撃したことがあります。


211 名前: 巨大白シラミ 投稿日: 2000/12/02(土) 16:47
body { font-size: 12px; color: #CCCCCC; background-color: #333333; line-height: 16px;}
というCSSを書いたんですが、これに
font-family: "MS Pゴシック", "Osaka"
を追加するとNNでbackground-colorやcolorの指定(要するにbody全部)が無効になってしまいます。
どう書けばいいんでしょう?

あと、ブラウザのフォントを等幅にしてる人ってどれくらいいるんでしょうか。
そういう人を考慮して、上の一文を追加したいのですが。


212 名前: 名無しさん@そうだ選挙にいこう 投稿日: 2000/12/02(土) 17:22
>>209
一番凄いのはemに対応してなくて
font-size: 2em
とか書いた場合2ptで表示してくれる事だと思います(笑)。


213 名前: Name_Not_Found 投稿日: 2000/12/02(土) 20:45
>>211

そんな貴方に……
ttp://www.asahi-net.or.jp/~XK3T-CB/css/CSSBugsJ.html



214 名前: Name_Not_Found 投稿日: 2000/12/04(月) 11:46
新しい質問

ティムポ:びろろーーん
オッパイ星人:ぼよよーーん
マムコ:くっさーーーー!!!

のようなリストを。dl、dt、dd使ってマークアップし、
なおかつ「:」の位置をそろえたい場合、どういうCSSを書くのさ?



215 名前: Name_Not_Found 投稿日: 2000/12/04(月) 12:13
>>214
こんな感じかな。
dt { display: run-in }
dt:after { content: ':' }

http://www.w3.org/TR/REC-CSS2/visuren.html#box-gen
http://www.w3.org/TR/REC-CSS2/generate.html#compact-run-in-gen
この辺りも参考に。


216 名前: 215 投稿日: 2000/12/04(月) 12:18
あ、「:」の位置を揃えたいのか。
じゃ、
dt { display: compact }
dd { margin-left: 8em }
dd:before { content: ':' }
か、
dt { display: run-in; width: 8em }
dd:before { content: ':' }
といったところか。


217 名前: 215 投稿日: 2000/12/04(月) 13:04
8emの部分は、適当に変えてくれ。
でも、IE5.01/5.5は未対応だよな、多分。
Seamonkeyなら動くかな?


218 名前: 名無しちん、ぴんち 投稿日: 2000/12/04(月) 15:31
dt { float: left; width: 8em; clear: all }
dd:before { content: ':' }

>>216
Seamonkeyでも動かなかった。


219 名前: 名無しさん@1周年 投稿日: 2000/12/04(月) 19:16
氏ね>1=厨房

■□■□■□■□ 終了 □■□■□■□■



220 名前: Name_Not_Found 投稿日: 2000/12/05(火) 05:46

■□■□■ ひっそりと再開 ■□■□■


221 名前: Name_Not_Found 投稿日: 2000/12/05(火) 13:31
>>179
spacer.gifを使えばIEでもNNでも同じ横幅になるのでは。


222 名前: Name_Not_Found 投稿日: 2000/12/05(火) 14:48
>>221
ここは、そういうテクニックを考えるスレッドじゃないから。


223 名前: Name_Not_Found 投稿日: 2000/12/05(火) 16:51
dt { width: 8em; display: inline; }
dt:before { content: "\A"; white-space: pre; }
dl dt:first-child:before { content: ""; }
dt:after { content: ":"; }
dd { display: inline; }

こんなかんじでどうでしょ。



224 名前: Name_Not_Found 投稿日: 2000/12/06(水) 00:38
textareaに最初から入ってる文字が大きすぎるので
CSSでx-smallを指定してNN6で見たら、文字が半分ほど下に隠れてました…
どうすればいいのでしょうか?
ちなみにinportで指定してるので、ネスケ4.75は大丈夫なのですが…


225 名前: Name_Not_Found 投稿日: 2000/12/06(水) 03:14
パーセンテージで指定しても同じ結果かね?



226 名前: Name_Not_Found 投稿日: 2000/12/06(水) 04:03
>>225
%で成功しました〜。ありがとうございます。


227 名前: Name_Not_Found 投稿日: 2000/12/06(水) 09:58
タグをうつにもリファレンス首っぴきでやってるような初心者です。
今回スタイルシートを覚えてみようと思い、見様見真似で書いてみました。
が、正常に動作する部分としない部分があります。
分かる方どうか教えてください。

テーブルのある一行の背景を指定しようと思い
<H1><TR>内容</TR></H1>のように書いたのですがこれは間違ってますか?

テキストには<H1>で指定してあったので
その後続けてH2、H3を使って指定していたのですが、
これはいくつまで使えるのでしょうか?(H6までくらい?)
それとも他の、「意味のある英字」を使った方がいいでしょうか?

別に作成したCSSファイルを参照する場合、
<LINK REL=STYLESHEET TYPE="text/css"
HREF="http://www.abc.or.jp/test.css" TITLE="XXX">
の最後のTITLE="XXX"、は何を書けば良いのでしょうか。

よろしくお願いします・・。


228 名前: Name_Not_Found 投稿日: 2000/12/06(水) 10:23
>>227
たしかに初心者サンのようですな。

<h1><tr>内容</tr></h1>はとにかく大間違いです。<tr>そのものにも
スタイルを適用できるので、どうかそうしてやってください。

例)<tr style="background-color:#RRGGBB;"><td>内容</td></tr>

h1〜6 というのは「見出し」のことで、h1が一番の大見出し、以下
数字が増えるにしたがって見出しレベルが下がります。たとえば

<h1>第1章 初心者</h1>
<h2>第1項 初心者のおかしがちなミス</h2>
<h3>第1節 2ちゃんねるで質問してしまう場合</h3>
<p>本文</p>
というような感じです。

<link>内の title属性は なくてもいいのではないかな。
ハッキリした目的のあるスタイルシートでないなら title="default style"
などとしておいてもよいでしょう。


229 名前: Name_Not_Found 投稿日: 2000/12/06(水) 16:42
linkにtitleを指定してあると、Netscape6ではシートを切れるようになるので嬉しい。



230 名前: Name_Not_Found 投稿日: 2000/12/06(水) 16:45
>>228
><link>内の title属性は なくてもいいのではないかな。
>ハッキリした目的のあるスタイルシートでないなら title="default style"
>などとしておいてもよいでしょう。
link要素のtitle属性の使い方は、ちゃんと仕様に書いてあるよ。


231 名前: Name_Not_Found 投稿日: 2000/12/06(水) 20:53
229の発言を読んで、制作中のHTMLで試してみたら、
シートを切ってもシートでbodyに指定したcolorが生きていました…
これってCSSの仕様ですか?それともNetscape6のバグ?

color:#fffと指定しているので、シート切ると何も見えない…


232 名前: Name_Not_Found 投稿日: 2000/12/06(水) 22:39
> http://www.w3.org/TR/html401/present/styles.html#h-14.3
著者は、外部スタイルシートの指定をLINK要素の次の属性で行う。

当該スタイルシートが固定か優先か代替かを、次の要領で指定する。
あるスタイルシートを固定に指定するには、 rel属性の値を"Stylesheet"にし、そしてtitle属性の設定をしない。
あるスタイルシートを優先に指定するには、 rel属性の値を"Stylesheet"にし、そしてtitle属性で名前をつける。
あるスタイルシートを代替に指定するには、 rel属性の値を"Alternate Stylesheet"にし、そしてtitle属性で名前をつける。



233 名前: Name_Not_Found 投稿日: 2000/12/07(木) 00:48
>>231
>color:#fffと指定しているので、シート切ると何も見えない…
ハァ?



234 名前: Name_Not_Found 投稿日: 2000/12/07(木) 01:05
駄スレにもほどがある
#############################終了###############################



235 名前: Name_Not_Found 投稿日: 2000/12/07(木) 01:11
駄レスにもほどがある
#############################再開###############################


236 名前: Name_Not_Found 投稿日: 2000/12/07(木) 01:14
なんかスレ立て荒らしがいるね。
出てけゴラァァァァァァ!!!!!!!!!
■□■□■□■□ 終了 □■□■□■□■



237 名前: Name_Not_Found 投稿日: 2000/12/07(木) 01:41
相互リンクってしたくないサイトに申し込まれたら
どうやって断る?
断りにくいんだよねぇ。意志弱すぎかな?


238 名前: Name_Not_Found 投稿日: 2000/12/07(木) 02:06
>>237 スレ違い


239 名前: Name_Not_Found 投稿日: 2000/12/07(木) 02:09
スレ違いです。
忘れてください。


240 名前: Name_Not_Found 投稿日: 2000/12/07(木) 02:12
>>239 忘れました。


241 名前: Name_Not_Found 投稿日: 2000/12/07(木) 02:24
>>239
どうしても・・・ 忘れられないの・・・


242 名前: Name_Not_Found 投稿日: 2000/12/07(木) 02:38
駄スレじゃないのに駄スレ化してる・・・
なんとかならんのか最近この板おかしいぞ


243 名前: さくらたん 投稿日: 2000/12/07(木) 02:47
駄スレかどうかは主観的な問題であって自分の考えを決め付ける
ことはできません。あなたがこのスレッドが駄スレではないと考えて
いても他の人はそう思ってはいないのです。あなたは利己的な人間
ですね


244 名前: Name_Not_Found 投稿日: 2000/12/07(木) 03:18
>>243
駄スレじゃないかどうかは2週間でレスが200以上ついていることから
客観的に判断できるでしょ。目ェ見えてますか。

それに、アンタを含めこのスレに関心のない人もいるかもしれないけど、
そういう人にとってはこのスレは「駄スレ」ではなく「自分には関心のないスレ」
なだけでしょ。脳ミソ持ってるなら使ってね。


245 名前: Name_Not_Found 投稿日: 2000/12/07(木) 03:45
スタイルシートスレッドってなかった気がするんだが。
つーか、見なけりゃいいのに。
スレが立ってしまったんだからほっとけよ。
どーしても気にいらねえなら、削除依頼しろ。


246 名前: >244 投稿日: 2000/12/07(木) 03:58
IPが表示されない2chで同一人物かどうか把握することは不可能。
よって客観的に推定することは無理です。目見えてますか?


247 名前: Name_Not_Found 投稿日: 2000/12/07(木) 03:59
そうだな。
ここはweb制作管理板です。
教えて君&教えたい君は
初心者質問板にでも逝って下さい。
■□■□■□■□ 終了 □■□■□■□■



248 名前: >244=245 投稿日: 2000/12/07(木) 04:03
(゚Д゚)ハァ?


249 名前: Name_Not_Found 投稿日: 2000/12/07(木) 04:17
>>245 の方法が唯一客観的に駄スレかどうかを判断できるな。
243(≒246)は削除依頼してこい。消されたら納得してやる。
消えるかな〜


250 名前: むぎ茶 投稿日: 2000/12/07(木) 04:20


削除人も人間なので主観的判断を拭い去ることはできません(ピュア
このスレは駄スレ決定(ピュア


┏━━━━━━━━━┓
┃('Д')y ─┛~~      ┃
┃むぎ茶           ┃
┃mugicha@360.cc    ┃
┗━━━━━━━━━┛
株式会社 むぎ茶は、斬新なアイデアと企画構成力、
加えて豊富な人脈と営業力を武器に、インターネットセキュリティー、
ネットワーク構築、コンサルティング活動及びソフトウェア制作業務、
派遣及びセミナー主催活動を行っています。
ちなみに僕は、代表取締役兼テクニカルディレクターに就任。
詳しい事業内容につきましては僕の方までお申し付けください。
メールでお送りします。それでは今後とも、よろしくお願い致します。



251 名前: Name_Not_Found 投稿日: 2000/12/07(木) 04:49
>>231
それはN6のバグ。
最近のMozillaでは修正されてたような気がするけど。



252 名前: 名無しちん、ぴんち 投稿日: 2000/12/07(木) 04:55
>>231
12月5日のビルドで試してみたけど、確かに body の color だけ生きてる。バグみたいだね。


253 名前: 252 投稿日: 2000/12/07(木) 05:08
…かぶったにゅ。


254 名前: 151 投稿日: 2000/12/07(木) 05:18
まだ修正されてなかったか。これは失礼。



255 名前: あぼーん 投稿日: あぼーん
あぼーん


256 名前: あぼーん 投稿日: あぼーん
あぼーん


257 名前: むぎ茶 投稿日: 2000/12/07(木) 05:51



なに むきになってんの?(爆)


┏━━━━━━━━━┓
┃('Д')y ─┛~~ ┃
┃むぎ茶      ┃
┃mugicha@360.cc  ┃
┗━━━━━━━━━┛
http://all.at/bit




258 名前: Name_Not_Found 投稿日: 2000/12/07(木) 05:58
>>231
すでに報告済のバグですね。
http://bugzilla.mozilla.org/show_bug.cgi?id=47760





259 名前: 227 投稿日: 2000/12/07(木) 17:32
227です。
228〜230さんありがとうございました。
やっぱりムズカシイですね・・もっと精進します。

(相変わらず荒れてますが、逆ギレして構うと更に荒れちゃうので
スレ擁護派だけで仲良くやりましょう。・・・というのが希望です。)



260 名前: みかん 投稿日: 2000/12/07(木) 18:41
はじめまして、みかんと申します。
テーブルタグの強制改行についてご教授願えましたら幸いです。

実現したいことは、改行が入っていない半角英数文字の文字列をテーブルタグで
囲んで強制的に改行して表示するということです。

全角文字の場合

<table border="0">
<tr>
<td width="30"><p>あいうえお</td>
</tr>
</table>

というようにすれば、30ピクセルのところで強制的に改行してくれます。

しかし、半角英数文字の場合

<table border="0">
<tr>
<td width="30"><p>ABCDEFG</td>
</tr>
</table>

というようにしても強制改行してくれません。
この場合、どのようなテクニックを使えば解決できるのでしょうか。

※文字列の中に<BR>等のタグは一切入れることはできません。

ご存知の方がいらっしゃいましたらご教授お願いいたします。


261 名前: Name_Not_Found 投稿日: 2000/12/07(木) 18:43
>>260
おまえアホだろ。スレ違いもはなはだしい。

アホは↓これ読め。
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=974578505&st=460&to=465&nofirst=true


262 名前: Name_Not_Found 投稿日: 2000/12/07(木) 18:45
>>260
ついさっき別スレでも同じ質問が出たよ 下記参照
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=974578505&st=460&to=462&nofirst=true

つうかCSSの質問じゃないよね。スレ選びよろしく


263 名前: 262 投稿日: 2000/12/07(木) 18:45
いやーん かぶった


264 名前: 261 投稿日: 2000/12/07(木) 18:46
>>262
大丈夫だ、おまえはアホじゃない。


265 名前: Name_Not_Found 投稿日: 2000/12/07(木) 19:00
スレ違いの質問だから下げて書くが、
※文字列の中に<BR>等のタグは一切入れることはできません。
ということは、&shy;も入れられないんではないのか?
もっとも、どういう状況になったら文字列の中に(非表示のものも含めた)
あらゆる要素を入れることができないのか、よくわからん。
どういう事情でそうなったのか、説明してもらいたいものだ。


266 名前: Name_Not_Found 投稿日: 2000/12/07(木) 19:15
入力がCGIなんだろ。物理的に入れられるけど判別処理するスキルがないと見た。


267 名前: Name_Not_Found 投稿日: 2000/12/07(木) 19:33
>>260
わたしも以前この板で教わりました。
<td width="30" style="word-break:break-all">ABCDEFG</td>


268 名前: Name_Not_Found 投稿日: 2000/12/07(木) 19:35
>>267
それはIE5専用です。
まあ、どうせIE5のことしか気にしないんだろうからどうでもいいのか。


269 名前: 231 投稿日: 2000/12/08(金) 00:18
>>251,252,258
遅レスになりましたが、教えてくださってどうもありがとうございました。
既知のバグだったんですね。


270 名前: Name_Not_Found 投稿日: 2000/12/08(金) 01:40
すみなせーん。
NC.4.75で動作確認したんですが、なぜか一部だけリンクがきかなくなりました(;;)
タブでも試したんですけど、ちゃんとリンクのところにフォーカスが行くんですがエンターを
押しても反応なし…
スタイルシートを切ると正常になるんですが、どう考えてもスタイルシートにおかしな
記述がないんです…(W3CのCSS検証サービスで「正当」と出ましたし)
IE5.01とNetscape6ではちゃんとリンクが正常に働いてるんですが、これってバグですよね…?


271 名前: 270 投稿日: 2000/12/08(金) 01:44
あ、なんかバグみたいです…
IEで掲示板をクリックしたらちゃんとhttp://www.hoge.co.jp/xxx.cgiって
行くのに、NC4.75だとなぜかFile Not Found…
こんなことってあるんですか…?


272 名前: >270 投稿日: 2000/12/08(金) 01:48
ソース見せずにバグですよね?って言われてモナー・・・



273 名前: 270 投稿日: 2000/12/08(金) 01:55
>>272さん
Another HTML -Lint Gatewayで100点なんですよ…
やっぱりNC4.75までスタイルシートを適用させようとするのは
無理があるんでしょうかね…



274 名前: 名無しさん@1周年 投稿日: 2000/12/08(金) 02:02
>>270
           ____________
          ||                ||
          || ネスケ4は無視!     .||
          ||          。   ΛΛ   / ̄ ̄ ̄ ̄ ̄ ̄ ̄
  ハーイ!     ||          \ (゚Д゚ ) <  いいですね!
          ||________⊂  ι|   \_______
  ∧ ∧    ∧ ∧    ∧ ∧     |  |
  (  ∧ ∧ (   ∧ ∧ (  ∧ ∧    UU~
〜(_(  ∧ ∧ __(  ∧ ∧__(    ∧ ∧    ハーイ!
  〜(_(  ∧ ∧_(  ∧ ∧_ (  ∧ ∧
    〜(_(   ,,)〜(_(   ,,)〜(_(   ,,)
      〜(___ノ  〜(___ノ   〜(___ノ



275 名前: 270 投稿日: 2000/12/08(金) 02:34
>>274さん
再インストールしても駄目でした…
やはりinportで無視させておきます…
さらば、ネスケ4.75!
歓迎! ネスケ6!

……全部ソースを書きなおさないと…しくしく


276 名前: あぼーん 投稿日: あぼーん
あぼーん


277 名前: 名無しさん@1周年 投稿日: 2000/12/08(金) 04:21
>>276




ね             ●7点


278 名前: あぼーん 投稿日: あぼーん
あぼーん


279 名前: Name_Not_Found 投稿日: 2000/12/08(金) 11:32
>>275
cssファイルの中に@import書けば。
あと、inportじゃなくて、importね。


280 名前: あぼーん 投稿日: あぼーん
あぼーん


281 名前: Name_Not_Found 投稿日: 2000/12/09(土) 05:02
<hr size="3">の「size="3"」てCSSで記述する場合はどうすればいいんでしょう?
おしえてくださいませ。


282 名前: あぼーん 投稿日: あぼーん
あぼーん


283 名前: 名無しさん@そうだ選挙にいこう 投稿日: 2000/12/09(土) 06:01
>>281
IE5/Geckoだと
HR{border:none; border-bottom:solid 2px;}
が無難。



284 名前: Name_Not_Found 投稿日: 2000/12/09(土) 06:15

こんなスレッド上げないでよ・・・



285 名前: 281 投稿日: 2000/12/09(土) 07:56
>>283さん
どうも〜。さんきゅです。


286 名前: Name_Not_Found 投稿日: 2000/12/09(土) 08:53

こんなスレッド上げないでよ・・・



287 名前: Name_Not_Found 投稿日: 2000/12/09(土) 09:03
やはり、別にスタイルシート是か否かスレを作ったら?
「是」という意見が優勢なら、この板にこのスレがあってもいいけど。
私は、ネスケユーザなので、興味なし。


288 名前: Name_Not_Found 投稿日: 2000/12/09(土) 09:16
ネスケユーザなのでCSS興味なし、というところに
ネスケユーザの認識の低さを痛感する。


289 名前: Name_Not_Found 投稿日: 2000/12/09(土) 09:21
■□■□■□■□ 終了 □■□■□■□■



290 名前: あぼーん 投稿日: あぼーん
あぼーん


291 名前: Name_Not_Found 投稿日: 2000/12/09(土) 09:22

>>289 終了するなら age るのヤメレ

■□■□■□■□ 再開 □■□■□■□■


292 名前: Name_Not_Found 投稿日: 2000/12/09(土) 09:35
CSS使ったらネスケで見られなくなるんじゃないの?
だから、私のページには使っていない。
ドリパスで崩れるといやだし(藁


293 名前: Name_Not_Found 投稿日: 2000/12/09(土) 10:09
>>292
えーっと少なくとも「見られなくなる」ということはない。
NN4.xで使えるプロパティと使えないプロパティがあって、
NN4.xが正しく実装していないプロパティを使うと、不都合が
おきるという程度のもの。これはまあ、IEとNNの両方で表示確認を
とりながら制作を進めればおのずとわかってくるでしょう。


294 名前: 292 投稿日: 2000/12/09(土) 10:16
>>293
マジレスありがとうございます。
ちょっと勉強してみようかと思いました。
やはり閉じていないテーブルタグがネスケ的に最凶ですか?



295 名前: Name_Not_Found 投稿日: 2000/12/09(土) 13:29
>292
お前なにも知らないんだな...
ネスケ6以前のバージョンでは、CSSが適用されないように
すればいいんだよ
ボケが!!


296 名前: Name_Not_Found 投稿日: 2000/12/09(土) 13:42
>>294
それは、ただの文法違反だろ(藁。


297 名前: あぼーん 投稿日: あぼーん
あぼーん


298 名前: 名無しさん@そうだ選挙にいこう 投稿日: 2000/12/10(日) 02:52
>>293
場合によっちゃ見事に落ちてくれるぞ>NN4


299 名前: Name_Not_Found 投稿日: 2000/12/11(月) 01:16
age


300 名前: Name_Not_Found 投稿日: 2000/12/11(月) 23:27
タグにスタイルを指定している場合に、
一部分のタグだけそのスタイルを無効にすることは出来ますか?


301 名前: Name_Not_Found 投稿日: 2000/12/11(月) 23:47
逆だったら簡単。スタイルを適用したいやつにclassを指定すればいいでぷ(クラスセレクタ)。
一部だけ除外したいときは、除外したいやつにclassかidを指定してそれで「スタイル無指定」と同じ表示を指定し直すしかないんじゃないでぷか?



302 名前: 名無しちん、ぴんち 投稿日: 2000/12/11(月) 23:54
>>292
ドリパスはCSSを完全に無視してくれるので、表示が崩れることは無いです。
テーブルでレイアウト組まれると、狭いTV画面では横スクロール必至なので、
CSSだけでデザインされてると有り難いです。


303 名前: Name_Not_Found 投稿日: 2000/12/12(火) 00:09
ふと思ったんだけど、TV画面ってPCの解像度に直すと
どのぐらいなんだろう・・・


304 名前: Name_Not_Found 投稿日: 2000/12/12(火) 00:14
WebTVだと544x378だそうな。


305 名前: Name_Not_Found 投稿日: 2000/12/12(火) 00:18
>>304
意外と大きいんだねぇ。



306 名前: Name_Not_Found 投稿日: 2000/12/12(火) 02:42
申し訳ありませんが、どうも混乱してわからなくなってきたので
教えていただけませんでしょうか。

例えば、横600pxの大きさのボックスを、
テーブルにテキストを収めてセンタリングしたように
真中に持っていくにはどうしたらよいのでしょうか?

今までテーブルでやっていたのですが、スタイルシートでline-heightを
指定していると、NN4.01だと表示がおかしくなってしまうのです。


307 名前: Name_Not_Found 投稿日: 2000/12/12(火) 03:25
NN4.xはline-heightにバグがあります。
line-heightを指定する場合、その部分だけ@importで外に追い出しておきましょう。



308 名前: Name_Not_Found 投稿日: 2000/12/12(火) 03:39
>>57から>>59を参考にしなされ




309 名前: tips 投稿日: 2000/12/12(火) 03:59
>>308
そういうときは
>>57-59
と書くといいぞ。


310 名前: Name_Not_Found 投稿日: 2000/12/12(火) 06:31
教えていただきたいのですが、
ブラウザのサイズ変更があっても改行しない(nowrap)は、
どのように記述したらよろしいのでしょうか?


311 名前: Name_Not_Found 投稿日: 2000/12/12(火) 07:47
white-space:nowrap

ていうかこのくらい自分で調べれば分かることでしょう。
プロパティ一覧とか見ればすぐにでも。
なんでいちいち人に頼るの? そんなに自分で調べるのメンドクサイの?
そんなだからスキルが向上しないのよ。


312 名前: 310 投稿日: 2000/12/12(火) 08:49
>>311
SEのスタイルシート辞典を使っており、ある程度のことはしました。
(white-space:nowrapの記述はありませんでした)
いちいち頼るの、といわれても質問スレということでしたので
質問させていただいたのですが。。。。。




313 名前: Name_Not_Found 投稿日: 2000/12/12(火) 09:23
■■■■■■■■■■■■■■■■■■■■
以降の書き込みは以下のところへお願いします。

HP制作初心者用スレッド Ver3
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=974578505
■■■■■■■■■■■■■■■■■■■■



314 名前: Name_Not_Found 投稿日: 2000/12/12(火) 09:58
>>312
white-spaceプロパティの記述がない参考書をツカマサレてしまったのが、
かえすがえすも残念だね。まあ 311 はちょっと今日機嫌が悪かったみたい
だけど、話せばいいヤツだからさ。また質問してよ。


315 名前: Name_Not_Found 投稿日: 2000/12/12(火) 10:20
今、white-space:nowrapを理解してくれるブラウザってあります?


316 名前: Name_Not_Found 投稿日: 2000/12/12(火) 10:31
>>315 NN4.0b2以降


317 名前: Name_Not_Found 投稿日: 2000/12/12(火) 10:36
>>310
初心者が来るところじゃないんだよ(藁


318 名前: Name_Not_Found 投稿日: 2000/12/12(火) 10:38
>>317
オマエモナーオレモナー省エネ


319 名前: Name_Not_Found 投稿日: 2000/12/12(火) 10:56
なぜにスタイルシートに拘る?


320 名前: Name_Not_Found 投稿日: 2000/12/12(火) 11:34
>>319
W3C信者であれば拘るしかあるまい。
HTMLは使えないからな。


321 名前: Name_Not_Found 投稿日: 2000/12/12(火) 12:03
尋ねにくい雰囲気ですね^^;;;


322 名前: Name_Not_Found 投稿日: 2000/12/12(火) 12:25
>>321
まあみんな今日はちょっと虫の居所が悪いみたいだけど、
話せば気のいいヤツラだからさ。遠慮なく質問してよ。


323 名前: Name_Not_Found 投稿日: 2000/12/12(火) 21:31
>310
IEサポートしてねえから、使うな
こんなの使ったらスキル向上しねぇぞ(ワラ


324 名前: Name_Not_Found 投稿日: 2000/12/13(水) 00:51
>>323君は今日もごきげんだね


325 名前: Name_Not_Found 投稿日: 2000/12/13(水) 04:52
☆☆☆☆☆結論:スタイルシートは不要☆☆☆☆☆


326 名前: 名無しさん@1周年 投稿日: 2000/12/13(水) 11:38
下記のソース、GeckoとIE5.5で著しく挙動が違うんだけど、どっちが正しいの?

<?xml version="1.0" encoding="Shift_JIS" ?>
<!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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="prev" href="index.html" title="ホーム" />
<title>テーブルのnowrap</title>
<style>
<!--
col.A { text-align: right; white-space: nowrap; }
table.sample col.A { text-align: left; white-space: normal; }
-->
</style>
</head>
<body>

<table summary="CSSのテスト用テーブル" border="1" cellspacing="0" class="sample">
<colgroup>
<col class="A" />
<col class="B" />
</colgroup>
<thead>
<tr>
<th>A</th>
<th>B</th>
</tr>
</thead>
<tbody>
<tr>
<th>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</th>
<td>100</td>
</td>
</tr>
<tr>
<th>いいいいいいいいいいいいいいいいい</th>
<td>200</td>
</tr>
<tr>
<th>うううううう</th>
<td>300</td>
</tr>
</tbody>
</table>

</body>
</html>



327 名前: Name_Not_Found 投稿日: 2000/12/13(水) 11:56
まあなんていうかあれだ。
border属性使ってる時点で厨房決定。


328 名前: Name_Not_Found 投稿日: 2000/12/13(水) 11:58
>>326
white-spaceプロパティはIE対応してない。


329 名前: >327 投稿日: 2000/12/13(水) 12:09
じゃあどうすればいい?と聞かれてもお前じゃ答えられないだろ?
お前は消防以下だな。


330 名前: Name_Not_Found 投稿日: 2000/12/13(水) 13:07

バカ発見。

frame属性に決まってんだろ。


331 名前: >328 投稿日: 2000/12/13(水) 13:10
>white-spaceプロパティはIE対応してない。

してるだろ。
326のHTMLを表示させてみれば分かる。
ろくに試しもしないで断定する厨房決定。


332 名前: Name_Not_Found 投稿日: 2000/12/13(水) 13:23
>>326
テーブル使ってる時点でダメ
目とかみれなくなったら大変よ!!



333 名前: Name_Not_Found 投稿日: 2000/12/13(水) 14:41
CSS3
は何時でるの?


334 名前: あぼーん 投稿日: あぼーん
あぼーん


335 名前: Name_Not_Found 投稿日: 2000/12/13(水) 18:15
クソスレたてるな。
#############################終了###############################



336 名前: Name_Not_Found 投稿日: 2000/12/14(木) 00:15
>>326
つーか、
<td>100</td>
</td>
ってのがおかしいぞ。


337 名前: Name_Not_Found 投稿日: 2000/12/14(木) 07:46
>>331
5.5以降でしょ



338 名前: Name_Not_Found 投稿日: 2000/12/14(木) 08:11
font-family使うとネスケはまるであかんの?


339 名前: Name_Not_Found 投稿日: 2000/12/14(木) 13:54
CSS2に完全対応してるブラウザって出てますか?


340 名前: Name_Not_Found 投稿日: 2000/12/14(木) 19:28
age


341 名前: Name_Not_Found 投稿日: 2000/12/14(木) 21:58
>>339
完全対応は、まだないね。N6が一番それに近いけど、未対応の部分も結構あるし。


342 名前: Name_Not_Found 投稿日: 2000/12/15(金) 02:00
NN6ってa:hoverは対応してますか?
私の記述がアホなだけなのか・・・??


343 名前: Name_Not_Found 投稿日: 2000/12/15(金) 02:10
NN6はa:hover一応対応しているみたいだ。
しかしテーブルの中には効かない。ああ愛おしのバカブラウザ


344 名前: Name_Not_Found 投稿日: 2000/12/15(金) 03:31
>>343
ああ、テーブルの中だからだめだったのか・・・
いろいろ悩んじゃいました。
「どこの記述が間違っとるんじゃ、アホーーーーーー!!」って


345 名前: Name_Not_Found 投稿日: 2000/12/15(金) 04:37
今Mozillaで試したらちゃんと認識されてた。



346 名前: Name_Not_Found 投稿日: 2000/12/15(金) 08:49
          ||                ||
          || このスレッドは終了!     .||
          ||          。   ΛΛ   / ̄ ̄ ̄ ̄ ̄ ̄ ̄
  ハーイ!     ||          \ (゚Д゚ ) <  いいですね!
          ||________⊂  ι|   \_______
  ∧ ∧    ∧ ∧    ∧ ∧     |  |
  (  ∧ ∧ (   ∧ ∧ (  ∧ ∧    UU~
〜(_(  ∧ ∧ __(  ∧ ∧__(    ∧ ∧    ハーイ!
  〜(_(  ∧ ∧_(  ∧ ∧_ (  ∧ ∧
    〜(_(   ,,)〜(_(   ,,)〜(_(   ,,)
      〜(___ノ  〜(___ノ   〜(___ノ



347 名前: Name_Not_Found 投稿日: 2000/12/15(金) 09:54
駄スレ立てるな。

質問は、HP制作初心者スレで。
http://mentai.2ch.net/test/read.cgi?bbs=hp&key=974578505&ls=50
=============終了=============



348 名前: Name_Not_Found 投稿日: 2000/12/16(土) 01:45
テーブルの1つのセルの中にボタンを並べて2つ置きたいんだけど、
必ず横に並んで、なおかつ左右に余白を入れたくない。
もちろんpxやptは使いたくない。

どうやればいいの?



349 名前: Name_Not_Found 投稿日: 2000/12/16(土) 01:58
>>348
<form> 〜 </form> 内にテーブルを入れる?


350 名前: 348 投稿日: 2000/12/16(土) 02:24
TD要素の中にFORM要素を入れて、
隙間なし(マージン・ゼロ)で2つのボタンを並べたいのです。



351 名前: Name_Not_Found 投稿日: 2000/12/16(土) 02:43
>>350
それをCSSで実現したいの?


352 名前: Name_Not_Found 投稿日: 2000/12/16(土) 02:44
348の質問内容がさっぱりわからないのは俺だけか。


353 名前: Name_Not_Found 投稿日: 2000/12/16(土) 02:44
cssならこんな感じでどうだろう。

td{padding:0;}
td form{margin:0;padding:0;}
td form input{width:50%;margin:0;}

つーかこんな指定で効くのかな……



354 名前: Name_Not_Found 投稿日: 2000/12/16(土) 02:45
そもそも<form>ってテーブルの中に入れていいの?


355 名前: 名無しさん@そうだ選挙にいこう 投稿日: 2000/12/16(土) 02:48
>>354
できる。TD要素はブロック要素を包含可能。



356 名前: 348 投稿日: 2000/12/16(土) 02:54
もう一度分かりやすく書きます。

TABLEがあって、width:80% になってます。
セルは4X4です。
1列目は文字列。残りの3列には1個のセルにFORM要素が1個ずつ入っていて、
それぞれのFORM要素は<INPUT TYPE="BUTTON" />を2つずつ含んでいます。
で、TABLEが80%幅なので、ボタンの両脇に隙間ができてスカスカになるんです。

1列目は幅が広くなってもいいので、ボタンの入ってる3列のセルをピチピチにしたいのです。
でも、3列のセルをwidth: 1emとかにすると、2つのボタンが改行されてしまう。
改行なく、1列目が広くなることによって、ピチピチにボタンを並べたいのです。





357 名前: 348 投稿日: 2000/12/16(土) 02:56
あ、pxやptなどの固定長は使いたくありません。


358 名前: 353 投稿日: 2000/12/16(土) 03:06
いや、だからさ、とりあえず上の試してみてよ。
それで結果書いてくれたらまた別のアイデア出せるし。



359 名前: あぼーん 投稿日: あぼーん
あぼーん


360 名前: 348 投稿日: 2000/12/16(土) 15:15
>>358
ボタンが異様に大きいです。
ボタンの大きさは変えたくないんです。


361 名前: あぼーん 投稿日: あぼーん
あぼーん


362 名前: Name_Not_Found 投稿日: 2000/12/16(土) 15:50
CSSの質問という時点で初心者ではない。
もうちょっと捻った荒らし方プリーズ。
笑わせてくれ・・・


363 名前: Name_Not_Found 投稿日: 2000/12/16(土) 16:03
>>348
あなたのような威丈高な質問者はなかなかいませんね。
キミのような人には下記のようなどこか間違ったHTMLでじゅうぶんです。
これ見て納得できてもできなくてももう来ないで下さい。

<head>
<style>
form{margin:0px;padding:0px}
</style>
</head>
<table width="80%">
<tr>
<td width="100%">文字列</td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
</tr>
<tr>
<td>文字列</td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
</tr>
<tr>
<td>文字列</td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
</tr>
<tr>
<td>文字列</td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
<td><form><input type="button" value=" "><input type="button" value=" "></form></td>
</tr>
</table>


364 名前: Name_Not_Found 投稿日: 2000/12/16(土) 16:40
CSSは初心者でもできますよ
CSS使ったくらいで初心者を脱した気になるのは己の程度が知れますので
ご注意を




365 名前: Name_Not_Found 投稿日: 2000/12/16(土) 16:41
つーことで

----------- 終了----------


366 名前: Name_Not_Found 投稿日: 2000/12/16(土) 16:57
まーアレだな。CSSが初心者向けかそうでないかという議論は置いといて、初心者スレを始めとしてあちこちのスレでCSSの質問が出始めて、質疑応答や議論の場が分散するのが不便だから、専用スレ立ててまとめましょうよと。

ついでにCSSのキライな人たちの邪魔にならないようにしましょうよというのがこのスレの意義なんだな。

CSS好きな人はこのスレの中で大いに盛り上がればいいし、CSSキライな人はCSS好きをこのスレに隔離したと思ってもらえればいいんだな。

副産物としてCSSキライ派による理不尽な荒らしもこのスレに一本化できるしな。


367 名前: 353 投稿日: 2000/12/16(土) 18:07
>>360
あー俺の理解した範囲だと要するにテーブルのサイズが変わってもボタンを全部左又は右に詰めて表示したい、ってこと?
だったら、<td colspan="3">にして一つのセルにformを3つ並べて
form{display:inline;}
でどうだろう。



368 名前: 353追記 投稿日: 2000/12/16(土) 18:20
<td colspan="3" class="forms">

td.forms{text-align:left;}
左に寄せるときはこうね。



369 名前: 名無しさん 投稿日: 2000/12/16(土) 18:22
ボックスの中にボックスを入れたいのですがどうすればいいのでしょうか?
<div style=""><div style=""></div></div>のようにDIVを入れ子にするのは
文法違反ですよね?


370 名前: Name_Not_Found 投稿日: 2000/12/16(土) 18:41
>>369DIVの入れ子は違反じゃないよ。


371 名前: Name_Not_Found 投稿日: 2000/12/16(土) 19:58
つーことで

----------- 終了----------



372 名前: Name_Not_Found 投稿日: 2000/12/17(日) 01:48
DIVの入れ子は違反じゃなかったのか・・・
一つ勉強になった。


373 名前: Name_Not_Found 投稿日: 2000/12/17(日) 21:16
ブロック要素はブロック要素を含めるでしょ?
全部のブロック要素がそういうわけじゃないけど

・・・つか、これHTMLだな


374 名前: アンチ・終了荒らし 投稿日: 2000/12/18(月) 02:40
 
 アガレ〜♪   ☆
          /   .。.:*・゜☆.。
    ∧_∧  /
    (*゚ー゚)/)
    ⊂   く 
     ノ  つつ

■再開■


375 名前: Name_Not_Found 投稿日: 2000/12/18(月) 02:56
◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎
◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎
◎◎◎◎●◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎●●●●●●●◎◎◎◎●◎◎◎◎◎◎◎◎
◎◎◎◎●●●●●●◎●◎◎●◎◎◎◎●◎◎◎◎◎◎◎◎●◎◎◎◎●◎◎◎◎◎◎◎◎
◎◎◎●◎◎◎◎◎●◎◎●◎◎●◎◎◎●◎◎◎◎◎◎◎◎●◎◎◎◎●◎◎◎◎◎◎◎◎
◎◎●◎◎◎◎◎◎●◎◎◎●◎◎●◎◎●◎◎◎◎◎◎◎●◎◎◎◎◎●◎◎◎◎◎◎◎◎
◎●◎◎◎◎◎◎●◎◎◎◎◎◎◎◎◎◎●◎◎◎◎◎◎◎●◎◎◎◎◎●◎◎◎◎◎◎●◎
◎◎◎◎◎◎◎◎●◎◎◎◎◎◎◎◎◎●◎◎◎◎◎◎◎●◎◎◎◎◎◎●◎◎◎◎◎◎●◎
◎◎◎◎◎◎◎●◎◎◎◎◎◎◎◎◎◎●◎◎◎◎◎◎●◎●◎◎◎◎◎●◎◎◎◎◎●◎◎
◎◎◎◎◎◎●◎◎◎◎◎◎◎◎◎◎●◎◎◎◎◎◎●◎◎◎●◎◎◎◎●◎◎◎◎●◎◎◎
◎◎◎◎●●◎◎◎◎◎◎◎◎◎●●◎◎◎◎◎◎●◎◎◎◎◎●◎◎◎●◎◎●●◎◎◎◎
◎◎●●◎◎◎◎◎◎◎◎◎●●◎◎◎◎◎◎●●◎◎◎◎◎◎◎●◎◎●●●◎◎◎◎◎◎
◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎
*


376 名前: Name_Not_Found 投稿日: 2000/12/18(月) 03:09
>>375
旧世代は、どっか逝け


377 名前: Name_Not_Found 投稿日: 2000/12/18(月) 03:12
ブロック要素を含むことができないブロック要素って、P のほかに
何がある? hn とか address とかもそうかな。


378 名前: Name_Not_Found 投稿日: 2000/12/18(月) 03:20
┌────────────────────────────┐
|ミ田 Explorer                                × |
├────────────────────────────┤
| _,_  このスレッドは1が不正な処理を行ったので    _____  |
|(×) 強制終了します。                 | 閉じる(C)|  |
|  ̄                               ̄ ̄ ̄ ̄ ̄  |
|    終了しない場合は、削除人に連絡して                   |
|    スレッドの削除依頼をしてください。                 _____  |
|                                  | 詳細(D)>>| |
|                                 ̄ ̄ ̄ ̄ ̄  |
└────────────────────────────┘



379 名前: Name_Not_Found 投稿日: 2000/12/18(月) 03:23
>>377
DTを使ってるリスト。あと、PREかな。


380 名前: Name_Not_Found 投稿日: 2000/12/18(月) 03:23
>>377
つけたし。Addressは、StrictじゃなきゃPを含めたような。


381 名前: Name_Not_Found 投稿日: 2000/12/18(月) 03:28
厳密にはHrもだが・・・これもHTMLだな。


382 名前: Name_Not_Found 投稿日: 2000/12/18(月) 12:46
>>379
DTは、リストアイテムであって、ブロック要素じゃないよ。
HTMLの話題なので、sage。


383 名前: Name_Not_Found 投稿日: 2000/12/18(月) 12:58
>>378
次世代のデザイナになれないやつは、どっか逝け


384 名前: Name_Not_Found 投稿日: 2000/12/18(月) 17:00
>>378

>sage荒らし、終了荒らしは無条件で削除対象となります。勝手にスレッドを終了させるような行為は慎みましょう。
>sageで煽るのは板全体の荒廃を助長しますので慎みましょう。

ちゃんと読めや、ウインナー!!


385 名前: Name_Not_Found 投稿日: 2000/12/18(月) 17:48
>>342-345
A:hoverだと<A name="2ch" id="2ch">みたいな
リンクの終点側アンカーにも反応しちゃうと思う……。
A:link:hoverやA:visited:hoverと書けばいいのかな……?


386 名前: Name_Not_Found 投稿日: 2000/12/18(月) 17:55
>>385
a:hover はハイパーリンクにしか効かないようよ


387 名前: Name_Not_Found 投稿日: 2000/12/18(月) 18:07
>>386
CSS2では:hover, :active, :focusは汎用疑似クラスなので、>>385のようなやり方がベターと思う。



388 名前: 385 投稿日: 2000/12/18(月) 18:41
ああid(id属性)は名前開始文字で始めなきゃいけないんだった。
よって385の"id="2ch"は間違いです。ごめん。

ところで、点字のメディアタイプって"embossed"なの"emboss"なの?
一覧では"embossed"って書い