/* CSS・スタイルシート質問スレッド【62nd】 */

このエントリーをはてなブックマークに追加
915 ：Name_Not_Found：2007/01/18(木) 00:10:44 ID:???
display=noneはきいちゃまずいと思うな・・・
916 ：Name_Not_Found：2007/01/18(木) 00:15:31 ID:???
しかもageてるアホ
917 ：Name_Not_Found：2007/01/18(木) 00:25:32 ID:???
>>916
むしろageでID出すのが普通なんだが。

ID出てないがｗｗｗ
918 ：Name_Not_Found：2007/01/18(木) 00:49:53 ID:???
むしろFirefox1.5できいていることが驚きだ。
919 ：Name_Not_Found：2007/01/18(木) 23:24:17 ID:???
画像のサムネイルにマウスオーバーしたときのみ、画像の枠の色を変えたいと思い、
<p>
<a href="xxx_thumb.jpg">
<img src="yyy.jpg" alt="zzz" />
</a>
</p>
というマークアップをして、
a:link img{
border : solid 5px #cccccc ;
}
a:visited img{
border : solid 5px #999999 ;
}
a:hover img{
border : solid 5px #000000 ;
}
というスタイルを定義したのですが、IE6において、
hover時のborderの色の変化が適用されなくて困っています。
（正確には、hoverで指定した値がactiveのタイミングで適用されてしまっています）
Firefox2.0では問題なく動作しました。

どなたか、原因と解決法を教えていただけないでしょうか。
920 ：Name_Not_Found：2007/01/19(金) 00:06:10 ID:???
>>919
a:●● imgじゃなくてa:●●にボーダー設定。
921 ：Name_Not_Found：2007/01/19(金) 01:54:45 ID:???
>>921
その方法も試したのですが、逆にFirefox2.0で表示が崩れます。
具体的には、borderから画像がはみ出した形になります。
922 ：Name_Not_Found：2007/01/19(金) 02:04:50 ID:???
つ【ハック】
IEのバグなんだから仕方ない。
923 ：Name_Not_Found：2007/01/19(金) 02:27:16 ID:???
>>922
ありがとうございます。
いろいろ試した結果、a:hoverの方に_filter : Alpha(opacity=100) ;
というプロパティを追加したところ、IEでもborderの変化が適用されました。
念のためアンダースコアハックでIEのみに読み込ませるようにしておいたものの、
環境によって不具合が生じないか、ちょっと不安ですが……
924 ：Name_Not_Found：2007/01/19(金) 03:34:29 ID:???
>>923
わざわざ a:hover に分けなくて、ふつうは、その filterプロパティも a:hover img にまとめるんじゃないかな。
925 ：Name_Not_Found：2007/01/19(金) 11:17:52 ID:???
border-widthって相対で幅を指定できませんよね？
全体のレイアウトを相対指定で行う時、これがネックになるんですけど
みなさんどうやって解決していらっしゃるのでしょうか？
926 ：Name_Not_Found：2007/01/19(金) 12:30:12 ID:???
>>925
ttp://www.y-adagio.com/public/standards/tr_css2/box.html#border-width-properties
927 ：Name_Not_Found：2007/01/19(金) 12:47:23 ID:???
>>926
width: 100% - medium;とか書けるなら別に問題ないんですけどね。
928 ：Name_Not_Found：2007/01/19(金) 13:22:34 ID:???
日本語でおＫ
929 ：Name_Not_Found：2007/01/19(金) 13:30:18 ID:???
DIVのブロックに font-size:80%; とかを指定すると、そのブロック内に設置した
テーブルの中のフォントの大きさもテーブルに何も指定などしていなけば、自動的に80%になりますよね？
そこでテーブルに font-size:80%; の指定をすると、divに指定した80%に乗算されて、
テーブル内の文字は80%より小さくなります。（pxなどの指定ではなくて%の場合です）

IEでは乗算になっているみたいなのですが、他のブラウザでもこうなるんでしょうか？
別のブラウザではDIVに%指定したfont-sizeが、その中のテーブルに%指定したfont-sizeに
影響しないとか、独立しているとかの違いはあるのでしょうか？
930 ：Name_Not_Found：2007/01/19(金) 13:50:52 ID:???
もうブラウザによってばらばらでとりあえずIE死ねって事
931 ：Name_Not_Found：2007/01/19(金) 13:56:15 ID:???
>>929
なんでほかのブラウザで確認しないの？
932 ：929：2007/01/19(金) 14:05:31 ID:???
>>931
すいません。全部自分で入れて試してみろと言われそうな気もしながらも、聞いてしまいました。
大変そうなので、もし知っている人がいれば教えてもらった方が早いかなと思って。
933 ：Name_Not_Found：2007/01/19(金) 14:42:28 ID:???
その長い質問文書いてる間に出来そうな…
934 ：Name_Not_Found：2007/01/19(金) 19:03:14 ID:???
>>932
お前はそれしきのことにそんなに時間がかかるのか？
935 ：Name_Not_Found：2007/01/19(金) 19:22:58 ID:???
人を利用するのが賢い生き方とでもカン違いしてるんだろ。
936 ：Name_Not_Found：2007/01/19(金) 20:21:38 ID:KQTWCWmB
imgとcssに関する質問です。
imgに、paddingを設定しているのですが、
Firefox2.0では、しっかり、間が開き枠線がつくのですが、
IE6だと、間が開きません。

これは、IEのバグでしょうか？

img.thumbnail {
padding: 5px;
background: #fbfbfb;
border: 1px solid #cccccc;
}
937 ：Name_Not_Found：2007/01/19(金) 20:25:42 ID:KQTWCWmB
自己レス。
>>936は、xhtmlで、どうもIEの場合後方互換モード？になっているらしく。
xml宣言をはずすといいらしい。
が、他のもスタイルもずれてくる orz
938 ：Name_Not_Found：2007/01/19(金) 20:41:52 ID:KQTWCWmB
とりあえず、後方互換モードでしのぎました。
他のスタイルのずれも適当に直したらいけた・・・
939 ：Name_Not_Found：2007/01/19(金) 20:42:36 ID:KQTWCWmB
x とりあえず、後方互換モードでしのぎました。
o とりあえず、xml宣言はずしてしのぎました

間違えた・・・。
940 ：Name_Not_Found：2007/01/19(金) 21:17:40 ID:???
>>936
imgへのpaddingってFxやIE6は効くけど
IE5だとダメだったような。
941 ：Name_Not_Found：2007/01/20(土) 06:37:25 ID:V76I1w7Z
>>940
IE5は使っている人いないので、どうでもいいです ＞＜
942 ：Name_Not_Found：2007/01/20(土) 06:51:31 ID:???
アクセスログでは たまに見かけるけどな。
943 ：Name_Not_Found：2007/01/20(土) 08:35:15 ID:???
IE5はまだ結構いるような。
でも対応すんの面倒くさ…
944 ：Name_Not_Found：2007/01/20(土) 12:12:59 ID:zZNKGHsP
リストでナビゲーションメニューを作る場合
メニュー項目をリストにしてその画像を背景にして・・・はわかるのですが
このリストにマークアップした文字自体はどのように処理されているのでしょうか？
因みにココを見て思った事なのですが
ttp://www.honzouin.or.jp/

firefoxで文字サイズを変更してもメニューは何も影響を受けず
cssを外してみるとメニュー項目はちゃんとリスト状態のの文字リンクの形で表示されてます

945 ：Name_Not_Found：2007/01/20(土) 13:00:22 ID:???
解説しているサイトも本もいくらでもあるので勉強して下さい。
946 ：Name_Not_Found：2007/01/20(土) 15:23:17 ID:???
>>944
ソース見りゃいいでしょ。
メンドイから他人に見てくれってか？
947 ：Name_Not_Found：2007/01/20(土) 16:15:15 ID:???
>>944
CSSありのときは字も画像、
CSSなしのときは字は文字。
948 ：Name_Not_Found：2007/01/20(土) 16:16:56 ID:???
>>944
画像を表示しないにすると何も出ない（笑）
949 ：Name_Not_Found：2007/01/20(土) 16:22:34 ID:???
>何も出ない
おまえのPCやばくね？
950 ：Name_Not_Found：2007/01/20(土) 16:30:56 ID:???
CSSon画像offの話だろう。
951 ：Name_Not_Found：2007/01/20(土) 16:44:44 ID:moXdTHNe
>>944
ソース見てないから憶測なんだけど、text-indentでマイナスの値指定してたりしない?
952 ：Name_Not_Found：2007/01/20(土) 17:20:08 ID:???
憶測過ぎるにも程がある
953 ：Name_Not_Found：2007/01/21(日) 15:50:27 ID:???
どうせdisplay:noneとかしてるだけじゃねーの？
954 ：Name_Not_Found：2007/01/21(日) 15:52:31 ID:???
>>953
みたらそうだった
955 ：Name_Not_Found：2007/01/21(日) 20:32:37 ID:gPZG9UVM
これも真言密教の技か
956 ：Name_Not_Found：2007/01/22(月) 01:58:01 ID:???
IEのbehaviorでsavesnapshot、saveHistoryを同時に指定することはできないのですか？
↓では、snapshotは効くようになり、savehistoryが効かなくなります。

<META NAME="save" CONTENT="history">
<META NAME="save" CONTENT="snapshot">
<STYLE>
.SSSSSSS
{
behavior:url(#default#savesnapshot) url(#default#saveHistory);
}
</STYLE>
</HEAD>
957 ：Name_Not_Found：2007/01/22(月) 03:23:19 ID:???
>>956
behaviorはIE独自拡張。当該scriptスレ又はwebprog板へ。
958 ：Name_Not_Found：2007/01/22(月) 09:31:48 ID:???
>>944
どうでもいいけどそこのサイト、普通にまとまっていていい感じだな。
少なめの予算で作る小〜中規模サイトの見本。
とか言ったら言い過ぎか？
959 ：Name_Not_Found：2007/01/22(月) 19:02:46 ID:???
>>958
いや解説でなく商店でもないとなると、表紙は普通こんなのしか選べないだろうね。
しかもブログに飛ばしてるし、3階層無くても量的に間に合う。
960 ：Name_Not_Found：2007/01/23(火) 12:21:30 ID:???
<html>
<head>
<style type="text/css">
<!--
.box_a{
}
.box_b{
}
.box_c{
float:left;
width:80px;
background-color:#c8ffdb;
}
.box_d{
float:left;
width:10px;
background-color:#c8ffdb;
}
-->
</style>
</head>
<body>
<div class="box_b"><a href=""><img src="" class="box_c" /><img src="" class="box_d" /></a></div>
<div class="box_b"><a href=""><img src="" class="box_c" /><img src="" class="box_d" /></a></div>
<div class="box_b"><a href=""><img src="" class="box_c" /><img src="" class="box_d" /></a></div>
</body>
</html>

上記のコードをブラウザで見るとIE6では隙間なく並んでいるのですが、IE5.01,IE5.5で見ると画像の間に隙間が空いてしまっています。
IE5*でもCSSで画像を横に隙間なく並べる方法はありますか？
961 ：Name_Not_Found：2007/01/23(火) 15:55:07 ID:???
>>339
962 ：Name_Not_Found：2007/01/23(火) 18:12:57 ID:dpeY8D15
個人でWebApplication作ってる者ですが、
HTMLファイルを出力することはできるんですが
デザイン能力がまったくなくて
見映えがなかなかしません。

HTMLファイルはdivやclassやidを使い、内容と意味だけ持ったファイルです。

何か、フリーでも商用でもいいんですが
出力したHTMLを基にして、
CSSをデザインするアプリケーションで使いやすいものはないでしょうか？？

できれば、上記のような使い方の解説本があるようなものがいいです。
解説本も同時に教えてもらえないでしょうか？？
963 ：Name_Not_Found：2007/01/23(火) 18:29:17 ID:???
そんなあんたにはメモ帳しかない
964 ：Name_Not_Found：
CSS初心者なのですが、
paddingを頻繁にしようしていて、FireFoxで見てみたら
糞サイトになっていました。
検索してみたところpaddingはIEとFireFoxとで
表示のされ方が違うとのことでした。
そこで質問なのですが、
みなさんはどんなときにどうやってpaddingを使っているんですか？
お願いします