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

846 ：Name_Not_Found：04/02/12 23:08 ID:???

>>844
>マカーなもので。
マカーもなにもオマエの都合

847 ：Name_Not_Found：04/02/13 00:22 ID:???

>811

@media print {
tr { border-bottom-width: .5mm; }
}
とでもすれば？

848 ：Name_Not_Found：04/02/13 00:51 ID:???

質問です…。
<div id="content">
<h1>見出し</h1>
<p>文章</p>
<p>文章</p>
　　<h2>見出し</h2>
　　<p>文章</p>
　　<p>文章</p>
　　<p>文章</p>
　　　　<h3>見出し</h3>
　　　　<p>文章</p>
　　　　<p>文章</p>
　　　　<p>文章</p>
</div>

と言うように、見出し以下にある段落を、見出しのﾚｳﾞｪﾙにあわせて頭を下げたいのですが、どういう書き方がいいのでしょう…？
一つ一つの見出し毎にid振るべきなのでしょうか？
ｺﾝﾃﾝﾂ部分は<div>で括って、左側にﾒﾆｭｰﾊﾞｰ右側にｺﾝﾃﾝﾂ、と言う風に配置しています。
宜しくお願いします。

849 ：Name_Not_Found：04/02/13 00:57 ID:???

>>848
すげー見難いよ

850 ：Name_Not_Found：04/02/13 01:33 ID:lA2KBKzr

>>849
見難いでしょうが、とある試験の論文の書式なのです。。。
何かいい方法あるでしょうか？
質問揚げ。

851 ：Name_Not_Found：04/02/13 01:37 ID:???

>>850
divの中にdivの中にdivの中にdiv

で、
div div{
margin-left : 1%;
}
でどうだ。

中に入るほど左に余白が出来るぞ。

852 ：848：04/02/13 01:39 ID:lA2KBKzr

>>851
やはりひたすらdivで囲んでいくしか方法ないですか…。
ないしは、すぺての<p>にid振るか…。
仕方ないですかね…。

853 ：Name_Not_Found：04/02/13 01:42 ID:???

>>852
こう。
<div id="content">
<h1>見出し</h1>
<p>文章</p>
<p>文章</p>
　　<div><h2>見出し</h2>
　　<p>文章</p>
　　<p>文章</p>
　　<p>文章</p>
　　　　<div><h3>見出し</h3>
　　　　<p>文章</p>
　　　　<p>文章</p>
　　　　<p>文章</p>
</div>
</div>
</div>

854 ：848：04/02/13 01:43 ID:???

>>853
あ！なるほど…！
ありがとうございます。試してみます！

855 ：Name_Not_Found：04/02/13 03:18 ID:12DUrqVj

てかみんな暗号自然に頭に入ってんの？頭が痛い

856 ：Name_Not_Found：04/02/13 03:25 ID:???

>>855
暗号、って要素名とか属性名、プロパティとかのこと？
必要になったら調べる、調べて使う、としてるうちに覚えてしまうよ。
だから、自分が使わない要素についてはちょっと弱かったりするな。漏れの場合。

857 ：821：04/02/13 04:19 ID:???

display:floatと書いてしまったアホです。
ごめん、素でボケた。すまんかった

858 ：Name_Not_Found：04/02/13 05:16 ID:???

すいません。質問です。
テーブルを画面右に配置したいんですが
今までは <table align="center"> とやっていたのですが
ttp://home3.first-web.ne.jp/~pedsys/htmllint/htmllint.html
でチェックしたところ、「スタイルシートで指定するように」と警告されました。
試しに
<div style="text-align:right">
<table><tr><td>.</td></tr></table>
</div>
のようにしてみたところ、WIndows2kのIE6では右に表示されたのですが
うちにあるRedHatのﾓﾁﾞﾗでは指定なしのように左に表示されます。
調べてみたところ、このような使い方はそもそもtext-alignの使い方として間違っているようでした。

では、CSSではどのように指定すればよいのでしょうか？

859 ：Name_Not_Found：04/02/13 05:17 ID:???

あ、<table align="center">は<table align="right">の間違いです。

860 ：Name_Not_Found：04/02/13 05:49 ID:???

>>858-859
釣りですか？

861 ：Name_Not_Found：04/02/13 05:51 ID:???

>>858
FAQのA2（>>5）を見てないのですか？　
margin-left:auto; margin-right:0; width:～;

862 ：811：04/02/13 08:47 ID:???

>>847
ダメでした＿|￣|○

ブラウザ上では問題ないんですが・・・
細い線だと指定方法に関係なく太さがばらつく傾向が見られます。

863 ：Name_Not_Found：04/02/13 10:56 ID:???

>>862
ひょっとして、プリンタドライバが糞なのでは?

例えば、2ドット目の位置に1ドット幅の線を書きたい
場合は2ドット目だけを塗ればいいけど、
2.5ドット目の位置に1ドット幅の線を書きたい場合は、
塗りたい部分が2ドット目と3ドット目の両方に掛かってる
ので、両方が塗られてしまって、2倍の幅になるとか。

864 ：Name_Not_Found：04/02/13 18:05 ID:HkG9gcwi

スタイルシート(.css)のファイルに

/* style type=text/css */


と書いて
外部リンクするため、htmlに

<html>
<head>
<LINK rel="stylesheet" type="text/css" href="ファイルの名前.css">
　　　　　　<title>タイトル</title>
</head>
<body>
文字列
</body>
</html>

と書き込んでもスタイルシートが反映されません。
なぜ反映されないのかわかりません。教えてください。
使っているブラウザはoperaです。

865 ：Name_Not_Found：04/02/13 18:18 ID:???

>>864
で囲むな。

866 ：Name_Not_Found：04/02/13 18:22 ID:???

>>864
外部スタイルシート内でコメント区切り子（）は不要。
コメントアウトするのは、style要素で文書内に埋め込む場合だけ。
理由は、古い UA がスタイル内容を本文として表示するのを避けるため。
どうして初心者はこういう勘違いをするのかね。

867 ：Name_Not_Found：04/02/13 18:24 ID:???

>>864
ﾜﾛﾀ

868 ：Name_Not_Found：04/02/13 18:24 ID:???

>>865
をはずして見ましたが反映されません・・・

869 ：Name_Not_Found：04/02/13 18:25 ID:???

>>866
>>867
はずしてみたのですがそれでも反映されません

870 ：Name_Not_Found：04/02/13 18:27 ID:???

>>868
じゃ、ファイル名、パスを確認して。

871 ：Name_Not_Found：04/02/13 18:31 ID:???

>>870
href="ファイルの名前.css"
の部分ですね
きちんとなっていました。

872 ：Name_Not_Found：04/02/13 18:37 ID:???

>>871
まさかリロードしてないとか…？

873 ：Name_Not_Found：04/02/13 18:41 ID:???

>>872
してます

874 ：Name_Not_Found：04/02/13 18:41 ID:???

各ファイルが同じフォルダ(ディレクトリ)に存在するか確認する。
それでダメならbodyの中もココに晒す。

875 ：Name_Not_Found：04/02/13 18:48 ID:???

>>874
bodyの中で反映したい文字を<*></*>でくくっていなかったのが原因でした
レスして下さった皆様どうもありがとうございます
長々すみませんでした

876 ：Name_Not_Found：04/02/13 18:48 ID:???

or2=3

877 ：Name_Not_Found：04/02/13 18:50 ID:???

>>873
当然同じフォルダにCSS入ってるよね？

878 ：Name_Not_Found：04/02/13 18:51 ID:???

>>875
あそっか。良かった。

879 ：Name_Not_Found：04/02/13 18:52 ID:???

>>877
はい。それも反映していない原因でした。
レスどうもありがとうございます。

880 ：Name_Not_Found：04/02/13 19:05 ID:???

今回は単純なタグのつけ忘れのようですが、.cssファイルに対応しないwebサーバーってありえるんでしょうか？

881 ：Name_Not_Found：04/02/13 19:06 ID:???

質問です。

#example {
position: absolute;
left: 160px;
top: 120px;
visibility: visible;
}

ある画像を上のスタイルで固定させていたんですが、
HTMLをXHTMLに書き直したところ、画像の位置が2～3ピクセルほど下にずれました。
それも一部分の画像のみです。
Mac、WinのIEでは正常に表示されるのですが、SafariやMozillaなどのブラウザではダメです。
これはブラウザのCSS対応での問題でしょうか？

882 ：Name_Not_Found：04/02/13 19:13 ID:???

>>881
該当部分のHTMLのソースは？

883 ：Name_Not_Found：04/02/13 19:14 ID:JAHNuCfo

スタイルシートについて質問します。
外部CSSの中に、javaスクリプトを埋め込むことは可能でしょうか？

というのは、cgiで外部CSSを公開して、自由に変更させるみたいな
無茶なことをやろうとしているのですが、デザインが滅茶苦茶になるならまだしも、
javaとか入れられてブラクラにされたらいやだなと思ったので。。。

変な質問ですみません。

884 ：Name_Not_Found：04/02/13 19:14 ID:???

>>880
有り得るが、そんなことには関係なく
type="text/css"としてmeta要素やlink要素で定義してれば大丈夫。
当然解釈はブラウザに依存するけど。

885 ：Name_Not_Found：04/02/13 19:14 ID:???

>>885
無理。

886 ：885：04/02/13 19:15 ID:???

あぁ、間違えた。>>885は>>883宛てね。

887 ：Name_Not_Found：04/02/13 19:24 ID:???

>>882
<div id="sample"><img src="images/sample.gif" alt="" width="12" height="12" /></div>

この画像を横に5つ等間隔に配置しているのですが、全部下にずれました。
それとjavascriptでスワップイメージさせているのですが、その部分は省略しました。

888 ：Name_Not_Found：04/02/13 19:35 ID:iW5+zo5x

>>885-886
ちょとﾜﾗﾀ

889 ：Name_Not_Found：04/02/13 19:37 ID:???

>>887
一つ一つdivで囲みなさい。

890 ：Name_Not_Found：04/02/13 19:42 ID:???

>>889
画像をですか？もちろん各々divで囲ってます。

<div id="sample"><img src="images/sample.gif" alt="" width="12" height="12" /></div>
<div id="sample2"><img src="images/sample.gif" alt="" width="12" height="12" /></div>
<div id="sample3"><img src="images/sample.gif" alt="" width="12" height="12" /></div>
<div id="sample4"><img src="images/sample.gif" alt="" width="12" height="12" /></div>
<div id="sample5"><img src="images/sample.gif" alt="" width="12" height="12" /></div>

HTMLはこんな感じです。CSSのほうは

#sample {
position: absolute;
left: 160px;
top: 120px;
visibility: visible;
}
#sample2 {
position: absolute;
left: 180px;
top: 120px;
visibility: visible;
}

という感じです。
長々と申し訳ないです。

891 ：Name_Not_Found：04/02/13 20:56 ID:???

>>890
それ見る限り他の部分の影響でずれてるとしか思えんのだが。

892 ：Name_Not_Found：04/02/13 21:54 ID:???

>>891
そうですよね。
他の部分もチェックしてみます。
どうも有り難うございました。

893 ：Name_Not_Found：04/02/14 03:01 ID:SZbIgu7t

<div id="content">
<h1>ﾀｲﾄﾙ</h1>
<p>説明</p>
<img src=xxx.jpg" />
<p>説明</p>
<h2>ﾀｲﾄﾙ</h2>
　　　　・
　　　　・
　　　　・
</div>
というような書き方をしているのですが、imgタグの直後に来る<p>と<h>の上のマージンだけ広く取りたくて、
スタイルシートに
img + p{
margin-top:25px;
}
img + h2{
　margin-top:25px;
}
としていますが、反映されません。書き方が間違っているでしょうか…？

894 ：Name_Not_Found：04/02/14 03:29 ID:???

>>893
隣接セレクタは対応していないブラウザがありますが、そういうことではない？
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/selector.html#adjacent-selectors

895 ：Name_Not_Found：04/02/14 08:54 ID:???

>>893
そのimgには意味があるの？
ないんだったら<p>説明</p>の背景にするなり。
あるんだったらクラス名与えるなり。