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

>>930
指定してるのはdivじゃなくてliだぞっとw

>>932
「じゃなくて」じゃなくて、div.titlebitsとdiv.titlebits liの両方にしてるんでしょ。

この書き方はclass名titlebitsを持つdivの中のli限定指定じゃない？

各位ありがとうございます。
>931氏のご教示どおりで、実現しました。ありがとうございました。

ちなみに、私の書き方がおかしかったようですが、>934氏のおっしゃるとおりの
指定の仕方をしておりました。

確かに便利な書き方だけど、あまり使われない書き方だし、
ぱっと見でちょっと把握しづらいんだよね。
俺ならdivではなくulに指定するか、classでちまちま振るかも。

質問でつ
IEよりネットスケープの方がまともな動作するんじゃまいですか？

そうです。

すみません、どなたかご教授ください＞＜
外部CSSを使用してリストに色々指定を加えています。
↓こういう感じに表示したいんですけど
●あああああああああああ
￣￣￣￣￣￣￣￣￣￣￣￣￣
↓こうなってしまいます
●あああああああああああ
　￣￣￣￣￣￣￣￣￣￣￣￣
どう指定すれば上記のように表示されるようになるのでしょうか？

.menulist {
width:100%;
list-style:none;
border-bottom:1px solid #cccccc;
list-style-image: url(image/folder1.gif);
}

list-style-position:inside;
か
リストのスタイルをまとめて
list-style:url(image/folder1.gif) inside;
とかどう？
微調整はmarginとかpaddingとか

>>940
insideで解決しました。
ありがとうございました＞＜

次スレッド立てる人は、>>11-12をよく見てからね。

ページの内容がいかに少なくてもスクロールバーを表示させるにはどうしたらいいのでしょう。
ただし表示させたいのは縦だけです。

ボックス要素を入れこにして、内側のサイズを外側より大きくとる。
んで、外側にoverflowを設定。

でも、ウザイだけだと思う。

ああなるほど入れ子ですか。
どうもありがとうございます

>>944
ウザイと思うのなら無視してくれればいいのに・・

>>946
やり方は一応答えた。
でもスクロールバーがあったら、まだ情報があるのかと探すでしょ？
でも何もなかったら、ウザイと思う。それだけ。

>>947
だからやり方を教えず黙っててほしかったって言ってんの・・

放置した挙句どうせどこかの解説サイトとかで見つけて実践されるよりはここではっきりウザいと伝えてしまったほうが結果的には吉、なのかもしれない

実践できるかどうかも分からない質問者よりも、946,948のほうがよっぽどウザイ。
>>949
同意

>>945は自分の気持ちを最後に書いただけじゃん。
「あぁ、ウザいと思う人もいるかもね〜。でも俺はそんなの関係ないよ」
と、>>946が無視をすればいいだけ。

次スレッド立てる人は、>>11-12をよく見てからね。

>>951
いや>>946自身も横スクロールが嫌いだから言ったんじゃね？
とりあえず技術的には可能だが嫌われやすいってことは質問者にも伝わったからもういいべ

>>949
だから「ウザイからやめろ」だけで、方法も書かないまま放置しといたほうがよかっただろうが

質問です。
ttp://kjm.kir.jp/pc/?p=19016.jpg
↑のように、枠線を少しはみ出させたいのですが、どうすればいいですか？

>>955
見られない

使われるのがうざいんじゃなくて、
答えられなくて悔しがっているようにしか見えません。
本当にありがとうございました。

>>955
背景画像

以上

>>958
CSSで実現することは不可能ですか？
borderのmargin辺りをいじって、試行錯誤してみたのですが、
どうも上手くいきませんでした。

□┃□┃□
━╋━╋━
□┃□┃□
━╋━╋━
□┃□┃□
四角がdiv、ボーダーで適当に汁
でもDIV厨でウｚ（ｒｙ

>>959
ここのソース覗いて真似したまへ。
http://www.akatsukinishisu.net/

<div id="top_menu">
<img src="サイトのバナー">
<ul id="menu">
aaaaa
</ul>
</div>

#top_menu {
width: 800px;
}
ul#menu{
position: absolute;
text-align: right;
}

上記のようにすれば以下のようになります（┃はブラウザの端）
┃画像　aaaaa　　　　　　　　　┃


┃画像　　　　　　　　　aaaaa　┃
このようにしたいのですがどうすればいいのでしょうか？
paddingやmarginでpxで指定するとWEBブラウザのサイズが違うとデザインがずれます。
色々、5時間ぐらい粘ったのですが解決策が見つかりませんでした。
※aaaaaとブラウザの間は少し空けます。

position: absolute;
text-align: right;

？？？？？？？？？？？？？？？？

<ul id="menu">
aaaaa
</ul>

なんじゃこりゃ

それだと、IEでは画像の隣にaaaがあるけど、
他のブラウザだと画像の下にaaaが行ってしまってる。
IE以外にfirefoxとかoperaでも確認した方がいいよ。
で解決策。

<div id="top_menu">
<img src="1.jpg">
<ul id="menu">
<li>aaaaa</li>
</ul>
</div>

ul#menu{
list-style-type : none;
float:right;
}
img{display:block;}

これで設定してみ。この後の要素でclear:right;の指定を忘れないようにね。
imgにfloat:left;を設定してもいいかも。その場合はclear: both;で。
あと、display:block;を設定しないと、IEでは画像の下辺部にaaaが揃うのに対して、
他のブラウザでは画像の上辺に合わせてaaaが揃ってしまうので注意。

>>963-964
折角だし、突っ込みより教えてあげようぜ。

>>962
> 色々、5時間ぐらい粘ったのですが解決策が見つかりませんでした。
この5時間の間に仕様書を見るとか”まともな”解説サイトを見るとかしてるの？
それとも自分の勘・思い込みだけで5時間費やしたの？

だれか次スレよろしく。
うちは無理だった。

http://pc8.2ch.net/test/read.cgi/hp/1141783690/

次スレ

テンプレ貼ったり何気に結構面倒なんだよな。
お疲れさん。

テンプレ不備があれば　修正よろ

>>965
┃画像　　　　　　　　　　　　 　┃
┃　　　　　　　　　　　　aaaaa　┃
こんな感じになりませんか？

画像に合わせてmargin設定しる

次スレも立ってますし、このスレ埋めませんか？

無理に埋めなくてもじき埋まるでしょ。
落ちるまでログ拾いやすいし、焦る必要も内規がする。

ちょっと上の文も読めない香具師が多いようなのでこっちをage

質問スレってどうしても
聞くほうが必死にへこへこしたあげく
答えるほうに偉そうにいわれて終わるのが多いね

そうでもないよ。

>>969
あれほど「次スレッド立てる人は、>>11-12をよく見てからね。」と言ったのに。

11 ：Name_Not_Found：2006/02/14(火) 13:25:48 ID:???
>>1
>【CSS検証】>>2
……って、落ちてるけど？

【CSS検証】
W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/

とりあえず、このスレのタイトルの「 /* 」が閉じられていないので
>>1000が閉じて「 */ 」くれよん。

頼んだぞ >>1000

>>980
前スレで閉じられていた