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

■ このスレッドは過去ログ倉庫に格納されています

/* CSS、スタイルシート質問スレッド【12】 */

1 :前スレの980:02/10/18 15:29 ID:???
Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

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

質問の前に、まず >>5 の【FAQ】を参照してください。
【FAQ】でわからなかった場合は、過去ログを検索しましょう。
WinIEの場合は、[Ctrl+F]で検索できます。

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

また、「環境を書け」とか「ソースは?」と求められたときは
応じるようにしましょう。回答が早く返るようにするためです。
特にNetscapeについては、ヴァージョンについても必ず明記する
ようにしてください。ネスケは、4までと6以降でまったく別物です。

※ マターリ進行推奨 ※

>>2 【前スレ】【過去ログ】【関連スレ】
>>3 【仕様書】【CSS検証】
>>4 【解説など】
>>5 【FAQ】

2 :1:02/10/18 15:30 ID:???
【前スレ】
 http://pc3.2ch.net/test/read.cgi/hp/1031773943/

【過去ログ】
 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/
 http://pc3.2ch.net/test/read.cgi/hp/1028646616/

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

3 :1:02/10/18 15:31 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
 http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

【CSS検証】
・W3C CSS 検証サービス
 http://jigsaw.w3.org/css-validator/

4 :1:02/10/18 15:32 ID:???
【解説など】
・ごく簡単な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://is.vis.ne.jp/charts/index.xhtml

5 :1:02/10/18 15:33 ID:???
【FAQ】

Q: IEで見ると大丈夫なのに、Netscape6(or7)で見ると、横スクロールバーが出てしまうのですが……

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.fromdfj.net/html/border2.html

Q: Netscape6(or7)では、text-alignにcenterを指定してやっても、table(や、その他のブロック要素)をセンタリングできません。IEではセンタリングされるのに……

A: IEの実装が間違っています。くわしくは下記のページをごらんください。

http://anslasax.net/css-make/t-a/index.html
http://tancro.stp-1.com/stylesheet/n6_center.html
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
http://www.mozilla.gr.jp/standards/webtips0004.html

6 :Name_Not_Found:02/10/18 17:27 ID:???
>>2はリンク切れ多し。訂正!

【前スレ】
 http://pc3.2ch.net/test/read.cgi/hp/1031773943/

【過去ログ】
 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://pc.2ch.net/hp/kako/1015/10154/1015474859.html
 http://pc.2ch.net/hp/kako/1019/10198/1019881572.html
 http://pc3.2ch.net/test/read.cgi/hp/1025346520/
 http://pc3.2ch.net/test/read.cgi/hp/1028646616/

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


7 :Name_Not_Found:02/10/18 17:34 ID:???
追加参考ページ

CSSバグリスト@CSSバグ辞典スレッド
 http://cssbug.tripod.co.jp/index.html

Web標準普及プロジェクト(特に「HTML/CSSのよくある誤解・ミス」)
 http://www.mozilla.gr.jp/standards/index.html

8 :Name_Not_Found:02/10/18 17:43 ID:???
( ´∀`)< CSS でイケてるデザインサイトリンク集
 http://webcafe.zive.net/~css/

* CSS { イケてるスタイルを:"作れ";} 発表所
 http://www32.tok2.com/home/css/clip/joyful.cgi

ブラウザによる振り分け
 http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua

9 :Name_Not_Found:02/10/18 19:38 ID:???
>>1-8乙。

ついでにage

10 :Name_Not_Found:02/10/18 20:32 ID:53E0J7kL
www.cssmaker.com

yahooに載ってたけど使えるの?


11 :Name_Not_Found:02/10/18 20:52 ID:???
>>10
http://www.cssmaker.com
背景色を画像に頼ってるね。background-colorでないから、画像切ると読みにくくて……。
CSS流布サイトとしてはいかがなものか。
それに結局は色とフォントの指定だけでしょ?

12 :Name_Not_Found:02/10/18 20:57 ID:???
http://www.cssmaker.com/css/
font-sizeをpxとpt単位でしか指定できない点でもう失格。
固定はダメ。%かemですよ、やっぱり。

13 :Name_Not_Found:02/10/18 21:05 ID:???
>>10 ここでも読んで出直せ、と。

「フォント名の指定は一般名と併用するべきです」
http://www.mozilla.gr.jp/standards/webtips0007.html

14 :Name_Not_Found:02/10/18 22:23 ID:IasG4rAo
どっかのスレで「クラス名に"right"はよくない」ってみたんだけど、
なんでなんですか?

数字を使うのはよくないってのは知ってるんですが。

15 :Name_Not_Found:02/10/18 22:29 ID:???
>>14
Strict教徒のみなさんに訊いた方がよくわかるのでは。↓
http://pc3.2ch.net/test/read.cgi/hp/1033282702/l50

16 :Name_Not_Found:02/10/18 22:34 ID:???
>>14
「右」だから
class、ID名はhtmlの内容に基づいて付けられるべきものです

17 :Name_Not_Found:02/10/18 22:47 ID:???
>>16
でもまあ、見栄えを制禦するためのCSSなんだから、
見栄えから来たclass名があってもいい気がするけどね、私は。

18 :Name_Not_Found:02/10/18 22:50 ID:???
>>17
代替シートはどうします?
「右」と名付けられた要素がどのシートでも右に来るとは限らないでしょう

19 :Name_Not_Found:02/10/18 22:54 ID:???
>>17
いや、class属性の値はCSSだけじゃなくて、HTMLにも書かれるものだから。
というか、そもそもclass属性自体がCSSのために書くものじゃないし。

20 :Name_Not_Found:02/10/18 23:00 ID:???
http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#h-7.5.2
> The class attribute has several roles in HTML:
> - As a style sheet selector (when an author wishes to assign style information to a set of elements).

21 :Name_Not_Found:02/10/18 23:11 ID:???
>>18
ハァ?

22 :Name_Not_Found:02/10/18 23:16 ID:???
>>21
話が見えてない厨房はすっこんでて下さい。

23 :Name_Not_Found:02/10/18 23:24 ID:???
>>14
> どっかのスレで「クラス名に"right"はよくない」ってみたんだけど、
> なんでなんですか?
見た目の「右」を制御するためのクラス名で無ければ、問題無いと思うよ。
例えば、以下のように。

  <ul>
    <li class="right">稲葉</li>
    <li class="center">飯田</li>
    <li class="left">ラミレス</li>
  </ul>

クラス名も含めて、HTML に見た目を指定する痕跡を残さない方が、
CSS を書く上ではあとあと便利ですよーって話かと。

24 :Name_Not_Found:02/10/18 23:29 ID:???
>>14
CSS(3)でそのページを縦書きにしたら「右」でなくなるかも。

ところでクラス名に数字ってほんとによくないの?
先頭でなければいいと思ったけど。

25 :Name_Not_Found:02/10/18 23:31 ID:???
たとえば強調したいときに赤くしたので class="red" ってしてたけど
後になって青くして強調しようと思ったときマズーだから
っていうのでもあってるかな?

26 :Name_Not_Found:02/10/18 23:34 ID:???
>>25
強調なら<em>や<strong>といってみる

27 :Name_Not_Found:02/10/18 23:34 ID:???
>>25

まあそういうことです。てゆーか、それに尽きます。

一時の気まぐれをhtml中に持ち込むと、後々面倒だというのは
やっているうちにわかってくる。

28 :Name_Not_Found:02/10/18 23:37 ID:???
一時の気まぐれでなくても後々変えたくなるものは出てくるがね。

29 :Name_Not_Found:02/10/18 23:37 ID:???
>>27
確かに面倒だね。確かに。
文書構成・構造の正しい理解がない俺は、いつも後で息詰まってる。
最近、ようやくこなれてきた感じかな。

30 :Name_Not_Found:02/10/18 23:38 ID:???
class="red"で赤くしたり、class="right"で右寄せしたりするのは
レガシーな物理マークアップをしてるのと大差ないと思う。

31 :14:02/10/18 23:57 ID:???
たくさんのレス、ありがとうございます。

つまり、クラス名は「どうしたいか」という基準で名前を
つけるのはよろしくない、と。

32 :Name_Not_Found:02/10/19 00:11 ID:???
えっ!?

33 :Name_Not_Found:02/10/19 01:20 ID:???
いやまあ、彼なりに分かってるんだと思う。

34 :Name_Not_Found:02/10/19 02:06 ID:???
>>19
>というか、そもそもclass属性自体がCSSのために書くものじゃないし。

でも、class属性がCSSのセレクタとして以外に利用される場合ってありますか?

35 :Name_Not_Found:02/10/19 02:26 ID:???
では実際に、右寄せするだけの指定に対し、みなさんならどんなclass名を付与しますか?
.right {text-align:right;}
とか
.right {float:left;width:50%;}
とかですが。
text-align:left/center/rightをそれぞれmitame1,mitame2,mitame3とするとか?
他にうまい名が浮かびません……。

36 :Name_Not_Found:02/10/19 02:26 ID:???
あんたみたいなひとがいるから後方互換がなくなるんです、この野郎。

37 :Name_Not_Found:02/10/19 02:28 ID:???


38 :Name_Not_Found:02/10/19 02:32 ID:???
>>35
1から読め。根本的にそういう名づけ方はおすすめできない。
どんな要素について右寄せするのか、ということを考えよう。


39 :35:02/10/19 02:37 ID:???
>>38
>どんな要素について右寄せするのか

要素は特に決まってなくて、或る位置のpだったり或る部分のciteだったり任意で、
見た目のデザイン上右寄せしたいものです。
だからclass名が無くて困ってるんです。
どう対処すればいいですか?

40 :Name_Not_Found:02/10/19 03:01 ID:???
id振れば?

41 :Name_Not_Found:02/10/19 03:08 ID:???
>>40
それだと、セレクタが異様に肥大化することになりますね。
 ID1, ID2, ID3, ……IDn {text-align:right;}
クラス・セレクタ一つだけの簡潔性に如かず。
 .class1 {text-align:right;}

42 :Name_Not_Found:02/10/19 03:13 ID:???
>>39
そっちの意味の要素じゃなくて、
右寄せしたい部分の内容に則ったclassを振ればってことでしょ。

43 :35:02/10/19 03:19 ID:???
>>42
>右寄せしたい部分の内容に則ったclassを振ればってことでしょ。
右寄せしたい部分が場合によってさまざまで、
それらの内容に統一された性格が無いわけです。
だからclassを振るにも“right”とでもする以外、案が出ないんですよ。

44 :Name_Not_Found:02/10/19 03:36 ID:???
そこまでこだわるなら、デザイン上なぜ右寄せにしたいのか理由を述べなさい、この野郎。

45 :Name_Not_Found:02/10/19 03:39 ID:???
発想からして違うな

意味もなくあっちにやったりこっちにやったりすな
としか言えん

46 :Name_Not_Found:02/10/19 03:47 ID:???
                         正直おれも>>35といっしょのことしてる(・∀・)イイヨネ

47 :Name_Not_Found:02/10/19 03:53 ID:???
classは内容に即したものを与えて、
何を右寄せするかといった選択はCSS側でやればいい。
論理構造とデザインの分離ってそういうことじゃないの?

48 :Name_Not_Found:02/10/19 03:59 ID:???
>>5
> Macintosh版 Internet Explorer 5 や Netscape 6 では正しく計算されます。
> Windows版 Inernet Explorer 6 の標準準拠モードでは、正しく計算されるようになりました。
MacIEも正しく計算するのは標準準拠モードのときだけだったはず

49 :Name_Not_Found:02/10/19 04:49 ID:???
>>34
スクリプトで特定のclassをふられた要素のコレクションを取得する時などに便利です。


50 :Name_Not_Found:02/10/19 04:54 ID:???
>>41
.right { text-align:right; }
よりも
#header, #navigation, #footer { text-align: right; }
のほうがまだマシだとおもう。
ほんの数文字の差で前者を選ぶのはエレガントではない。

idの数が異様に多くてKB単位のセレクタになってしまうのなら、スタイルシートの記述を根本的に考え直した方がいい。
例えば、共通の親にtext-align:rightを指定して、左寄せする部分だけclassなりidなりを指定する、とか。


51 :これもやっぱりいけないのかな?:02/10/19 05:28 ID:???
http://www.mozilla.gr.jp/standards/webtips0021.html
↑ここみたいに、floatによる擬似段組を包含する親要素に高さを持たせるために
<br>や<hr>にclear;both;を指定してる。(でないと背景色も見えなくなるからね)
勿論、他のブロックレベル要素があるならそれにclearを指定する。
その場合、シートに .claer {clear:both;} として、
clearさせたい<br>や<hr>やブロックレベル要素にclass="clear"を振ってる。
#main {border:4px double red; background:black;}
.leftcol {float:left; width:49%; background:#ccc;}
.rightcol {float:right; width:49%; background:#ccc;}
.claer {clear:both;}
<div id="main">
<p class="leftcol">左段です</p>
<p class="rightcol">右段です</p>
<br class="clear">
</div>
これもやっぱりいけないのかな?

52 :51:02/10/19 05:32 ID:???
つまり"right"と同様、その見た目の形式によって"clear"とclass名を振ってるわけで。
適用される要素はページによって様々で、一定しないから、内容による名前の付与ができない。
いい方法があるならどうかご教示ください。

53 :Name_Not_Found:02/10/19 06:28 ID:???
>>50
漏れは
.right { text-align:right; }
でいいや〜。
エレガントではないけど、CSS的に間違ってるかもだけどスマートだし〜。
名前考えるのめんどっちぃし〜。
〜〜〜ヽ(´ー`)ノ

54 :Name_Not_Found:02/10/19 08:26 ID:???
>>53
開き直り(・A・)イクナイ!

55 :Name_Not_Found:02/10/19 09:28 ID:???
最初に書くときはめんどっちいし適当でいいや〜
と思うんだけど、あとでスタイル変えたくなったときに泣くハメに

スタイル変更するたびにHTMLにまで手を加えなけりゃならんのは
「論理構造とデザインの分離」とは言えない

56 :Name_Not_Found:02/10/19 10:05 ID:???
定義語リストを使って、例えば図のようなセンタリング
(dtとそれに続くddを1行にして、その行全体をセンタリング)をするには
どのようなCSSにすればいいでしょうか?

dtの内容=●、ddの内容=○

     ●●○○○○○○
   ●●●●●○○○○○○○
    ●●○○○○○○○○
  ●●●●○○○○○○○○○○
     ●●●●○○○○

57 : ◆zkraGArAss :02/10/19 11:39 ID:???
>>56
DL要素にセンタリングして、
DT、DD要素に色つけてマージンを0にする。
で、ディスプレーはインライン。


dl{ text-align:center;}
dt{ color:#000; display:inline; margin-right:0;}
dd{ color:#f00; display:inline; margin-left :0;}
--ソース--
<dl>
<dt>YOYO</dt><dd>YOYOYOYOYO</dd><br>
<dt>YOYO</dt><dd>YOYOYOYOYO</dd><br>
<dt>YOYO</dt><dd>YOYOYOYOYO</dd><br>
<dt>YOYO</dt><dd>YOYOYOYOYO</dd><br>
</dl>

こんなんでどうよ。

58 :Name_Not_Found:02/10/19 12:54 ID:???
>>57
dl直下のbrは不正です。

59 :Name_Not_Found:02/10/19 12:56 ID:???
<br>かよ…

60 :Name_Not_Found:02/10/19 12:57 ID:???
>>52
.leftcol > .col-main (左のカラムが本文の場合)
.rightcol > .col-menu
.clear > .clearer

内容によっては
.leftcol > .col-content
.rightcol > .col-description
かもしれない。

>>52のものとの違いが分かりますか?


61 :Name_Not_Found:02/10/19 13:09 ID:???
>>57
あの、既出になりまして大変恐縮なんですが、
DL要素の子になれるのは DT と DD だけじゃないでしょうか。
いえ、HTMLソースを拝見した所 BR があるのが気になりまして…。
そこで提案なのですが、:after 疑似要素で改行を加えてはいかがですか。
  dl{ text-align:center; }
  dt{ display:inline; padding:0; margin:0; font-weight:bold; }
  dd{ display:inline; padding:0; margin:0; }
  dd:after { content:'\A'; white-space:pre; }
対応ブラウザが少ないのは、私の不徳の致すところであります。
今回の件につきましては、これにて御容赦願えませんでしょうか。

62 :Name_Not_Found:02/10/19 13:26 ID:???
>>56
dt{display:run-in}
dd{text-align:center}
でいいんじゃねーの?
macのie5とoperaしか対応してないけど

63 :4-4-2:02/10/19 13:31 ID:???
    ●   ●
●      ●
  ●  ●    ○
●       ●
    ●   ●

64 :Name_Not_Found:02/10/19 13:43 ID:???
   ●  ワーワー
 ●   ●
●  ○  ●
 ●    ●
    ●●
   ●  ワーワー

65 :Name_Not_Found:02/10/19 13:51 ID:???
dtの内容=●、ddの内容=○

66 :Name_Not_Found:02/10/19 14:17 ID:Yl71pmeL
CSSの対応について知りたかったので本やWEBサイトを
見てまわりました。
しかし、本によって同じプロパティが対応となってたり、非対応となってたり、
WEBサイトでも同じ状況です。
どれを信用すればいいですか?おしえてください

67 :Name_Not_Found:02/10/19 14:41 ID:9r3kkJUF
実際試してみればいいのでは

68 :Name_Not_Found:02/10/19 14:50 ID:???
>>67
Windowsなら試せますが、Macまで手が回りません。
それに自分の解釈が合ってるかどうかの自信もありません。
Mozillaが100%正しいってわけでもないみたいですし。

69 :Name_Not_Found:02/10/19 14:52 ID:???
じゃあ無理では

70 :Name_Not_Found:02/10/19 14:59 ID:???
>>69
そんな…
WEBサイトはともかく、本は金取るくせに
こんないい加減なことでいいのですか…

71 :Name_Not_Found:02/10/19 15:06 ID:???
だからよ なんでここで文句言ってんだよ アフォか?
著者に聞けや

72 :Name_Not_Found:02/10/19 15:12 ID:???
そんなきわどいプロパティ使わなくても効果的なサイトデザインは十分できると思うがなあ。
あなた自身が本を出すのでもなければ何もそこまで血まなこで情報集めなくても。

73 :Name_Not_Found:02/10/19 16:13 ID:???
すいませんでした。文句言いたかったのではなく、
信用できるのを教えて欲しかったのです。
3冊見たら、3冊とも違う事が書いてある所があったので
何なんだこれは?と思った次第であります。

違う事書いてあるのは使わないようにします。

74 :Name_Not_Found:02/10/19 16:23 ID:???
>73
3冊にそれぞれどうかいてあったのか書かないことには判断できませんが,何か?

スレ違いっぽいし.↓でも読めば?
役に立つ書籍は?
http://pc3.2ch.net/test/read.cgi/hp/992793435/l50

75 :56:02/10/19 17:45 ID:zy5tZNZ+
レスをいただいた方、ありがとうございます。
>>57さん
<dt>●●</dt><dd>○○○<br /></dd>
とすると、どのブラウザ(IE5.5、NN7、Opera6.05)でもうまくいきました

>>61さん
そう、これです!
たしかにNN7しか正しく表示してくれないのは仕方ありませんね

>>62さん
残念ながらMacでは確認できないもので・・・

>>64-65さん
ちょっとウケました

あまりHTMLに手を加えたくないので、
>>61を軸にどのブラウザでも違和感なく表示させたいと思います

76 :Name_Not_Found:02/10/19 17:47 ID:???
>>75
横と縦の関係がはっきりしているからtableでもいいんじゃねえの?

77 :Name_Not_Found:02/10/20 01:42 ID:???
>>60
>>>52のものとの違いが分かりますか?

いやあ、わからんね。.clear と .clearer とで何が異なるってのさ?
>>51-52が尋ねたのは.leftcolではなく.clearの方ですぜ)
結局、class="right"と大差無いんでは? 解決になってない。

78 :Name_Not_Found:02/10/20 01:45 ID:???
>>61
contentなんかに頼らずとも、<br>を<dd></dd>の中に入れれば済む話やんけ。

79 :Name_Not_Found:02/10/20 01:48 ID:???
>>66
対応、非対応の基準が違うだけでしょ。
厳しい人と甘い人、いろいろいるからね。

80 :Name_Not_Found:02/10/20 02:02 ID:A6d5k0hl
>>55
なら>>51-52に「論理構造とデザインの分離」する命名法を助言してやりな。

>>66
聞く前に>>4は見たのかね。

81 :Name_Not_Found:02/10/20 03:24 ID:???
>>77
煽ってますね。


82 :Name_Not_Found:02/10/20 03:40 ID:???
表示に直結する命名を否定したのに clearer じゃ
煽られて当然だな。

> 「論理構造とデザインの分離」する命名法
なんてあるとしても文書それぞれでしょ。
どっかにページうpすれば誰かが適切にアドバイスできるかもねえ。

83 :Name_Not_Found:02/10/20 03:59 ID:???
>>82
てゆかbrに論理的なclass名を付けるのは無意味でしょ。
それ自体すでに物理要素だから。


84 :Name_Not_Found:02/10/20 04:04 ID:???
違うサイトに置いたcssを読み込んで使うことは不可能?

85 :Name_Not_Found:02/10/20 04:56 ID:???
>>84
「違うサイト」とは、異なるWWWサーバのことですか?
サーバAのCSSをサーバBのHTML文書に適用する、といった形でしょうか?
Aが外部からのリクエストに制限を加えていなければ可能ですよ。
一度お試しになってはいかがでしょう。

86 :Name_Not_Found:02/10/20 09:18 ID:oJ6U1AhQ
<A> の属性 `TARGET` はあまり薦められない属性です。
と怒られたのですが、CSSでTARGET指定はできるのでしょうか。

87 :Name_Not_Found:02/10/20 09:32 ID:???
>>86
無理

88 :Name_Not_Found:02/10/20 09:57 ID:???
Final Answer?残念。ぼくが。

89 :Name_Not_Found:02/10/20 10:03 ID:???
>>83
>てゆかbrに論理的なclass名を付けるのは無意味でしょ。
>>51をよく読みなはれ。brだけではないと言ってるし。
>clearさせたい<br>や<hr>やブロックレベル要素にclass="clear"を振ってる。
また、なぜbrを使用せざるを得ないことがあるのかは>>51の出したリンク先参照。
http://www.mozilla.gr.jp/standards/webtips0021.html

90 :Name_Not_Found:02/10/20 11:02 ID:???
body { color: #000000; background: #f5f5f5 url(../images/hoge.jpg) repeat }で
背景画像の設定を行ったのですが、NN4以外のブラウザで反映されません。相対パスで
指定したのがいけないのか、と絶対パスで記述したものをWebにあげても見たのですが
ダメでした。

記述上の勘違い・誤りがあれば御教授いただけませんでしょうか。よろしくお願いします。


91 :Name_Not_Found:02/10/20 11:12 ID:???
自己レスです。
body { background-color: #f5f5f5; background-image: url(../images/hoge.jpg) repeat }

おもいっきり属性が記述されてませんでした。GoLive6のCSS設定機能に頼り切った
のが原因のようです。大変失礼しました。

92 :Name_Not_Found:02/10/20 12:05 ID:???
>>83
> clearさせたい<br>や<hr>やブロックレベル要素にclass="clear"を振ってる。

93 :Name_Not_Found:02/10/20 12:22 ID:nyOy2LdR
>>90-91
body { background-color: #f5f5f5;
background-image: url(../images/hoge.jpg);
background-repeat: repeat;}

94 :Name_Not_Found:02/10/20 12:30 ID:???
>90
GoLiveってよく「外部CSS記述には強い」と聞いていたんだけど、その自動生成ソースは
かなり無茶苦茶ですな。

95 :sage:02/10/20 13:02 ID:???
>>92 それ>>89に既出。

96 :Name_Not_Found:02/10/20 13:44 ID:???
>>94
90の何がダメなのか、わかんない・・・なんで?
body{color:#000; background:#f5f5f5 url("../images/hoge.jpg") repeat;}
ってダメなの?

97 :Name_Not_Found:02/10/20 14:33 ID:???
>>96
別におかしくないな。
>>90-91 >>93 >>94 は一から出直せ。

98 :Name_Not_Found:02/10/20 14:36 ID:???
勘弁してくれよ…
どうなってんだこのスレ

99 :Name_Not_Found:02/10/20 14:57 ID:???
repeatって何さ。

100 :Name_Not_Found:02/10/20 15:00 ID:???
repeatじゃなかった。

101 :Name_Not_Found:02/10/20 15:40 ID:???
簡略化プロパティを知らない人がいたのかな?

102 :Name_Not_Found:02/10/20 17:18 ID:???
>101
Mac版ネスケ7/IE5.1.6に外部.cssを読み込ませて試したけど、簡略化
プロパティを認識しない。Win版IEとOperaは持ってないから分からん。

103 :Name_Not_Found:02/10/20 17:22 ID:???
>93の記述だと、今度はネスケ4.08が認識しない。
正直わけがわからん。面倒だけどネスケ専用.css設定するしかないみたい

104 :Name_Not_Found:02/10/20 17:28 ID:???
>>102-103
できたらこちらへも報告していただけませんか。

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/l50

105 :Name_Not_Found:02/10/20 17:35 ID:???
>>101
「CSS2対応状況ガイド:background-image」によれば――
http://www.zspc.com/documents/css2/colorbg/bgimage.html
Macintosh版 IE 5.0:[○]
「url()」内でURIの前後に「'」をつけた場合は背景画像が表示されない(「background-image: url('back.jpg')」は無効)。



106 :Name_Not_Found:02/10/20 18:29 ID:???
簡略化プロパティについてのバグ?CSS質問スレ12より転載

body { color: #000000; background: #f5f5f5 url(../images/hoge.jpg) repeat }

102 名前:Name_Not_Found メェル:sage 投稿日:02/10/20 17:18 ID:???
>101
Mac版ネスケ7/IE5.1.6に外部.cssを読み込ませて試したけど、簡略化
プロパティを認識しない。Win版IEとOperaは持ってないから分からん。


body { background-color: #f5f5f5;
background-image: url(../images/hoge.jpg);
background-repeat: repeat;}

103 名前:Name_Not_Found メェル:sage 投稿日:02/10/20 17:22 ID:???
今度はネスケ4.08が認識しない。
正直わけがわからん。面倒だけどネスケ専用.css設定するしかないみたい

107 :Name_Not_Found:02/10/20 18:30 ID:???
報告書こうとして誤爆した、すまそ

108 :Name_Not_Found:02/10/20 19:05 ID:???
>>103 >>106
「Netscape Navigator 4.x CSSバグリスト」より
http://cssbug.tripod.co.jp/detail/nn4x/b008.html
>本来、外部スタイルシート内の相対パスはスタイルシートファイルを基準にした
>パスであるが、NN4はこれをリンク元の文書ファイルを基準にしたパスとして扱う。


「ブラウザごとのHTML/CSSバグ?」によれば――
http://www.fromdfj.net/html/html_css_bug.html
NN4 url()
【症状】外部スタイルシートを用いた場合のパスの基準点がCSSファイルではなくHTMLファイル。有名なバグですね。
【回避策】同じフォルダ内におく

109 :Name_Not_Found:02/10/20 19:56 ID:???
幅固定したサイト作ってます
それを中央に配置したいんです
すべてdivで囲って
div{
margin-right : auto;
margin-left : auto;
}
でやちゃっていいものですか?
また、↑right left autoを省略して書けたと思うんですけどどう書けばいいんでしたっけ?

110 :Name_Not_Found:02/10/20 20:02 ID:???
margin: 0 auto;

111 :Name_Not_Found:02/10/20 20:07 ID:???
>>109
div{margin:auto;}

112 :Name_Not_Found:02/10/20 20:08 ID:???
>>109-110
margin一括指定はMacIEで無効になるバグがある。
http://www.zspc.com/documents/css2/box/margin.html
個別指定のままがよいよ。

あと、幅固定はあまり感心しないな。>>109
「横幅800固定やめろ。ブラウザ最大化するのウザイ。」
 http://pc3.2ch.net/test/read.cgi/hp/1031302476/l50

113 :Name_Not_Found:02/10/20 20:16 ID:???
デザインなんか指定しない方がいい
サイトによってナビゲーションの表現もまちまちになって
全体的にユーザビリティが低下する

114 :Name_Not_Found:02/10/20 20:17 ID:???
>>109
div{
margin-right : auto;
margin-left : auto;
width: 幅値;/*これを忘れるとmargin:autoだけではセンタリングにならないヨ*/
}


115 :Name_Not_Found:02/10/20 20:34 ID:???
幅値;/*半角じゃないとだめだヨ*/

116 :109:02/10/20 21:14 ID:???
みなさんありがとうございます!
勉強になります!

幅固定してるのは
カスイケリンク集登録サイトの方々のような
長い文章が書けないからです
(個人サイトでもないもので。)
幅固定しなくてもすっからかんなイメージにならない
ようなサイト作りを勉強します!
ありがとう!

117 :Name_Not_Found:02/10/20 23:18 ID:???
>>60
で、結局>>51-52のclass="clear"に対して
.clearerよりマシな代案は無いんですか?

118 :Name_Not_Found:02/10/20 23:53 ID:???
>>117
そもそもクラスを振らないで
#main p + br
のようにセレクタの記述で指定してやる。
ただ、シェア最大の某ブラウザが
セレクタ関係の実装がボロボロなんだよね。

119 :Name_Not_Found:02/10/21 00:03 ID:???
>>118
やはり現状ではclass属性は、CSSのためにあるものなんですねえ……。
まづCSSありき、で、クラスが振られるってことで。

120 :Name_Not_Found:02/10/21 00:37 ID:???
そんならstyle属性使ってろよ

121 :Name_Not_Found:02/10/21 01:15 ID:EzQeaT4u
携帯端末のCSS対応度ってどの程度なんでしょ?
ドリーム・キャストなみ? 考慮しなくてもよい?

122 :Name_Not_Found:02/10/21 01:25 ID:???
>>114
marginのauto指定はIEは認識しないんじゃ?

123 :Name_Not_Found:02/10/21 01:30 ID:???
>>122
>>5のFAQのリンク先読め↓。IE6から対応してるよ(但し標準モードのみ)。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
http://www.mozilla.gr.jp/standards/webtips0004.html


124 :Name_Not_Found:02/10/21 02:12 ID:???
>>119
文脈セレクタは比較的効くけどね。

125 :Name_Not_Found:02/10/21 23:50 ID:eHJvEL3v
無印の<br>は改行せず、<br class="hoge">は改行するようなスタイルシートを
作りたいのですが、うまくいきません。
こんなことできるんでしょうか?

126 :Name_Not_Found:02/10/22 00:00 ID:???
>>125
display:none;の応用とか、やり方によってはできるブラウザもあるみたいだが、
そんな無駄な<br>を挿入する位なら
インライン要素に対するdisplay:block;とdisplay:none;を活用してはどうか。

127 :Name_Not_Found:02/10/22 00:05 ID:???
>>126
できました
ありがとうぞざいます

128 :Name_Not_Found:02/10/22 00:21 ID:???
誤>インライン要素に対するdisplay:block;とdisplay:none;を活用してはどうか。
正>インライン要素に対するdisplay:block;とdisplay:inline;を活用してはどうか。


129 :visibility:hidden;:02/10/22 01:05 ID:???
皆様はdisplay:none;したいあれやこれやの箇所に、どんなclass名を振ってますか?
class="none"ではダメなんでせうか。

130 :Name_Not_Found:02/10/22 01:08 ID:???
>>129
classは付けずにセレクタによって指定している。

131 :Name_Not_Found:02/10/22 01:20 ID:???
状況依存セレクタっすね
うふふ

132 :Name_Not_Found:02/10/22 01:49 ID:???
……?

133 :Name_Not_Found:02/10/22 02:54 ID:???
HTML+CSSを理解してない人多いけど
一度代替スタイル試してみれば解ると思うんだよね
オフラインででも

134 :Name_Not_Found:02/10/22 10:10 ID:???
他人の代替シートを適用された時にヘンにならぬためにも
classを振ってるのだが。

135 :Name_Not_Found:02/10/22 11:55 ID:0qAfb4b8
テーブルを半透明にしたいと思い、
style="filter: Alpha();"を記述してみますた。
MacIE5では、半透明にならないのですが、
Win&Macともに半透明になるようにするにはどうしたらよいのでしょうか?
ネスケは無視してくださって結構です

136 :Name_Not_Found:02/10/22 12:01 ID:???
>135
IEだったら同じ動作するなんて期待しても無駄。

137 :Name_Not_Found:02/10/22 12:02 ID:???
>>135
background:trasnparent;でいいんでないの?
filterなんて使いなさんな。レンタリングが遅くなるし、いいことないよ
半透明なんて誰も求めてないし、透明でがまんしなさい。
あまり独自拡張使うと、Webオンチになるよ

138 :Name_Not_Found:02/10/22 12:08 ID:0qAfb4b8
>>136
>>137
レスありがとうございます
background:trasnparent;を使って、半透明に近い色を指定してやってみます。

139 :Name_Not_Found:02/10/22 12:15 ID:???
>>138
いや、近い色というかtransparentはとにかく透明。

背景画像にぼかしをつけた画像を指定し、ボックスの枠などに
transparentを指定すれば、半透明に見えなくもなくなくなくなくなくないかもね





140 :138:02/10/22 12:25 ID:???
勉強してきます。
スマソ

141 :Name_Not_Found:02/10/22 13:16 ID:???
セレクタの複数宣言で、大量にセレクタを宣言するときって書き方どうしてる?
改行は含められないから見辛くて仕方が無いんだけど...

142 :Name_Not_Found:02/10/22 13:36 ID:???
JIS Z 8301 規格票の様式
これに沿ったレイアウトのスタイルシートどっかにありません?

143 :Name_Not_Found:02/10/22 16:03 ID:???
>>141
カンマで改行しちゃいけないんだっけ?

144 :Name_Not_Found:02/10/22 17:10 ID:???
>>143
あ、改行できた。ごめん勘違い。

145 :Name_Not_Found:02/10/22 21:48 ID:VkId/p2C
同じページにtableが2つ有って、
このtableは全tdのフォントサイズ90%で、
このtableは全tdのフォントサイズ80%で、
というような一括指定方法が有ったら教えて下さい。

146 :Name_Not_Found:02/10/22 21:55 ID:???
>>145

tableになんかclassつけて(仮にaとbとする)

table.a td{font-size: 90%}
table.b td{font-size: 80%}

147 :Name_Not_Found:02/10/22 21:59 ID:???
一つのテーブル(又はtdの親要素)はクラス(又はid)無指定で
table (ここの間隔には必要があればtbody,th等が入る) td{
font-size: 90%;
}

もう一つのテーブル(又はtdの親要素)にはクラス(又はid)を指定する(ここでは仮に a)
table.a (ここの間隔には必要があればtbody,th等が入る) td{
font-size: 80%;
}

<table>
<tr><td></td></tr>
</tabel>

<table class="a">
<tr><td></td></tr>
</table>

148 :147:02/10/22 22:00 ID:???
ありゃ かぶったな。。。

149 :Name_Not_Found:02/10/22 22:38 ID:VkId/p2C
>>146
>>147-148
誠にありがとうございました!
「table td」ですか…勉強になりました。

150 :Name_Not_Found:02/10/22 23:04 ID:???
>>146
どうせなら
table.main
table.sub
といった例を

151 :Name_Not_Found:02/10/22 23:13 ID:PBAlrdU+
フレームで2分割した画面のメニューに使う方に、
フォトショップで自分で作ったタイトルや各種のボタンなどを
GoLiveのレイアウトグリッドという機能を使って貼り付けて
いるのですが、
これだとモニタでブラウザの半分の画面で表示させているのを
最大化させた場合、
ボタン間とタイトルの距離が画面が半分のときと同じで
もう半分が空きスペースになってしまいます。

これはスタイルシートを使ったらブラウザの画面を最大化しても
半分くらいにしてもその時の画面一杯で表示させることができ
るのでしょうか?

もし可能ならその方法を教えて欲しいのですが。


152 :Name_Not_Found:02/10/22 23:24 ID:???
>>151
テーブルレイアウトでも出来るがな。
>>4で一から勉強するよろし。

153 :Name_Not_Found:02/10/23 00:13 ID:???
>>151
GoLiveの機能とか言われてもソース貼らなきゃわからん。

位置やサイズを%とかで適宜指定すればいいんでねーの?

154 :Name_Not_Found:02/10/23 16:59 ID:RWvbMjT4
idとclassはどう使い分ければいいんでしょうか?

155 :Name_Not_Found:02/10/23 17:02 ID:???
イデッてときはid
クラッときたときはclass

156 :Name_Not_Found:02/10/23 17:27 ID:???
>>155
てめーnameてんじゃねーぞゴルァ

157 :Name_Not_Found:02/10/23 17:37 ID:???
ワラタ。w

158 :Name_Not_Found:02/10/23 20:23 ID:???
>>154
単にCSSのセレクタとして使うだけならclass。

159 :Name_Not_Found:02/10/23 21:02 ID:???
>>154
意味からして混同しようがない。
辞典引けYO!

160 :Name_Not_Found:02/10/23 21:38 ID:???
Mac IE4.5で
<div id="test" style="position:absolute; visibility:hidden; left:213px; top:281px; z-index:1">
<table width="200" border="0" cellspacing="0" cellpadding="0" bgcolor="#6699CC">
<tr>
<td>
<a href="#" onMouseOver="Swap('1','hoge');showLAYER('test')" onMouseOut="Swap('0','hoge');hydeLAYER('test')">リンク</a>
</td>
</tr>
</table>
</div>
としたところ、
外部ファイルで指定している
A:link{font-size:10px;color:#FFFFFF}
A:visited{font-size:10px;color:#CC0000}
A:hover{font-size:10px;color:#FF3300;text-decoration:underline}
が効きません。
どう効かないかというと、マウスを当てた時の色が変わりません。アンダーラインは効きますが、
マウスを離しても下線が消えない、というもの。
tableごとdivから外したら正常に動作しましたが、外さずに動作する方法はないものでしょうか、、。
ご享受お願いします。

161 :Name_Not_Found:02/10/24 01:09 ID:pEZKC54g
Windows MeでIEを使ってます。
IBMホームページビルダーを使ってHP作成をしています。
角丸テーブルを作ろうと思ってるのですが、タグを教えて下さい。
(素材に入ってるものには気に入った素材がないので。。。)お願いします。

162 :Name_Not_Found:02/10/24 01:18 ID:???
>>161
言いたい事はわからんでもないが、根本的に間違ってるから
初心者質問系のスレで聞いたほうがいいかもよ。

163 :161:02/10/24 01:20 ID:pEZKC54g
わかりました。ありがとうございます。失礼致します。

164 :Name_Not_Found:02/10/24 12:34 ID:YhW4q4oH
ラジオボタンの大きさをスタイルシートでいじることは可能ですか?
それと、ラジオボタンやチェックボックスの選択と非選択で
CGを割り当てたりすることはできるのでしょうか?


165 :Name_Not_Found:02/10/24 12:43 ID:UzwaGp80
はじめまして、こんにちは。
音楽系サイトを作っています。
アルバムの曲目リストを掲載しようと思い、
順序つきリストでデータを作成しました。
曲目リストで場所をとりたくないので、改行させないようにしたいのですが、
いい方法はあるでしょうか?
display:inlineではリストのマークが消えてしまい駄目でした。
よろしくお願いします。

166 :Name_Not_Found:02/10/24 12:52 ID:???
>>160
>マウスを離しても下線が消えない、というもの。

a:linkの初期値がtext-decoration:underline;なので当り前かと。

>>165
floatを応用すれば?

167 :Name_Not_Found:02/10/24 12:53 ID:???
>>164
>ラジオボタンの大きさをスタイルシートでいじることは可能ですか?

できません。

>それと、ラジオボタンやチェックボックスの選択と非選択で
>CGを割り当てたりすることはできるのでしょうか?
それはCSSではなくCGIかJavaScriptの仕事です。

168 :Name_Not_Found:02/10/24 13:01 ID:???
>167
いや、たぶんラジオボタンそのものを変えたいんだろう。

169 :165:02/10/24 13:53 ID:???
>>166 さん
ありがとうございます。
早速、floatを試してみましたが、今度はレイアウトが著しく崩れます。
もう少し研究してみます。

170 :Name_Not_Found:02/10/24 14:32 ID:???
>>169
ol li {float:left;min-width:2em;padding-left:1.5em;}
これで、あとはolの次に出現する要素にclear:left;を指定すればいいはず。

171 :160:02/10/24 15:01 ID:???
>>166
ありがとうございます。
> a:linkの初期値がtext-decoration:underline;なので当り前かと。

A:link{font-size:10px;color:#FFFFFF;text-decoration:none}
A:visited{font-size:10px;color:#CC0000;text-decoration:none}
A:hover{font-size:10px;color:#FF3300;text-decoration:underline}

としてみましたが、やっぱりdivの中に入っているのが問題らしく、外すとなおります。
これをサポートしているブラウザは、MacのIE4.5以外は最初から正常に表示しています。
もう諦めます。スマソ

172 :Name_Not_Found:02/10/24 16:38 ID:???
>>160>>171
><div id="test" style="position:absolute; visibility:hidden; left:213px; top:281px; z-index:1">

そもそもvisibilty:hiddenで括ったら、表示されないはずだけど?
それが効いてないってのからしてヘンだよ。
まあでも、多分原因はposition:absolute;にあるのかな。
そこだけコメントアウト(/* */)して実験してごらん。
できればこちらに報告して下さい。
 ↓
CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/l50

173 :Name_Not_Found:02/10/24 17:06 ID:wW+70X4z
【殺伐】引換券だけで食うオフ【吉野家】10/26(土)
http://live.2ch.net/test/read.cgi/festival/1034862260/l50

今現在で5人以上のところ
・東京都 新宿東口靖国通り店(オゴリキター!かも)・19 町田(どっちか)・5
・京都府 河原町三条店・5
・大阪府 お初天神店・13
・兵庫県 三宮駅南店・11
・岡山県 岡山桃太郎通り店・16
       ・
       ・
       ・

174 :Name_Not_Found:02/10/24 17:19 ID:???
>>167
どうも、ありがとうございました。

175 :Name_Not_Found:02/10/24 19:14 ID:Xys0tmFt
input.hoge { border: inset 2 white; }
と定義してあるときに

<input type=text class=hoge name="author"
onFocus="this.style.border='solid 2 #6699ff'"
onBlur="this.style.border='inset 2 white'">
というアイテムを作ります。

ここで、onBlurの内容を、class=hogeで決められたものに
するには、どうしたらいいですか?
つまり、onBlurでclass=hogeで定義されたborderに戻したいと言うことです。

176 :Name_Not_Found:02/10/24 19:30 ID:???
>>175
別のクラス(hoge2など)にもスタイルを設定しておいて、
onfocus/onblurでクラス名を変えてみてはどうでしょうか

177 :176:02/10/24 19:31 ID:???
ていうかIEってinput:focusに対応してないんでしたっけ?


178 :175:02/10/24 19:49 ID:Xys0tmFt
>>176
早速のレスありがとうございます。

具体的には、イベントでクラスをかえるにはどうしたらいいですか?

179 :Name_Not_Found:02/10/24 19:55 ID:???
>>178
具体的にどうしたいのかはっきりしているなら、最初からそう言えよ

と、答えられもしないのに煽ってみるテスト

180 :175:02/10/24 20:02 ID:Xys0tmFt
>>179
>>178で具体的に「イベントでクラスをかえる」とかけたのは、
>>176さんのレスのおかげです。
最初はわからなかったです。


181 :Name_Not_Found:02/10/24 20:03 ID:???
>>178
そうなると質問内容がスレ違い。

182 :Name_Not_Found:02/10/24 21:11 ID:???
javascript使わずにブラウザ別にCSSを振り分けることは出来ますか?

183 :160:02/10/24 21:14 ID:???
>>172
> そもそもvisibilty:hiddenで括ったら、表示されないはずだけど? それが効いてないってのからしてヘンだよ。
スマソ。言ってなかったけど、visibilty:hiddenで隠しておいて、違う画像のマウスオーバーでサブメニューみたいなもんを表示するって仕組みなんですよ。
position:relativeにするとまた自分に出来ないことしなきゃなんないし、、。
やっぱ、バグってことなんですかね、、。
( ´Д⊂ヽ

184 :Name_Not_Found:02/10/24 21:19 ID:???
>>182
テンプレくらい見れ>>8

でも面倒だからいっそのことSSIとゆー手もある。

185 :175:02/10/24 21:52 ID:Xys0tmFt
自己レスです

<input class=hogehoge onFocus="this.className='hoge'" onBlur="this.className='hogehoge'">

でできました。
皆さんサンクスです。

186 :Name_Not_Found:02/10/24 22:42 ID:DG0SOhh0
[Web制作]/* CSS、スタイルシート質問スレッド【12】 */ 2002/10/24 22:39:56

リンクの色を一時的に変更したいのですが、
.hoge:link{color:red;}
として<a href="" class="hoge">hogehoge</a>で変わるみたいです。

ですが、<a>の度にclass書くのが面倒なので、
<div class="age"><a href="">ageage</a></div>
みたいなときに、ageの中のリンクだけ全部まとめて
色を変えるようなことってできますか?

187 :Name_Not_Found:02/10/24 22:46 ID:???
>>186
div.age a {color:red;}

188 :Name_Not_Found:02/10/24 23:51 ID:???
>>186
1行目は何だ??

189 :186:02/10/25 14:25 ID:???
>>187
なーるほど、子とか子孫とか、いろいろあるんですね。
CSS入門とかで最初のほうに解説があったけど、.hoge{}しか使ったことがなくて
忘れてました。いま見直してみると、これって便利というか
CSSの肝みたいな気がしてきました。

>>188
書き込みのときに変なものが紛れ込んだみたいです。謎です。

えっと、すいません、もう一つよろしいでしょうか。CSSファイルの中で、

.hoge{age:0;sage:0}
.hoge{age:1}
.hoge{sage:1}

と書いた時には、どう処理されるのが正しいのでしょう?
IEでもMozillaでも動作はage:1 sage:1となるようですが。

190 :Name_Not_Found:02/10/25 14:33 ID:???
>>189
>IEでもMozillaでも動作はage:1 sage:1となるようですが。
で正解

191 :Name_Not_Found:02/10/25 14:54 ID:???
>>189
肝かどうか分からんけど、文脈セレクタ駆使してclass使用を減らすのが最近楽しい。

192 :Name_Not_Found:02/10/25 17:56 ID:???
このことに触れているページが見つけられなかったので
質問いたします。

CSSの記述の仕方で
A:link{font-size:10px;}

A:link{font-size:10px}
最後の「;」は正しくは必要なのでしょうか?
どちらも同じ効果になるので、気になって仕方ありません。
よろしくお願いいたします。

193 :Name_Not_Found:02/10/25 18:05 ID:???
>>192
"{"と"}"の間には"property:value"という形の文を書きますが、
複数の文を書く場合、一つ一つの文の間に";"が区切りとして必要です。
ですから、";"で改行するような形が一般的によく取られています。

そういうわけなので、本来最後の文の後の";"は必要ありません。
ですが、あってもエラーにはなりませんので、";"で改行するコーディング
スタイルで統一している人は、混乱を避けるためにも、最後の文にも";"を
付けていることが多いです。


194 :Name_Not_Found:02/10/25 18:06 ID:???
あってもなくてもいい。

195 :Name_Not_Found:02/10/25 18:15 ID:???
スタイル追加するとき便利なのよ
クセ付けとくとよろし

196 :Name_Not_Found:02/10/25 18:25 ID:???
>>189
後に書かれた記述が優先される。
後から書かれたものが、前に書かれた指定に上書きされる、と考えると、
直感的でおぼえやすい。

197 :192:02/10/25 21:14 ID:???
詳しい説明をありがとうございました。
今までの悶々とした気分が消え、すっきりです。

198 :Name_Not_Found:02/10/25 22:03 ID:???
外部ファイルのスタイルシートを利用して
tableを中央に配置したいのですが、
どのように記述すればいいのでしょうか?

199 :Name_Not_Found:02/10/25 22:05 ID:???
>>198
FAQっていったじゃん

200 :Name_Not_Found:02/10/25 22:10 ID:???
>>198

>>5

201 :Name_Not_Found:02/10/25 22:18 ID:???
ぼくの人生を、人生の花道の中央に無理やり配置したいのですが、
誰を蹴落とせばいいですか?

202 :Name_Not_Found:02/10/25 22:20 ID:???
女子供。

203 :マヂレス君:02/10/25 22:21 ID:???
>>201
誰もけ落とさない。
自分が努力する。
そうすれば道は開ける。

腰は低く、志は高く!!

204 :Name_Not_Found:02/10/25 22:24 ID:???
>>202
早速のレス、ありがとうごさいます。
女子供ですか・・・、あまり気乗りがしません。

>>203
ありがたい言葉ありがとうございます。ものすごく、感銘を受けました。
腰は低く、志は高く。いい言葉ですね。精進します。

205 :Name_Not_Found:02/10/25 22:32 ID:???
>>201
駅のホームからか?
タイミングはよく見極めろよ

206 :Name_Not_Found:02/10/25 22:37 ID:???
>>203
専門スレで嘘教えんなヴォケ

207 :Name_Not_Found:02/10/25 23:42 ID:???
>>201-206
一瞬、板を間違えたのかと思いますた。






・・・ここってB級グルメ板でいいんだよね?

208 :Name_Not_Found:02/10/25 23:56 ID:mjuG44MV
tableのcellpaddingをcssで指定したいです。
どうやって記述すればいいですか?

209 :Name_Not_Found:02/10/26 00:07 ID:???
th, td {
padding: 5px;
}

210 :Name_Not_Found:02/10/26 00:08 ID:???
>>208
td { margin: n;}


211 :Name_Not_Found:02/10/26 00:55 ID:???
>>210
table-cellへのmargin指定は無効。
tableにborder-spacingを適用すべし。



212 :Name_Not_Found:02/10/26 05:52 ID:???
P
{
margin:0 auto;
width:66%;
border:2px solid;
}

IE6で
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
だと真ん中に表示されるのに、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
の場合は表示されない。

Netscape7ではそういうことなかったんだけど……IEのバグ?

213 :事故レス:02/10/26 05:55 ID:???
HTML 4.01 ってなんだろう(´Д`;
バグでもなんでもねーじゃん

214 :Name_Not_Found:02/10/26 06:14 ID:???
>>212
DOCTYPEスイッチの作用です。
正常な動作です。

215 :Name_Not_Found:02/10/26 06:32 ID:???
Transitionalだとできないのか

216 :Name_Not_Found:02/10/26 06:41 ID:???
>>214
>正常な動作です。
ということはネスケのバグか?

217 :Name_Not_Found:02/10/26 06:59 ID:???
>>216
IEは後方互換を維持するため、そういう実装になっている。
Netscape7の挙動に問題は無い。

218 :Name_Not_Found:02/10/26 07:41 ID:???
まあいってみりゃautoってのは「ブラウザにおまかせ!」って解釈で
いいような気がする。


219 :Name_Not_Found:02/10/26 09:31 ID:???
ttp://www.w3.org/TR/REC-CSS1#horizontal-formatting

> Otherwise, if both 'margin-left' and 'margin-right' are 'auto',
> they will be set to equal values.
> This will center the element inside its parent.

ダメじゃんIE……

220 :Name_Not_Found:02/10/26 09:34 ID:???
>>211
ハァ?

221 :Name_Not_Found:02/10/26 09:44 ID:???
>>220
誤爆?
tdにmargin設定できないよ。

222 :Name_Not_Found:02/10/26 09:47 ID:???
>>221
paddingと間違えたんだろ(藁

223 :Name_Not_Found:02/10/26 11:21 ID:???
marginは
Applies to: all elementsだよ。
ブラウザが対応してないだけじゃないの?

224 :Name_Not_Found:02/10/26 11:27 ID:???
やってみたけどmargin効かないね。WinIE6

225 :Name_Not_Found:02/10/26 12:52 ID:???
DOCTYPEによってHTMLの解釈を変えるなら兎も角、CSSの挙動を変える
とはこれいかに

226 :Name_Not_Found:02/10/26 13:11 ID:???
>>225
標準仕様にそぐわないデファクトスタンダードをNetscapeとMicrosoftが作ってしまった弊害です。


227 :Name_Not_Found:02/10/26 13:50 ID:???
>>223-224
http://www.w3.org/TR/2002/WD-CSS21-20020802/tables.html#q7
> Like other elements of the document language, internal table elements generate
> rectangular boxes with content and borders.
> Cells have padding as well. Internal table elements do not have margins.

228 :Name_Not_Found:02/10/26 13:57 ID:???
>>212-
既出なんだよ。>>5のFAQを見なさい。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
http://www.mozilla.gr.jp/standards/webtips0004.html

229 :Name_Not_Found:02/10/26 16:31 ID:???
IE7はタブブラウザだそうだが、そんなことよりレタリングエンジンを1から書き直してもらいたいな。
もちろん標準に沿ったものを

スレ違いスマソ

230 :Name_Not_Found:02/10/26 18:44 ID:???
皆さんは、bodyに指定するようなフォントカラーとかリンクカラーも別ファイルのCSSで指定しますか?

231 :Name_Not_Found:02/10/26 18:46 ID:???
>>230
ふつーに別ファイルから指定してるよ。
ページがたくさんあるなら尚更。

232 :Name_Not_Found:02/10/26 18:47 ID:???
Mozクラスになったとしても、結局旧IEを意識せざるを得ないんじゃないか。
今におきかえると、IE5は切り捨て、というわけにもいかないだろう。

233 :Name_Not_Found:02/10/26 19:21 ID:???
レンダリング…

234 :Name_Not_Found:02/10/26 19:37 ID:???
>>233
納得。何言ってんだと思っちゃったよ。

235 :Name_Not_Found:02/10/26 19:57 ID:???
>>229は葉書に印刷するのが日課なんだよ

236 :Name_Not_Found:02/10/26 20:15 ID:???
IEでレタリングする方法を教えてください

237 :Name_Not_Found:02/10/26 20:40 ID:???
>>236
VMLでパスを書けばできます。

238 :Name_Not_Found:02/10/26 20:46 ID:???
>>236
お絵描き掲示板。

239 :Name_Not_Found:02/10/26 21:41 ID:???
はぁ?お前ら何言ってんだ?
レタリングで何が悪いんだ?
英語の発音に近いのはレンダリングかも知れないがな。

>>236
適当なHTMLファイルをIEで開け。HTMLをパースして、それに基づいて
レタリングしてくれる。

>>237,238
レタリングつったら画像の事だと思ってるなんておめでてーな。
たしかに3DCGでレタリングつったらテキストなんて関係無いがな、
テキストだけのWEBページでもブラウザはレタリングするんだよ。

240 :Name_Not_Found:02/10/26 21:50 ID:???
レタリング【lettering】 視覚的効果を考えて文字をデザインすること。そのような文字を書くこと。


241 :Name_Not_Found:02/10/26 21:50 ID:???
>>239痛すぎるよ君
レタリング [lettering]
レンダリング [rendering]

242 :Name_Not_Found:02/10/26 21:52 ID:???
これはネタだな。こんなバカが実在するわけがない。

243 :Name_Not_Found:02/10/26 22:20 ID:t3P2jQn6
とりあえずage

244 :239:02/10/26 22:33 ID:???
たくさん釣れたな(プププ

245 :Name_Not_Found:02/10/26 22:37 ID:???
次の質問どうぞ↓

246 :Name_Not_Found:02/10/26 22:40 ID:25AE9CPP
ブラウザのサイズに関係なく、
左右両隅に画像を置く場合、
どのようにスタイルシートを指定すればよいでしょうか?

247 :Name_Not_Found:02/10/26 22:43 ID:???
dejavu...

248 :Name_Not_Found:02/10/26 22:52 ID:???
bodyとは別の要素に背景を指定するしかない。
Mozillaだけならbefore疑似要素で何とかならんこともないが。

>>247
いい加減これもFAQだね。

249 ::02/10/26 22:53 ID:xFJP6hWC
position:absolute等で場所を指定すれ。
左側に置きたい画像はposition:absolute;left:0px;とかで、
右側に置きたい画像はposition:absolute;right:0px;とかでやれ。
ただし、rightを使う場合、画像にwidthとheightを指定しないとIE以外ではposition:absoluteが機能しない。


250 :Name_Not_Found:02/10/27 00:03 ID:Vv/h73Bc
いい本ないですか?・・・

251 :Name_Not_Found:02/10/27 00:44 ID:mj7Gk7cU
このゲームすっごくおもしろかった
http://my.vector.co.jp/servlet/System.FileDownload/download/ftp/0/255552/pack/win95/game/table/pachinko/yume2.lzh

252 :Name_Not_Found:02/10/27 01:05 ID:???
ここでも宣伝してやがる

253 :マヂレス君:02/10/27 01:18 ID:???
>>251
http://job.jpn.ph:591/cgi-bin/img-box/img20021027011347.mp3

254 :Name_Not_Found:02/10/27 18:45 ID:6Ss1XJwR
リンクやフォームクリック時に表示される点線を消したいのだが、CSSなんかで一括して指定できないんでつか?
それぞれにonFocus="this.blur"を打つのはめんどくさい。

255 :Name_Not_Found:02/10/27 20:23 ID:???
スレ違いかも知れないですが、こちらのほうがいいと思うので
IE6ダウンロドしたんですけど、スクロールバーのスタイルって読み込まれます?
みんなデフォルトで表示されるんですけど。
今まで、スクロルバーも全体のデザインの一部に考えてたんでちと鬱

256 :Name_Not_Found:02/10/27 20:25 ID:???
もうちょっと落ち着いて書け

257 :255:02/10/27 20:26 ID:???
>>256
おまえもなー!!!

258 :Name_Not_Found:02/10/27 20:40 ID:???
>>255
読み込まれるヨ。
http://www.parkcity.ne.jp/~chaichan/src/cssmain.htm
↑落ち着いて確認しなさい。

259 :Name_Not_Found:02/10/27 20:46 ID:CIRFmSki
 1 2
 3 4
4つの文のかたまりがあってCSSを使って上の様に配置したいのですが
どのようにすればよいのでしょうか?
floatとclearを使って色々やってるんですが一向にうまくいきません。
どなたかご教授願えないでしょうか。

260 :Name_Not_Found:02/10/27 21:10 ID:???
>>259
widthの指定はちゃんとしてる?
あと、ソース貼って聞いた方がいいよ。

261 :Name_Not_Found:02/10/27 21:43 ID:???
>>260
すみません。

現状では、CSSファイルに
#1 { float: left; width: 50%; }
#2 { float: left; width: 50%; }
#3 { float: left; width: 50%; }
#4 { float: left; width: 50%; }
と記述し、
htmlファイルの2と3の間に <br style="clear: both;">
を入れて無理矢理?表示させているのですが、
CSSだけでもっと綺麗に出来ないかなぁと思いまして。。。

262 :Name_Not_Found:02/10/27 22:23 ID:???
>>261
これでbrは要らない。
#3 {clear:left; float:left; width: 50%; }

263 :Name_Not_Found:02/10/27 22:26 ID:???
>>261
widthは足して100%よりちょっと少なめになる位がいいよ。
それぞれ各width:49%;とか。
その方がウィンドウ幅を狭くした時も崩れないから。

264 :Name_Not_Found:02/10/27 22:35 ID:???
>>262
返信ありがとう、ありがとうございます。
綺麗に表示されました。
本当にありがとうございました。

サイト作成がんばるぞー

265 :Name_Not_Found:02/10/27 22:37 ID:???
>>263
そうなんですか。
色々勉強になります。
これも早速反映させました。
ありがとうございます。

266 :Name_Not_Found:02/10/28 15:50 ID:+UgM64HQ
テーブルを中央に配置してその中に左寄せの長い文章を入れてるページがあるのですが
これをテーブル無しのCSSで出来ませんか?


267 :Name_Not_Found:02/10/28 15:59 ID:cnBZaI7C
tableを常に右隅に表示させたいのですが、relativeでは、どの様に
プロパティーと、値を指定すれば良いのでしょうか?お願いします。

268 :Name_Not_Found:02/10/28 16:00 ID:???
>>266
<P style="texy-align:left;width:60%;margin-right:20%;margin-left:20%;">
本文
</P>
数値は適当に

269 :268:02/10/28 16:03 ID:???
訂正
<P style="texy-align:left;width:60%;margin-right:auto;margin-left:auto;">
本文
</P>

270 :Name_Not_Found:02/10/28 16:13 ID:???
>>267
「常に右端に表示されるtable」はrelativeではあり得ないような気がするが…。

271 :266:02/10/28 16:20 ID:CkJpTFTH
>>268
それだとブラウザの大きさを変えたら文字がグシャーと動いちゃうんで嫌なんです。
そうならない為に横500ピクセルのテーブルに文字を入れてたんです。例え横スクロールが出ても…
あと>>269だと左寄せになったのですが…

272 :267:02/10/28 16:27 ID:cnBZaI7C
>>270
相対配置は出来ないんですかねぇ?縦方向は%で指定して、
常にtableを隙間無く右隅に置いて置きたいんですが。
ページ自体をリサイズしても、同じ様な位置に置いて
置きたいんです。

273 :Name_Not_Found:02/10/28 16:36 ID:???
>>272
position: absolute; right: 0 か text-align: right ではダメ?

274 :267:02/10/28 16:59 ID:cnBZaI7C
text-align: right では、隙間が出てしまったんで、right: 0 で、
試してみます。どうもです。


275 :267:02/10/28 17:15 ID:cnBZaI7C
>>273 多少ずれましたが出来ました!ありがとうございます。

276 :268:02/10/28 17:47 ID:???
>>271これでうまくいきます。
<DIV style="width:500px;margin-right:auto;margin-left:auto;">
<P>本文
</P>
</DIV>

268で数値は適当にって入れてたんだけどね…

277 :Name_Not_Found:02/10/28 18:11 ID:???
>>276
互換モード(IE5.5以下など)でも大丈夫?

278 :Name_Not_Found:02/10/28 18:49 ID:Y/J7bOxm
すいません質問させてください

入力フォームなんですけど
winIEで見ると大丈夫なんですけどmacIEで見ると文字が激しくズレます
良い訂正の仕方などがあればご教授いただけたら幸いです
よろしくお願いします

select
{
border: 1px double #333333 ;
background-color :#FFFFFF ;
color : #000000;
font-size : 11px ;
font-family: Verdana,"MS Pゴシック",Osaka;
}

input
{
border: 1px double #333333 ;
background-color :#FFFFFF ;
color : #000000;
font-size : 11px ;
}

textarea
{
border: 1px double #333333 ;
background-color :#FFFFFF ;
color : #000000;
font-size : 11px ;
}


279 :Name_Not_Found:02/10/28 18:58 ID:???
>>277
互換というかIE5.5以下はmarginやwidthが駄目駄目だから
<P style="text-align:left;">にして<CENTER>で括るしかないね。
<CENTER><DIV><P>の順で。

280 :266:02/10/28 19:01 ID:U/1FDKv8
>>276
ありがとうございました
>>277
とりあえずIE6とNN7ではokのようですが…
互換モードでの見方がわからないので私にはわからないです…

281 :Name_Not_Found:02/10/28 19:05 ID:CCUf39jf
<div class="section">
  <h2>heading</h2>
  <div class="?"> ←
    <p>...</p> (p, h3, h4, blockquote, pre, table, etc)+
  </div>
</div>

クラス名、何にしたらいいやろ。
ちょっとレイアウトでそこに div を入れたくて。
こういう目的は不純なのはわかるが。

282 :Name_Not_Found:02/10/28 19:15 ID:???
>>281
layout

283 :Name_Not_Found:02/10/28 19:46 ID:???
>>280
互換モードで見たいなら、DOCTYPE宣言をTransitionalのものに変えてみては。

284 :Name_Not_Found:02/10/28 19:48 ID:SEV51hqG
>>279
><P style="text-align:left;">にして<CENTER>で括るしかないね。

手はありますよ。あなたがご存知ないだけで。
>>5のFAQの見て下さい。
標準/互換モードにスイッチする方法↓
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
どちらでもセンタリングする方法↓
http://www.mozilla.gr.jp/standards/webtips0004.html
<div style="text-align:center;border:black;">
<div style="margin-left:auto;margin-right:auto;text-align:left;border:red;">
ブロックレベル要素
</div>
</div>
この子要素のdivをtableにすればいいだけでしょ。widthも指定して。

285 :Name_Not_Found:02/10/28 19:49 ID:???
>>281
subsectionでいいと思う

286 :284:02/10/28 19:53 ID:???
訂正
誤>この子要素のdivをtableにすればいいだけでしょ。widthも指定して。
正>この子要素のdivをpにすればいいだけでしょ。widthも指定して。

どっちにしろ、FAQも読まないで質問してはいかんよ。>>266

287 :279:02/10/28 19:58 ID:???
>>284
勉強になりますた。

288 :Name_Not_Found:02/10/28 20:00 ID:???
>>281
漏れも同じような書き方してるからtextとつけてるが…
この命名はW3C信者的に良いのだろうかとふと不安になってきた。


289 :Name_Not_Found:02/10/28 20:04 ID:???
色指定でWindowsのシステムの色(窓の色とか)が指定できるのは
もちろんIEの拡張なんですよね?

あと背景色なんかにグラデーションなどは使えませんか?
フィルタですか?

290 :Name_Not_Found:02/10/28 20:06 ID:???
>>289
IEの拡張ではありません。しかしWindowsのシステムの色はWinIEしか対応しません。

フィルタです。

291 :Name_Not_Found:02/10/28 20:10 ID:???
>>289
>グラデーション
たとえばこんな感じで(自分のページから抜き出したものを改変)
body{width:100%:
filter:progid:dximagetransform.microsoft.gradient
(gradienttype='1',
startcolorstr='#6699ff',
endcolorstr='#ffffff'); }

みるからにIEの独自拡張だわな

292 :281:02/10/28 20:21 ID:???
>>282 ヽ(`Д´)ノ

>>285
.subsection も考えたけど、あそこに section を使ってる以上
使うとすれば <div.subsection><h3>...</h3> ... </div> とかしたいのですよ。。。

>>288
text ですか。個人的に text は inline っていう謎なイメージがあるんでちょっと…
中に入るのは画像だったりもしますし。

で、CSS でイケてるデザインスレ周辺とか調べて見たんだけど
・section-haut ← haut って何やろ
・section-body
・content
・indent ← マズー

なんかこういう命名規則のガイドラインとかあると便利なのに
必要無いところに無理にdiv入れるから名前付けるのに困るんだ
って言われればそれまでだが。

293 :Name_Not_Found:02/10/28 20:22 ID:???
>>289
CSSのシステムカラーは仕様書に書いてある
あくまでCSSであってHTMLでは使えないが

ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/ui.html#system-colors

294 :Name_Not_Found:02/10/28 21:06 ID:???
>>292

>なんかこういう命名規則のガイドラインとかあると便利なのに

たしかに便利だけど、どうせそれだったら、最初からそういう要素を
用意してほしいと考えるのは俺だけだろうか。

自分でDTD書け、と言われたらそれまでだが。

295 :Name_Not_Found:02/10/29 01:29 ID:???
プログラムの変数名とかもそうだけど、慣れれば自分なりの定型ができてくるもんだよ。

296 :Name_Not_Found:02/10/29 02:06 ID:???
>>292=>>281
レイアウトのためだけに入れているのなら
.section > div
.section h2 + div
とか。
対応していないブラウザは
.section div
としておいて、適用されるとまずい部分は上書きしてやる。

297 :Name_Not_Found:02/10/29 23:11 ID:/AFiR6BQ
質問です。掲示板作ってます。

<DIV>の中に書き込みの本文があるんですが、
文中に単語の切れ目のない長い英数字が書き込まれると、
<DIV>で指定した幅を無視してブラウザが横スクロールバーを出してしまいます。
<DIV>の幅をしっかりレンダリングさせるようにはできないでしょうか。
ちなみに、<DIV>に指定しているのは、{margin:0 20% 0 32px}です。

確か2chでも同様の現象がありますよね。

298 :297:02/10/29 23:17 ID:???
「文中に単語の切れ目のない長い英数字」とは、
具体的には長めのURLなんかが当てはまります。
あと、本文をくくるのは<DIV>でなくてもいいです。
(HTML的には<P>がいいのかもしれませんが)

299 :Name_Not_Found:02/10/30 00:43 ID:???
>>298
overflow:scroll あたりではみ出したぶんをスクロールさせるくらいしか手はないと思う。



300 :297:02/10/30 02:32 ID:???
縦横幅を固定しているわけではないので、overflow:scrollは効きませんですた。
ちょっと調べてみたら、Deltaの掲示板でもはみ出してますね。

301 :マヂレス君:02/10/30 04:41 ID:???
>>297
word-break: break-all

302 :Name_Not_Found:02/10/30 07:14 ID:???
むしろword-wrap

303 :Name_Not_Found:02/10/30 22:16 ID:8+xnfD+W
ヽ(・∀・)ノ <あげ!

304 :Name_Not_Found:02/10/31 01:38 ID:eT9Mwdyi
position:absoluteは包含ブロックからの位置とアル
しかし

blockquote{margin-top:50em;}
div{margin-top:30em;}
p{position:absolute; top:0;}

<blockquote cite="http://www.w3.org/">
<div id="w3c">
<p>The CSS Working Group has
released two Last Call Working Drafts and welcomes comments on them
through 27 November......</p>
</div>
</div>

としても包含ブロックのdivではなくbodyからになってしまうけど
なんで?N6.2です。

305 :Name_Not_Found:02/10/31 02:29 ID:???
>>304
absoluteした要素の包含ブロックは
positionプロパティ(static以外)が指定された祖先要素。

divにposition: relativeなり指定しないと駄目です

306 :Name_Not_Found:02/10/31 22:38 ID:8yfPjYZ9
ブロックにheight:100%と指定しても他の要素がウィンドウサイズより大きかった場合
スクロールすると100%のブロックがウィンドウサイズの大きさで切れてしまいます。
tableにheight="100%"と指定したときと同じようにできないでしょうか?

307 :Name_Not_Found:02/10/31 23:05 ID:???
CSSを分かり易く説明してるページありますか?
全くCSSはやったことないんで、よろしくおながいします。

308 :Name_Not_Found:02/10/31 23:09 ID:???
>>307
>>4

309 :Name_Not_Found:02/10/31 23:16 ID:???
>>306
ブロックに%指定した場合はそのブロックの最も近い祖先ブロックの内容辺が元になる。
祖先ブロックがない場合は初期包括ブロックが元になる。
初期包括ブロックはUAが自由に定めることが出来るが、大抵のUAはその時点での
観閲領域を元にする。つまり切れて当然。
TABLEで%指定した場合何を元に算出するか決まっていない。
(普通は最小限の値かないように合わせた高さになると思うが)

他の要素を含む包括ブロックに入れろ。

310 :307:02/10/31 23:23 ID:???
>>308
>>2-10を見たつもりだったのに…ありがとう、逝ってきます。

311 :Name Not Found:02/11/01 10:12 ID:R2gwZ3Hj
イメージマップでborderを設定して、斜めとか円とかの表現はできますか?
また、イメージマップ以外でhtml、cssでは斜めの表現できますか?

チャート図?みたいのを作りたいのです。価格.comみたいなやつ。

よろしくおねがいもうしあげたてまつりまする。

312 :Name_Not_Found:02/11/01 10:37 ID:???
>>311
できません。
画像を使用すべし。
IE独自拡張のフィルターで廻転させれば斜めも表現できるけどね。

313 :311:02/11/01 10:50 ID:R2gwZ3Hj
>>312
そうですか・・できませんか・・・。
ワッカリマーシタ
ありがとうでございまあした。。。

314 :Name_Not_Found:02/11/01 10:53 ID:???
もしくは SVG の普及を待て

315 :Name_Not_Found:02/11/01 14:26 ID:???
待たずに使ってSVGの普及に貢献せよ。

316 : :02/11/01 20:05 ID:PqyBhtPz
CSS初心者の質問です。。

メニュー  |     内容   | サブメニュー
(メニューとサブメニューはピクセル幅固定、内容はブラウザ幅に応じて可変)

といった構成のページを作る場合、以下の設定でよろしいのでしょうか?

.menu { position:absolute; left:0px; width:100px; display:inline;}
.content { margin-left:110px; margin-right:110px; width:100%; display:inline;}
.submenu { position:absolute; right:0px; width:100px; display:inline;}

<div class="menu">メニューです</div>
<div class="content">内容です</div>
<div class="submenu">サブメニュー</div>

317 :Name_Not_Found:02/11/01 20:13 ID:???
.navi li {display:inline;
          padding:0 3em;}
.navi li:before {content:"["}
.navi li:after {content:"]"}


<ol class="navi">
<li>メニューです</li>
<li>内容です</li>
<li>サブメニュー</li>
</ol>

対応ブラウザは少ないけどw
#ちょっとしたtypo、勘違いは許して名。

318 :Name_Not_Found:02/11/01 21:08 ID:???
>>316はW3Cのトップページみたいのを作りたいと言っているのだと思うが……

319 :Name_Not_Found:02/11/01 21:16 ID:???
>>316
取り急ぎこんなところでどうでしょうか?あまり上出来ではありませんが。
とりあえずIE5.5とNN7.0ではだいじょうぶです。
メニューは<div>より<ul>とかを使った方がいいかも(その辺の議論はstrictスレでどうぞ)。

<style type="text/css">
.menu { position:absolute; left:0;top:0; width:100px;}
.content { margin-left:110px;margin-right:110px;}
.submenu { position:absolute; right:0;top:0; width:100px;}
</style>
<div class="menu">メニューです</div>
<div class="submenu">サブメニュー</div>
<div class="content">内容です</div>

320 :Name_Not_Found:02/11/01 21:17 ID:???
あれをやりたいのならテーブル使おう。

321 :Name_Not_Found:02/11/01 21:17 ID:???
>>318
スクロールしても画面上部に(フレームみたいに)残るやつのことか。

322 :Name_Not_Found:02/11/01 21:19 ID:???
<div class="menu">メニューです</div>
<div class="submenu">サブメニュー</div>
<div class="content">内容です</div>

をさらにdivで囲って
そのdivに位置を指定したらどうよ。
結構スマートでなおかつstrict(信者的)にかけそうだが

323 :Name_Not_Found:02/11/01 22:15 ID:???
>>322
信者的にはそれをDIV厨と呼んで忌み嫌っていますが何か?

324 :Name_Not_Found:02/11/01 22:27 ID:???
難しい言い回し遣うからバカが釣られてやがる。

325 :316:02/11/01 22:48 ID:???
ご回答いただいたみなさんありがとうございます。

>>317
これだと内容の分量・文字数が多いとレイアウトが破綻しそうな。。

>>318>>320
W3C… http://www.w3.org/ まさにそうです。
ってソース見たらtableで組んでました…。

>>319
ありがとうございます。こっちでも確認できました。
ただ、これをひとつの固まりとして、繰り返されるようなデザインを
(左に日付とデータ・中に本文・右に脚注が入る日記サイトのようなもの)
考えているので、top0固定はちょっとキツイです。
<div>はあんまり美しくなさそうなので<li>の方がいいんですかね。

おとなしtableで組むか、
それともCSSでできる範囲内でのデザインを考えるか…。うーむ。

326 :Name_Not_Found:02/11/01 23:33 ID:xmznptSH
>>325
floatで段組すればぁ?
さんざん既出ですが、以下参照。
「CSSを用いた段組の作成のコツ 」
 http://www.fromdfj.net/html/column.html

327 :319:02/11/01 23:33 ID:???
勢いで書いてから思ったのだが、tableで組むのがいちばん無難かな。
ともかく、CSS切ってもちゃんと表示できるようにすべきです。


328 :319:02/11/01 23:36 ID:???
>>326
うーむ、floatの存在を忘れてた(w

329 :Name_Not_Found:02/11/01 23:37 ID:???
これでいいはず。>>325
<hr>〜<hr>までを繰り返す。
.menu { float:left; width:100px;}
.content { margin-left:110px;margin-right:110px;}
.submenu { float:right; width:100px;}
hr {clear:both;}
<hr>
<div class="menu">メニューです</div>
<div class="submenu">サブメニュー</div>
<div class="content">内容です</div>
<hr>

330 :Name_Not_Found:02/11/02 00:00 ID:???
長さはpxよりem単位がいいな。
文字サイズを大中小とどれにしても表示が崩れないからね。

331 :Name_Not_Found:02/11/02 00:27 ID:???
float厨うざい。
いったいいつからfloatは段組を作るためのプロパティーになったんだ?


332 :Name_Not_Found:02/11/02 00:32 ID:???
>>331
なってませんけど?
別に擬似段組に応用して悪いわけではあるまい。
下手に絶対配置をするより安全。うまくやればNN4でも崩れないし。

333 :Name_Not_Found:02/11/02 01:51 ID:7Be73KW+
ふと思ったんですけど
現在CSS未対応で見られてる人ってどんな環境の人ですか?
もうIE3の人なんて、きっとマニアぐらいですよね?
WinCEの人ぐらいですか?


334 :Name_Not_Found:02/11/02 02:19 ID:???
CE3.0で Handheld PCならIE4だ。
PocketPCはIE3。まあ、画面サイズ的にも辛いものがあるな。


335 :Name_Not_Found:02/11/02 02:22 ID:???
OperaにはCSSのON/OFFボタンが付いているので、
それをプチッと押してみることはある。
OFFにしてもほとんど変わらないサイトは
従来手法だということがわかる程度のことだが。

プチッとOFFにした時に、まるで違ったデフォルトのレンダリングで
きちんと見出しや段落などが区別されていて、
しかもONの時に表示されていた装飾用画像が一切表示されない
スッキリとした画面になると、ををっと思ったりする。

CSS未対応というより、CSSの実装の不具合の方が困るわな。
未対応なら放置でいいわけなので。

336 :Name_Not_Found:02/11/02 08:45 ID:???
>>333

たしかにたまにIE3の客が来たと思ったら、CEだったりする。

CE版はCSSは一切対応していないので、HTML部分がまともなら
まったく問題はない。むしろtableレイアウトを苦手としている(これは
CE機のCPU性能の問題もあるだろう)から、CSSデザインのほうが
よい。

337 :Name_Not_Found:02/11/02 09:36 ID:???
>>336
たまにDreamPassport/3.*(ドリキャス)とかいうお客さんが来るのだが、
これもCSS非対応なのかな?

338 :297:02/11/02 09:55 ID:???
IE6での確認ですが、word-wrap:break-word はうまくいきませんですた。
word-break:break-all でうまくいきますた。
うれしいでつ。ありがとうございますた。

339 :Name_Not_Found:02/11/02 12:14 ID:???
クラス指定で .01 { 〜〜〜 } のようにした時に
IE以外ではCSSが適用されないのは何故ですか?

340 :Name_Not_Found:02/11/02 14:33 ID:???
>339
クラス名の1文字目には数字が使えない…だったと思うのです。

で私も知りたいことがありまして、CSSの仕様書で、クラス名に使える文字について
説明している部分を探しているのです。
5.8.3「class selectors」のあたりがクラスについて説明していると思うのですが、
どんな文字を使えるかについてはここではふれられてなくないですか?

341 :Name_Not_Found:02/11/02 14:43 ID:???
>340
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/syndata.html

342 :Name_Not_Found:02/11/02 14:45 ID:???
補足:
>340 の 「4.1.3 文字と活字ケース(Characters and case)」の項

343 :340:02/11/02 15:27 ID:???
わーんありがとー>341-342

344 :Name_Not_Found:02/11/02 15:34 ID:???
>>340
そうだったんですか。私の持っている仕様書には
書かれていなかったので今まで知りませんでした。
そういう部分をもう少し詳しく書かれている仕様書
を探す事にします。ありがとう御座いました。

345 :333:02/11/02 15:39 ID:???
ふとした疑問にまで答えてくださって嬉しいです。
CEはCSSよりもtableのほうが苦手なんですか!
CS非対応さんにも同じレイアウトで見てもらいたいから、と
テーブル使うとこでした。やめます。
ありがとうございました。

346 :Name_Not_Found:02/11/02 18:19 ID:???
「font」プロパティには「font-size」と「font-family」の値の指定が
必須だそうですが、「font-family」を特に指定したくない(ブラウザの
標準的なフォントで表示してくれればいい)場合は「inherit」を指定
しておけばいいんでしょうか。
body要素に「font:1em inherit」とか指定した場合でも、html要素の
font-familyを拾ってきてくれるのかな。そもそもhtml要素にはもと
もとfont-familyプロパティが指定されているのだろうか。

347 :Name_Not_Found:02/11/02 18:50 ID:???
外部スタイルシート使ってます。
ページ毎に背景画像を変えたいんですが、
htmlのHEAD内に書かなくても背景画像をページ毎に変えることは
可能でしょうか?

348 :Name_Not_Found:02/11/02 19:17 ID:???
>>347
bodyにclassなりidを振って変える

349 :Name_Not_Found:02/11/02 19:21 ID:???
>>347

bodyにセレクタ振れば?

350 :347:02/11/02 19:38 ID:???
>>348-349
ありがとうございます。
早速やってみます!

351 :Name_Not_Found:02/11/02 23:30 ID:JSptGkie
CSSをページに埋め込んでやっているのですが
ページがなかなか開きません。
テーブルとかわらないくらい重いです。
画像もほとんど使用していないんですけど
タグ使いすぎなんでしょうか?
外部読み込みのほうが、すっきり早かったりするのでしょうか?


352 :Name_Not_Found:02/11/02 23:44 ID:???
>>351
style属性でちまちま指定しているのだったらHEADか外部にまとめれ。
つーかソースかURL晒せ

353 :☆南幸☆:02/11/02 23:46 ID:IYEtcIwK
http://www5e.biglobe.ne.jp/~nanko-m/index.htm

354 :Name_Not_Found:02/11/02 23:52 ID:???
>>353=351か?
画像以外はすんなり開いたぞ。(当方ISDN)
トップのソース見る限りCSSのかけらも無いが(w
ドリンク剤の画像サイズ落とせ。221KBってせめて10分の1にしろ。

つーか業者だな、まぎらわしい。

355 :Name_Not_Found:02/11/03 00:37 ID:???
ここは業者サイトを批評するスレになりました。

356 :351:02/11/03 00:49 ID:2PAPBh6o
すみません、353とは無関係です。
CSsって、たくさん使用しても重くならないと
思ってたけど、そうじゃないんですね。反省。
すっかりDIVにハマっていました。
恥ずかしいのでソースも出せません。
 

357 :Name_Not_Found:02/11/03 03:45 ID:???
>>346
難しいこと考えずに、fontプロパティを使わなければいいだけでは。
font-sizeプロパティを単独で使えば済む話。
そもそもfontプロパティは簡略記述だし。
制作者が指定しない場合、ブラウザが自身のレンダリング
(フォントファミリなど)を実施する。それだけのこと。

書いてる内容がイマイチ理解に苦しむ。
参考▼
ttp://www.y-adagio.com/public/standards/tr_css2/fonts.html

358 :346:02/11/03 14:46 ID:???
>357
説明が悪くてスイマセン。
太字にしてfont-sizeとline-heightを同時に指定したいとき、

「font-weight:bold;font-size:1.2em;line-height:1.5em;」

「font:bold 1.2em/1.5em inherit」

みたいに簡単にすませられればいいなと思ったんです。
font-styleの値の指定はfontプロパティでは必須だから、ブラウザ
標準のフォントで表示してもらいたい場合「inherit」を使えばいいの
ではないかと思った。
しかし、body要素に上のようなfontプロパティを指定してもよいのか?
という話なのでした。

(body要素に上のようなfontプロパティを指定したくなるかは別の話で)

359 :Name_Not_Found:02/11/03 16:59 ID:???
簡略化プロパティはブラウザ選ぶところもあるし、
あまりきわどい使い方しない方が安全じゃないかな。
分割すれば確実なんだし。
bodyにinheritでDepends on UAの意には確かになりそうだけどね。

360 :Name_Not_Found:02/11/03 20:05 ID:???
それ以前にWindowsIEでinheritは効かない

361 :Name_Not_Found:02/11/03 20:25 ID:???
きくつーの。

362 :357:02/11/03 20:43 ID:???
>>358
fontプロパティは、
font-style、font-variant、font-weight、font-size、line-height、font-family
などが指定できる。サイズとファミリは省略しないことを勧められるが、
いずれにしても省略された値は仕様書上では「初期化」される。
これを踏まえてinheritで明示してもCSS"2"を正しく実装しない
ブラウザでは動作は保証されない。

というより、現実のブラウザの実装では初期化されないで継承するものもある。
# むしろ省略したのだから継承されると誤認されているケースもある。

ブラウザが過渡期的状況ではターゲットとするブラウザの実装に合わせるか、
重要と思うセレクタにアヤシイものは使わないのが吉。

363 :Name_Not_Found:02/11/03 21:43 ID:???
みなさん、class と id の名称どんなのにしてますか?

作っているうちは良かったのですが
後から見直してみると不思議な名前ばかりで
もう何がなんやら……

364 :Name_Not_Found:02/11/03 21:57 ID:???
オレもだよ>不思議
historyとか打つの面倒で hstrとか、「文字列」しか思いつかん名前だ(;´Д`)
image->imgはまだ分かるけどw

なんか打つのが面倒ということもあって
6文字以下くらいに収まってます(藁

ちょっと他人のclass名でもパクろうか。

365 :Name_Not_Found:02/11/03 22:42 ID:???
>>363
.red {font-color:red}
div.bar1 { background-color: #cccccc;}
div.bar2 { background-color: #ccccff;}

.big {font-size: large;}
.wide100 { width: 100%}
.red_wide100 { font-color:red; width: 100%;}

366 :Name_Not_Found:02/11/03 22:50 ID:???
ナイスジョーク ナイスジョーク

367 :Name_Not_Found:02/11/04 00:08 ID:???
ごめんなさい。
.box{font-size:80%; margin:0 0 16px 0; width:200px}
.box .a1{color:#ffffff; background:#666666; padding:2px 2px 1px 2px; margin:0 0 0 0; border-bottom:1px solid #000000; text-align:center}
.box .a2{color:#000000; background:#999999; padding:4px 2px 1px 2px; margin:0 0 0 0; border-bottom:1px solid #000000}
.box .a3{color:#000000; background:#cccccc; padding:1px 2px 4px 2px; margin:0 0 0 0; border-bottom:1px solid #000000; line-height:1.2em}

368 :Name_Not_Found:02/11/04 10:18 ID:???
>>361
効かないってば。どう効いたのさ?

369 :Name_Not_Found:02/11/04 10:53 ID:???
段落ではなく文の背景にだけ背景色を適用するにはどうすればいいですか?
私にはspanで1行1行指定していく方法しか思いつきません。
他にもっと効率の良い方法があったら教えて下さい。

370 :Name_Not_Found:02/11/04 12:35 ID:???
>>369
やりたいことがいまいち不明瞭ですな。
とりあえずソースを出す。

371 :Name_Not_Found:02/11/04 14:20 ID:KusSwFbo
>>369
NN4でブロックレベル要素に背景指定した場合の表示みたいにしたいのか?
spanなり何なりインライン要素として括るがよいさ。
何も「1行1行指定し」なくとも、<p><span>文章</span></p>と一回括ればいいだろ。


372 :Name_Not_Found:02/11/04 14:28 ID:???
>369
NN4.7のバグ的背景色表示をしたいのだとみた。
「ブロック要素に指定した背景やボーダーが、要素の内容物に対応した部分に
しか表示されない。」
ttp://members.tripod.co.jp/cssbug/detail/nn4x/b010.html

ブロック全体に対して矩形に背景色が塗られるのを望まず、文字のあるところ
だけ背景色が塗られてほしい、ということですよね。

文字に背景色を指定したい理由が「強調」だったら<em>や<strong>で囲めば、
「class="…"」を書かなくていいぶん少しだけ省力化できる…くらいしか私には
思いつきません。

373 :Name_Not_Found:02/11/04 14:45 ID:???
>>362
> サイズとファミリは省略しないことを勧められるが、

fontプロパティの値は

[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]…(以下はcaptionとかなので略)

だから、font-weightとfont-familyの値は必須でわないの?
(漏れの読み方が間違ってる?)

374 :Name_Not_Found:02/11/04 15:20 ID:???
>>368
何を根拠に効かないと言ってるのだ?
ちょっと試せば効いてるのは一目瞭然。

375 :Name_Not_Found:02/11/04 15:30 ID:???
inherit効く派も効かない派も、お互いの主張を確認できる具体例を出してくださらんか

376 :Name_Not_Found:02/11/04 15:36 ID:???
CSS2で追加された値「inherit」には、WinIEは未対応です。
cf. http://is.vis.ne.jp/charts/css2_colors/index.xhtml#color

377 :Name_Not_Found:02/11/04 15:54 ID:???
「効かない派」からまずは軽いジャブ。
しかしこのサイトを作っている人が間違えている可能性もゼロではない。
ここで「効く派」が具体的な例を出せれば逆転も可能だが、果たして?

378 :Name_Not_Found:02/11/04 17:22 ID:???
p { color :red; }
em { color: blue; }
em.hoge { color: inherit; }

<p><em>まげまげ</em>もげもげ<em class="hoge">ほげほげ</em></p>

IE6(標準)ではほげほげが青。効いてない

379 :369:02/11/04 17:30 ID:???
>>370
言葉足らずですみません。>>371>>372で言っている
NN4.7のバグ的背景色表示をしたかったのです。

>>371 >>372
ありがとう御座います。そして説明不足ですみません。
spanで1行1行指定していかなきゃならないのは最初の
文字の前に余白が欲しかったからです。具体的には
span { background-color:#000000;
padding-left:1%;
}
という指定を適用させたいので1行1行指定してます。
でも他に効率いい指定の仕方があるんじゃないかと
思いまして...

380 :Name_Not_Found:02/11/04 17:36 ID:???
>>373
蛇足レスだが、それが正しいよね。

line-heightって必須じゃなかったんだな…

381 :Name_Not_Found:02/11/04 17:51 ID:???
>>379
「1行1行」って……もしかしていちいちbrで改行してるの?
だとしたらCSSではなくHTMLのマークアップからやり直した方がいいよ。
ソース出してみてくれない?

382 :Name_Not_Found:02/11/04 21:56 ID:???
>>379 同じくソースきぼん。

最初の文字の前に余白が必要なケースがわからない。
構文としての文字下げなら「text-indent」を使う方がヨロシイのでは。
この場合は、例えば<p>などのブロック要素に設定する。

<span>は、これらのブロック要素内にあるはずだから、
万一<br>で改行しているとしても、上位ブロックの左辺に余白を
持たせておけば済む話。

383 :Name_Not_Found:02/11/04 23:06 ID:???
>>378
inheritの解釈がいまいちな人間の思うところ。

そのCSSだと、おかしくない?

>各プロパティは指定値として'inherit'という値を取ることができる。この値は、当該要素の
>そのプロパティが、親要素と同じ算出値を取ることを意味する。 'inherit'を明示的に設定
>すれば、通常は代替値としてのみ用いられる継承値を強制的に使用できる。

となってるので、親要素p要素のcolorが継承されていて、正しい動作だと思うけど。
強調を赤と青に指定したいなら、
p {color:red; background:black;}
em#hoge {color:red; background:inherit;}
em#hage {color:blue; background:green;}
というような使い方が正しいんじゃないかな?

384 :Name_Not_Found:02/11/04 23:59 ID:???
>>383
あなたは間違ってます。
>>378を再読してください。

385 :Name_Not_Found:02/11/05 00:03 ID:???
ぐひぐひ荒れろ荒れろ

386 :Name_Not_Found:02/11/05 00:08 ID:???
>>383
>親要素p要素のcolorが継承されていて、
それならばem.hogeの色は赤にならなければならぬはずだ。
しかるに>>378の報告では青になると言ってるのだ。ここがIEのinherit未対応たる所以だ。

>強調を赤と青に指定したいなら、
これも、>>378のやり方で何ら問題無い。むしろ>>383の方がスマートではないよ。

387 :378:02/11/05 00:21 ID:???
>>378はinherit確認用のためだけに書いたんで
細かいことは考えてないでつ
混乱させてスマンヨ

388 :383:02/11/05 01:15 ID:???
>>387
ごめんさない、>>384の指摘のように、読み間違えてました。
inheritは利いてない。

389 :369=379:02/11/05 08:48 ID:???
>>381 >>382
p { line-height:140%; }
span { background-color:#000000;
    padding-left:1%; }

<p>
<span>ここの文字列の背景にだけ背景色を指定したい。</span><br>
<span>ここの文字列の背景にだけ背景色を指定したい。</span><br>
<span>ここの文字列の背景にだけ背景色を指定したい。</span><br>
<span>ここの文字列の背景にだけ背景色を指定したい。</span><br>
<span>ここの文字列の背景にだけ背景色を指定したい。</span><br>
<br>
<span>ここの文字列の背景にだけ背景色を指定したい。</span>
</p>

ソースはこんな感じです。全ての行の左側に余白が欲しいのはレイアウト
としてなので、最初の1行だけだと具合が悪いというのが理由です。
brを使ったのは文章自体が詩みたいなものだからなんですが、もう一度
HTMLの基本からよく勉強し直してみます。

390 :Name_Not_Found:02/11/05 08:56 ID:???
brを使う意味はまったく無いな
もしくはCSSを使う意味がまったく無い

391 :Name_Not_Found:02/11/05 10:05 ID:???
>>389これでいいだろ
2回の連続した改行は段落とみなしたほうがいいと思うが
p {
line-height:140%;
padding-left:1%;
}
span {
background-color:#000000;
}
<p>
<span>
ここの文字列の背景にだけ背景色を指定したい。<br>
ここの文字列の背景にだけ背景色を指定したい。<br>
ここの文字列の背景にだけ背景色を指定したい。<br>
ここの文字列の背景にだけ背景色を指定したい。<br>
ここの文字列の背景にだけ背景色を指定したい。<br>
</span>
</p>
<p>
<span>
ここの文字列の背景にだけ背景色を指定したい。
</span>
</p>

>>390
詩みたいな内容なら<br>を使っても問題ないと思う

392 :Name_Not_Found:02/11/05 10:18 ID:???
>>389
一行ごとをひとつの段落とみなすことができるのならば、

p {
line-height : 140%;
margin : 0;
padding-left : 1%;
background-color : #000000;
}

でOKでは。

393 :Name_Not_Found:02/11/05 10:21 ID:???
>>392
pはブロック要素だからボックス全体に背景色が指定されちゃうよ

394 :392:02/11/05 12:43 ID:???
>>393

あー、だから、一行をひとつの段落とみなして、HTMLの方を、

<p>そんな事より聞いてくれよ、&gt;&gt;1よ。あんまりスレと関係無いんだけどさ。</p>
<p>昨日、近所の吉野家行ったんです。吉野家。</p>
<p>そしたらなんか人がめちゃくちゃいっぱいで座れないんです。</p>

みたいな感じにすれば、一行ごとに色つけられますよ、という意味でした。
>>389 が意図してる見栄えとは微妙に違うと思うけど。

あー、でも、その場合、margin : 0; じゃなくて、margin : 0.4em 0;
の方がいいか。

395 :346:02/11/05 13:03 ID:???
fontプロパティの指定について質問した者です。
inheritの実装にまで話が進むとは思いませんでした。大いに参考にさせていただきます。
ありがとうございました。

396 :Name_Not_Found:02/11/05 14:57 ID:???
>>389
>brを使ったのは文章自体が詩みたいなものだからなんですが

「詩みたいなもの」には<pre>を使用しませう。
<br>の強制改行はいかにもみにくい。

397 :Name_Not_Found:02/11/05 15:06 ID:???
preの方がみにくいだろ。

398 :Name_Not_Found:02/11/05 15:32 ID:???
醜い、ね。

HTML4.01の仕様書ではシェリーの詩をpreでマークアップしてたが。
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.3.4

399 :Name_Not_Found:02/11/05 17:01 ID:???
>>397
例えば漢詩では縦書きか横書きかは別にして、
途中改行されることを作者は望まないだろう。

<br>の場合は画面幅によって途中改行され、さらに<br>で
改行される。これは詩の創作者にとっては耐え難い。
アクセシビリティは詩の作品性に優先されるものではないと思うが。

#スレ違いスマソ

400 :Name_Not_Found:02/11/05 18:38 ID:???
>>399
結局、HTMLは論理的にマークアップするための言語なので、詩や小説などの文学
作品をマークアップするには限界がある、というような話は、strictスレでも
さんざん既出であるわけですが。

http://pc3.2ch.net/test/read.cgi/hp/1033282702/l50

ここらへんはあんまり厳密にやっても意味がない(というか、厳密にできない)
ので、CSS切って、ブラウザのデフォルトスタイルで見てもおかしな表示になら
なきゃいいぐらいに考えとけばOKだと思います。個人的には。

/* スレ違いスマソ */

401 :399:02/11/05 21:16 ID:???
>>400
話しを戻すと、>>389 が成形文としての表現を<p>で
実現しようとするのは違和感があるということだと思う。
センテンスとして*一行である*ことに意味があるなら、
<pre>にCSSを適用する方が自然ではないかという提案だろう>396

# 本人がいう「詩のようなもの」の実態は本人にしか分からないがw

402 :Name_Not_Found:02/11/06 05:47 ID:???
もう画像にしちゃえ

403 :Name_Not_Found:02/11/06 12:06 ID:nUZh99py
CSSでchecked radio ボタンの色を変更したいのですが、
指定方法を教えてください。

404 :Name_Not_Found:02/11/06 16:31 ID:???
>>403
ラジオボタンにCSSならinputに書いてちょ。
id属性を与えてlabelを使っているならlabelにCSSも可。
チェック済みのものだけCSSを適用するならJavaScript併用。
さんざガイシュツだけど、具体例を書くべし。
フォームパーツはCSSが効かないブラウザもあるし。

405 :Name_Not_Found:02/11/06 19:10 ID:???
>>402
画像にするならpreだろ。

どうせimgならalt属性も入るし、
objectなら代替部分を結局 まーくうぷ しないといけない。

406 :Name_Not_Found:02/11/07 02:48 ID:CZ/B9NdM
異なる単位の数値の和や差を与えることって出来ないんですかね?

body{
background : url(back.jpg) ;
padding : 50px ; /* back.jpgのheight=50px */
}
#main{
overflow : auto ;
height : □□□ ;
}

□□□の部分に、100%マイナス50pxという数値を入れたいんです。
ちょっと試してみましたが、駄目でした。(・100%-50px ・100% - 50px)

このような方法が不可能なら、それに代わる巧い方法は無いでしょうか。

407 :406:02/11/07 02:54 ID:CZ/B9NdM
>>406 の修正&補足

body{
 background : url(back.jpg) ; /* back.jpgのheight=50px */
}}
#main{
 margin-top : 50px ;
 overflow : auto ;
 height : □□□ ;
}

<body>
 <div id="main">
  あ<br>
  あ<br>
  あ<br>
  あ<br>
  あ<br>
 </div>
</body>

408 :Name_Not_Found:02/11/07 02:59 ID:???
余白を設定すれば?
上: 25px; 下: 25px;
じゃだめ?

409 :408:02/11/07 03:14 ID:???
ごめん。寝ぼけてた。
逝ってくる・・・。

410 :Name_Not_Found:02/11/07 03:28 ID:???
現状のCSSだけでは無理
JavaScript使えばできるかもしれないけどもう寝るので誰か任せた
IEのexpression使ってもできるのかもしれないけど使ったことないので誰か任せた

411 :Name_Not_Found:02/11/07 08:52 ID:???
>>406
長いので第一部、とりあえず↓

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
<!--
html, body {
margin:0;
padding:0;
}
#main {
margin-top:50px;
height:100%;
border:2px solid #333;
}
//-->
</style>
</head>

412 :Name_Not_Found:02/11/07 08:53 ID:???
>>406
第二部、とりあえず↓

<body>
<div id="main"></div>
<script type="text/javascript">
<!--
var ob = 'main';
var of = 50;
var a,y;
if (document.getElementById) {
y = document.getElementById(ob).offsetHeight;
a = y - of; //←[100%-50px]
document.getElementById(ob).style.height = a + 'px';
}
//-->
</script>
</body>
</html>

# IE5/NN6 以上(DOMのため) Opera6は不可。
# IEとNNで*少し*実行結果が違うのはしょうがない。

413 :Name_Not_Found:02/11/07 20:10 ID:???
HTML 4.0 Strictで作っているのですが、
addressを背景色指定、横幅100%、右寄せで表示したいのですが、
text-align:rightでは右にくっつきすぎてしまいます。
右から1em分、余白をとりたい場合はどうしたらいいでしょうか?
余分なdivは入れたくないし、横スクロールが出るのはいやなんですが。

414 :406:02/11/07 20:11 ID:6JjV+tXW
>>411-412
ご丁寧に有難う御座います。
ですが、JavaScript使うなら大人しく
height : 90% ; overflow : auto ;
あたりで妥協しようと思います。すみません。

で。

height を設定すると、何故かそのブロックの left にmarginだかpaddingだかが発生しちゃってるようなんです。
おかげで横スクロールバーが出ちゃう。
当方、Win98+IE6 。仕様なのでしょうか?

415 :Name_Not_Found:02/11/07 20:32 ID:???
>>413
addressのwidth:100%;を外してpadding-right:1em;でいいと思う。

416 :Name_Not_Found:02/11/07 20:52 ID:???
<body>
2chは掲示板です。2chの管理人はひろゆきです。
</body>

と<body>内に書いただけで
「2ch」の部分だけを赤い色で表示してくれる、というような指定は
CSSでできますか?

「2ch」という文字列が(これは例だけど)ページ内にたくさんあるので
いちいち全てに赤の指定をするのはソースの見た目もよくないし面倒だなと思ったのですが、
どうでしょうか?

417 :Name_Not_Found:02/11/07 20:52 ID:+OLXuCSB
あ、IDにスペース入ってました。。。
よろしくおながいします。。

418 :Name_Not_Found:02/11/07 21:04 ID:???
>>416
CSSでもできません。

419 :Name_Not_Found:02/11/07 21:09 ID:???
短くしても、一文字のタグ(<b>2ch</b>とか<i>2ch</i>とか)で囲ってCSSで色指定くらいかな。

420 :Name_Not_Found:02/11/07 21:18 ID:???
せめてemとか

421 :416:02/11/07 21:18 ID:???
>>418-419
やっぱり無理ですか。。でも419の方法はイイかも。その辺でやってみます。

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

422 :Name_Not_Found:02/11/07 21:20 ID:???
>416
DHTMLならおそらく可能
Javascriptスレで聞いてみてください

423 :413:02/11/07 21:56 ID:???
>>415
忘れてました、position:absolute;なので、
幅指定しないと、文字部分にだけ背景色がかからないんです・・・。
いっそ全角スペース入れたほうがいいでしょうか?

424 :Name_Not_Found:02/11/07 22:11 ID:???
>>423
width:95%;
padding-right:5%;
%指定じゃだめ?

425 :411:02/11/07 22:28 ID:???
>>414
少しの横スクロール量かな。
画面サイズをリサイズ(大小)すると出なくなることもある。
標準モードと互換モードで違うみたいだけど、仕様。

426 :413:02/11/07 22:37 ID:???
>>424 ありがとうございます。
やってみたんですけど、それだとなぜか横スクロールが・・・。なんで?(泣)

427 :Name_Not_Found:02/11/07 22:48 ID:???
>>426
positionのleftかrightの数値も考慮してみる。

428 :bery:02/11/07 23:04 ID:bXdvx5EE
はじめまして、わからないことがあったので質問させて頂きます。

ttp://mo-mo.vis.ne.jp/1sample/t/ud_meisai/mo-erv002.cgi(設置例)

ttp://mo-mo.vis.ne.jp/cgiskin/bbs/mo-erv002pkm.htm(↑の説明)


この背景(画像)を表示を一個でスクロールしないようにしたいのです。
HTMLならできるんですが…CGIでやってみようにも全くわかりません。
コメント記入部の方(左)側の画像はフレームの中央部。
右のログ表示部分はフレームの左上部分に画像を表示したいんですが…。

参考のアドレスにあったところも徘徊したのですが、まったくわからず(−−;
わかる方がいらっしゃいましたらご助力をお願いします。

429 :Name_Not_Found:02/11/07 23:40 ID:???
>>428
cgiに関する質問ですか?cssに関する質問ですか?
cgiソースの中を見ればどこにcssの記述があるかわかるでしょ。そこを変えればいいのさ

430 :Name_Not_Found:02/11/07 23:43 ID:???
>>428
あのさ、CGI改造してる配布元にサポート板があるんだけどな↓

ttp://mo-mo.vis.ne.jp/faqbbs/wforum.cgi

431 :Name_Not_Found:02/11/07 23:46 ID:???
こういう質問板って、だんだん厨房板になるな

432 :Name_Not_Found:02/11/08 00:29 ID:???
質問板???

433 :Name_Not_Found:02/11/08 00:52 ID:???
スレ。亀ツッコミ。

434 :Name_Not_Found:02/11/08 08:57 ID:???


435 :Name_Not_Found:02/11/08 11:27 ID:???
>428
CSSでなら、background-repeatプロパティとかbackground-positionプロパティとか
background-attachmentプロパティとか。
またはそれらをまとめて宣言できるbackgroundプロパティでできるでしょう。
あとは自分で調べてね

436 :Name_Not_Found:02/11/08 11:31 ID:???


437 :Name_Not_Found:02/11/08 13:35 ID:???
>>430
>ttp://mo-mo.vis.ne.jp/faqbbs/wforum.cgi を
>HTML4.01 Transitional としてチェックしました。
>406個のエラーがありました。このHTMLは -197点です。

こんな掲示板で聞いてもたいした返事はないと思われ
改造している本人に構造などの意識がサパーリ

>>428
CGIスクリプトを改造しるなら
Perlが読める(何がどこにある)ぐらいのレベルでないと
ここの住人は相手しないぞ

438 :Name_Not_Found:02/11/08 17:45 ID:???
HTML 4.01 Strict(互換モード) でブロックレベルの要素を
センタリングさせるにはどうしたらいいですか?

439 :Name_Not_Found:02/11/08 17:55 ID:???
>>438
.ex {
text-align:center;
}
#box1 {
margin:0 auto;
width:50%;
}

<div class="ex">
<div id="box1"></div>
</div>

後方互換なら次善的にマークアップするしかない

440 :438:02/11/08 17:59 ID:???
>>439
そうなんですか。。。ありがとう御座いました。
地道にマークアップしていきます。

441 :Name_Not_Found:02/11/08 18:43 ID:???
>>439
えーっ!?

442 :Name_Not_Found:02/11/08 18:50 ID:???
>>438-440
訊くのも解答するのも>>5のFAQを見てからにしろってば。

443 :Name_Not_Found:02/11/08 21:58 ID:???
Opera6.05 Win なんですが、ユーザースタイルシートに
br+br{display:none;}
とやって、2個以上続く<BR>を無効化してやろうと、
つまりフォントいじり野郎の努力を無駄にしてやりたい!
と思ったんですが、これだと全部の<BR>が消えちゃって
単なる強制改行無効になってしまいます。
隣接セレクタに関する俺の理解が間違ってますか?

まあとりあえず
br+br{line-height:0%;}
とすることで当初の目的は概ね達成できているんですが
気になって気になって夜は熟睡です。

444 :Name_Not_Found:02/11/08 22:06 ID:???
>>443
熟睡できるのなら別にいいのでは。

445 :Name_Not_Found:02/11/09 13:21 ID:???
「おい!>443の書き込み時刻を見てみろ!!」
「なっ!こっ、これは…寝言!?」

446 :612:02/11/09 21:20 ID:???
一番上にちょっとした短い文章、そしてページのぴったり一番下に
広告や同盟バナーを表示させたいと思って、>>4のサイトを見て
<!--
.xxx {
margin-bottom: 0%;}
-->

そして広告とか同盟バナーのところを<div class="xxx"> </div>
でくくったのですが、うまくページの一番下にバナーとかが行きません。
なにが変なのでしょうか・・

447 :446:02/11/09 21:21 ID:???
クッキーのこってた。すいません

448 :Name_Not_Found:02/11/09 21:28 ID:???
>>446
position使えば?

margin-bottom:0の意味することは分かるよね?
たとえば
<body>
<h1>test</h1>
<div id="xxx">TEST</div>
</body>
のとき、margin-bottom:0で指定するなら
bodyにもmargin-bottom:0を指定汁。
<div id(class)="xxx" />

</body>の間に何らかの要素を挟むとダメだけどねw

449 :446:02/11/09 21:39 ID:???
ありがとうございます。
でもよく分かりませんでした・・
初心者なのでちゃんと勉強して出直します。すいませんでした。

450 :Name_Not_Found:02/11/09 22:32 ID:???
>>448
marginだけじゃなくてpaddingも0にしないと。

451 :Name_Not_Found:02/11/09 23:15 ID:2imV+8OK
特別セレクタを振らずに、
リスト要素の間だけにボーダーを表示することはできるでしょうか。
イメージとしてはこんな感じ。

<ul id="list1">
<li class="top">aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ul>

#list1 li { border-top:1px solid #000 }
#list1 li.top { border-top-width:0 }

いまのところこんな風に一番上のリスト要素にだけ「top」っていうクラス振って
お茶を濁してるんですけど、これを振らずにできたらな、と。
別にborderはtopでもbottomでも間に表示できればどっちでもかまいません。
基本の話だったらすみません。

452 :Name_Not_Found:02/11/09 23:42 ID:???
隣接セレクタかfirst-child疑似クラスを使う所だろうけど
IEが対応していないんで多分それで正解。

453 :451:02/11/10 08:42 ID:???
>>452
やはり今のIEじゃムリなのか。
じゃあ、ひとまずはこのままか…。
でもバージョン上がったら対応するだろうってことで、
一応、隣接セレクタとfirst-child疑似クラスも調べてみます。
ありがとうございました。

454 :Name_Not_Found:02/11/10 12:10 ID:???
>>453
バージョンあがっても対応しないと思う。
自分とこの独自拡張は増やすだろうけど。

455 :Name_Not_Found:02/11/10 12:24 ID:???
IEのCSS独自拡張ってふざけてる

456 :Name_Not_Found:02/11/10 12:55 ID:???
はやく position: fixed サポートして欲しいな、IE タン

457 :Name_Not_Found:02/11/10 13:59 ID:???
というか、IE7.0が出ないとか噂が流れてる現状では...。

458 :Name_Not_Found:02/11/10 16:33 ID:???
>>454
だろうね。MS自身がはっきりそう言ってるし。

459 :Name_Not_Found:02/11/10 18:24 ID:???
>>458
ええっ、どこで言ってました?

460 :Name_Not_Found:02/11/10 18:56 ID:ERe0peTT
リストマーカーにlist-style-image を使わず
background-imageを使うのって邪道?

461 :Name_Not_Found:02/11/10 19:27 ID:???
>>460
liにdisplay:inline;を適用してる時なんかも使えるから
邪道って訳でもない、かもしれない、と思う。
でもOperaではそれだと画像が表示されないから注意。

つーかスレ違いなんだけどね。
/* CSS、スタイルシート質問スレッド【12】 */
http://pc3.2ch.net/test/read.cgi/hp/1034922586/

462 :Name_Not_Found:02/11/10 19:33 ID:???
>>461
ここがその質問スレッドですけど?

463 :Name_Not_Found:02/11/10 19:35 ID:???
何のスレと思ったんだろう…

464 :461:02/11/10 20:01 ID:???
ごめん、最後の3行は無視して…

465 :Name_Not_Found:02/11/10 20:01 ID:ERe0peTT
つーかOperaでも表示されるしな

466 :Name_Not_Found:02/11/10 20:04 ID:ERe0peTT
うーん、結局よくわからん
これってtableをレイアウトに使うのとどう違うんだろう?

467 :Name_Not_Found:02/11/10 21:08 ID:???
テーブルは表を作成する時に使います
ハァ?見えればそれでいいじゃん?とお考えならこのスレには来ない方が良いです

468 :Name_Not_Found:02/11/10 22:44 ID:ERe0peTT
>>467
俺に言ってるのかな?俺の発言は
「リストマーカーをbackground-imageで実現するのってStrict的にどうなの?
背景画像はあくまで背景画像でマーカーじゃないじゃん?」
ってことなんだけど、なんでそんな発言になるの?

469 :Name_Not_Found:02/11/10 22:47 ID:???
つーかスレ違いなんだけどね。
/* CSS、スタイルシート質問スレッド【12】 */
http://pc3.2ch.net/test/read.cgi/hp/1034922586/

470 :Name_Not_Found:02/11/11 00:47 ID:???
【FAQ】
Q:CSSで擬似フレームってどうやるの?
A:次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
 http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/overflow.html
 http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/files/frame.html
overflowを用いた擬似フレーム
 http://www.fromdfj.net/html/overflow.html

471 :Name_Not_Found:02/11/11 01:25 ID:???
初歩的な質問ですみません。
テキストを均等割付(漢字違うかも)するCSSを教えて下さい。

472 :Name_Not_Found:02/11/11 01:32 ID:???
>471
「CSS 均等割付」→google
ttp://www.google.com/search?num=100&hl=ja&ie=Shift_JIS&q=CSS+%8B%CF%93%99%8A%84%95t&btnG=Google+%8C%9F%8D%F5&lr=lang_ja

473 :Name_Not_Found:02/11/11 01:36 ID:45Bb5Iy/
>>471
text-align:justify; text-justify;distribute-all-lines:
下記参照。
http://pc3.2ch.net/test/read.cgi/hp/1035775357/116-126
http://www.doraneko.org/misc/i18n-format/WD990127.html#a5
http://east.portland.ne.jp/~sigekazu/css/international.htm#justify

IE5.0以上、Netscape6以上は「text-align:justify;」に対応してます。
が、日本語の場合は右端が揃ってくれないんだな、これが(英語帝国主義!)。
そのためIE5ではtext-justify:auto;等を同時に指定してやることが必要になるってワケ。
それでもNN7ではダメだけどね。とはいっても一応、仕様書通りではある。
「適合UAは、'justify'という値を、当該要素のデフォルトの書字方向に従って'left'あるいは'right'として扱ってもよい。そのことは不適合を意味しない。」
とあるから、仕方ない。
あと、MacIEではtext-align:justify;は表示が崩れるバグあり。
 http://cssbug.tripod.co.jp/detail/macie/b016.html
@media screen{ }で括ってMacIE除けしといた方が無難。
 cf. http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/06a.html#day03num01


474 :Name_Not_Found:02/11/11 04:04 ID:???
>>468
落ち着け。>>467 は、>>466 に対するレスだろ。

>>465
Operaは、インライン要素に背景画像を指定しても表示されなかったと思うけど。

475 :Name_Not_Found:02/11/11 11:57 ID:???
Strict 的には HTML 文書が正しければ CSS で少々何してもいいと個人的には思ってる。

ちなみに俺は某ブラウザが対応したら
li{ list-style: none; }
li:before{ color: #800; content: "◇"; }
とかやりたい。 background でマーカーつけようが別にいいんじゃないかと思います。

476 :Name_Not_Found:02/11/11 12:10 ID:0sdKUL3a
既出だったらすみません。
WINのNetscape6にて、擬似クラスの:activeと:hoverを記述していると、リンク部分が、
マウスオーバーするたびにチラチラします。
どうしてですか?

例えばこんな感じになります。
http://www.gihyo.co.jp/book/1998/168111/download/css/

ここのテキストリンクを見てやってください。
すみませんが宜しくお願いします。


477 :Name_Not_Found:02/11/11 12:38 ID:???
ネスケ4.78で、
p { line-height : 133%; }
のようにline-heightが設定してある場合、
<img>で画像を表示させるとレイアウトがメチャクチャになるのはバグですか?
(画像の下に文字がもぐりこんでしまう???)

478 :Name_Not_Found:02/11/11 13:34 ID:???
>>475
根拠は?

479 :Name_Not_Found:02/11/11 14:03 ID:???
-------
hoge |
|
-------

このようにしてカーソルがhogeの上に乗ったら、

|------|
| hoge |
|------|

のようにしたいのですが、eの右の方やhの左の方にカーソルが乗ったときも四角いリンクが出るようにしたいのですが、
hogeの上に乗ったときにしか出てきません。
どうしたらいいのでしょうか?

480 :479:02/11/11 14:10 ID:???
すいません。
意味不明になってしまいました。

つまり
hogeの上にカーソルが乗ったときに四角いリンクを出すことはできたのですが、
eの横やhの横にカーソルが乗ったときもリンクが出るようにしたいです。
つまりhogeの行にカーソルが乗った時です。
よろしくお願いします。

481 :Name_Not_Found:02/11/11 14:17 ID:???
>>479
「リンクを出す」ってなんじゃらほい?
とりあえずここに該当部分のソースを貼ることをおすすめする。

482 :Name_Not_Found:02/11/11 14:18 ID:???
何をしたいのか全然分かんないけど hoge を div で囲むとかは?

483 :479:02/11/11 14:30 ID:???
すみませんでした。
http://www.microsoft.com/japan/default.asp
マイクロソフトのサイトの製品情報やユーザー別サイトのリンクの所のようにしたいのです。
で、マイクロソフトのサイトでいうとwindowsの上にカーソルが乗ったときはちゃんとあの四角いリンクが出てくるのですが、
windowsの文字の横にカーソルを置いた時も四角いリンクが出てくるじゃないですか。
それのやり方を教えていただきたいのです。

484 :Name_Not_Found:02/11/11 14:40 ID:???
a { width : 100% ; } でいいんでない

485 :Name_Not_Found:02/11/11 14:46 ID:d7rHuhxj
a{ display : block }

100%はいらん。

486 :Name_Not_Found:02/11/11 15:28 ID:???
>>476
7だと問題なかった。6なんて無視するわけにはいかんの。

487 :Name_Not_Found:02/11/11 15:34 ID:0sdKUL3a
476です
>>486
レスありがとうございます。
どうやら6はなってしまうみたいですね。

お騒がせしました。

488 :Name_Not_Found:02/11/11 15:40 ID:???
>>477
そう。バグ。
画像をTABLEで囲んで対処したことがある。
お勧めしないケドな。

489 :Name_Not_Found:02/11/11 15:41 ID:???
>>485
a を display: block した時は width が要る場合があるよ
テキスト以外の部分で認識しなかったり
変な余白ができたり

とりあえず幅指定した ul 要素内だとそうなる

490 :Name_Not_Found:02/11/11 15:45 ID:???
>487
:hover → a:hover で直る。

>489
そういえばなんかバグ辞典に挙がってたっけか。

491 :Name_Not_Found:02/11/11 15:56 ID:0sdKUL3a
>490
レスありがとうございます。
残念ながら、a:hoverにしています。

492 :Name_Not_Found:02/11/11 16:32 ID:???
>491
whitebase.cssの15行目のことね。

493 :Name_Not_Found:02/11/11 16:49 ID:0sdKUL3a
>492
whitebase.css?
なんですかそれ・・・。

494 :Name_Not_Found:02/11/11 16:55 ID:???
>493
勘違いスマソ。
>476が君のサイトなのかと思ったょ…鬱だシノウ…。

495 :Name_Not_Found:02/11/11 17:00 ID:0sdKUL3a
>494
死んでください

496 :Name_Not_Found:02/11/11 17:05 ID:???
 ∧||∧
(  ⌒ ヽ てゆうかソース出しぃな。
 ∪  ノ  
  ∪∪

497 :Name_Not_Found:02/11/11 17:15 ID:0sdKUL3a
>496
誰に言ってんの?

498 :Name_Not_Found:02/11/11 17:16 ID:???
質問者の意に反する事を書くと死ねと言われてしまいます、気をつけましょう

499 :Name_Not_Found:02/11/11 17:16 ID:???
大暴れだ!

500 :Name_Not_Found:02/11/11 17:17 ID:???
0sdKUL3a 何様

501 :Name_Not_Found:02/11/11 17:26 ID:???
俺様だぁぁぁ、かしずけ阿呆ども

502 :Name_Not_Found:02/11/11 17:27 ID:0sdKUL3a
自分でシノウとか言うから死ねつったんだよ
ギャーギャー騒ぐな

503 :Name_Not_Found:02/11/11 17:29 ID:???
ギャーギャー!

504 :Name_Not_Found:02/11/11 17:35 ID:0sdKUL3a
ワンパターンな奴だ・・・。
おつかれさん。
ありがとね〜。

505 :Name_Not_Found:02/11/11 17:35 ID:???
とりあえずage

506 :Name_Not_Found:02/11/11 17:38 ID:ndfFaM/P
ちょっと待て。ID見る限り騙りじゃねーよな。
>>493 ほんまもんの気違いか?
最初だけ殊勝な口聞いて突然何なんだこの豹変ぶり。

507 :Name_Not_Found:02/11/11 17:40 ID:???
>>487>>491からの ID:0sdKUL3a の変わりようは一体!?
おそらくあの一時間たらずの間に何かあったんだね・・。
彼女にふられ、父親がリストラされ、母親が財布をひったくられ、妹が○○されたんだ・・。

とりあえずtinge

508 :Name_Not_Found:02/11/11 17:40 ID:0sdKUL3a
俺が本物の0sdKUL3aだ

509 :Name_Not_Found:02/11/11 17:42 ID:???
キタ━━━━━━(゚∀゚)━━━━━━ッ!!

510 :Name_Not_Found:02/11/11 17:44 ID:0sdKUL3a
>507
そーそーよくわかったね

511 :Name_Not_Found:02/11/11 17:46 ID:???
またキタ━━━━━━━━━(゜∀゜)━━━━━━━━━!!

512 :Name_Not_Found:02/11/11 17:47 ID:0sdKUL3a
織田裕二さんが目薬さしてます。

513 :Name_Not_Found:02/11/11 17:50 ID:???
真性だがネタは弱いらしい(´д`)

514 :Name_Not_Found:02/11/11 17:52 ID:0sdKUL3a
真性包茎だがネタは強いらしい(´д`)

515 :Name_Not_Found:02/11/11 18:20 ID:???
> 既出だったらすみません。
> WINのNetscape6にて、擬似クラスの:activeと:hoverを記述していると、リンク部分が、
> マウスオーバーするたびにチラチラします。
> どうしてですか?
>
> 例えばこんな感じになります。
> http://www.gihyo.co.jp/book/1998/168111/download/css/
>
> ここのテキストリンクを見てやってください。
> すみませんが宜しくお願いします。

516 :479:02/11/11 19:09 ID:???
返信遅くなって申し訳ありませんでした。
display:block;はすでにやっていたので、width:100%;にしたらうまくいきました。
ありがとうございます。

517 :日々之 ◆dA48kKoXXA :02/11/11 21:53 ID:CKcl1Uzt
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEDA>
<META NAME="generator" CONTENT="notepad">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<META HTTP-EQUIV=Content-Script-Type" CONTENT="text/javascript">
<BASE HREF="http://www3.justnet.ne.jp/~sincerity/HP02/" TARGET="_blank">
<STYLE TYPE="text/css">
<!--
BODY {background-color:;}
-->
</STYLE>
<TITLE>TheWorksOfM</TITLE>
</HEDA>

<BODY>

<FRAMESET ROWS="200,*">
<FRAME SRC="ue.html">
<FRAME SRC="main.html">
</FRAMEST>
</BODY>

</HTML>


このソースでやったら、フレームが表示されませんでした
真っ白の画面になる
どうしてですか?

518 :日々之 ◆dA48kKoXXA :02/11/11 22:00 ID:CKcl1Uzt

このソースでやったら、フレームが表示されませんでした
真っ白の画面になる
どうしてですか?

519 :Name_Not_Found:02/11/11 22:05 ID:???
</HEDA>  になってる
<BODY> の中に<FRAMESET> 書いてる

520 :Name_Not_Found:02/11/11 22:06 ID:???
お前がアホだから表示されないんじゃないの?
ここは何スレ?

521 :日々之 ◆dA48kKoXXA :02/11/11 22:11 ID:CKcl1Uzt
あ、もしかしてBODYではなく
HEDA内に書かないとだめなのか

あはははは(^_^;)

522 :日々之 ◆dA48kKoXXA :02/11/11 22:14 ID:CKcl1Uzt
ありがとうちょ(・_・)ノ

523 :Name_Not_Found:02/11/11 22:34 ID:???
>>521
(;´Д`)

524 :Name_Not_Found:02/11/11 22:42 ID:???
だめぽ・・・

525 :Name_Not_Found:02/11/11 22:49 ID:???
>>521
違う。framesetの中にbodyを含ませるんだよ。

<html>
<frameset rows="hoge,*" nantokakantokanantokakantoka>
<frame src="" id="" name="">
<frame src="" id="" name="">
<head><title>hoge</title></head>
<body>.....</body>
</frameset>
</html>



526 :Name_Not_Found:02/11/11 22:52 ID:???
何でスレ違いのネタに反応しまくってる馬鹿が居るんだ?

527 :Name_Not_Found:02/11/11 23:22 ID:???
>>526
バカハケーン

528 :日々之 ◆dA48kKoXXA :02/11/11 23:35 ID:CKcl1Uzt
度々でもうしわけない

実は先ほどのページでだけど
http://www3.justnet.ne.jp/~sincerity/HP02/
スタイルシートでリンク色の指定をしていたところ、どうしてもうまくいきません

理想としては、マウスをリンクにあわせたときだけ文字が白になって
その他のすべての状態時を灰色にしたいのですが

A:link {background-color:gray;} /*未参照のAタグは灰色*/
A:visited {background-color:gray;} /*既参照のAタグは灰色*/
A:active {color:gray;} /*アクティブなAタグは灰色*/
A:hover {color:white;} /*マウスオーバーで白*/

↑これでスタイルシートを設定したら、文字ではなく、リンク部分の背景が灰色になるだけで
 リンクそのものの文字色は変わりません、まぁバックグランドと書いてあるので
 背景の色になっちゃうのですか・・・、文字の色を灰色にするにはどう指定すればいいの?
 何方か教えてください

529 :Name_Not_Found:02/11/11 23:40 ID:???
>528
ポカーン

君はCSSの勉強をもう一度やり直した方が…

530 :Name_Not_Found:02/11/11 23:40 ID:???
>>528
あなたの脳ミソはうんこでできていますか?

531 :Name_Not_Found:02/11/11 23:41 ID:???
ネタ師キタ―(  )―

532 :日々之 ◆dA48kKoXXA :02/11/11 23:43 ID:CKcl1Uzt
>>529

(>_<)

>>530

開けて見なきゃ何が入っているのかわかりません(。・_・。)

533 :Name_Not_Found:02/11/11 23:43 ID:???
>530
オマエモナー

534 :Name_Not_Found:02/11/11 23:44 ID:???
>532
悪いことは言わん、君は解説サイトで勉強し直してきなさい

535 :日々之 ◆dA48kKoXXA :02/11/11 23:45 ID:CKcl1Uzt
A:link {background-color:gray;} /*未参照のAタグは灰色*/
A:visited {background-color:gray;} /*既参照のAタグは灰色*/

これを外したらとりあえず背景が灰色になること防げたけど
リンクの文字色が灰色にならないじゃん!(>_<)
赤紫みたいな色になる(>_<)

536 :Name_Not_Found:02/11/11 23:46 ID:???
>>535

>>1 >>3 >>4

537 :日々之 ◆dA48kKoXXA :02/11/11 23:50 ID:CKcl1Uzt
だーかーらー 教えて(>_< ) ( >_<)教えて

538 :Name_Not_Found:02/11/11 23:51 ID:???
>>537
逝ってよし

539 :Name_Not_Found:02/11/11 23:52 ID:???
>>537

>>4のサイトをすべて読み終わるまで書き込み禁止。

540 :日々之 ◆dA48kKoXXA :02/11/11 23:52 ID:CKcl1Uzt
いじわる! わ〜ん (((((((((\(>O<)/

判っているのなら教えてよ(/_;)
ここ質問スレでしょ?(・_・*)

541 :Name_Not_Found:02/11/11 23:54 ID:???
>>540

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

あなたは>>1の日本語が読めませんか?
(・∀・)カエレ!

542 :Name_Not_Found:02/11/11 23:55 ID:???
日々之のちんちん わるいちんちん
日々之のちんちん くさいちんちん
日々之のちんちん なんでぼうしかぶってるの〜

543 :日々之 ◆dA48kKoXXA :02/11/11 23:57 ID:CKcl1Uzt
>>542

煤i´ロ`;)

544 :日々之 ◆dA48kKoXXA :02/11/11 23:57 ID:CKcl1Uzt
                 ┌─┐
                 |ま.|
                 |た |
                 │来│
                 │る│
                 │よ .|
      マタネ    イェア   │ !!.│
                 └─┤    ニコニコ
    ヽ(´∀`)ノ ヽ(´∀`)ノ  (´∀`)ノ    ( ´∀)
    | ̄ ̄ ̄|─| ̄ ̄ ̄|─| ̄ ̄ ̄|─□( ヽ┐U
〜 〜  ̄◎ ̄  . ̄◎ ̄   ̄◎ ̄   ◎−>┘◎

545 :Name_Not_Found:02/11/11 23:58 ID:???
聞く前にまず調べろ。
基本的なことも理解できないでここに来るな。

546 :日々之 ◆dA48kKoXXA :02/11/12 00:00 ID:XF2yyRcu
>>545

                 ┌─┐
                 |ま.|
                 |た |
                 │来│
                 │る│
                 │よ .|
      マタネ    イェア   │ !!.│
                 └─┤    ニコニコ
    ヽ(´∀`)ノ ヽ(´∀`)ノ  (´∀`)ノ    ( ´∀)
    | ̄ ̄ ̄|─| ̄ ̄ ̄|─| ̄ ̄ ̄|─□( ヽ┐U
〜 〜  ̄◎ ̄  . ̄◎ ̄   ̄◎ ̄   ◎−>┘◎


547 :Name_Not_Found:02/11/12 00:02 ID:???
ネタ師に反応した時点で負け

548 :日々之 ◆dA48kKoXXA :02/11/12 00:04 ID:XF2yyRcu
ネタ師じゃないもん!(>_<)

549 :Name_Not_Found:02/11/12 00:04 ID:???
Mozilla 1.0 が colgroup に指定したスタイルを
無視するのを知って鬱でつ。

550 :Name_Not_Found:02/11/12 00:05 ID:???
↓↓↓↓ 次の方どうぞ ↓↓↓↓

551 :Name_Not_Found:02/11/12 00:22 ID:???
>>549
まだ対応しないのかよ……

552 :Name_Not_Found:02/11/12 03:37 ID:???
珍しく盛り上がってたんだな

553 :Name_Not_Found:02/11/12 11:51 ID:???
ネタ師晒しage

554 :477@亀レス失礼。:02/11/12 12:50 ID:???
>>488
どうもありがとう。
TABLEはあんまりレイアウトに使いたくないなぁ(´Д`;

555 :Name_Not_Found:02/11/12 15:11 ID:zMLt7r7Z
入力フォームの枠線の色を指定したり、
細い線にするにはどうしたらいいですか?


556 :Name_Not_Found:02/11/12 15:43 ID:???
>>555
borderをinputやtextarea要素に適用させなさい。

557 :Name_Not_Found:02/11/12 20:14 ID:???
http://pc3.2ch.net/test/read.cgi/hp/1036143512/816-
このようなやり取りされてますがOKなのですか?

558 :Name_Not_Found:02/11/12 20:23 ID:???
ちょっとお訊きしたいのですが、img について、CSSでmargin-leftを設定した所、
IE6で正しく表示されません。時々、気が向いたときは正しく数%マージンを
とって表示してくれるのですが、それ以外の時にはマージンを無視します。
ちなみに、そのimgに設定したmargin-topは常に動作してます。
あと、NN7とオペラ6.05でも確認しましたが、こちらの意図通りに表示されて
ます。こういう現象はバグなんでしょうか?

559 :558:02/11/12 21:16 ID:???
position: relative;を挟んだらIE6での表示も安定しました。
お騒がせしました。

560 :Name_Not_Found:02/11/12 21:16 ID:???
>>558
ウィンドウの左端にimgを表示させているのであれば
bodyにmarginやpaddingを設定した方がよいかも。
あるいは隣接する要素のmarginなどを見直すとか。

関係ないかもしれないけど
IE6にはimgにfloatを設定した時に、回り込ませた文字が
imgの後ろに隠れるバグがあるらしい(詳しいことはよく知らない)

561 :560:02/11/12 21:17 ID:???
>>559
よかったよかった。

562 :558:02/11/12 21:23 ID:???
>>560
いえ、二つの親要素にそれぞれマージンが設定されていて、その入れ子の中に
imgを入れてます。どうしてposition: relativeを書き加えたら安定したのかは
未だにわかりません。誰かお詳しくてお時間のある方に説明して頂きたいくらい。
ともあれ、ありがとうございました。

563 :Name_Not_Found:02/11/12 21:32 ID:???
>>562
ここにあるかもしれない。(探してないけど…)

CSS/DHTMLバグ辞典スレッド ver2.0
ttp://pc3.2ch.net/test/read.cgi/hp/991666454/l50

564 :Name_Not_Found:02/11/12 21:33 ID:lOL08gR6
>>558
こちらにソースを出して報告していただけませんか。
 CSS/DHTMLバグ辞典スレッド ver2.0
 http://pc3.2ch.net/test/read.cgi/hp/991666454/l50

>>557
OKって何が? 

565 :558:02/11/12 21:40 ID:???
>>564
もう一度、同じ条件で同じ現象が起きるかどうか確認して、もしそれが
起きるようなら報告させて頂きます。スレ違いであれば失礼しました。

566 :558:02/11/12 23:11 ID:???
>>564
すみません。
別のファイルで再現して、不要な箇所を削除することで問題の所在を絞り
込もうとしたのですが、絞り切れませんでした。
ソースそのものの提出はご勘弁ください。失礼しました。

567 :Name_Not_Found:02/11/13 04:08 ID:???
>>557
よかねーけどもう気力ないっすよ。

568 :Name_Not_Found:02/11/13 10:09 ID:???
物凄い久しぶりに初心者スレ見たが
相変わらず面白いなあっちは

569 :Name_Not_Found:02/11/13 23:23 ID:???
imgのa:hover等は
インラインでは適用されないんですか?
なぜか外部で指定したらできるのに
インラインでは無理です!

570 :Name_Not_Found:02/11/13 23:39 ID:???
>>569
インライン・スタイルシートで、どうやったら擬似クラスを設定できるのか?
セレクタってもんを理解してないのではないか。
http://msugai.fc2web.com/web/CSS/selectors.html

571 :569:02/11/14 00:10 ID:???
<style type="text/css">
<!--
a img{
border : 1px dashed #000;
}
a:active img{
border : 1px dashed #f00;
}
a:hover img{
border : 1px dashed #f00;
}
-->
</style>

572 :569:02/11/14 00:11 ID:???
↑じゃだめなんすか?

573 :Name_Not_Found:02/11/14 00:28 ID:???
ん?もしやhover指定の順番問題では。

574 :Name_Not_Found:02/11/14 02:19 ID:???
>>571
それはインライン・スタイルシートではないぞ。

指定順序の問題なら下記参照。
 http://msugai.fc2web.com/web/CSS/selector2.html#link-pseudo

575 :Name_Not_Found:02/11/14 03:05 ID:???
>>569-574
いや、順序だとかエンベッティングスタイルシートだとか、
そういった問題もあるんだけれど、
何れにせよそれはIEでは効かんのだ。
順序揃えて、MozillaとIEで比べてみ。

576 :569:02/11/14 06:28 ID:???
皆さんありがとうございます!
インラインとは全然違いますねすいません
たしかにIEでは効果なかったです!
おとなしく外部で指定するようにします
ありがとうございました!

577 :Name_Not_Found:02/11/14 19:29 ID:???
(スレ違い&ガイシュツ覚悟で)
Opera7で代替スタイルシート対応になったんだね!記念age

578 :Name_Not_Found:02/11/14 20:42 ID:???
それは大いに結構なことなんですが、
レンダリングのほう、まるで改善されてないような気がするですよ
このままリリースする気なんだろうか

する気なんだろうな…

579 :Name_Not_Found:02/11/14 20:53 ID:???
>>578
問題点を明らかにするために、正式リリース前のベータ版があるわけで。
改善すべき点は報告してあげなさい。
http://jp.opera.com/support/
http://www.moonstone.jp/BBS.htm


580 :Name_Not_Found:02/11/14 21:08 ID:???
tfootに対応してないね。ルビは表示してほしかった。
まさかこのままリリースってことはありえないと思う

これ以上言うとスレ違いとか叩かれそうだから
>>579のリンク先にでも報告しとくかな。

581 :Name_Not_Found:02/11/15 00:33 ID:UffElnRB
CSS記述についての質問よろしくです。

SCRIPT { display: none:}

と書いて、JAVAスクリプトとかオフに出来るもんなんでしょーか?
識者の人レスキボンヌ


582 :Name_Not_Found:02/11/15 00:47 ID:???
>>581
験してみれば、すぐわかるはず。

583 :OperaバグバグだYO!(; ´Д`):02/11/15 00:48 ID:05x9wl13
>581
script{display: none}

<script language=javascript>

document.write('test')

</script>

しっかり「test」と表示されます。試してみなされ。

584 :581:02/11/15 00:58 ID:UffElnRB
>>582-583
win IE6の環境で、ユーザスタイルシート使ってCSS記述でスクリプト切ること出来ん
かと思ってやってみたんだけど、ダメっぽかったんで…
SCRIPTはセレクタに指定出来んのかな?


585 :Name_Not_Found:02/11/15 01:07 ID:???
>>584
ならわかったでしょ。できないんですよ。

586 :581:02/11/15 01:21 ID:UffElnRB
>>585
スクリプトのオフは無理ですた…

BG-imageなんかも、<BODY backgroud="hoge.jpg">とか指定してあると、
ユーザCSSでnoneにしても反映されないみたいですね。
背景だけカットする方法ってないスかねー。

587 :569:02/11/15 08:39 ID:???
画像をfloatしたら
borderが効かなくなるんですか?

a img{
border : 1px dashed #000;
}
a:active img{
border : 1px dashed #f00;
}
a:hover img{
border : 1px dashed #f00;
}
.textari{
float : left;
}

<img src="test.gif" width="100" height="100" alt="" class="textari">

これだとborder出ません!

588 :569:02/11/15 08:41 ID:???
すいません指摘された箇所をそのままコピペしてしまいました

a img{
border : 1px dashed #000;
}
a:hover img{
border : 1px dashed #f00;
}
a:active img{
border : 1px dashed #f00;
}
.textari{
float : left;
}
<img src="test.gif" width="100" height="100" alt="" class="textari">

こうです。border出ません!

589 :Name_Not_Found:02/11/15 10:10 ID:???
position:absolute;
top:3em;

みたいに指定してる所があるのですが、IE5.5とMozilla1.1ではピッタリと表示されているのに、
Operaでは少し下にずれてしまいます。
どうしてOperaだと表示が変わってしまうのでしょうか。
また対策がありましたらお願いいたします。

590 :Name_Not_Found:02/11/15 11:15 ID:???
>>589
Operaはbodyのpadding値がデフォルトだと0でない。

591 :Name_Not_Found:02/11/15 14:02 ID:q2g792As
>>588
floatさせた要素は通常のボックス配置から脱け出して浮動する。
したがってimg.textariはそれを括るa要素のボックスから飛び出る。
img.textariが外に出てしまったa要素は、他に内容が無い以上、高さ0のボックスになる。
これはaにborderやpaddingを設定して表示してみるとよくわかる。
 cf. http://www.mozilla.gr.jp/standards/webtips0021.html
解決法としては、aにimg.textariを包含するだけのheightを設定してやればよい。

592 :Name_Not_Found:02/11/15 14:52 ID:WbCkAuwE
>>569-576
>a:hover img{border : 1px dashed #f00;}
これ、別に外部スタイルシートにしなくても、
head 要素内での<style>でのスタイル指定でも効くよ。IE6にて確認。
但しその前の行で、子要素無しで擬似クラスを指定して置かねばならないけど。
つまり、a:hover {border:none;}とかね。

593 :Name_Not_Found:02/11/15 15:58 ID:4WbnX9o1
<td nowrap> をCSSではどう書けばいいでしょうか?
nowrapは廃止属性ですよね?

594 :Name_Not_Found:02/11/15 16:04 ID:???
>>593
td:white-space:nowlap

595 :Name_Not_Found:02/11/15 16:05 ID:???
white-space:nowrap;

だったゴメン。


596 :Name_Not_Found:02/11/15 16:06 ID:???
何ですかそれは

597 :593:02/11/15 16:07 ID:???
サンキュ!

598 :Name_Not_Found:02/11/15 17:02 ID:???
td {white-space:nowrap;} だろ、正しくは。>>594

599 :589:02/11/16 03:03 ID:???
>>590
bodyのmargin、paddingはすべて0にしてるのでそことは関係ないと思います。
position:absolute;
top:3em;
としてる部分の上の一つborderがあってそれにあわせたいのですが、
IEとMozillaだとぴったりになるのにOperaだと下に少しずれてしまいます。
読み込みとかがOperaは違うのでしょうか?

600 :Name_Not_Found:02/11/16 14:50 ID:???
そういやOperaのフォントサイズって小さいときあるよな。

601 :Name_Not_Found:02/11/16 15:13 ID:???
>>599-600

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/l50
http://cssbug.tripod.co.jp/detail/opera.html

602 :Name_Not_Found:02/11/16 19:06 ID:???
overflow-y:scroll;

これがCSS Validatorに引っかかる。(存在しない
代替案ってない?

603 :Name_Not_Found:02/11/16 20:29 ID:???
>>602
auto指定して横スクロールバー出ないようにwidth等を工夫するとか。

604 :Name_Not_Found:02/11/16 20:56 ID:???
>>602
仕様通りに正しくCSSを実装しているUAなら読み飛ばしてくれるはずなので自分は放置してます。


605 :Name_Not_Found:02/11/16 21:03 ID:???
そうなんだけどね。しかし>>602は「Validatorに引っかかるのが嫌」だって言ってる訳で。

606 :Name_Not_Found:02/11/17 01:14 ID:???
<meta http-equiv="Content-Style-Type" content="text/css" />
って設定してます?
なんか、ここで text/css だって宣言しなくても
<link type="text/css"... っていってるわけだし
冗長な気がして・・
style 属性でスタイル設定する時以外はいらないのかな?

607 :Name_Not_Found:02/11/17 02:06 ID:???
>>606
HTML4.01の仕様書だと「style属性が設定された要素を含んでいて<meta 〜>が
定められていない文書は不正」とあるから、<link>だけなら省略可だと思うよ。
ただ、「HTML文書に結びつけるスタイル情報を記した、スタイルシート言語を
指定しなければならない」ともあるから記述するに越した事はないかと。


608 :Name_Not_Found:02/11/17 02:37 ID:???
>>606-607
既出。以前にstrictスレッドで話題になった。

609 :Name_Not_Found:02/11/17 03:56 ID:???
ここはstrict厨の比率が大きいですか?

610 :Name_Not_Found:02/11/17 04:09 ID:???
だってテーブルレイアウト厨がここに来る意味無いでしょ?

611 :Name_Not_Found:02/11/17 04:27 ID:???
>>610
だよね。CSSをちゃんと使おうとすると自然にStrict(またはそれに近いもの)になっていく筈だもん。

612 :Name_Not_Found:02/11/17 05:25 ID:???
このスレは
strictでできることは可能な限りstrictでやって、出来ないものは柔軟に対処せよ
って感じの人が多いと思う。strict厨ってのは要するに
「strictでできないことは最初からやるな」って人達のことでしょ?

613 :Name_Not_Found:02/11/17 05:47 ID:???
strictでないことをどうしてもしなければならない理由があるのなら、すればいい。
理由がないのなら、しなければいい。


614 :Name_Not_Found:02/11/17 05:52 ID:???
Strict厨だのテーブル厨だののレッテル張りは不毛


615 :Name_Not_Found:02/11/17 08:04 ID:???
>>614はインポ

616 :Name_Not_Found:02/11/17 08:53 ID:???
外部スタイルシートに
さらに外部スタイルシートをリンクする
メリットをわかりやすく教えて下さい

617 :Name_Not_Found:02/11/17 09:48 ID:???
>>616
複数のドキュメントに同じスタイルシートを適用している場合、スタイルシートを入れ替えるとき
修正箇所が1ヶ所で済むから。
NN4.xにスタイルシートを読み込ませないため。

618 :Name_Not_Found:02/11/17 12:55 ID:???
>>616
各項目ごとに分けておけば自分が編集しやすいから。

619 :Name_Not_Found:02/11/17 13:16 ID:JvUUQ/ML
>>616

このサイトのスタイルシートを見ればわかるよ。
http://www.paw.hi-ho.ne.jp/abbeyroad/css/

body要素のスタイルがミソです。

620 :Name_Not_Found:02/11/17 15:43 ID:???
初心者ですいません。調べてもわからなかったのでどうぞ教えてください。

body{ color: #666666;
font-size: 0.8em;
line-height: 1.5em;
background-color: #ffffff;
background-image: url("sh1.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 5% 95%;
text-decoration: none;
margin: 3em 10% }

の中にスクロールバーの

<!--
BODY{
scrollbar-face-color :#色指定;
scrollbar-highlight-color : #色指定;
scrollbar-shadow-color : #色指定;
scrollbar-arrow-color : #色指定;
scrollbar-3dlight-color : #色指定;
scrollbar-darkshadow-color : #色指定;
}
-->

を入れたいのですが、どこに入れればいいのでしょうか。すいません。

621 :Name_Not_Found:02/11/17 15:49 ID:???
body {
body要素への指定は全てこの中に入れる。
}
セレクタについて理解してくださいね。↓
 http://msugai.fc2web.com/web/CSS/selectors.html

622 :Name_Not_Found:02/11/17 16:07 ID:???
>>621
初心者のボクにご丁寧にどうもすいません。いま読んでみましたが、これで良いのか見ていただけないでしょうか。

body{ color: #666666;
font-size: 0.8em;
line-height: 1.5em;
background-color: #ffffff;
background-image: url("sh1.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 5% 95%;
text-decoration: none;
margin: 3em 10%
scrollbar-face-color :#色指定;
scrollbar-highlight-color : #色指定;
scrollbar-shadow-color : #色指定;
scrollbar-arrow-color : #色指定;
scrollbar-3dlight-color : #色指定;
scrollbar-darkshadow-color : #色指定;
}

623 :Name_Not_Found:02/11/17 16:15 ID:???
>>622
margin: 3em 10%
のあとに「;」がいりますよ。
「;」は、複数のスタイル指定を書く時に区切りとして必要です(普通は改行の前に入れることが多いです)。


624 :Name_Not_Found:02/11/17 16:24 ID:???
>>623
やっと安心して先に進めます。
これから勉強してから質問するようにします。

本当にどうもありがとうございました。

625 :Name_Not_Found:02/11/17 18:42 ID:???
何で試せば判ることを聞くの
しかも二度も

626 :Name_Not_Found:02/11/17 19:33 ID:M5ByxiFX
失敗した時の爆発を恐れているんだろ

627 :Name_Not_Found:02/11/17 19:38 ID:???
どうせ暇なんだから黙って教えろよ。

628 :Name_Not_Found:02/11/17 19:42 ID:alFF9rG7
あのー釣りですか?

629 :Name_Not_Found:02/11/17 20:12 ID:???
ええ、カリブの方にカジキを釣りに。

630 :Name_Not_Found:02/11/18 00:21 ID:z70zn8au
pre 要素のスタイルをCSSでエミュレーションするにはどうすれば良いんでしょうか。それとも、整形済み文書として、物理的(?)な要素指定をしなければならないんでしょうか。

631 :Name_Not_Found:02/11/18 00:31 ID:???
white-space:pre;

632 :Name_Not_Found:02/11/18 13:29 ID:9+ZtIagK
preは別に物理要素じゃないと思うよ。
<style>とか<script>みたいなもんじゃない?
「整形済み文書」という非HTMLな言語を書く要素だと考えてる。


633 :Name_Not_Found:02/11/18 13:52 ID:???
>>630
論理的な要素指定をすりゃいいじゃん。
例えば詩とかも「段落じゃないけど、雰囲気を伝えるためには改行が必要」だったりするし、
class="pre" とかやらんでも済むと思うんだけど。

>>632
でも white-space:pre がCSSにある以上、これを使わない理由もないよね。

634 :Name_Not_Found:02/11/18 15:55 ID:???
CSSオフの環境でも整形済み文書として表示したい場合はpre。
CSSオフの環境なら別にいいや、と思える場合は、他の適当な要素に適当なclassを
ふって、white-space:preを指定。
というのがいいのではないかと。
プログラムのコードなんかは前者なので、一般的にpreでマークアップされてるん
じゃないかしら。

635 :Name_Not_Found:02/11/18 17:22 ID:???
UAがpreをどう処理しようが、
予め整形されたテキスト(ソースコード、メール・掲示板からの引用)、
或いは整形が意味を持っているテキスト(詩など)なら
preでマークアップする以外ないだろ

preは整形するための要素じゃない

636 :Name_Not_Found:02/11/18 17:27 ID:???
W3Cが非推奨としてる以上、<pre>はなんか使い辛い。

637 :636:02/11/18 17:31 ID:???
間違えたっぽい

638 :nobodyさん:02/11/18 19:02 ID:La9Zg7Fy
>>636
ぐあ、非推奨なの?

639 :Name_Not_Found:02/11/18 19:13 ID:???
そんなことないでしょ。html4.01に非推奨との記述はない。

640 :Name_Not_Found:02/11/18 19:18 ID:???
>>637

641 :Name_Not_Found:02/11/18 19:43 ID:???
XHTML2.0ではどうなの?

642 :Name_Not_Found:02/11/18 19:58 ID:???
余裕で使える。>>636-637は何と間違ったんだろう?
http://www.w3.org/TR/xhtml2/xhtml2-doctype.html#s_doctype

643 :Name_Not_Found:02/11/18 20:44 ID:???
>>642 聞いてどうするの。

644 :Name_Not_Found:02/11/18 21:09 ID:???
とことんいぢめる

645 :Name_Not_Found:02/11/18 21:15 ID:???
ワラタ

646 :Name_Not_Found:02/11/19 07:16 ID:???
前このスレで
CSSのソースをパクられたくないから
何か対策ないか?って質問してた人いたんだけど、
その時のレスってなにか文字コードを変えろって話だったけど
もっとスマートな方法ないですか?
@importを使って
階層あげたりさげたりしたらソース見る気失せるかな?
でも気になるのは重くなるかな?ってこと

647 :Name_Not_Found:02/11/19 07:41 ID:???
>>646
そもそも、ソースを隠そうとするのがスマートじゃないと思う。
CSSファイルに直リンされるよりは、パクられた方がマシだと考えた方がいいので
は。
それだって、よっぽどアクセス数の多いサイトにやられない限り実害はないけど。

まあ、@import使えば、意味もわからずファイル丸写しにするレベルの奴は
よけられると思う。
俺は、ネスケ4対策で@import使ってるけど、それほど重くなってはいないし。

648 :Name_Not_Found:02/11/19 08:36 ID:???
>646
前のスレの文字コード云々は、パクらたくない?(゚Д゚)ハァ?
とう気持ちを婉曲的に表したものだったのでは?
なんでまたぶり返すわけ?

649 :Name_Not_Found:02/11/19 08:53 ID:???
隠したがるような奴のコードなんか大したことないに決まってるから
パクられる心配なんて杞憂以外の何物でもない。
本当は笑われそうだから隠したいんでしょ?

650 :Name_Not_Found:02/11/19 08:55 ID:???
>>649
まあ、笑い物にするために人のCSSのソース見るような底意地の悪いやつもそうは
いないだろうから、どっちにしても杞憂じゃないかな。

651 :Name_Not_Found:02/11/19 09:05 ID:???
むしろ隠そうとしてることを笑う。右クリ禁止と同じ。

652 :nobodyさん:02/11/19 09:08 ID:???
ていうかなぜ隠したがるかなぁ。
パクられて困るような技巧的な css
= 独自仕様使いまくりのごちゃごちゃで div span がいっぱいないと
使いものにならない css
って感じなんだけど。

シンプルで素晴しい出来栄えのが出来たら
むしろ率先して配布して布教したほうがいいとおもうけどなぁ。

653 :Name_Not_Found:02/11/19 09:13 ID:???
>>652
だね、<div>や<span>、classに依存しないカコイイスタイルって理想だわ。
そういうのが広まるといいなあ、そのままユーザースタイルシートに適用できそうなやつとか。


654 :Name_Not_Found:02/11/19 10:36 ID:???
まあ、ファイル丸写しにするくらいの厨なら
font, b, i, tt, s, u, strike{ font-size: 200em; }
とかしとけば、多分引っかかってくれると思う。

655 :646:02/11/19 14:40 ID:???
同業サイトが本当に脅威なので
隠したいと思ったんですが無駄ですよね。
ありがとうございました。

656 :Name_Not_Found:02/11/19 15:33 ID:???
文章にアンダーラインを入れたいのですが、どうすれば良いでしょう?

text-decoration:underline

のようなものではなくて、ノートの罫線のように表示させたいのです。

657 :Name_Not_Found:02/11/19 15:37 ID:???
連続済みません。

border-bottom:1px solid #000;

のような見栄えになると、想像に近いのですが、どうも巧く行きません。
良い方法等ありましたら、御教授をお願いします。

658 :Name_Not_Found:02/11/19 15:44 ID:7c5KuJgA
>>657の想像してる出力がどんなものか、こっちにはわからんからなんともいえない。


659 :Name_Not_Found:02/11/19 15:52 ID:???
だから「ノートの罫線」だろ。CSSのみでやるのは難しいな。
line-heightをpxで固定してそれに併せた背景画像を用意する
ぐらいしか思い付かない。

660 :656=657:02/11/19 15:52 ID:???
>>658
ごめんなさい。

つまり


* CSS { イケてるスタイルを:"作れ";}
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄……
びっくりするほどユートピア!びっくりするほどユートピア!
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄……

こんな感じで、改行を入れても罫線が端まで延びていく感じです。

661 :660:02/11/19 15:57 ID:???
>>659
レスありがとうございます。
なるほど、やはり無理だったのですね。
背景画像を用意する形で検討してみます。
情報ありがとうございました。

662 :Name_Not_Found:02/11/19 16:01 ID:???
ul li {
border-bottom:1px solid #000;
}

<ul>
<li>* CSS { イケてるスタイルを:"作れ";}</li>
<li>びっくりするほどユートピア!びっくりするほどユートピア!</li>
</ul>


663 :Name_Not_Found:02/11/19 16:22 ID:???
>662のアイデアは面白い。けど箇条書きでないものに対してこの手は使わないでね>660

664 :Name_Not_Found:02/11/19 16:29 ID:???
日本語の段落の最初って字下げするでしょ。
あれはやはり、CSSでやるのが正道なのか?
いや、全角スペースでって意見もあったもんで。
スレ違いか?CSSの思想、原理原則的な話はここでOK?


665 :Name_Not_Found:02/11/19 16:42 ID:???
なんかCSSでやるのが正道な気がしてきたぞ。
段落の最初といっても、1字下げるのは「1つの手段」で
あって、最初の1文字を大きくしたりする手法もあるからな。

上又 促状を送ったがナシのつぶて。やむを
目  得ず事務所に乗り込んでみるがもぬけの殻・・・

↑「督」のつもり。こういうやつね。キャップっていうのかなこれは。


666 :Name_Not_Found:02/11/19 16:43 ID:???
>>662
それ電子僻地がやってるな

>>664
字下げはCSSだよ
段落であることはpで示されている訳だから
全角空白は不要

667 :Name_Not_Found:02/11/19 16:47 ID:???
>>664
ただ、CSSを切って閲覧する人がいることも考慮すべき。
小説とか掲載してて、段落頭の一字あけが文意の正確な表現に必要なら、
あえてCSSではなく全角スペースであけても良いと思う。

668 :Name_Not_Found:02/11/19 16:49 ID:???
>>667
確かに小説の場合、「空白それ自体」も一つの小説の構成要素というか。
漏れの場合は小説じゃないからCSSでOKだな。

669 :Name_Not_Found:02/11/19 17:05 ID:???
>>667
小説でのインデントも結局はプレゼンテーションじゃないか?
HTMLでの整形自体に意味があるなら、それこそpreを使うべきだと思う。
まあ、筆者が「この空白も一つの文字だ」と言うなら、第三者には
全角空白だろうと否定する理由は無いんだけどね。

670 :Name_Not_Found:02/11/19 17:15 ID:???
css Validator 行けないんですが

671 :Name_Not_Found:02/11/19 17:31 ID:???
>>670
何日か前から俺も逝けない

672 :Name_Not_Found:02/11/19 18:44 ID:???
>>669
なるほど説得的だな。>pre


673 :Name_Not_Found:02/11/19 20:26 ID:???
>>669
確かにそうだけど、以前preを使ったときは、何やらひどく読みにくいものに
なったような記憶が──? 結構昔なので曖昧だけど。

674 :Name_Not_Found:02/11/19 20:38 ID:???
そりゃお前の使い方が悪かったんだろ

675 :Name_Not_Found:02/11/19 20:52 ID:???
>>673
ちゃんとしたテキストに正しいマークアップがされていれば、
読みにくい、読みやすいの問題はCSSとUAの実装次第だよ。
そもそもHTMLで「読みやすさを求めた整形」しようってのが間違い。

676 :Name_Not_Found:02/11/19 21:07 ID:???
今更ですが、 class 属性と id 属性の違いって何でしょうか。
私の場合;
<div class="navigator" id="head">ヘッダーのナビメニュー</div>
<div class="navigator" id="foot">フッターのナビメニュー</div>
みたいに使ったりするのですが、問題ないと思いますか。

あと、思ったんですが、自分はいつも;
<body>
<div class="head">ヘッダー</div>
<div class="body">メイン</div>
<div class="foot">フッター</div>
</body>
みたいにまず区切ってHTML書いてcssで見栄えを作ろうとしてきたんですけど、
これだと、何か色々制約がかかる感じで思い通りにデザインできないことに気づいたのですが、
これって単に私の発想力がないだけでしょうか。

イケてるデザインのサイトぐらい、思い通りにカコイイデザインできるようになりたいですわ・・・ハァ

677 :Name_Not_Found:02/11/19 21:19 ID:???
まぁdiv厨くさいマークアップしてるうちは、な・・・

678 :Name_Not_Found:02/11/19 21:32 ID:???
>>665
いまさら何を。
なんのためにfirst-letter擬似要素があると思ってたんですか?

679 :Name_Not_Found:02/11/19 21:32 ID:???
>>676
それだけだと、実際の文書の中でどのように使われているのかわからないので、
問題ないかどうかは判断しづらいというのが正直なところ。
あと、質問の趣旨とは違うけど、ナビメニューには、divじゃなくて、リスト
(ulとか)を使った方がいいのでは。
それから、ヘッダ、メイン、フッタなどは、構造的に一度しか現れないもの
(だよね?)だから、classじゃなくてidの方がふさわしいと思う。

「何か色々制約がかかる感じで思い通りにデザインできない」ということだけど、
「validなHTML+CSS」という組み合わせでは、構造的にあまり意味のないデザイン
はしづらいから、やむをえないんじゃないかな。

680 :Name_Not_Found:02/11/19 21:33 ID:???
>>676
検索して解けない疑問じゃねえだろーに。

>これだと、何か色々制約がかかる感じで思い通りにデザインできないことに気づいたのですが、
せめて「何か」と「制約」を具体的にしてくれ。

681 :Name_Not_Found:02/11/19 21:35 ID:???
>>679
「同一文書中に一度しか表れない要素にはid」って覚え方してるならやめた方がいい。

682 :Name_Not_Found:02/11/19 21:51 ID:???
>>679

>(ulとか)を使った方がいいのでは。
そうですね・・・ulとかdtとかのくくりに使おうと思ったのですが、それだと、スタイルの跡についた
HTMLになってしまいますね・・・その時点で私は失格か。

>それから、ヘッダ、メイン、フッタなどは、構造的に一度しか現れないもの
>(だよね?)だから、classじゃなくてidの方がふさわしいと思う。
はい、そうです。あと、知らなかったのですが id 属性は1度しか現れないものにつけるべきものなんですか。
(= id 属性内の値はHTML内に2つと存在しないということですか。)

>>680
検索するのが面倒でした。ごめんなさい。周りにHTMLとかCSSヲタな友達がいれば最高なんですが。

>>これだと、何か色々制約がかかる感じで思い通りにデザインできないことに気づいたのですが、
>せめて「何か」と「制約」を具体的にしてくれ。

<div class="A">
X1
X2
X3
</div>

<div class="B">
Y1
Y2
Y3
</div>

とあったとして、X2とY2に同じスタイルを適用したい場合・・・とかいいながら、できますね。
やっぱ私がアフォなだけかな・・・

683 :Name_Not_Found:02/11/19 21:56 ID:???
>>682
「面倒」だの「ヲタ」だのいちいち癇に障る奴だな

684 :Name_Not_Found:02/11/19 21:59 ID:???
>>683
ごめんなさい。

685 :Name_Not_Found:02/11/19 22:01 ID:???
もうひとつ質問させてください。

擬似要素というのは、その親というか、それに帰属するんでしょうか。
たとえば、h1:first-letterだったらブロック、strong:first-letterだったらインライン、みたいに。

686 :Name_Not_Found:02/11/19 22:03 ID:???
>>685 答えるのが面倒です。

687 :Name_Not_Found:02/11/19 22:11 ID:???
>>685
なんで試してみればすぐ分かることを聞くんだ?
そんなことすら面倒臭がる奴がサイト運営やっていけるのかよ?

688 :Name_Not_Found:02/11/19 22:15 ID:???
>>685
訊く前に>>4読め。勉強するよろし。
 http://msugai.fc2web.com/web/CSS/selectors.html#first-letter

689 :Name_Not_Found:02/11/19 22:19 ID:???
>>681
「たまたま一度しか現れなかった」のではなくて、「構造的に一度しか現れえない」
ものなら問題ないと思ってたんですが、違いましたか。

/* スレ違いっぽくてスマン */

690 :Name_Not_Found:02/11/19 22:36 ID:???
>>689
「idには役割が複数あるから、CSSの選択子としてのみに用いるべきではない」
ということかと。

691 :Name_Not_Found:02/11/19 22:42 ID:???
役割が複数??
id属性は識別子を指定するだけです。

692 :Name_Not_Found:02/11/19 22:47 ID:???
>>691
スタイルシート選択子として。
ハイパテキストリンクのためのターゲットアンカとして。
スクリプトから特別な要素を参照する手段として。
宣言されたOBJECT要素の名前として。
HTMLページからデータを抽出してデータベースに入れる場合にフィールドを識別するとか,HTML文書を他の書式に変換するなど,利用者エージェントによる一般的な目的の処理のために。


693 :Name_Not_Found:02/11/19 23:59 ID:???
>>689
「構造的に一度しか現れえない」 からidを使う、という
消極的な選び方はどうかと思う。
自分は
・要素を分類したい時はclass
・要素に名前を付けたい時はid
という考え方で積極的に使い分けてる。


694 :Name_Not_Found:02/11/20 00:10 ID:???
好きなようにしろ

695 :Name_Not_Found:02/11/20 00:11 ID:???
>>693
俺もそんな感じ。てか、>>689の主張だと、まだ順序が逆な気がする。
IDナンバーとかも「ある個」を識別するものだし、「ある個」は一つしか存在し得ない、と考えるのがいいと思う。

696 :689:02/11/20 17:24 ID:???
>>693 >>695
まあ、俺もだいたい同じように考えてたんですけど、説明の仕方が舌足らずだった
かも。

697 :Name_Not_Found:02/11/20 17:58 ID:60C7/bui
偉そうに物事語ってる人たちがいるスレはここですか?

698 :Name_Not_Found:02/11/20 18:11 ID:iUQCkeMx
<div><table><tr><td>
<img src="パス" align=right>
文字
</td></tr></table></div>

で画像が、divの範囲よりも下に飛び出て表示されます。
divにはCSSで幅を指定したりしています。

画像が下に飛び出る説明のあるページを知っている方はどうか教えて下さい。
IE5.5です。

699 :Name_Not_Found:02/11/20 18:18 ID:???
>>698
それだけじゃなんともいえない

700 :Name_Not_Found:02/11/20 18:21 ID:???
なんで??バカ?

701 :Name_Not_Found:02/11/20 18:23 ID:???
>>700
騙り荒らしは秋田

702 :Name_Not_Found:02/11/20 18:26 ID:???
>>698
画像のサイズとか含めて正確に書いてもらわないと答えようが無い。
それだとtable使っている意味もわからないし。

あと、imgのalignは非推奨属性。

703 :Name_Not_Found:02/11/20 18:30 ID:???
align使ってるからじゃないの
これってfloatみたいなもんじゃなかったっけ

704 :Name_Not_Found:02/11/20 18:39 ID:???
>>698
ソースが分からんが、divで指定しる高さよりtableの高さが大きいのなら
'overflow'を指定してない限り正しい動作。

705 :Name_Not_Found:02/11/20 18:44 ID:???
img に align なんて使うのか。
td に使えばいいのでは?

706 :Name_Not_Found:02/11/20 18:52 ID:???
a{
color: #369;
}

a:hover, a:active {
border-bottom: 1px dashed #f00;
color: #f00;
text-decoration: none;
}

a img{
border: none;
}

a:hover img, a:active img{
border: none;
}

なぜか上記のようにしても
画像をhoverした際に
border-bottomが出てしまいます
なぜですか?

707 :Name_Not_Found:02/11/20 18:57 ID:???
>>706
あなたが出るように指定しているから

708 :Name_Not_Found:02/11/20 18:58 ID:???
まだ font-size-adjust が実装されたブラウザは N7 くらいだと聞きましたが、
ところで、 font-size-adjust の値を指定する場合は x-height / height で出た値を指定するわけですが、
x-heightってどうやって調べればいいのでしょうか。

フォントツール系を検索して使ってみたのですが、 height の値は表示してくれるのは発見したのですが
x-height を表示してくれるものはありませんでした。

何かご存知の方教えてください。

709 :Name_Not_Found:02/11/20 18:59 ID:???
>>706
そりゃaのborderでは?

710 :Name_Not_Found:02/11/20 19:01 ID:???
>>706
classにするのが無難

711 :706:02/11/20 19:46 ID:???
そうかそうか!ありがとう!

712 :Name_Not_Found:02/11/20 20:32 ID:???
CSSは糞

713 :Name_Not_Found:02/11/20 20:33 ID:???
>>712
あのー釣りですよね?

714 :Name_Not_Found:02/11/20 20:47 ID:???
ぶっちゃけ雰囲気悪いですね。ココ。

715 :Name_Not_Found:02/11/20 21:06 ID:???
刺すか刺されるかのこの殺伐さを理解できない奴は帰れ

716 :Name_Not_Found:02/11/20 21:52 ID:???
と、いうわけで715はおんぼろアパートに帰宅されました。

717 :Name_Not_Found:02/11/20 22:08 ID:???
まぁ、お前らド素人は豚の角煮定食でも食ってなさいってこった。

718 :Name_Not_Found:02/11/20 22:08 ID:???
どこが雰囲気悪いのかさっぱりな漏れは終わってんのかして

719 :nobodyさん:02/11/20 22:26 ID:???
というわけでここから始まります。

720 :Name_Not_Found:02/11/20 23:49 ID:???
先生の次回作にご期待ください

721 :nobodyさん:02/11/20 23:51 ID:???
・・・はっ!

722 :nobodyさん:02/11/20 23:52 ID:???
夢オチでした。

723 :Name_Not_Found:02/11/21 00:48 ID:???
対話調の文章ってありますよね。

<p>
田中 なんだぁこの物理マークアップは?ちったぁCSS勉強しろよ。<br>
鈴木 すまんこ。<br>
田中 すまんこじゃねえんだよ。<br>
</p>

こういうやつって、マークアップ的には上のような感じでいいんすかねー。


724 :Name_Not_Found:02/11/21 00:52 ID:???
>>723
そんな馬鹿なわけ有るか

725 :Name_Not_Found:02/11/21 00:50 ID:???
スレ違いだヴォケ

726 :Name_Not_Found:02/11/21 01:02 ID:???
>>725
タイムマシンですか?


727 :Name_Not_Found:02/11/21 01:14 ID:???
>>725
むぅ......相対性理論が崩れるときがやってきたようだ

728 :Name_Not_Found:02/11/21 14:44 ID:???
divってはじめからmargin0なんですよね?
なぜかIEとMozillaでmarginの取り方が違います
同じにする方法はないですか?

729 :Name_Not_Found:02/11/21 15:40 ID:z4AGTMtg
>>728
そんなことない、divだけならIEとMozillaで一緒だよ。
何か他の条件が干渉してるんでないかな。
ソース出してくれないとわからんな。

730 :Name_Not_Found:02/11/21 17:21 ID:???
paddingが違う罠

731 :Name_Not_Found:02/11/21 19:27 ID:bsI7uYvV
positionプロパティは問題が多いと聞きましたが、具体的に
どのような問題があるのですか?

732 :Name_Not_Found:02/11/21 19:54 ID:???
規格と違う動作をするUAが多いってことかな?

733 :Name_Not_Found:02/11/21 20:29 ID:???
>>731
IEがまともに対応してない。

734 :Name_Not_Found:02/11/21 21:50 ID:???
>>731
position:absoluteを設定すると
top,leftといった位置づけがすごいシビアになるのに
この値をどこを基準に測るかの実装がバラバラ。

735 :731:02/11/21 22:07 ID:???
うわー…おとなしくtableでレイアウトしようと思います。

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

736 :Name_Not_Found:02/11/21 22:34 ID:zZ+ExdNY
>>735
floatが、あるぢゃないか!
 CSSを用いた段組の作成のコツ
  http://www.fromdfj.net/html/column.html
positionだって、言ふほどひどくはないよ。用は足せる。
あまり威かしちゃダメだぜ。>>732-734

737 :Name_Not_Found:02/11/21 22:46 ID:???
あくまで position: fixed にこだわってますが何か?

738 :Name_Not_Found:02/11/21 22:49 ID:???
>Netscape 4.x は無視しています
>又、ここであげている手法は、NN4は全く考慮に入れていません。



739 :Name_Not_Found :02/11/21 23:23 ID:???
初心者な質問ですみません

font-size でフォントのサイズ指定した場合 

例 <div style="font-size:12px;">本文</div>

IEでは ブラウザの表示→文字のサイズを最初〜最大にしても サイズ固定で変化しないのですが
NN6または7では ブラウザのテキストの拡大 縮小で フォントのサイズが変化してしまいます
NN6、7で変化させない方法教えてくださいませ。

pxでの指定がいけないんでしょうか?

当方windowsです

740 :Name_Not_Found:02/11/21 23:25 ID:???
>>739
悪いことは言わんからやめときな

741 :Name_Not_Found:02/11/21 23:27 ID:???
>pxでの指定がいけないんでしょうか?
ハイ、いけません。
せっかくCSSを使ってるのなら、%かemを単位にした相対指定が良い。
サイズ固定はいけません。
cf.http://www.fromdfj.net/html/fontsize.html

742 :Name_Not_Found:02/11/21 23:31 ID:???
>>739
俺もマジでやめた方がいいと思う。(色んな意味で
まあこの板の他のCSS関連スレを参照してみて。
あと、「初心者〜」って書いても意味ないよ。
それどころか叩かれることもあるから気を付けてね。

743 :Name_Not_Found:02/11/21 23:37 ID:???
>>728
line-height とかそこらへんの違いが影響してるんじゃない?

744 :Name_Not_Found:02/11/21 23:38 ID:???
>739
とりあえずどうしようもない解決策として
「画像にする」
Operaだとそれすら大きさ変わるけど

745 :Name_Not_Found:02/11/21 23:39 ID:???
>>739 素直にPDFでやれ

746 :Name_Not_Found:02/11/21 23:40 ID:???
http://rappeler.cside.to/Memo/sample.html

IEは em の倍率の幅がおっきい(1.4)みたいから、相対指定なら % が一番良いらしい。

747 :Name_Not_Found :02/11/21 23:42 ID:???
>>740
>>741
>>742
>>744
>>745
>>746

多数レス頂きありがとうございます   

レイアウトの崩れの防止(テーブル内のテキスト拡大の影響)で固定したかったんですが、
やはり固定はいけないのですね・・・
アドバイス参考なりました

あと741のサイトでも勉強してきます。


748 :Name_Not_Found:02/11/21 23:43 ID:???
>>746
そうそう、俺もやってみてあまりに違和感感じたから % で指定してる。

ところで lineheight って単位付けないで指定するのが良いというのを
どっかで読んだ気がするんだが、何故だかわかる人いる?

749 :Name_Not_Found:02/11/21 23:45 ID:???
>>747
文字サイズ可変でレイアウトが崩れるようなページ作りに問題があるんじゃないかな。
見る方はウィンドウサイズも見やすいように変えるだろうし、そこらは柔軟にしといた方がいいよ。

750 :age:02/11/21 23:48 ID:???
CSSでお聞きしたいのですが
・普通のボタン・ラジオボタン・チェックボックス・テキストフィールド
等にはCSSで
INPUT {color : #000000; border-style : solid; border-color : #999999}
SELECT {color : #000000; background-color : #c0c0c0; border-style : solid; border-color : #999999}
TEXTAREA {color : #000000; border-style : solid; border-color : #999999}
などと指定してやれば色が変わったりしますが

<input type="file" name="file">
↑こいつを仕様した時に
左側にファイルのパスを表示するフィールド、右側に「参照」ってなりますよね。
左のファイルのパスが表示されるところはCSSで色が変更できるんですが
「参照」の部分の色を変える方法はないでしょうか?こいつだけグレーから色が変えれず困っています。
一部のブラウザでしか動作しないとかでもいいので、よろしくお願いします。

751 :Name_Not_Found:02/11/21 23:50 ID:???
>>696 言い訳してねえで認めろよ馬鹿。 >>692に反論してくれないし。
以上亀でした。

752 :Name_Not_Found:02/11/21 23:50 ID:???
<input type="file" name="file">は糞

753 :Name_Not_Found:02/11/21 23:52 ID:???
>>748
既出だと思うけど回答しておく。

body {
line-height: 1.5em;
font-size: 10px;
}
p {
font-size: 200%;
}
この場合、pにはbodyのline-height算出値の「15px」が継承されるので、文字が重なる。

body {
line-height: 1.5;
font-size: 10px;
}
p {
font-size: 200%;
}
この場合、pには「1.5文字分」という比率が継承されるので、文字は重ならない。


754 :Name_Not_Found:02/11/21 23:52 ID:???
>748
単位を付けないで line-height:1.4 と指定するのと
%で line-height:140% と指定するのはそもそも意味が違う。
詳しくはお調べください。

755 :Name_Not_Found:02/11/21 23:56 ID:???
>>754
1.4も140%も当該要素のフォントの高さに対しての倍率じゃないの?

756 :Name_Not_Found:02/11/22 00:00 ID:9PbZYiTQ
>>750
知らんな。聞いたこともない。おれが無知なだけか…?

757 :Name_Not_Found:02/11/22 00:02 ID:???
>>754

758 :Name_Not_Found:02/11/22 00:05 ID:???
>>750
それ無理だったはず。
おれも変えられるなら変えたいでつ。。

759 :Name_Not_Found:02/11/22 00:07 ID:???
>>750
>一部のブラウザでしか動作しないとかでもいいので

本当に一部のブラウザでしか動かなくてもいいの?
この場合の動くというのは、一部のブラウザでしかスタイルが適用されないというのではなく、
一部のブラウザでしかファイルのアップロード機能が働かないことをさす。
IE(とりあえずVer6では確認)は動くけど、ネスケ、Mozillaはダメ。Operaはしらん

760 :750:02/11/22 00:08 ID:???
>>758
ありがとうございます。
やっぱ色を変えないでレイアウトするしかないんですかねぇ…

761 :750:02/11/22 00:10 ID:???
>>760
あ、そうなんですか。知りませんでした。
私は「一部のブラウザでしかスタイルが適用されないでもいい」
と言いたかったんですが、文章がまずかったですね。すいませんでした。

762 :Name_Not_Found:02/11/22 00:13 ID:???
自己レスは糞

763 :Name_Not_Found:02/11/22 00:14 ID:???
>755 >757
>>753

764 :Name_Not_Found:02/11/22 00:22 ID:9PbZYiTQ
>>750
無理だとオモウポ

765 :Name_Not_Found:02/11/22 00:25 ID:???
>>763
えー、font-size固定時の話だけなん?

766 :Name_Not_Found:02/11/22 00:57 ID:???
>>765
算出値がわかりやすいようにpxで書いただけ。
font-size相対指定時でも起こる現象は変わらない。


767 :Name_Not_Found:02/11/22 11:12 ID:97cNef7Q
ブルーリボン ネット運動  1日も早い拉致被害者の救出を願って・・・


自分のHPにブルーリボンを貼りませんか?
こちらのHPから専用のgifが手に入ります。
http://www.geocities.co.jp/WallStreet-Bull/6813/blue-ribbonn-net.html

実際にHPにブルーリボンを貼っているHP集
http://www.geocities.co.jp/WallStreet-Bull/6813/friends-ribbonn.html

768 :Name_Not_Found:02/11/22 11:34 ID:???
>>767 ナニナニ? そのブルーリボンとやらをスタイルシートで表示しろってえのかね? 無茶ぬかしなさんな。

769 :Name_Not_Found:02/11/22 11:44 ID:???
>>767 pngにしたまえ

770 :Name_Not_Found:02/11/22 12:18 ID:???
>>754に言われたとおり、CSS2の仕様を調べてみたよ。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/syndata.html#value-def-percentage
より引用。

「子要素は一般に親要素の算出値を継承するので、次の例において、P要素の子要素が継承する'line-height'の値はパーセント値('120%')ではなく'12pt'になる:

P { font-size: 10pt }
P { line-height: 120% } /* 120% of 'font-size' */」

http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visudet.html#propdef-line-height
より引用。
「<number>

この数値を要素のフォントサイズと掛け合わせて算出値とする。 負の値は不正である。継承には算出値ではなく指定値を用いる。」

要するに、line-heightにおいて、%を使うと、継承は算出値(フォントサイズ×何%)。
単位を用いないと(例えば1.4)、継承は指定値(1.4)。

771 :Name_Not_Found:02/11/22 12:44 ID:???
>>768
ttp://strict.jp/~sappari/now.html

772 :Name_Not_Found:02/11/22 14:43 ID:???
bodyの背景に
二つのimgを重ねて表示することなんてできますか?
さらにその重なりを
操作できますか?
よろしくお願いします!

773 :Name_Not_Found:02/11/22 14:56 ID:???
>>770 結局のところ「いい指定法」ってのはどれ?
>>772 bodyじゃなきゃできるよ。

774 :772:02/11/22 15:17 ID:???
どうすればよろしいのでしょうか?
方法を教えてください。

775 :Name_Not_Found:02/11/22 15:47 ID:???
ネスケってバージョン6くらいのときは
単位のない指定を無視してたような記憶があるけど
今はそんなこと無いのかな?

776 :Name_Not_Found:02/11/22 15:58 ID:???
>>774
要素に背景を指定してz-indexいじくってみれ。
わからなかったらz-indexで検索してみれ。

777 :772:02/11/22 16:26 ID:???
どうもありがとうございました!

778 :Name_Not_Found:02/11/22 17:20 ID:???
bodyのcolorはNN4.xに非対応だったのでしょうか。
とほほやあちこちのリファレンスを見ても対応しているようなのですが
実際に色番号を指定しても反映されませんでした。
他のCSSを削除して、
BODY { color:#cc9966; }
のみ指定してもダメでした。

779 :Name_Not_Found:02/11/22 17:25 ID:???
>>778 試して結論でたんならそれでいいじゃん。

780 :Name_Not_Found:02/11/22 17:28 ID:???
大体NN4.xなんつー糞ブラウザを考慮する事ないよ。
気にしてたらCSS使えない。

781 :Name_Not_Found:02/11/22 17:32 ID:???
>>779-780
そうですね。NN4の人には悪いけど諦めさせてもらうことにします…。

782 :Name_Not_Found:02/11/22 18:06 ID:???
>>780
IEも7以降でちゃんとCSS2に対応して
現行のはさっさとその地位に押しやって欲しいところ…

783 :Name_Not_Found:02/11/22 19:40 ID:ivIybAKm
質問です。おながいします。

日時別テーブルを作りました。

<table>
<colgroup><col class="day"><col class="line" colspan="48"></colgroup>
<tr><th>日時</th><th id="hour" colspan="2">0</th><th id="hour" colspan="2">1</th> (以下23まで)</tr>
<tr><td>11/21</td><td onclick="wtcellclick(0);"></td><td onclick="wtcellclick(1);"></td><td onclick="wtcellclick(2);">(以下48項目)</tr>
<tr><td>11/22</td><td onclick="wtcellclick(48);"></td><td onclick="wtcellclick(49);"></td><td onclick="wtcellclick(50);">(以下48項目)</tr>
(以下13行同文)
</table>

これをIE5で表示すると、tdの幅がばらばら(時刻欄の桁数次第)になるので、
tdセレクタにwidthを設定しましたが、何を指定しても全く効きません。
単純なテーブルならうまくいくのですが、どこかまずいところがあるのでしょうか?
関係ないと思いますがphp4で書き出したものです。

理想は半角1文字分の幅にしたいのですが、揃えば問題ありません。
社内で使うのでWin+IE5以降限定で十分です。


784 :Name_Not_Found:02/11/22 19:45 ID:???
>>783
<th>に指定しても駄目?

785 :783:02/11/22 19:53 ID:ivIybAKm
thは2倍の幅にして試しました。
っていうか自己解決しました。すみません
上位要素の幅が狭くて勝手に抑制されていたようです。
まだ余裕があったのになぜだぁ(`△`)


786 :Name_Not_Found:02/11/22 19:55 ID:???
自己解決は糞

787 :Name_Not_Found:02/11/22 20:34 ID:???
>>785 新鮮な顔文字だな。

788 :Name_Not_Found:02/11/22 20:35 ID:???
新鮮な顔文字は糞

789 :Name_Not_Found:02/11/22 20:38 ID:???
(`△`)オマエガナ

790 :Name_Not_Found:02/11/22 20:41 ID:???
(`△`)オマエガナ は糞

791 :Name_Not_Found:02/11/22 21:48 ID:???
IEのposition:fixed;のバグで困っています。
うちの環境では、position:fixed;を使用したページをIEで表示すると、スピーカーから
「びっくりするほどユートピア!びっくりするほどユートピア!」
と聞こえます。どうしたらいいのか教えてください

792 :倉木麻衣:02/11/22 21:52 ID:???
  |┌ 、::::::l l;;;;;;;;::::/- ,,, _      _,,, -llll:;;;;lヽ:;::;::::|
  | l「 l::::::| |::;;;:::::/ ,,`,,-ゝ   ニ -,,,´ lll:;;;;l l;;;;;::::l
  |::ヽ\::| |::::::::/<(7)ヽ ::    <(7ノllll;;;;l l/ ll
  |::::::ヽ l l l::::/      ::         llll;;l  /ll
倉木麻衣です。
ねえみんな聞いて!
まず全裸になり、自分の尻を両手でバンバン叩きながら白目をむき、
「びっくりするほどユートピア!びっくりするほどユートピア!」
とハイトーンで連呼しながらベットを昇り降りするの。
これを10分程続けると妙な脱力感に襲われ、解脱気分に浸れるの。
サイコーよ!

793 :Name_Not_Found:02/11/22 22:35 ID:???
position:fixedで固定して背景は半透明PNG、これ最強。
しかしIEだと固定されないばかりかPNGの色が潰れる、諸刃の剣。

794 :Name_Not_Found:02/11/22 22:47 ID:???
256のPNGならIEでも透過するよ。
フルカラーは透過しないけど。

795 :Name_Not_Found:02/11/22 22:56 ID:ybnm9K+I
<style type="text/css">
<!--
table.90 td{font-size:90%;}
table.80 td{font-size:80%;}
-->
</style>

以前、これを質問したものなんですが、ネスケ6では無効でした。
どうすれば有効になるでしょうか。

796 :Name_Not_Found:02/11/22 22:57 ID:ybnm9K+I
あ、勿論
<table border class="90">
<table border class="80">
こうしてます。

797 :Name_Not_Found:02/11/22 23:00 ID:???
class(IDもだけど)を数字からはじめる香具師は糞

798 :Name_Not_Found:02/11/22 23:40 ID:???
でもページ内リンクはID数字でも動くんだよな>Gecko
選択子は無効だけど。

799 :Name_Not_Found:02/11/23 00:04 ID:???
糞っつーかそれinvalid。不正。

800 :Name_Not_Found:02/11/23 00:07 ID:???
invalidは糞

801 :Name_Not_Found:02/11/23 00:28 ID:???
>800
言ってることは正しい。

802 :795-796:02/11/23 00:41 ID:ksEgE4Xg
ごめんなさい、td一括指定にしかCSSを使わないアホ初心者なもので…
 勉強しますのでせめて糞(大便)ではなくカス(生物付着物)にして下さい。
数字から始めるのは駄目という事は「nine9」ならいいんですね。
htmlでは、タグに使う文字の際にネームエンティティなんかを使うというのを覚えていたので…
CSSでは駄目なんですね。ページ内リンクはhtml(a name)で出来るのでOKという事ですね。
では数字以外でもCSSに使う文字 . , : ; なんかは駄目という事ですね?

803 :Name_Not_Found:02/11/23 00:49 ID:???
>>802
根本的に違う。もうちょい基本を勉強してから来た方がいいと思うぞ。

804 :Name_Not_Found:02/11/23 00:51 ID:???
>>802
あるブラウザで動くか動かないかではなく、仕様で認められているか否かで判断した方がいい。
(CSSでセレクタに使える文字は三日坊主++あたりに情報があったはず)
仕様で認められている用法に限って使うなら「安全」だから。
Geckoが急に「ページ内リンクでも数字から始まるidは無効」と仕様通りの解釈をし始めた場合でも混乱せずに済む。

それは別として、この場合の90とか80とかのクラス名は
フォントサイズを変えたくなった時に意味が成り立たなくなるので、やめた方がいいと思う。


805 :Name_Not_Found:02/11/23 00:54 ID:???
半角英数と - だけにしといた方が無難。
がんばれば他にも使えるけどややこしくなるだけだからネ。

806 :Name_Not_Found:02/11/23 01:07 ID:???
>>804
死んだサイト紹介してどうする

807 :Name_Not_Found:02/11/23 01:07 ID:wNgUpTSC

教えてください
このサイトの↓
http://www.freelayouts.com/templates/display/templates/rateavg/60
一番右下のAuthor: Dan's Web Templates
のテンプレを使いたいんですけど日本語入力をすると
文字化けを起こしてしまいます。
CSSのところを変えればイイということはわかったのですが
具体的にどうやればいいのかがわかりません。
どなたか教えてください

そのテンプレのダウンロードは↓これ
http://www.freelayouts.com/templates/download/326


よろしくお願いします

808 :Name_Not_Found:02/11/23 01:19 ID:???
>>807
charset変えればイイだけではない?

809 :Name_Not_Found:02/11/23 01:19 ID:???
>>807
CSS関係無し。文字コード指定を変えるだけ。

810 :Name_Not_Found:02/11/23 01:26 ID:???

>>805
言いたいことは分かるけど、半角英数じゃなくて、半角英字だネ

811 :Name_Not_Found:02/11/23 01:31 ID:???
>>810
半角英数であってるよ。ハゲオタ。

812 :Name_Not_Found:02/11/23 01:41 ID:???
先頭に数字がこなければ英数でよし

813 :Name_Not_Found:02/11/23 01:41 ID:???
で、先頭に数字は裂ける

814 :Name_Not_Found:02/11/23 01:47 ID:ksEgE4Xg
>>803-804n
>もうちょい基本を勉強してから来た方がいいと思うぞ。
tdのフォントサイズ一括指定にしかCSSを使わない俺が基本からやるのは時間の無駄だと思うぞ。
>フォントサイズを変えたくなった時に意味が成り立たなくなるので、やめた方がいいと思う。
%でのフォントサイズ指定は、(IEでの表示を考慮して)90と80しかやらないと決めてるから、絶対に変える事は無いんです。
というか、2つ以上のフォントサイズを指定してるページ自体今1つしかんです(爆)
もうそういう理想論は聞き飽きたんですよ。aとbでもmainとsubでもchinkoとmankoでも自分が編集し易ければいい話。
数字は使わない方が無難と知ったので、それは守りますから。

>>805
そうですか!ありがとうございますネ。

815 :Name_Not_Found:02/11/23 01:50 ID:???
不思議マークアップの尻拭いにCSSを使うのは止めて欲しいと思う

816 :Name_Not_Found:02/11/23 01:57 ID:???
やっぱ質問スレって>>814みたいな香具師ばっかなのね…

817 :Name_Not_Found:02/11/23 02:00 ID:???
もうそういう理想論は聞き飽きたんですよ
理想論は聞き飽きたんです
聞き飽きたんですよ
飽きたんです

818 :Name_Not_Found:02/11/23 02:04 ID:???
仕様書に書いてあることを聞き飽きたとか言われてもな

819 :Name_Not_Found:02/11/23 02:17 ID:???
Strictな方々ってハタチになるまでは絶対にエッチしない、って本当ですか?

820 :Name_Not_Found:02/11/23 02:18 ID:???
>>819 おもしろくないよ

821 :Name_Not_Found:02/11/23 02:19 ID:???
>>819
(´-`).。oO(ストイックかなんかと間違えたんだろうか.....)

822 :Name_Not_Found:02/11/23 02:26 ID:???
>>819
日本の法律の仕様書にはそんなこと書かれてない

823 :804:02/11/23 02:40 ID:???
>>814
理想論じゃないんだがな。
ブラウザの挙動が変わった時に慌てないで済むように、と
君にとっての現実的なメリットを考慮してアドバイスしたんだが。
聞き飽きたとか言われるんならしょうがない。もう何も言わんよ。

824 :Name_Not_Found:02/11/23 02:41 ID:???
(爆)

825 :Name_Not_Found:02/11/23 02:52 ID:???
まあ一度痛い目にあわないとわかんないやつもいるだろし。
痛い目にあったまま、「こりゃ使えん!」ってなるやつもいるけど
そういうのはそれまでのやつだったってこった。

826 :Name_Not_Found:02/11/23 03:13 ID:dara/y00
なー
cssのclass指定でtableのbgにcolor引いたら、
ie5.5とかnn4.7で最初の読み込みの時、変な風にcolorが出るときが
あるんだけど、原因わかる?

827 :Name_Not_Found:02/11/23 03:18 ID:???
>>826
たぶんバグ

828 :Name_Not_Found:02/11/23 03:21 ID:dara/y00
>>827
やぱそだよね…
フォームが絡むとさらに出やすくなるね…

829 :Name_Not_Found:02/11/23 03:49 ID:???
>>826
ID面白い

830 :Name_Not_Found:02/11/23 04:10 ID:???
>>811
全角文字使う香具師なんざいねえんだから半角英数なのは当たり前。
あえて明記してると言うことは「頭に」が前提として読むだろ。それとも一から噛み砕かないと分かりませんってか?

831 :Name_Not_Found:02/11/23 04:14 ID:???
>>830
痛いヤシだな.....

832 :Name_Not_Found:02/11/23 04:59 ID:???
<q>ハゲオタ<q>が癇に障ったんだろうか…

833 :Name_Not_Found:02/11/23 05:53 ID:???
>>830=ふ

834 :Name_Not_Found:02/11/23 08:03 ID:ksEgE4Xg
初心者のくせに生意気な香具師
>>818
>仕様書に書いてあることを聞き飽きたとか言われてもな
こういう場合はmainとsubにしろって書いてあるんですか

>>823
>ブラウザの挙動が変わった時に慌てないで済むように、と
>君にとっての現実的なメリットを考慮してアドバイスしたんだが。
僕のサイトのアクセス解析によりますと、
IE4-6が95%、ネスケが3%、その他2%/Win95,98,NTが94%、Macが3%、その他3% です。
はっきり言って、プライベートの時間を削ってまで5-6%の人にまで合わせる為に細かく勉強しようとは思いません。
とはいえ、ジャバスクリプトやCGIやジャバは一切使ってません。これでも僕はウェブページ作者として失格ですか?
 ネスケ6はDLしたけど重いし、家族全部で4台PC有るけど全部Winです。
で、ウェブ初心者で分からないんですけど、現実的な問題、DLしたIE4-6の挙動が自動的に変更される事は有るんですか?
823氏は僕のレスも見たくないようですから、誰か答えて下さい。
僕はIEを4も5も6も使った事有るんですけど、
HTMLとフォントサイズ一括指定程度のCSSだけに関して言えば、全く覚えが有りません。
そもそもその現象の意味が分かりません。IE7移行とかならわかりますけど…

>>825
今回がまさにその一度あった痛い目だという事はわかりませんか?
で、わからん!ネスケ信者はまぁ少し見辛いけど我慢して。ではなく
ここにこのweb制作管理板の住人の考え方とは全く正反対の、僕が、数ヶ月ぶりに
その考え方が重要となってくるスレに、勇気を持って書き込んだのです。
しつこいようですが、tdサイズ一括指定関連に関してはもう落とし穴は無いでしょ?

835 :Name_Not_Found:02/11/23 08:07 ID:???
>>831
 文盲
>>832
>>833
 便乗厨

836 :Name_Not_Found:02/11/23 08:09 ID:???
>>834
> はっきり言って、プライベートの時間を削ってまで5-6%の人にまで合わせる為に細かく勉強しようとは思いません。
 挙動が変わったら、がわからんなら黙ってろ

837 :Name_Not_Found:02/11/23 08:20 ID:???
>>831
全角文字禁止を指摘されないとわからない椰子ハケーン
テメイの脳内でプラズマが発生してますか?
そうとしか考えられない脊髄レスのカンドー。

838 :Name_Not_Found:02/11/23 08:22 ID:???
 逃げずに応えたらどうでつか?>>811=831

839 :Name_Not_Found:02/11/23 08:23 ID:???
>>835
>>837
>>838
文盲を い た わ れ !

840 :Name_Not_Found:02/11/23 08:32 ID:???
>>831
 マジレスで悪いんだけど、それまでの流れを見たうえでのレスなのか?
だとしたら喪舞はここに来ない方がよいような。

841 :Name_Not_Found:02/11/23 09:16 ID:ksEgE4Xg
>>836
うっせーバ〜カ、
黙ってろ?最初に二度と書き込むなと言っとけよ!
本当に見下ろしてるのが最低だな。
ID晒す勇気が無いって事は、強制IDの時はそんなに書き込まなかったんだな。
(質問以外はsageで?お前は長時間subback.htmlをチェックしてる暇人か)
教える気無いくせに放置という発想も無いのか。
挙動変更なんて分からなくても10万ヒットしてんだよ。
別に個人サイトなんだからいいだろうが。

2度とこのスレには書き込まないから。
だ っ て C S S 要 ら な い も ん。
個人サイトだから デ ザ イ ン な ん て 発 想 無 い も ん 。
これからはHTMLの事で初心者質問スレで質問するね。
さ よ う な ら

842 :Name_Not_Found:02/11/23 09:21 ID:???
>>841
( ´_ゝ`)フーン


843 :Name_Not_Found:02/11/23 09:43 ID:lDTxkbky
>>841
ID晒す勇気カコイイ!

844 :Name_Not_Found:02/11/23 09:58 ID:???
>>841
あんたの頭も10万ヒットだよ( ´,_ゝ`)プッ

845 :Name_Not_Found:02/11/23 10:01 ID:???
もしかして、本当に「挙動変更」の言葉の意味がわかってないんじゃないかな。
ブラウザの仕様が変わって、今までの通りでは通用しなくなるかも、
って危惧してくれた>>823=804の優しさが伝わってないんだろうな。
そう考えると切ない。

846 :Name_Not_Found:02/11/23 10:42 ID:???
>>841="185"=ホノカタンですか?w

>2度とこのスレには書き込まないから。
絶対に書き込むなよ。迷惑だからw

>さ よ う な ら
とかいっちゃって〜w
どうせまた来るんでしょ。
もう来なくて良いよ。帰れ。

847 :Name_Not_Found:02/11/23 10:43 ID:???
>>845
放っておくのが一番。
あーいう連中は本当に2度と見に来ることもないから何言っても無駄無駄無駄。

848 :Name_Not_Found:02/11/23 10:51 ID:???
>>847
いや、多分悶々としながらまた見に来て、捨て台詞。
またもーこねーよ!って言いに来るよ。

849 :Name_Not_Found:02/11/23 10:54 ID:???
香ばしい。

850 :Name_Not_Found:02/11/23 11:53 ID:???
うむ、香ばしい。

851 :Name_Not_Found:02/11/23 13:34 ID:???
>>841
自分が気に喰わない回答をする人には徹底的に攻撃して、
誰も羨ましいと思わない自サイト論を繰り広げて、
「誰か他の人いませんか」って言われてもねぇ。

852 :Name_Not_Found:02/11/23 14:15 ID:???
>>848
暴れるだけ暴れて、あとは完全に忘れて本当に見にも来ないって奴もいるよ。
あちこちにマルチポストして、どっかで答えが得られたら
後は放置&忘却の彼方。ってのと似た行動原理(?)

853 :Name_Not_Found:02/11/23 14:29 ID:???
185問題(だっけ?)思い出した

854 :Name_Not_Found:02/11/23 15:01 ID:???
xhtmlで書いてます
target="_blank"タグと同じ効果を
xhtmlで再現するにはどう記述すればいいですか?
javascriptですか?
javascriptスレよりもこちらの方の方が
strictな方が多いと思ったので
こちらで質問しています
よろしくお願いします

855 :Name_Not_Found:02/11/23 16:07 ID:???
>854
あなたには2つの選択肢があります。
・xhtmlを使うのをやめる
・target属性を使うのをやめる

個人的には target="_blank" やられると迷惑だ。

856 :Name_Not_Found:02/11/23 16:10 ID:???
>>854
モジュールを利用すれば使える。

857 :Name_Not_Found:02/11/23 16:30 ID:???
>>854
別窓開きたければ素直にxhtml1.0 Transitional 使って
target使う方がよい。
JavaScript使おうがなに使おうが、
別窓開くのは、strictではないと思う。


858 :Name_Not_Found:02/11/23 16:36 ID:???
>>857
そこはかとなく同意。 てか、>>854はスレ違いを自覚してるようだが、
「strictな方」と書いてる以上はStrictスレで聞くべきだろ。

859 :Name_Not_Found:02/11/23 18:16 ID:???
---
<h1>タイトル</h1>
<p>本文ズラズラズラズラズラズラズラズラズラズラズラズラズラズラ・・・</p>
---

---
h1 {
font: bolder 1em sans-serif;
margin: 0; }

h1:first-letter {
float: left;
font: 3em/1 serif; }

p { margin: 0; }
---

こんな感じで、h1の1文字目を通常サイズの2倍にして、続くh1残りの文字と p を回り込ませたのですが、
どうして3行目まで回り込んでしまいます。 p だけでやればちゃんと2行までしか回り込まないのに・・・

どうすればよいのかアドバイスください。

860 :Name_Not_Found:02/11/23 18:23 ID:???
>>859
1文字目のフォントサイズを 2em にすりゃいいじゃん

861 :Name_Not_Found:02/11/23 18:25 ID:???
>>859-860
あるいはh1のフォントサイズを2emにするとか。

862 :Name_Not_Found:02/11/23 18:27 ID:???
>>859
あるいは p の margin-top を 1em にするとか

863 :696:02/11/23 18:28 ID:???
>>751
前半はおっしゃるとおりなので、深く反省。
でも、後半については、俺、>>691じゃないので、
反論の必要がないんですけど。
以上亀でした。

864 :859:02/11/23 18:33 ID:???
いや、私は 1行目の h1 の2文字目の上辺と2行目にくる p の底辺に first-letter の高さを合わせたいので・・・
書き忘れてしまったのですが、基本となる line-height は 1.5 です。
first-letter の line-height を 1 にしておけば 3em でピッタリくるじゃないですか? 1.5+1.5で。

この方法で p だけでやった場合はうまくいったんですが・・・

舌足らずな質問ですが、アドバイスお願いします。

865 :Name_Not_Found:02/11/23 18:37 ID:???
h1 {
font: bolder 1em sans-serif;
margin: 0; }

h1:first-letter {
float: left;
font: 3em/1 serif; }

p {
margin-top: .5em;
line-height: 1.5;
}

こうするとなんかカッコいいな〜
パクらせてもらうとすっか

866 :859:02/11/23 18:38 ID:???
一応、図にするとこんな感じです。

~~T~~ ITLE
| 本文ズラズラ・・・

867 :Name_Not_Found:02/11/23 18:39 ID:???
やべ、ずれまくり・・・

868 :Name_Not_Found:02/11/23 18:43 ID:???
>>865
floatさせる要素にはwidthが必須です。

869 :Name_Not_Found:02/11/23 19:06 ID:???
>>868
は?なんで?どこにそんなこと書いてあんの?

870 :Name_Not_Found:02/11/23 19:09 ID:???
>>869は釣り

871 :Name_Not_Found:02/11/23 19:10 ID:???
>>869 仕様書に書いてある。基本です。
http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/06c.html#day29num03

872 :Name_Not_Found:02/11/23 19:21 ID:???
>>870>>871
いやマジ知らんかったんよ。ゆるぴて

873 :Name_Not_Found:02/11/23 19:31 ID:???
FAQだな、これも。

width 明示なしのブロック要素を float
 http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html

874 :Name_Not_Found:02/11/23 19:46 ID:???
でもさ。1文字って分かってんだから幅ぐらい自動的に算出してくれないのかな?
ダメなんだろうけど。

875 :Name_Not_Found:02/11/23 19:56 ID:???
そう言うwidth属性値は策定中。

876 :Name_Not_Found:02/11/23 19:59 ID:qNdTZehp
質問させていただきます。
たとえば
<ul>
 <li>あああ
 <li>いいい
</ul>
となっているものを
改行させずにそのまま
あああ いいい
と表示させるにはどうすればよいでしょうか?

877 :Name_Not_Found:02/11/23 20:04 ID:???
>>876
li { display : inline ;}

878 :Name_Not_Found:02/11/23 20:07 ID:???
>>876
li{float:left;}

ところで<li>の閉ぢタグ</li>は省略可だけど
CSSを適用させるならあった方が安全だよ。


879 :Name_Not_Found:02/11/23 20:08 ID:???
>>877
できました。
答え方からしてかなり既出の質問だったみたいですね。
ほんとうにありがとうございました。

880 :878:02/11/23 20:09 ID:???
おっと、floatはwidth必須だったな。
訂正
li{
float:left;
min-width:1em;
}
んで、</ul>の後に来る要素にclearを指定するのを忘れずに。

881 :Name_Not_Found:02/11/23 20:25 ID:???
( ゚д゚)ポカーン

882 :Name_Not_Found:02/11/23 20:37 ID:???
>>877でいいじゃんか

と。


/* list-styleを適用したいならfloatの方がいいけど。 */

883 :Name_Not_Found:02/11/23 21:16 ID:???
display : inline ;
ってどのブラウザか対応してなかったよな?

884 :Name_Not_Found:02/11/23 21:30 ID:???
>>882
list-styleはdisplay:list-itemにしか適用されないけど、
floatすると自動的にdisplay:blockになるので
結局list-styleは無効になる。仕様上は。

885 :Name_Not_Found:02/11/23 21:42 ID:8jAcE6IH
おねがいします。
http://ogre1634.fc2web.com/

・メインは一応GIF
・最近はUGネタです。
メインがいまいちつかめない、くされサイトですが評価お願いします。

886 :Name_Not_Found:02/11/23 21:44 ID:8jAcE6IH
間違えマスタ

887 :Name_Not_Found:02/11/24 15:14 ID:???
age

888 :Name_Not_Found:02/11/24 15:44 ID:???
fontの一括指定記述方法はどういう順番で書けばよろしいのでしょうか?

889 :Name_Not_Found:02/11/24 16:04 ID:???
>>888
size/line-heigt はセットだがあとは決まってない

890 :Name_Not_Found:02/11/24 16:05 ID:???
仕様書によればこうかな。

1番目 font-style、font-variant、font-weight。この中で順番は自由。どれを省略しても可。
2番目 font-sizeまたはfont-size/line-height
3番目 font-family


891 :Name_Not_Found:02/11/24 16:23 ID:Rrb05Ned
>>888
ここが、分かり易いかも。
http://hp.vector.co.jp/authors/VA022006/css/fonts.html#font


892 :888:02/11/24 16:34 ID:???
わかりました!
皆様どうもありがとうございました!

893 :Name_Not_Found:02/11/25 18:54 ID:wjBWzH+a
リストについて質問させてください
テーブルのようなレイアウトなのにソースを見るとULタグなことがありますが
アレは一体どうやるのでしょうか?

894 :Name_Not_Found:02/11/25 19:19 ID:???
>>893
まずはそのサイトのCSSの記述を見てみたら?

895 :Name_Not_Found:02/11/25 20:24 ID:???
ULでテーブルのようなレイアウトってのがあまりよく想像できない俺は逝ってよしですか?

896 :Name_Not_Found:02/11/25 20:32 ID:???
li{ border: 1px solid; } とかで枠線作って、とかじゃないのかな。

897 :Name_Not_Found:02/11/25 20:35 ID:???
多分ULで段組組んでるサイトのことじゃないかな。
>>893にそのお手本サイトを教えてもらわんことには断言できないんだが。

898 :Name_Not_Found:02/11/25 21:31 ID:???
勝手に想像:li {display: inline; width: ??;} って感じかな

899 :Name_Not_Found:02/11/25 22:19 ID:???
>>898
なんでだよ

900 :Name_Not_Found:02/11/25 22:49 ID:???
>899
ul {width: 8em;}
li {display: inline; width: 2em;}
あたりにして(marginやpaddingも適当に)
li を8個くらい書くと 4x2 にならないかなーと思って
いやまあそういう話じゃないって言うんならそれでいいんだ

901 :Name_Not_Found:02/11/25 22:54 ID:MWoxf7dg
float:leftとnoneをclassで使い分けているのかも。
実際そこまでやってしまうと、「いいからtable使え」って感じだが。


902 :Name_Not_Found:02/11/25 23:33 ID:???
display: inline で width ですか

903 :Name_Not_Found:02/11/25 23:42 ID:???
>>902
ワラタ。

904 :Name_Not_Found:02/11/25 23:52 ID:???
padding: 1em;
width: 25%;

って指定するとMozillaとOperaでは字がはみ出してしまいます。IE6ではちゃんと
padding が適用されているようなのですが・・・
私の指定方法に何か誤りがあるのでしょうか。それともUAの表示バグ?

何か回避方法あれば教えてください。

905 :Name_Not_Found:02/11/25 23:57 ID:???
字がはみ出すってよくわからないんだが
取り敢えず>>5参照

906 :Name_Not_Found:02/11/26 00:06 ID:???
>display: inline で width ですか
あー,そうか…全くそのとおりです.申し訳ございませんでした.
うろ覚えでものを書くものではありませんね.
罰として part12 の間はもう発言いたしません.すみませんでした.

907 :Name_Not_Found:02/11/26 00:09 ID:???
IE6なので、計算方法の違いではないと思います。

はみ出すというのは、例えば DIV を width: 25%; padding: 1em; にしているのにその中の <p>ズラズラ</p> と
文章があった場合、IE6ではちゃんと25%の辺りで折り返してくれるんですが、他では
25%をちょっとはみ出した辺りで折り返すんです。

908 :Name_Not_Found:02/11/26 00:11 ID:???
>>906
罰として次スレ用のテンプレ案と
このスレが970くらいになったら次スレを立ててください。

909 :Name_Not_Found:02/11/26 00:13 ID:???
IE6でもDOCTYPE宣言をしないと互換モードになる気がする>907

910 :Name_Not_Found:02/11/26 00:15 ID:???
>>909
あ、そうなんですか。XHTML1.1宣言しているのですが、これだとダメなんでしたっけ。

911 :909:02/11/26 00:26 ID:???
>910
あのさぁ…最初の質問(>904)ではほとんど情報を示さずに、話が進んでから
「実はXHTMLなんだ」とか言い出されるとやる気が一気に失せるんですけど。

悪いけどあとはほかの方に聞くか、頑張って自分で調べてくれ。
自己解決したら結果も報告してくれな。

912 :Name_Not_Found:02/11/26 00:42 ID:???
>>911
偉そうなヤシだな、別に嫌ならシカトすりゃいーだろ。
さっさと逝けや。

913 :Name_Not_Found:02/11/26 01:00 ID:???
今度は逆ギれですか、フルコースで攻めるおつもりですね?

914 :Name_Not_Found:02/11/26 02:17 ID:???
ハーイ、シツモーン! (/*・・)/
pにwriting-mode:tb-rl;で縦書きにしましたが、
下詰めにしたいときはどう書けばいいのれすか?
WinIE6で見てみるとtext-align text-vertical-alignとも効きません。
やっぱ無理ですか?



915 :Name_Not_Found:02/11/26 02:43 ID:Elx3hUHu
スタイルシートで、例えばgif1とgif2という
二つの画像があったとして、この二つを背景に固定したいと思います。で、1つは
background-color :black;
background-image :url("gif1");
background-repeat:no-repeat;
background-attachment:fixed;
background-position :15% 25%;}
で絶対的な位置に指定できるんですけど、もう1つの画像(gif2)も背景として固定したい(例えばbackground-position :15% 35%;の
ように)のですが、二つを同時に固定するにはどうしたら良いのでしょうか


916 :Name_Not_Found:02/11/26 02:51 ID:???
>>915
無理だと思いますが、画像を合成したらどうでしょうか?

917 :Name_Not_Found:02/11/26 03:18 ID:Elx3hUHu
あ〜 やっぱりムリなんですかね。。何回か記述試してみたけど、ダメだったし
なぁ・・・
やぱ合成ですかね

918 :Name_Not_Found:02/11/26 03:25 ID:???
質問する前に参考書を買いなさい。
おすすめは・・・

919 :Name_Not_Found:02/11/26 04:08 ID:???
>>914
いや、text-align:right;でできますよ。


そろそろ次スレッドの準備が要りますね。

920 :Name_Not_Found:02/11/26 07:07 ID:mAP7u2Yu
>>919
できました!
どうやら、ボックスの大きさが文字の大きさと丁度同じだった模様。
これじゃtext-alignでは変化しないはずだ・・・
ボーダーをつけてみるとはっきりしました。
それにしてもボックスの縦幅がかなり理不尽な感じ。
CSS3:text的にこんなのでいいのかな?


921 :Name_Not_Found:02/11/26 07:42 ID:???
>>917
全体をdivで囲うようにして、それにもう1つの背景画像を指定できないかしら?

922 :Name_Not_Found:02/11/26 11:22 ID:???
>>921
"fixed"にできないのでは?
div要素そのものはスクロールしてしまうし
って実験する気力ないんで想像です。ごめん

923 :1:02/11/26 12:35 ID:???
>>1より、次スレ立てる人に業務連絡です。
このスレ立てる時にポカやって、>>2の参考サイトにリンク切れが多発してるので、
参考サイトは、>>6-8のをコピペしてください。
あと、>>470>>873もFAQに入れてください。
お願いします。

……しかし、FAQがあんまり増えるようだと、それ用にサイト立ち上げた方が
いいような気もするな。

924 :Name_Not_Found:02/11/26 13:03 ID:???
ずっとIEでデザインの確認しててさっきNNで見たら見れたもんじゃなかった。
いっそのことNNはスルーしてもいいですか。直すの面倒くせー。

愚痴ってスマソ。逝って来ます。

925 :Name_Not_Found:02/11/26 13:14 ID:???
>>924
NNってバージョン何よ。
漏れもずーっと、NNは無視しているのだが最近気になってきている。

926 :Name_Not_Found:02/11/26 13:17 ID:???
>>924
もーしょうがないと思うYo!
漏れはデザインはほっぽって、リンクだけ機能するようにしといたよ。>NN4向けページ
nn4で見たらテキストのみのサイト。

927 :Name_Not_Found:02/11/26 13:19 ID:???
926は「nn4とそれ以外」で振り分けてるってことです、スマソ

928 :Name_Not_Found:02/11/26 13:26 ID:???
>>925
バージョンは6.2です。iframe使ってるようにしたかったのに(鬱
あるサイトさんではOPERAは崩れてたものの、NNではきちんと表示されてた。
面倒臭いからNNはスルーしようとも思ったけど、出来るならうちでもきちんと
表示させたいからソース見させてもらう事にしました。

929 :Name_Not_Found:02/11/26 13:39 ID:???
>>928
ガーン 6.2でも崩れるのか。
一度確認してみっか。恐る恐る...

930 :Name_Not_Found:02/11/26 13:45 ID:???
>>929
記述やマージン等の計算がきちんと出来てれば崩れないんじゃないかな、と。

931 :Name_Not_Found:02/11/26 14:39 ID:tRaFX6e1
>>930
そのはずなんだけんどね。

ところで質問。FAQだと思うのだけどなぜか出来なかった。

幅が例えば500pxあるdivのなかに。小さな画像と文字をセンターに置きたいのだが、
text-align:center だけだとテキストしかよってくれなかったのよ。
<hr>なんかもwidth:80%にすると、IEだと中心に来るけど、コカンラなんかだと
左に寄ったまま。
とりあえずパディング左右10%などで<hr>は見た目中央に持ってこれるんだが、
なにが足りらんのでしょうか?

932 :931:02/11/26 14:44 ID:???
今、>>4 に上げてあるサイトを見てきた、マージンを左右autoでいいのか?

933 :Name_Not_Found:02/11/26 14:46 ID:???
>>932
試せばわかるだろ

934 :Name_Not_Found:02/11/26 14:48 ID:???
>>932も何かと不安なんだよ。こんな世の中だから。

935 :931:02/11/26 14:57 ID:???
>>933
今、手元にはIEしかないので、マージンをautoにしなくてもよっちゃうのよ。

>>934
ふぉろーさんすこ。
不安一杯っす。

帰ってから試すよ。
漏れとしては早くtableを使ったレイアウトから脱却しないと、と思っている。

936 :Name_Not_Found:02/11/26 15:57 ID:???
過去ログもここまで来ると1つのサイトにまとめて欲しくなりますね。

*自分でやれって言わないで*

937 :Name_Not_Found:02/11/26 15:58 ID:???
>>936
言わないけど心の中で思ってる

938 :Name_Not_Found:02/11/26 16:18 ID:???
みんな死ねよ。

939 :Name_Not_Found:02/11/26 16:23 ID:tRaFX6e1
何度も質問スマソ
Valid CSS!の画像を貼り付けて、リンク先を以下のようにしたら
http://jigsaw.w3.org/css-validator/check/referer
化ける(日本語が全て'?'になる)のですが、なぜ?
ページは全てeuc-jpで記述しています。
http://jigsaw.w3.org/css-validator/validator?uri=http://www.hogehoge.com
の形式なら化けません。ブラウザはIE6です。

940 :Name_Not_Found:02/11/26 17:03 ID:???
>>937
そうしておいてもらえるとありがたい。

941 :Name_Not_Found:02/11/26 20:59 ID:LGLU12LF
>>939
そのページがMETAタグでエンコードを指定しないから。

942 :470:02/11/26 22:02 ID:???
【FAQ】
Q:CSSで擬似フレームってどうやるの?
A:次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
 http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/overflow.html
 http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/files/frame.html
overflowを用いた擬似フレーム
 http://www.fromdfj.net/html/overflow.html

943 :Name_Not_Found:02/11/26 22:09 ID:???
【FAQ】
Q:なんかMacIEやOperaでフロートの表示が崩れるみたいなんですけど?
A:floatさせる要素にはwidth指定が必須(img要素以外)。
  これ、CSSの仕様書の決まりなんです。WinIEが勝手に補ってるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html

944 :Name_Not_Found:02/11/26 22:19 ID:ewTVU2iB
floatのwidth指定についてなんですけど、 width: auto; でもいいですか?
それとも何らかの幅を指定しないといけないですか?

945 :Name_Not_Found:02/11/26 22:31 ID:???
>>941
エンコード指定してます...うーむ、なぜだろ。

それと>>929のつづきだが、NN7.0を落として確認したら
tableタグで囲われた画像のがバラけた。各セルの下側のみ余白が現れて
バラけ状態に。その他は問題なさそうなんすけど。

精進がたりんか。

946 :Name_Not_Found:02/11/26 22:35 ID:???
>>944
明示しないとダメ。

私は時々min-width:1em;で誤魔化すね。
min-widthはWinIE未対応だけど、NN7やOperaは対応してるから。

947 :長文スマソ:02/11/27 06:27 ID:mwBAGBkl
スミマセン。質問させてくださいませ。
例えばtableタグで、

<table width="○○%">
 <tr>
  <td width="●●px">〜</td>
  <td>〜</td>
 </tr>
</table>

のように書くと、2番目のセルの幅は「Windowの幅の○○%」−「●●px」と
いった値に自動で整形されますよね。

 この「○○%−●●px」と言った幅をTABLEを使わずCSSで同じように指定して
やることは可能でしょうか?僕の中途半端な知識では実現できませんでした。
どなたか知恵をお貸しください。

 えっと説明が充分かどうかわかりませんが、実際はこれを縦幅で行い、
1番目のセル内は文字数固定で伸縮なし。2番目のセルだけ伸縮させ、
中の要素を「overflow: auto」で囲んで、低めの解像度や小さ目のウィンドウで
見てる人でも無理やり1ページで見えるようにしようと考えています。

 現在は、tableタグ内にspanでスクロールボックスを作るという非常にアレな
ソースを書いたら、IEでは%指定の基準をテーブル幅に取ってくれたので期待道理
に動作しましたがネスケではテーブル幅基準のつもりの%指定がWindow幅基準なの
でとても見れたものじゃないページができあがりました。

948 :Name_Not_Found:02/11/27 06:38 ID:???
>>947
overflow:autoはOperaだと凄いことになるぞ

949 :Name_Not_Found:02/11/27 15:02 ID:???
外部スタイルシートをちまちま頑張っている者です。
いくつかの見出し(h)にボーダーやフォント、色などを指定していたのですが、
改行のあと次の標準の分との間に幅があってイマイチなので、
高さを調節したいのですが、どうもうまくいきません。
p要素にine-height:50%をいれると文字が重なってしまい、肝心の段落の隙間はうまりませんでした。
自分はなにか勘違いしていると思っているのですが、
よいヒントがあればあとは検索で探しますので、御指南ください。


950 :Name_Not_Found:02/11/27 15:15 ID:???
margin-bottom

951 :Name_Not_Found:02/11/27 15:35 ID:???
>950
ありがとうございました、今
position:relative; top:10px
なんて無茶を試みていました。
marginは試していたのですが、改めて確認すると負の値も使えることに気づきました。
そして、margin-bottom:-10px
にしてうまく言ったのですが、
そのすぐ下に表があると、文字が表に埋まってしまうので、また直し中です。道は遠いです・・。
ありがとうございました。

952 :Name_Not_Found:02/11/27 15:49 ID:UWNklzMk
下のようにテーブル風のレイアウトをスタイルシートで
作ろうとしており、ここまで至りましたが、併せて700px全体を
中央に寄せる方法が解りません。どなたか方法を教えてください。

CD紹介
| ̄ ̄T ̄ ̄ ̄ ̄ ̄ |
|img | コメント |
|__⊥_____ |


<style type="text/css" media="screen"><!--
.cdjake { background-color: black; margin-right: 0px;padding: 12px; border: solid 3px red; width: 130px; float: left }
.cdcomment { background-color: black; margin-left: 0px; border: solid 3px red; width: 540px; height: 160px }
--></style>
</head>
<body >
<h2>CD紹介</h2>
<img class="cdjake" src="img/cd_1.jpg" width="130" height="130" border="0">
<div class="cdcomment">
<h3>アルバムタイトル/アーティスト名</h3>
<div class="maintext">
コメント</div>

953 :Name_Not_Found:02/11/27 17:27 ID:n5enP63U
IE6を使っています。英単語を含んだ見出しを作りたいのですが、
h2 {font-family:'Arial Black','HGP創英角ゴシックUB',sans-serif;}
と書くと、英単語はArial Blackになってくれると言うのに、
日本語はMS Pゴシックになってしまいます。
※HGP創英角ゴシックUBフォントは持っています

英語はArial Blackで、日本語はHGP創英角ゴシックUBで、
というふうに、同じ見出し中に別々のフォントを使うことは出来ないのでしょうか?

ご教示お願いします。

954 :Name_Not_Found:02/11/27 17:37 ID:???
>>953
フォントスタイルって一個しか適応できないんじゃなかったっけ?

955 :Name_Not_Found:02/11/27 17:52 ID:???
>>953
officeインスコしなきゃ見れないフォントなんてWebで使うなよ

956 :Name_Not_Found:02/11/27 17:55 ID:eDGSh5gf
>>953
フォント名において

英字の全角/半角は正しいか?
スペースの全角/半角は正しいか?
カタカナの全角/半角は正しいか?

CSSではまるのはこんなのとろだ、まさかと思うが確認してみなされ。

957 :Name_Not_Found:02/11/27 17:56 ID:???
>>953
IEではダメみたいだね。ネスケ7だとうまくいく。

h1の中でspanでも使うしかないだろうな。

958 :Name_Not_Found:02/11/27 18:00 ID:eDGSh5gf
<style>
h2 {
font-family:'Arial Black','HGP創英角ゴシックUB',sans-serif;}

span[lang="ja"]{
font-family:'HGP創英角ゴシックUB';}
</style>
---------------------------------------

<h2><span lang="ja">日本語</span>English</h1>

でどうよ?

959 :Name_Not_Found:02/11/27 18:00 ID:eDGSh5gf
やば、</h1> → </h2> でよろしこ

960 :Name_Not_Found:02/11/27 18:21 ID:???
>>953
半角カナをエスケープしてみてはどうだろう。
ゴシック→\ff7a \ff9e \ff7c \ff6f \ff78
意味ないかも知れんけど。
ついでに@charsetをシート先頭に書き加えた方がいいかも知れない。

>>954
フォントファミリの指定は、前の方から順に見て、
その字が含まれている最初のフォントが使われる。
このチェックは文字毎に行われるので、欧文と和文を
混ぜて書いていた場合などは、それぞれに違うフォントが
適用されることになる。

961 :953:02/11/27 19:44 ID:???
>>960 >>956
エンコードや、フォント名の書き間違いではなかったようです。すみません。

>>955
仰る通りです。Officeの購入者って少ないのでしょうか。新ゴUも追加します。

>>958
Netscapeだと認識するのですが、IE6では、lang属性ごとのスタイルを認識してくれません。
IEの実装の問題でしょうか、英単語専用のclassを作ると認識しました。
心なしか、ベースラインがきっちり揃ったような気がします。有難うございました。

962 :Name_Not_Found:02/11/27 20:09 ID:???
>>961
俺はオフィス持ってるが、フォントは入れないようにしてる。


963 :Name_Not_Found:02/11/27 20:58 ID:???
オフィス限定フォントでも、
他候補が指定されてれば構わないと思いますが。
そういう俺もオフィス持っててフォント入れてない派w

964 :Name_Not_Found:02/11/28 02:07 ID:???
>>952
その700pxのボックスをdiv.boxで括って
.box {
margin-left:auto; margin-right:auto;/*NN7,Opera,MacIE向け*/
text-align:center;/*WinIE後方互換モード向け*/
}
を指定する。
ついでに
.cdjake, maintext {text-align:left;}
も指定しておく。

ところで誰か次スレッドよろしく。>>923参照。
>>942-943をFAQに追加してね。
(私の使ってるプロバイダはスレッド立てられませんので)

965 :Name_Not_Found:02/11/28 02:20 ID:???
>>964もFAQの方が良くないか?
幅固定真ん中寄せもよく出てくる質問だ。

966 :947:02/11/28 07:20 ID:???
>>948さん
OPERA、、考えたことも無かったです。
対して大きいサイトでもないのでアクセス解析いれてもIEとネスケ少々だけだし。


967 :Name_Not_Found:02/11/28 07:51 ID:???
>>966
 凄いことになるから誰も来ない可能性も。


968 :Name_Not_Found:02/11/28 07:59 ID:???
勃てた。

http://pc3.2ch.net/test/read.cgi/hp/1038437758/l50

969 :Name_Not_Found:02/11/28 08:07 ID:???
Opera7だと直ってたはずだけどね、overflow。

970 :Name_Not_Found:02/11/28 12:24 ID:???
>>969
みんなが7に移行してくれるのかね?

971 :Name_Not_Found:02/11/28 14:19 ID:???
敢えてOpera使ってるくせに敢えて6にこだわるような香具師は頃せ

972 :Name_Not_Found:02/11/28 16:31 ID:???
IE ユーザはなんとなく OS についてるから使ってるとか
とかバージョンアップしたら OS が挙動不審になるとかいう理由から
アップデートしない人も多いだろうけど
Opera は Win 付属のブラウザを使わずに好んで Opera を使ってる人だろうから
正式版が出てしばらくすればほとんどが 7 に移行するんじゃないかな

まあそれでも不安なら @media とかで Opera 6 に CSS をその部分だけ読ませないようにするとか
# 7 は media 対応どうなってるんだろ。

973 :Name_Not_Found:02/11/28 23:22 ID:???
Operaの古いver使ってる人が来たのを見たことない。
いるのかも知らんが、ブラウザシェア数%の内の、さらに数%と思われ。

974 :Name_Not_Found:02/11/29 00:44 ID:???
Operaユーザーは最新版が出たら、バージョンアップしたものと見なしてる。
もちろんN6ユーザーもN7にバージョンアップしたものと見なしてるよ(w

975 :Name_Not_Found:02/11/29 01:17 ID:???
じゃあMozillaユーザーももちろんナイトビ(ry

976 :Name_Not_Found:02/11/29 01:27 ID:???
うちのとこなんかそうなんだけど、会社だとネットワーク間で
同じソフトを入れておきたいということでバージョンアップも結構
大仕事になる場合があるから、しばらく古いブラウザのままってことも
考えられる。
会社内でoperaがデフォルトブラウザってことは
ちょっと考えにくいがN6は捨てがたくないか
そろそろスレも移行したいものだ

977 :Name_Not_Found:02/11/29 02:43 ID:???
>>976
ここで話されてるのは企業向けのサイトじゃないだろう。

978 :Name_Not_Found:02/11/29 03:12 ID:???
会社でもなにかと個人サイトのお世話になる機会が多い・・・
って奴は少数派か。


979 :hp:02/11/29 10:47 ID:E1wkz9oR
質問です。
たとえば
<DIV style="margin-left:50px; margin-top:5px">
で、この中にtableを入れてtableの中にテキストを流し込むと
ブラウザで、テキストが切れてしまうんですが
これを防ぐ方法はないのでしょうか?
それともこのやり方は間違ってるんでしょうか?

980 :Name_Not_Found:02/11/29 10:54 ID:???
>>979
余計なお世話だけど、新スレで聞いたほうがいい気がするよ。

981 :Name_Not_Found:02/11/29 11:00 ID:???
Opera7って連続した全角スペースが消えない?
モナ版の「右のAAのズレない環境が標準です」のAAだけど

ってスレ違いだな

247 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)