/* CSS、スタイルシート質問スレッド【12】 */
952 ：Name_Not_Found：02/11/27 15:49 ID:UWNklzMk
下のようにテーブル風のレイアウトをスタイルシートで
作ろうとしており、ここまで至りましたが、併せて700px全体を
中央に寄せる方法が解りません。どなたか方法を教えてください。
CD紹介
|￣￣Ｔ￣￣￣￣￣ |
|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>
作ろうとしており、ここまで至りましたが、併せて700px全体を
中央に寄せる方法が解りません。どなたか方法を教えてください。
CD紹介
|￣￣Ｔ￣￣￣￣￣ |
|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になってくれると言うのに、
日本語はＭＳ Ｐゴシックになってしまいます。
※HGP創英角ｺﾞｼｯｸUBフォントは持っています
英語はArial Blackで、日本語はHGP創英角ｺﾞｼｯｸUBで、
というふうに、同じ見出し中に別々のフォントを使うことは出来ないのでしょうか？
ご教示お願いします。
h2 {font-family:'Arial Black','HGP創英角ｺﾞｼｯｸUB',sans-serif;}
と書くと、英単語はArial Blackになってくれると言うのに、
日本語はＭＳ Ｐゴシックになってしまいます。
※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で使うなよ
officeｲﾝｽｺしなきゃ見れないフォントなんてWebで使うなよ
956 ：Name_Not_Found：02/11/27 17:55 ID:eDGSh5gf
957 ：Name_Not_Found：02/11/27 17:56 ID:???
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>
でどうよ？
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
フォントファミリの指定は、前の方から順に見て、
その字が含まれている最初のフォントが使われる。
このチェックは文字毎に行われるので、欧文と和文を
混ぜて書いていた場合などは、それぞれに違うフォントが
適用されることになる。
半角カナをエスケープしてみてはどうだろう。
ｺﾞｼｯｸ→\ff7a \ff9e \ff7c \ff6f \ff78
意味ないかも知れんけど。
ついでに@charsetをシート先頭に書き加えた方がいいかも知れない。
>>954
フォントファミリの指定は、前の方から順に見て、
その字が含まれている最初のフォントが使われる。
このチェックは文字毎に行われるので、欧文と和文を
混ぜて書いていた場合などは、それぞれに違うフォントが
適用されることになる。
>>960 >>956
エンコードや、フォント名の書き間違いではなかったようです。すみません。
>>955
仰る通りです。Officeの購入者って少ないのでしょうか。新ゴUも追加します。
>>958
Netscapeだと認識するのですが、IE6では、lang属性ごとのスタイルを認識してくれません。
IEの実装の問題でしょうか、英単語専用のclassを作ると認識しました。
心なしか、ベースラインがきっちり揃ったような気がします。有難うございました。
エンコードや、フォント名の書き間違いではなかったようです。すみません。
>>955
仰る通りです。Officeの購入者って少ないのでしょうか。新ゴUも追加します。
>>958
Netscapeだと認識するのですが、IE6では、lang属性ごとのスタイルを認識してくれません。
IEの実装の問題でしょうか、英単語専用のclassを作ると認識しました。
心なしか、ベースラインがきっちり揃ったような気がします。有難うございました。
962 ：Name_Not_Found：02/11/27 20:09 ID:???
963 ：Name_Not_Found：02/11/27 20:58 ID:???
オフィス限定フォントでも、
他候補が指定されてれば構わないと思いますが。
そういう俺もオフィス持っててフォント入れてない派ｗ
他候補が指定されてれば構わないと思いますが。
そういう俺もオフィス持っててフォント入れてない派ｗ
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をＦＡＱに追加してね。
（私の使ってるプロバイダはスレッド立てられませんので）
その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をＦＡＱに追加してね。
（私の使ってるプロバイダはスレッド立てられませんので）
965 ：Name_Not_Found：02/11/28 02:20 ID:???
>>964もFAQの方が良くないか？
幅固定真ん中寄せもよく出てくる質問だ。
幅固定真ん中寄せもよく出てくる質問だ。
967 ：Name_Not_Found：02/11/28 07:51 ID:???
968 ：Name_Not_Found：02/11/28 07:59 ID:???
969 ：Name_Not_Found：02/11/28 08:07 ID:???
Opera7だと直ってたはずだけどね、overflow。
970 ：Name_Not_Found：02/11/28 12:24 ID:???
>>969
みんなが７に移行してくれるのかね？
みんなが７に移行してくれるのかね？
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 対応どうなってるんだろ。
とかバージョンアップしたら 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
もちろん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は捨てがたくないか
そろそろスレも移行したいものだ
同じソフトを入れておきたいということでバージョンアップも結構
大仕事になる場合があるから、しばらく古いブラウザのままってことも
考えられる。
会社内で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の中にテキストを流し込むと
ブラウザで、テキストが切れてしまうんですが
これを防ぐ方法はないのでしょうか？
それともこのやり方は間違ってるんでしょうか？
たとえば
<DIV style="margin-left:50px; margin-top:5px">
で、この中にtableを入れてtableの中にテキストを流し込むと
ブラウザで、テキストが切れてしまうんですが
これを防ぐ方法はないのでしょうか？
それともこのやり方は間違ってるんでしょうか？
980 ：Name_Not_Found：02/11/29 10:54 ID:???
>>979
余計なお世話だけど、新ｽﾚで聞いたほうがいい気がするよ。
余計なお世話だけど、新ｽﾚで聞いたほうがいい気がするよ。
Opera7って連続した全角スペースが消えない？
モナ版の「右のAAのｽﾞﾚない環境が標準です」のAAだけど
ってスレ違いだな
モナ版の「右のAAのｽﾞﾚない環境が標準です」のAAだけど
ってスレ違いだな