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

>>929
最初にそれをやってみたんですが、
マージンでレフトを指定してるため横スクロールバーがでてしまうんですよね。
困った…

横幅いっぱいじゃないじゃん

>>930
marginの%分widthから引く

absolute で margin をとるとはどういう意図があるのですか？

>>933
おまい初心者じゃないだろ

>>934
ごめんなさい。
煽るとかわいそうと思ったので。。。

後ろの穴は初心者ですが何か？

left: 0; right: 0;で
いけるけどね。


IE以外は。

ttp://www.fromdfj.net/
↑のサイトにとび"grayscale"のスタイルシートを選択してください。

ここで左上と左下と右下に浮遊固定したBOXが現れます。
（背景画像のfixed指定みたいな感じで動きません。）
これはどのような原理で設定されているのですか？
CSSのソースを見ましたが僕にはレベルが高くて分かりませんでした。
このように固定する方法を教えてください。
CSS＞ ttp://www.fromdfj.net/css/grayscale.css

コピペ

>>939
固定させるのに最低限必要な箇所が分からないのです。
どうかお教えくださいませ。m(_ _)m

リスト項目のdisplayを inlineにして、横並びのナビゲーションバーを作っていますが、
a:hoverでボックス全体の背景を変えるときにaに対してdisplayをblockにしますよね。

そうすると、全部縦並びになってしまうのですが、どうすれば横並びを維持したまま
ボックス全体の背景を変えられるでしょうか？

>>641
li a{display:inline}
ではダメですか？

>>942
はい、それだと文字の部分の背景のみ変わります。

ボックスの幅全体の背景を変えたいのです。

margin-top : 0px;
margin-bottom : 0px;
共に0pxに指定しているのですが、FireFoxで表示すると、
margin-topに少しだけ隙間ができてしまい、
margin-top : -8px;
にすると上下は綺麗に揃うのですが、
IEで表示すると上下に隙間ができてしまいます。
IEでも上下に隙間ができないようにはできますでしょうか？
どなたか教えてくださいませ。

html {
height : 100%;
}

body {
height : 100%;
background: #e2deac no-repeat;
}

#box {
width : 710px;
height : 100%;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
background:#ffffff;
}

>>941
フロート使うのは？

>>944
html, bodyのマージンとパディングも0にするとどうなる？

ttp://nothing.but.jp/sb/log/eid127.html

ここのサイトのようなリンクの張った画像にポインタを乗せると罫線を表示させるようにしたいんですが
CSSの記述はどうすればいいですか？

>945氏

margin : 0px;
padding: 0px;
にした所、どちらも隙間ができなくなりました。
ありがとうございます。
因みにbodyにだけ設定しても同じ結果になるのですが、
htmlの方には記述しなくても大丈夫でしょうか？

>>946
a:hover img {}
でいいんじゃないの

>>946
質問の前に最低限CSSについて勉強しろ

はあ？なに偉そうにしてんの？死ねよ

すいませんでした。反省してます

>>950
質問以前の問題

いいから答えろや糞共
わからない奴は黙ってろ

>>953
糞したらそのあと何でケツ拭くか？と同じこと

わからなければ黙ってればいいだろ？
わからないからって何ムキになってんだ？暇人ニート共
俺はテメーラのような社会のクズと違って仕事持ってるから忙しいんだよ！
さっさと答えろや糞カス共

おれは質問者じゃないのだがね。
ここはCSSの質問スレなのに、
質問に答えもしないで、他の問題に転換してるじゃねーか。
答えるほど暇じゃないんなら黙ってていいよ。
忠告するくらい暇なら答えてやりゃいいだろ。

>>956
m9(＾Д＾)ﾌﾟｷﾞｬｰ

よろしくお願いします。
>>938
>>940

テキストの背景に画像が指定できません。。もう五時間ぐらい格闘してます。死にたいです。

なにが悪いのでしょうか？？？

>>958
position:fixed;
position:expression("absolute");

上のでfirefoxやoperaでポジションが固定されて、
下のでIEが固定される。

あと、そのサイトのセンスだけは絶対真似しないでね。
技術はいくらでも盗めって感じだけれど。

>>959
とりあえずソース見せてください

<a href="http://2ch.net" style="width:100%;">

これをIE以外で再現するにはどう記述したらよろしいですか？
もう１０数時間悩んでます。。。　参考リンク先でも結構なのでお願いします。

>>962
なにがしたいのか理解できないです。
もすこし詳しくたのんます。

>>963
すみません。

下記のような感じで左のTD幅全部を使うようなリンクにしたいんですけど
NCやFireFoxだと背景色が文字の後ろだけしか変わりません。

私の知識では細かく表組みをして再現する方法だけは思いつくのですが
CSSで他にWidthで指定できればと思っています。


<table>
<tr><td width="150">

<a href="http://2ch.net" style="width:100%;background-color:#000">2ch</a><br>

<a href="http://3ch.net" style="width:100%;background-color:#666">3ch</a><br>

<a href="http://4ch.net" style="width:100%;background-color:#fff">4ch</a><br>

</td>

<td width="150">
●●●
</td>
</tr>
</table>

index.html
｜
｜
｜
/asset/
｜
｜--/img/--aaa.gif
｜
｜--/style/bbb.css


となっているとき、bbb.cssから、url( )などでaaa.gifを指定できるのですか？？？/style/
の下にimgディレクトリが来ないといけないのでしょうか？？できるならば、その場合
どう記述したらよいのでしょうか？？？


わかりにくくてすみません。

>>965
フルパスでも相対パスでも問題なくいけるでしょう・・・。

url(../img/aaa.gif)

url(/img/aaa.gif)

url(http://xxx.com/img/aaa.gif)

読み込むHTMLからの相対パスでいけるはず。

>>966
それが、無理で、
background-image: url(./asset/img/aaa.gif);
だとダメで、styleディレクトリの中にimgディレクトリを入れて、
background-image: url(./img/ro_bunner.jpg);

としたら出来たので。どういうことなんでしょうか？？

.cssからのパスじゃなくて読み込むファイルからのパスにしてますか？
>>698

background-image: url(./asset/img/aaa.gif);
↓
background-image: url(/asset/img/aaa.gif);

にすれば無問題

長時間やりすぎて頭が混乱してきました。。。

とりあえず相対パス・絶対パスをもう少し勉強します。。。


ありがとうございました

ちゃんとCSSファイルからの相対パスにしとけよ。 ../../img/aaa.gif

13 ：Name_Not_Found：05/03/08 08:48:54 ID:???
前々スレからの持ち越し。 (＾＾;

テンプレ中の
CSS1の仕様書の邦訳（日本規格協会訳／個人訳）は
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css1/rec-css1.html
↓に移転。
http://www.swlab.it.okayama-u.ac.jp/man/rec-css1/rec-css1.html

CSS2の仕様書の邦訳（日本規格協会訳／個人訳）は
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html
↓に移転。
http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html

15 ：1：05/03/08 08:53:28 ID:???
連投規制でテンプレを書き込めずにいたところ
親切な人が続きを書いてくれたようで
こんな風になってしまいました。
見苦しくて済まん。

あと
「httpの数が多い」ってエラーが出たので
一記事中の過去ログリストの数を減らしました。
てことで>>1のアンカーと合わなくなってしまいました。
ttpにすればよかったかしら。

次スレで直してください。

>>964
CSSを有効に使うために正しいHTMLを学んだほうがいいと思う。
それからインラインボックスとブロックボックスの違いについて調べたら。

わけわかんないこと言い出すんじゃねえよ
インラインとブロックさえ分かってれば
ほとんどは理解できるだろうが
まじ原理主義者キモい　しね

ったく釣堀ならサカナの腹くらいすかせておけよ…
まったく食いつかねえじゃねえか

包茎・禿・油デブの戯れ言には飽きたよ・・・（棒読み

主要ブラウザで表示できれば文法なんてどうでもいいだろ
頭かたいなー

W3Cオタクがぼろぼろでワロタｗｗｗｗ