/* CSS、スタイルシート質問スレッド【9】 */
952 ：Name_Not_Found：02/08/06 23:46 ID:Iox57AL4
<html>
<head>
<style type="text/css">
<!--
div {
float: right;
}
-->
</style>
</head>
<body><h1>タイトル</h1>
<div>
<h3>サブタイトル</h3>
<p>文章</p>
</div>
<p>画像</p>
</body>
</html>
これでいいんじゃないの？
<head>
<style type="text/css">
<!--
div {
float: right;
}
-->
</style>
</head>
<body><h1>タイトル</h1>
<div>
<h3>サブタイトル</h3>
<p>文章</p>
</div>
<p>画像</p>
</body>
</html>
これでいいんじゃないの？
953 ：Name_Not_Found：02/08/06 23:55 ID:???
>>950
次スレよろ
次スレよろ
954 ：Name_Not_Found：02/08/06 23:56 ID:???
>>932
次スレよろ
次スレよろ
955 ：Name_Not_Found：02/08/07 00:07 ID:JCpBHpzp
align=centerなどで、中央に表示した画像の上に、
画像を重ねて表示するにはどうすればいいのでしょう？
中央に～ってのがなければposition:absolute; left:100; right:100;
なりなんなりで重ねちゃえるのですが・・・。
ウィンドウサイズが変わると中央の座標変わっちゃうので。
・・・どうすれば？
画像を重ねて表示するにはどうすればいいのでしょう？
中央に～ってのがなければposition:absolute; left:100; right:100;
なりなんなりで重ねちゃえるのですが・・・。
ウィンドウサイズが変わると中央の座標変わっちゃうので。
・・・どうすれば？
>>954
立ててきたけど……何故俺？
立ててきたけど……何故俺？
>>942
おぉ、こんなバグがあったのですか。ご教授有り難う御座います。
>>943
CSSファイルの側で@charset "Shift_JIS";と指定はしています。
恐らく「●」この文字との関係の事だと思うのですがこの点は大丈夫です。
ついでにもう一つ。
これも代替での指定なんですが、first-letter擬似要素も効かないですね。
IE5.5で効いてるのにMozilla1.0で効かない。鬱です。
ソース
h2:first-letter{
font-size : 3em;
}
おぉ、こんなバグがあったのですか。ご教授有り難う御座います。
>>943
CSSファイルの側で@charset "Shift_JIS";と指定はしています。
恐らく「●」この文字との関係の事だと思うのですがこの点は大丈夫です。
ついでにもう一つ。
これも代替での指定なんですが、first-letter擬似要素も効かないですね。
IE5.5で効いてるのにMozilla1.0で効かない。鬱です。
ソース
h2:first-letter{
font-size : 3em;
}
958 ：Name_Not_Found：02/08/07 00:18 ID:???
959 ：Name_Not_Found：02/08/07 00:36 ID:???
960 ：Name_Not_Found：02/08/07 00:52 ID:K4easTpP
すいません、便乗で質問があります。>>944みたいのを何回かくりかえすと
<h1>タイトル</h1>
<p class="test">画像</p>
<h2>サブタイトル</h2>
<p文章</p>
<p class="test">画像</p>
<h2>サブタイトル</h2>
<p>文章</p>
ってHTMLでCCSでクラスtestをfloat : left;にすると画像と文字の大きさのバランスによっては
タイトル
┏━━━┓サブタイトル
┃ 画 ┃文章
┃ 像 ┃┏━━━┓サブタイトル
┗━━━┛┃ 画 ┃文章
┃ 像 ┃
┗━━━┛
ってずれずれになってしましますー。
これをしっかりと左に揃うようにしたいんです。
バランスを取るために文字サイズを固定ってのはしたくないですが、なんとかなりますでしょうか？？
<h1>タイトル</h1>
<p class="test">画像</p>
<h2>サブタイトル</h2>
<p文章</p>
<p class="test">画像</p>
<h2>サブタイトル</h2>
<p>文章</p>
ってHTMLでCCSでクラスtestをfloat : left;にすると画像と文字の大きさのバランスによっては
タイトル
┏━━━┓サブタイトル
┃ 画 ┃文章
┃ 像 ┃┏━━━┓サブタイトル
┗━━━┛┃ 画 ┃文章
┃ 像 ┃
┗━━━┛
ってずれずれになってしましますー。
これをしっかりと左に揃うようにしたいんです。
バランスを取るために文字サイズを固定ってのはしたくないですが、なんとかなりますでしょうか？？
961 ：Name_Not_Found：02/08/07 00:55 ID:vrxIs/cy
clearとか使うんじゃないの？
962 ：Name_Not_Found：02/08/07 03:29 ID:???
>>960
ばーか、
ばーか、
963 ：Name_Not_Found：02/08/07 04:12 ID:???
↑こいつ、なに？
お前みたいなやつが一番の害悪。２ｃｈのな
頼むから消えろ。一刻も早く消えろ。
お前みたいなやつが一番の害悪。２ｃｈのな
頼むから消えろ。一刻も早く消えろ。
964 ：Name_Not_Found：02/08/07 05:41 ID:???
>>963
>>962は自分がちんぷんかんぷんでわからんもんだから邪魔してるんでしょう。
こんなやつは2chに限らずほっとけば自分の人生に絶望感じて首くくって消えるでしょう。
私たちもこんなやつらにこれ以上かまわず、人生を有効に使いましょ。。
>>962は自分がちんぷんかんぷんでわからんもんだから邪魔してるんでしょう。
こんなやつは2chに限らずほっとけば自分の人生に絶望感じて首くくって消えるでしょう。
私たちもこんなやつらにこれ以上かまわず、人生を有効に使いましょ。。
965 ：Name_Not_Found：02/08/07 06:55 ID:???
っていうか、そもそも何で画像を<p>で囲んでんの？
divとかspanならまだかわいげもあるが…
divとかspanならまだかわいげもあるが…
966 ：Name_Not_Found：02/08/07 08:49 ID:???
荒れてるところ申し訳ないですが質問させてください
DWスレで質問してみたんですがそういったサイトのソース見と言われて終わってしまったのですがcssを使って疑似フレームみたいなのをやるやり方、もしくはそういったものの作り方を解説しているサイトなんかがあったら教えて下さい。
よろしくお願いします
DWスレで質問してみたんですがそういったサイトのソース見と言われて終わってしまったのですがcssを使って疑似フレームみたいなのをやるやり方、もしくはそういったものの作り方を解説しているサイトなんかがあったら教えて下さい。
よろしくお願いします
967 ：Name_Not_Found：02/08/07 09:37 ID:???
968 ：Name_Not_Found：02/08/07 10:36 ID:???
969 ：Name_Not_Found：02/08/07 10:53 ID:???
いや、煽りたいとかそう言うわけじゃないがなぜ誰もそれを修正しないで
そのまま<p>のまま話を進行させているのかが不思議でさ。
テーブルレイアウトでやれば簡単な所をCSSにこだわるのはStrictなHTMLを書きたい
と言う願望がやはりあるのであって、それならやっぱり<p>は無いよなぁと思ってるから。
何か特別な訳があるのなら仕方ないんだろうけど。
そのまま<p>のまま話を進行させているのかが不思議でさ。
テーブルレイアウトでやれば簡単な所をCSSにこだわるのはStrictなHTMLを書きたい
と言う願望がやはりあるのであって、それならやっぱり<p>は無いよなぁと思ってるから。
何か特別な訳があるのなら仕方ないんだろうけど。
970 ：Name_Not_Found：02/08/07 11:24 ID:???
>969
つーか普通は <p> だと思うがな…
（<div> 直下にインラインは置きたくない，なぜ <span>？）
続けたければ strict スレで
つーか普通は <p> だと思うがな…
（<div> 直下にインラインは置きたくない，なぜ <span>？）
続けたければ strict スレで
971 ：Name_Not_Found：02/08/07 11:29 ID:???
>>965 >>968 >>969
pではいけないという理由がわからないのですが、何故ですか？
> divとかspanならまだかわいげもあるが…
pもdivもダメ、というなら、何を使ったらいいのかわからないのですが。
というか、spanはインライン要素だから、この場合は文法違反だし。
pではいけないという理由がわからないのですが、何故ですか？
> divとかspanならまだかわいげもあるが…
pもdivもダメ、というなら、何を使ったらいいのかわからないのですが。
というか、spanはインライン要素だから、この場合は文法違反だし。
>>970
というか、もしかして俺たち煽りに釣られましたか。
というか、もしかして俺たち煽りに釣られましたか。
973 ：Name_Not_Found：02/08/07 11:35 ID:???
>970-971
<p>は段落だから中身は文章じゃないと駄目だろ、って言いたいんだろうな…
<p>は段落だから中身は文章じゃないと駄目だろ、って言いたいんだろうな…
誰か～ん、教えておくれヨン。やっぱバグなんっすか？
>>960
<h1>タイトル</h1>
<dl><dt class="test">画像</dt>
<dd><h2>サブタイトル</h2><p>文章</p></dd></dl>
こんなマクウプしてみたら？ってかスレ違いでｽﾏｿ。
>>960
<h1>タイトル</h1>
<dl><dt class="test">画像</dt>
<dd><h2>サブタイトル</h2><p>文章</p></dd></dl>
こんなマクウプしてみたら？ってかスレ違いでｽﾏｿ。
975 ：Name_Not_Found：02/08/07 11:55 ID:???
>>973
というかそもそも、 >>960 のソースだけだと、具体的なこと（どんな目的で画像
を使いたいのか）が判らないので、どういうマークアップが適切なのか、一概には
言えないと思う。
画像の説明をしたいなら、>>974のようにdlで。（ddにh2を含むのは賛成できないけど）
独立した意味を持たないけど不可欠な画像は、文章と一緒に<p><img> 文章</p>。
単なる飾りなら、CSSでbackground-imageを指定。
上記のどれにもあてはまらない場合のみ、pかdivで。
……くどい上にスレ違いだな。ごめん。
というかそもそも、 >>960 のソースだけだと、具体的なこと（どんな目的で画像
を使いたいのか）が判らないので、どういうマークアップが適切なのか、一概には
言えないと思う。
画像の説明をしたいなら、>>974のようにdlで。（ddにh2を含むのは賛成できないけど）
独立した意味を持たないけど不可欠な画像は、文章と一緒に<p><img> 文章</p>。
単なる飾りなら、CSSでbackground-imageを指定。
上記のどれにもあてはまらない場合のみ、pかdivで。
……くどい上にスレ違いだな。ごめん。
977 ：Name_Not_Found：02/08/07 12:04 ID:???
<img class=ほにゃらら>
っていうか、alignでもいけそうだが。
っていうか、alignでもいけそうだが。
978 ：Name_Not_Found：02/08/07 12:11 ID:???
画像が<p>についてはこのような論争になるのが目に見えていたからあえてだれも
触れなかったんじゃ。
>>969
あとCSSにこだわる＝StrictなHTMLを書きたい、って人は確かに多いとは思うが
必ずしもそうではないと思う。
俺はただたんに外部CSSを使ってデザインをまとめて管理したいだけ。
だから、そのためにはマークアップ上は間違っていようがテーブルレイアウトを使う
こともあるし、<h1>のあとに<h3>が来ようが、画像が<p>で囲まれてようがそこまで
気にならない。
HTMLやCSSの規格や実装がまだ完璧じゃない現状、このへんで妥協するのがベスト
ではないかと個人的に思う。
触れなかったんじゃ。
>>969
あとCSSにこだわる＝StrictなHTMLを書きたい、って人は確かに多いとは思うが
必ずしもそうではないと思う。
俺はただたんに外部CSSを使ってデザインをまとめて管理したいだけ。
だから、そのためにはマークアップ上は間違っていようがテーブルレイアウトを使う
こともあるし、<h1>のあとに<h3>が来ようが、画像が<p>で囲まれてようがそこまで
気にならない。
HTMLやCSSの規格や実装がまだ完璧じゃない現状、このへんで妥協するのがベスト
ではないかと個人的に思う。
979 ：Name_Not_Found：02/08/07 12:31 ID:xH6Q2r8B
今、ＨＰを作ろうと思って中身のファイルを作っている最中なのですが、
ソースの〈HEAD〉〈／HEAD〉の間に
<style type="text/css">
<!--
body{
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#adadad;
scrollbar-face-color:#d0e8f1;
scrollbar-highlight-color:#d0e8f1;
scrollbar-shadow-color:#adadad;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff
}
-->
</style>
をはさんでスクロールバーの色を変えようとしても、
その場では指定したとおりの色になるのですが
しばらく経ってまた開くと、元の灰色と黒のスクロールバーに戻ってしまいます。
web上にアップすれば、指定通りの色のままなのでしょうか？
ソースの〈HEAD〉〈／HEAD〉の間に
<style type="text/css">
<!--
body{
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#adadad;
scrollbar-face-color:#d0e8f1;
scrollbar-highlight-color:#d0e8f1;
scrollbar-shadow-color:#adadad;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff
}
-->
</style>
をはさんでスクロールバーの色を変えようとしても、
その場では指定したとおりの色になるのですが
しばらく経ってまた開くと、元の灰色と黒のスクロールバーに戻ってしまいます。
web上にアップすれば、指定通りの色のままなのでしょうか？
980 ：Name_Not_Found：02/08/07 12:59 ID:???
まぁとりあえず試してから聞け
981 ：Name_Not_Found：02/08/07 14:46 ID:???
982 ：Name_Not_Found：02/08/07 15:01 ID:???
>>975
代替スタイルで
h2:first-letter{
font-size : 3em;
}
>>976
<dd>に<h2>を入れちゃうのは書いた後でいかがなものかと思ったが、
まぁスレの趣旨と反するので敢えて放置でおながいします。
仰る通り、一概にどのマクアプが適切なのかは言えないと思うので。
#スレ違いｽﾏｿ。
代替スタイルで
h2:first-letter{
font-size : 3em;
}
>>976
<dd>に<h2>を入れちゃうのは書いた後でいかがなものかと思ったが、
まぁスレの趣旨と反するので敢えて放置でおながいします。
仰る通り、一概にどのマクアプが適切なのかは言えないと思うので。
#スレ違いｽﾏｿ。
ごめん、 >>983 は送信ミスね。
>>978
strictにこだわる立場からいっても、pで画像をマークアップするのはそれほど
不適切ではないと思う。
少なくとも >>969 が力いっぱい断言するほど、「適切ではない」という認識が
コンセンサスを得られていないことはたしか。
だから、 >>972 で書いたように、手の込んだ煽りだったのかなあ、と思ったり。
「pは段落だから画像入れちゃいけない」と思いこんだ厨房が、生半可な知識を
ふりかざして自滅しただけかもしれないけど。
スレ違いだし、そろそろ1000届きそうだから、strict云々については、
http://pc3.2ch.net/test/read.cgi/hp/1022751972/
で。
CSSに関する話題なら、
http://pc3.2ch.net/test/read.cgi/hp/1028646616/
で。
>>978
strictにこだわる立場からいっても、pで画像をマークアップするのはそれほど
不適切ではないと思う。
少なくとも >>969 が力いっぱい断言するほど、「適切ではない」という認識が
コンセンサスを得られていないことはたしか。
だから、 >>972 で書いたように、手の込んだ煽りだったのかなあ、と思ったり。
「pは段落だから画像入れちゃいけない」と思いこんだ厨房が、生半可な知識を
ふりかざして自滅しただけかもしれないけど。
スレ違いだし、そろそろ1000届きそうだから、strict云々については、
http://pc3.2ch.net/test/read.cgi/hp/1022751972/
で。
CSSに関する話題なら、
http://pc3.2ch.net/test/read.cgi/hp/1028646616/
で。
985 ：Name_Not_Found：02/08/07 15:40 ID:???
しかしコイツもしつこいな
986 ：Name_Not_Found：02/08/07 15:43 ID:???
987 ：Name_Not_Found：02/08/07 15:50 ID:???
記念ﾊﾟﾋﾟｺV(^o^)V
988 ：Name_Not_Found：02/08/07 17:58 ID:???
>>985
流行ってんの？
流行ってんの？
989 ：Name_Not_Found：02/08/07 22:14 ID:???
979＜980
まだプロバイダは探してない状態だったんですけど、
やっぱりやってみないと分からないってことですね。
またアップしてみて事態が変わらなかったら報告します。
レスありがとうございました。
まだプロバイダは探してない状態だったんですけど、
やっぱりやってみないと分からないってことですね。
またアップしてみて事態が変わらなかったら報告します。
レスありがとうございました。
990 ：Name_Not_Found：02/08/07 23:59 ID:???
申し訳ないが質問させてくだちい。
cssでできるかワカランのですが・・・
--
<img src="**">
<table>
.
.
--
と書いた時に強制的に改行するのを抑制する方法ってあるますか？
cssでできるかワカランのですが・・・
--
<img src="**">
<table>
.
.
--
と書いた時に強制的に改行するのを抑制する方法ってあるますか？
991 ：Name_Not_Found：02/08/08 00:06 ID:6+F4tbcq
<img src="**" style="float: left;">
<table>
<table>
ダメですた(´･ω･`)
解決ですー。
横に長すぎるとうまくfloat機能しないんですね。
お騒がせしました。
横に長すぎるとうまくfloat機能しないんですね。
お騒がせしました。
>>993
もっと制御したいならfloat:leftとwhite-space:nowrapを組み合わせるといいかも。
もっと制御したいならfloat:leftとwhite-space:nowrapを組み合わせるといいかも。
995 ：Name_Not_Found：02/08/08 04:41 ID:91OMKY8X
まあどっちにしろつづきは新スレで
996 ：Name_Not_Found：02/08/08 05:18 ID:???
じゃ、お前に1000譲るからな
このスレはモーヲタが占拠した！
∋oノハヽo∈
(´ⅴ｀ ) ＜ おしりぺんぺん
⊂ ヽつ))
（_ ﾉﾉ ☆ﾍﾟﾁﾍﾟﾁ
(´ⅴ｀ ) ＜ おしりぺんぺん
⊂ ヽつ))
（_ ﾉﾉ ☆ﾍﾟﾁﾍﾟﾁ
／
／
にゅるん♪ ＼
／ ／
∋oノハヽo∈＼／ ＼／
⊂(´ⅴ｀*) ⊂ ノ
∥∥∥∥∥∥
ШШШШШШ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
（＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿）
／
にゅるん♪ ＼
／ ／
∋oノハヽo∈＼／ ＼／
⊂(´ⅴ｀*) ⊂ ノ
∥∥∥∥∥∥
ШШШШШШ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
（＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿）
ｹｰﾁｬﾝ… ？
ノノノハヽ ノノノハヽ
（ ´ Д ｀） （ ｀.∀´） ∬
（ つ （ つ□
（＿）＿） （＿）＿）
ｺﾞﾄｰ ﾑｽﾒ。 ﾔﾒﾙﾝﾀﾞ… ！
ノノノハヽ ノノノハヽ
（ ´ Д ｀） Σ （｀.∀´ ）
（ つ （ つ
（＿）＿） （＿）＿） □-ｶﾀﾝ !
あたしもよ
ノノノハヽ ノノノハヽ
（ ´ Д ｀） ！ （｀.∀´ ）
（ つ （ つ
（＿）＿） （＿）＿） □-
…… ……
ノノノハヽ ノノノハヽ
（ ´ Д ｀） （｀.∀´ ）
（ つ （ つ
（＿）＿） （＿）＿） □-
ノノノハヽ ノノノハヽ
（ ´ Д ｀） （ ｀.∀´） ∬
（ つ （ つ□
（＿）＿） （＿）＿）
ｺﾞﾄｰ ﾑｽﾒ。 ﾔﾒﾙﾝﾀﾞ… ！
ノノノハヽ ノノノハヽ
（ ´ Д ｀） Σ （｀.∀´ ）
（ つ （ つ
（＿）＿） （＿）＿） □-ｶﾀﾝ !
あたしもよ
ノノノハヽ ノノノハヽ
（ ´ Д ｀） ！ （｀.∀´ ）
（ つ （ つ
（＿）＿） （＿）＿） □-
…… ……
ノノノハヽ ノノノハヽ
（ ´ Д ｀） （｀.∀´ ）
（ つ （ つ
（＿）＿） （＿）＿） □-
1001 ：１００１：
このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。
もう書けないので、新しいスレッドを立ててくださいです。。。