/* CSS･スタイルシート質問スレッド【43】 */
923 ：Name_Not_Found：2005/06/23(木) 02:52:24 ID:???
transparent
924 ：Name_Not_Found：2005/06/23(木) 02:57:15 ID:???
>>922 バグ辞典スレッドに報告よろしく。
925 ：Name_Not_Found：2005/06/23(木) 03:27:28 ID:???
ご存知の方教えてください。
div{border:1px dotted silver;}
みたいな感じで点線をひいています。
この点線、スクロールした時の表示が不安定（縦向きの点線の幅が広くなったりつながったり）
なのですが、回避方法はないでしょうか…
WinIE6.0で再現性があるのを確認しています。
（NN、Opera、FFでは正常でした）
div{border:1px dotted silver;}
みたいな感じで点線をひいています。
この点線、スクロールした時の表示が不安定（縦向きの点線の幅が広くなったりつながったり）
なのですが、回避方法はないでしょうか…
WinIE6.0で再現性があるのを確認しています。
（NN、Opera、FFでは正常でした）
926 ：Name_Not_Found：2005/06/23(木) 08:20:03 ID:15toj7aH
dottedの１ピクは時々そうなる気がする
じぶんは１ピクのときは見栄えもそう違わないのでdashedにしてる
じぶんは１ピクのときは見栄えもそう違わないのでdashedにしてる
927 ：Name_Not_Found：2005/06/23(木) 09:46:05 ID:???
IE以外では、dottedとdashedでは明らかに線種が違うし、
スクロール時につながってしまうって事もない。
IEはdotted線は、dashedと同じ線種として表示される
つながってたりしてしまうのは、たぶんIE独特の描画なんだろう
スクロール時につながってしまうって事もない。
IEはdotted線は、dashedと同じ線種として表示される
つながってたりしてしまうのは、たぶんIE独特の描画なんだろう
928 ：Name_Not_Found：2005/06/23(木) 10:46:52 ID:???
_borderでも使うとか。
929 ：Name_Not_Found：2005/06/23(木) 11:46:39 ID:???
そのハックは解説してやらないと・・・
>>928さん
ありがとうございます。
_borderの使い方ってこれでしょうか？（間違っていたら教えてください）
ttp://rhongomyniad.org/notes/2005/05.html#d26-msie-border-bug
>>926さん、>>927さん、>>928さんのレスを参考にして
IEの時だけdottedではなく、dashedを表示する方法を考えてみました。
div{
border:1px dotted silver;
_border:1px dashed silver !important;
}
が、dashedも表示が不安定でしたーorz
ありがとうございます。
_borderの使い方ってこれでしょうか？（間違っていたら教えてください）
ttp://rhongomyniad.org/notes/2005/05.html#d26-msie-border-bug
>>926さん、>>927さん、>>928さんのレスを参考にして
IEの時だけdottedではなく、dashedを表示する方法を考えてみました。
div{
border:1px dotted silver;
_border:1px dashed silver !important;
}
が、dashedも表示が不安定でしたーorz
931 ：Name_Not_Found：2005/06/23(木) 12:28:20 ID:???
ieがへぼいんだ。しゃーない
ieの2px以上の点線と破線は大好きなんだけどな
ieの2px以上の点線と破線は大好きなんだけどな
へぼですみません。
934 ：Name_Not_Found：2005/06/23(木) 14:41:32 ID:???
メモ用紙の様に、文章に線を引きたいのですが
点線dottedではできないでしょうか？
出来れば文字の無い部分（行）まで点線を引きたいのですが
何か方法はないでしょうか。
擬似的に背景画像をつかったり、
リンクのボーダーボトムにドットを使う方法を考えましたが
他に無いでしょうか。
点線dottedではできないでしょうか？
出来れば文字の無い部分（行）まで点線を引きたいのですが
何か方法はないでしょうか。
擬似的に背景画像をつかったり、
リンクのボーダーボトムにドットを使う方法を考えましたが
他に無いでしょうか。
935 ：Name_Not_Found：2005/06/23(木) 14:53:32 ID:???
<span style="border-bottom:1px dotted;">〜〜〜〜</span>
こんなんダメ？
こんなんダメ？
936 ：Name_Not_Found：2005/06/23(木) 17:29:45 ID:vRm6+JtM
MacIEだけ、overflow: hidden;が無視されるってバグある？
937 ：Name_Not_Found：2005/06/23(木) 18:16:43 ID:vRm6+JtM
自己レス。
overflow: hidden;とfloatを同一セレクタに設定すると、無視される模様
overflow: hidden;とfloatを同一セレクタに設定すると、無視される模様
938 ：Name_Not_Found：2005/06/23(木) 18:37:56 ID:???
IE用にCSSをこんなふうに記述するのですが、
どういう理屈でIEだけ適用するのか詳しく説明されてるとこってありませんかね？
そもそもこの記述の仕方で正しいのかちと不安なので。。
/* hogehoge */
*div.hage{
}
/* hogehoge */
どういう理屈でIEだけ適用するのか詳しく説明されてるとこってありませんかね？
そもそもこの記述の仕方で正しいのかちと不安なので。。
/* hogehoge */
*div.hage{
}
/* hogehoge */
939 ：Name_Not_Found：2005/06/23(木) 18:44:23 ID:???
>>938
ヒント：IEは全称セレクタがニガテ
ヒント：IEは全称セレクタがニガテ
>>939
なるほど、ありがとうございます。
なるほど、ありがとうございます。
942 ：Name_Not_Found：2005/06/23(木) 22:19:21 ID:???
>>938
それよりアンダーバー・ハックの方がいいよ。
識別子の先頭にある「_」を無視する(5.x/6.0)
http://cssbug.at.infoseek.co.jp/detail/winie/b157.html
それよりアンダーバー・ハックの方がいいよ。
識別子の先頭にある「_」を無視する(5.x/6.0)
http://cssbug.at.infoseek.co.jp/detail/winie/b157.html
943 ：Name_Not_Found：2005/06/23(木) 22:26:22 ID:???
>>942
IEって親切だね。
IEって親切だね。
944 ：Name_Not_Found：2005/06/23(木) 23:00:50 ID:???
正確には Underscore Hack な。
945 ：Name_Not_Found：2005/06/23(木) 23:30:05 ID:???
hackなんてするなよぉ。
946 ：Name_Not_Found：2005/06/23(木) 23:48:55 ID:???
IEをfuck
947 ：Name_Not_Found：2005/06/23(木) 23:50:14 ID:???
痛そう
948 ：Name_Not_Found：2005/06/24(金) 01:45:44 ID:???
>>936
要素名が書かれていないんだが、これとは別のバグ？
ttp://cssbug.at.infoseek.co.jp/detail/macie/b013.html
もし別なら、バグ辞典スレッドへ報告を
要素名が書かれていないんだが、これとは別のバグ？
ttp://cssbug.at.infoseek.co.jp/detail/macie/b013.html
もし別なら、バグ辞典スレッドへ報告を
949 ：Name_Not_Found：2005/06/24(金) 01:56:53 ID:???
>>942
ほほぅ、これは便利そうですね。
mozillaとIEの対応の差で諦めてたレイアウトが実現できそう。
でもここまでするのと、htmlできちゃないソース書くのと、あんまり変わらんような気もする。
・・・こともないか。
ほほぅ、これは便利そうですね。
mozillaとIEの対応の差で諦めてたレイアウトが実現できそう。
でもここまでするのと、htmlできちゃないソース書くのと、あんまり変わらんような気もする。
・・・こともないか。
950 ：Name_Not_Found：2005/06/24(金) 02:30:17 ID:/j95CbEj
いろいろ試して、調べてみたのですが、どうしてもわからないので質問します。
現在このようになっているのですが、
<!doctype html public"-//W3C//DTD HTML 4.01 Transitional//EN"
"http:www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<head>
<title>
さいたまさいたま！
</title>
<style type="text/css">
<!--
.saitama {filter:glow(color=red,strength=7);}
span {width:400px;
font-size:30pt;}
-->
</style>
</head>
<span class="saitama"><strong>さいたま</strong></span></font><br>
<span class="saitama"><strong>埼玉銘菓 十万石饅頭</strong></font></span>
</body>
</html>
これはDOCTYPE宣言のw3.orgのURLが正しくないので、
「:」と「www」の間に「//」を入れるのですが、
そうすると指定された文字が光らなくなってしまいます。
DOCTYPE宣言を正しいものにし、かつ指定された文字を光らせるには
どのようにすればよろしいでしょうか。ご教授ください。
現在このようになっているのですが、
<!doctype html public"-//W3C//DTD HTML 4.01 Transitional//EN"
"http:www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<head>
<title>
さいたまさいたま！
</title>
<style type="text/css">
<!--
.saitama {filter:glow(color=red,strength=7);}
span {width:400px;
font-size:30pt;}
-->
</style>
</head>
<span class="saitama"><strong>さいたま</strong></span></font><br>
<span class="saitama"><strong>埼玉銘菓 十万石饅頭</strong></font></span>
</body>
</html>
これはDOCTYPE宣言のw3.orgのURLが正しくないので、
「:」と「www」の間に「//」を入れるのですが、
そうすると指定された文字が光らなくなってしまいます。
DOCTYPE宣言を正しいものにし、かつ指定された文字を光らせるには
どのようにすればよろしいでしょうか。ご教授ください。
951 ：Name_Not_Found：2005/06/24(金) 02:36:00 ID:???
>>949
IE用に別のCSSファイル用意して、コンディショナルコメント使って、読み込ませる、
とかの方が、元のCSSが汚くならなくて良いんじゃなかろか…
<!--[if IE 5]>…<![endif]-->
IE用に別のCSSファイル用意して、コンディショナルコメント使って、読み込ませる、
とかの方が、元のCSSが汚くならなくて良いんじゃなかろか…
<!--[if IE 5]>…<![endif]-->
952 ：Name_Not_Found：2005/06/24(金) 02:51:25 ID:???
>>950
1) filterはwidthかheightが指定されてないと効かない。
2) 標準モードではwidth及びheightはブロック要素じゃないと効かない。
3) つまりdisplayをいじってブロックボックスにしちゃえばいい。
1) filterはwidthかheightが指定されてないと効かない。
2) 標準モードではwidth及びheightはブロック要素じゃないと効かない。
3) つまりdisplayをいじってブロックボックスにしちゃえばいい。
953 ：Name_Not_Found：2005/06/24(金) 03:10:32 ID:???
なあ、>>920にそそのかされて次スレ用のテンプレ案を作ろうとして挫折しかかってるわけだが
過去ログ、関連スレッド、FAQとかってやっぱりスレ内にあったほうがいい？
まとめサイト http://web2ch.s31.xrea.com/?CSS があるから
そっちへのリンクでいいんじゃないかとつい思ってしまうのだが……
過去ログ、関連スレッド、FAQとかってやっぱりスレ内にあったほうがいい？
まとめサイト http://web2ch.s31.xrea.com/?CSS があるから
そっちへのリンクでいいんじゃないかとつい思ってしまうのだが……
954 ：Name_Not_Found：2005/06/24(金) 03:29:01 ID:???
FAQはスレ内にあれば、既出の質問でも｢>>6読めやゴルァ」とだけ書けば済む。
過去ログは前スレだけ貼ってあれば、それ以前は別ページでも構わないと思う。
関連スレ・関連リンクは要らんような、やっぱないと困るような。
何なら、まとめサイトに「テンプレ案」のページを作らせてもらって、
みんなで突っつくというのもいいかもしれない。
過去ログは前スレだけ貼ってあれば、それ以前は別ページでも構わないと思う。
関連スレ・関連リンクは要らんような、やっぱないと困るような。
何なら、まとめサイトに「テンプレ案」のページを作らせてもらって、
みんなで突っつくというのもいいかもしれない。
955 ：Name_Not_Found：2005/06/24(金) 11:43:43 ID:???
>>950
そのみじめなHTMLなんとかせい！！
そのみじめなHTMLなんとかせい！！
956 ：Name_Not_Found：2005/06/24(金) 11:57:19 ID:???
>953
URLの羅列はウザイから省いていい。
QとAだけ載せて「回避できる／回避できない」さえ分かればおｋ。
もっと調べたい香具師だけまとめサイトに放り込む。その手間を惜しむ香具師は無視。
URLの羅列はウザイから省いていい。
QとAだけ載せて「回避できる／回避できない」さえ分かればおｋ。
もっと調べたい香具師だけまとめサイトに放り込む。その手間を惜しむ香具師は無視。
957 ：Name_Not_Found：2005/06/24(金) 12:47:14 ID:???
960 ：Name_Not_Found：2005/06/24(金) 13:08:33 ID:???
>>959 必要でないものまで書いてるっての！
961 ：Name_Not_Found：2005/06/24(金) 13:32:24 ID:???
（ ﾟ∀ﾟ ）ｻｲﾀﾏ!!
（ ﾟ∀ﾟ ）ｻｲﾀﾏ!!
（ ﾟ∀ﾟ ）ｻｲﾀﾏ!!
962 ：Name_Not_Found：2005/06/24(金) 13:55:47 ID:???
</font>ｷﾀ━━（ﾟ∀ﾟ）━━ﾖ
963 ：Name_Not_Found：2005/06/24(金) 15:06:43 ID:ikW+DEPw
<DL>で２ちゃんのログを再現したいんですけど、
DT{
color:000;
font-size:12pt;
font-weight:bold;
}
ってやっただけだと何か違うんです。どうやったら似せられますか？
DT{
color:000;
font-size:12pt;
font-weight:bold;
}
ってやっただけだと何か違うんです。どうやったら似せられますか？
964 ：Name_Not_Found：2005/06/24(金) 15:17:10 ID:ikW+DEPw
ああ、
<DL>
<DT>963 ：Name_Not_Found：2005/06/24(金) 15:06:43 ID:ikW+DEPw</DT>
<DD>本文</DD>
</DL>
ってやってるんですけど。
<DL>
<DT>963 ：Name_Not_Found：2005/06/24(金) 15:06:43 ID:ikW+DEPw</DT>
<DD>本文</DD>
</DL>
ってやってるんですけど。
965 ：Name_Not_Found：2005/06/24(金) 15:22:23 ID:???
まず小文字で書く癖をつけような。
966 ：Name_Not_Found：2005/06/24(金) 15:29:23 ID:???
俺も散々小文字で書けって突っ込んでたことがあるけど、気にしなくていいじゃん。
967 ：Name_Not_Found：2005/06/24(金) 15:35:58 ID:???
>963
何か違うと言われても 具体性が全然ないので返答に困るが
marginなりpaddingなり 適当に設定してみれば？
dtだけでなくdlやddにも
あと color: #000; ね
何か違うと言われても 具体性が全然ないので返答に困るが
marginなりpaddingなり 適当に設定してみれば？
dtだけでなくdlやddにも
あと color: #000; ね
ああ。すいません、
967 ：Name_Not_Found：2005/06/24(金) 15:35:58 ID:???
↑の部分を再現したいんですけど、
どうしても名前欄より英数字の日付とかIDがひとまわり大きくなるんです。
英数字より日本語を大きく表示したいんです。
<div>でもやってみようとしたんですけど、
div{
font-family:"ＭＳ ゴシック",sans-serif;
font-size:12pt;
color:000;
margin : 5px 0px 25px 0px;
padding : 0px 0px 0px 20px;
letter-spacing:0px;
}
とやってみても英数字だけが太字になります。
名前欄だけ太字で、日付とIDを一回り小さくするにはどうすればいいですか？
967 ：Name_Not_Found：2005/06/24(金) 15:35:58 ID:???
↑の部分を再現したいんですけど、
どうしても名前欄より英数字の日付とかIDがひとまわり大きくなるんです。
英数字より日本語を大きく表示したいんです。
<div>でもやってみようとしたんですけど、
div{
font-family:"ＭＳ ゴシック",sans-serif;
font-size:12pt;
color:000;
margin : 5px 0px 25px 0px;
padding : 0px 0px 0px 20px;
letter-spacing:0px;
}
とやってみても英数字だけが太字になります。
名前欄だけ太字で、日付とIDを一回り小さくするにはどうすればいいですか？
http://web2ch.s31.xrea.com/?CSSTemplate にテンプレ案のっけときました。
過去ログはばっさり削り1に前スレを示すのみに。あとはとりあえず現状維持としました。
ただし、>>920を反映させ、リンク切れのサイトはInternet Archiveから引っ張ってきてます。
どしどし突っ込んでください。
過去ログはばっさり削り1に前スレを示すのみに。あとはとりあえず現状維持としました。
ただし、>>920を反映させ、リンク切れのサイトはInternet Archiveから引っ張ってきてます。
どしどし突っ込んでください。
970 ：Name_Not_Found：2005/06/24(金) 19:03:26 ID:???
専用ブラウザ使ってるから現状は知らんけど
つか、そもそも２ちゃんのログ表示ってCSS使ってないんじゃないのか。
コードそのままコピペして試してみたのかね？
つか、そもそも２ちゃんのログ表示ってCSS使ってないんじゃないのか。
コードそのままコピペして試してみたのかね？
971 ：Name_Not_Found：2005/06/24(金) 19:44:22 ID:???
>968
>964のソースで 同じようにしたいのなら
<dt><span class="res-no">No.</span> <span class="name>Name</span>...
とかそんな感じで 個々の構成要素をマークアップして
それぞれのclassにcssで太さや大きさを適用する という流れ
※<span>ではなく<em>やその他でもいいでしょう それは解釈の好み
>970
このスレッドのソース表示させてみればわかるけど 使ってないよ
>964のソースで 同じようにしたいのなら
<dt><span class="res-no">No.</span> <span class="name>Name</span>...
とかそんな感じで 個々の構成要素をマークアップして
それぞれのclassにcssで太さや大きさを適用する という流れ
※<span>ではなく<em>やその他でもいいでしょう それは解釈の好み
>970
このスレッドのソース表示させてみればわかるけど 使ってないよ
972 ：Name_Not_Found：
★必ず質問テンプレを使い、全ての項目を書いてください。(省略厳禁)★
~~~~~~~~~~~ ~~~~~~~~~~
・括弧( )内の説明をよく読み、省略せずに書いてください。
※情報は小出しにせず、書ける限りの情報をまとめた上で質問してください。
▼───質問テンプレ────────────────────▼
【>>1を読んだか？】（>>1のリンク先に解答がある場合は答えません）
【OSとブラウザ、バージョンは？】（標準か互換かも詳細に）
【質問】（最低限のソースは必須）
▲──────────────────────省略厳禁───▲
~~~~~~~~~~~ ~~~~~~~~~~
・括弧( )内の説明をよく読み、省略せずに書いてください。
※情報は小出しにせず、書ける限りの情報をまとめた上で質問してください。
▼───質問テンプレ────────────────────▼
【>>1を読んだか？】（>>1のリンク先に解答がある場合は答えません）
【OSとブラウザ、バージョンは？】（標準か互換かも詳細に）
【質問】（最低限のソースは必須）
▲──────────────────────省略厳禁───▲