/* CSS・スタイルシート質問スレッド【26】 */
>936
ulのリストマーカーがウザいならCSSで消せよ
俺も
>>4を100回読むの刑かよ・・。っつーか消せるのかよw
>>939 list-style-type : none;
942 :
940:04/01/23 02:03 ID:???
>>939 あ、追記ね。
list-style-image : url(li.gif);
画像も使える。サイズは12*12くらいならOKだっけか。
<br>の使い方に関して気になる事があるけど、タグの話はスレ違いよね。
>>943 strictHTMLスレこいよ。相手してやるぜ。
なんだこのスレの状態は _| ̄|○
無知な人間ばかりじゃないか _| ̄|○
ここにいる香具師らは/.Jで中途半端な知識をひけらかしてうだうだ言ってる輩と同じ匂いがするな。
なんかこう言う時代が来たのかなぁ、って感じ
スレのレベルが極端に下がってんな…_| ̄|○
強制ID激しくキボンヌ
そういう次元じゃないと思うぞ。
基本のキだし
というか...
初心者に理解できるように説明してないからだろうな(w
初心者スレじゃないしなぁ
だが、初心者スレでCSSの質問をすると
ここに回されるのは事実だ。
規格書の和訳見れる人いる?
初心者が口にする紋切り型FAQ。
「〜はできますか?」
仕様書やリファレンスを読んでください。
「〜ができません」
できなくて当たり前だったり。
「〜のサイトみたいに」
人の真似をして楽しいですか。
「これってバグですか?」
仕様書やバグ辞典を読めば解かります。
「質問の仕方が悪かったようですね」
レトリックを身に付けてください。
「初心者なんで」
何時まで初心者でいるつもりですか。
「できました!」
おめでとうございます。
「ひと通り調べました」
ほとんどの場合は嘘。
「よくわかりません」
まったくの思考停止状態。
「わかりました」
本当にわかっていますか?
>>961 お前さんは、そのうちどんな質問に対しても
「テンプレのリンク周れば解る」とか言い出しそうだな。
963 :
Name_Not_Found:04/01/23 16:01 ID:YfdWu/1G
________
| |
| 画像1 | aaaaaaa
| | aaaaaaa
|_______|
_________
| 画像2 |
| |
|________|
という事をしたいのですが、2点ほど出来ずに頭抱えています。
1つはテキスト(画像1の隣にくるaaaaの部分)なんですが、
テキスト部が画像1に対して中央に来るようにしたいため、画像1に
vertical-align:middleを指定、そして回り込み指定もしているので
同様に画像1にfloat:leftを指定しています。が、vertical-align=middleが
効きません。middleに限らず何も効いていないようです。floatとvertical-align
を2つ同時に使用する事は出来ないのでしょうか。尚、画像1はimg width/height
を使用しています。
もう1つは、white-space:nowrapを画像2に指定しているのですが、
windowが大きくなると画像2がテキスト部の下に表示されてしまいます。
因みに画像1/テキストの次に<br>を入れて画像2を入れています。
>>961さんの仰る事はごもっともだと思います。自分を鑑みてみても
正にその通り・・・自分でも鬱入ってしまっている位です・・・
964 :
963:04/01/23 16:03 ID:???
あぁ、画像ズレちゃっていますがもちろんキッシリ□画像の隣にテキストです。
念のため。
floatとvertical-alignはその性質上相容れるものではない
BRで改行させてレイアウトを取っているようだが、当然正しい使い方ではない
今はたまたま思い通りに見えているだけ
解決策は色々あるが、具体的なソースを見ないとあまり適切は指示は出来ない
imgにdisplay:blockを指定したり色々試してみてね
画像1を float した段階で、画像1は通常フローから切り離され
単独で浮動ボックスを形成するので、もはや画像1とは別のボックスと
化したテキスト部分には vertical-align が効かないってことじゃないかな。
2点目は↓こういう話だと思うんだけど
┌───┐
│ │aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
│画像1 │aaaa<br>
│ │┌───┐
└───┘│ │
│画像2 │
│ │
└───┘
画像2に対して white-space:nowrap は意味がないでしょ。
やるなら、画像2を <div> か何かで囲んで、それに対して
clear: left を指定する。画像2を単に display: block しただけでは
この状態は解消されないと思う。
>>963 とにかくHTMLソースを出して下さい。
vertical-alignはテキスト、即ちインライン要素に対して効かせるもの、ブロックレベル要素の垂直位置は動かせません。
>>693 テキストはpadding-topかmargin-topで高さを調節してやればいいんじゃない?
画像のサイズはあらかじめわかっているわけだし、何px指定すればテキストが
中央あたりにくるかは予想できるだろうし。
clear: leftってデフォルトで左に寄ってしまう仕様を解除するというタグですよね?
それ使うとどこに行ってしまうのでしょうか?
>>969 clearはfloatを解除するプロパティーです。(タグに非ず)
知らないことが出てきたら
>>4を見て勉強しませう。
>それ使うとどこに行ってしまうのでしょうか?
訊く前に、自分で試したのかな。
>>970 他のスレなんかもとっくにリンク切れになってるからほっとけば?
ならば他のスレッドもリンク切れを直しませう。
おつ。
( ;´Д`)うめぇぇぇぇぇぇぇー!
梅&梅
梅('ж')すっぺぇ〜
980 :
Name_Not_Found:04/01/24 18:08 ID:DZE2R2zM
このように書いて外部cssとしてhtmlに呼び出して背景画像を特定の位置に表示させた場合に、フレームページにて、スクロールさせると、内容がグチャグチャにひきづられたようになります。
解決策や、原因わかるかたお願いします。WinXP+IE6.0です
#main {
background-image:url(../images/main.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 240px 221px;
}
>980
なんでbackgroundプロパティで纏めて指定しないんだ?
それはともかく、漏れが試した中では再現しなかったのでソースの要点と、
IEでだけなるのかMozillaやOperaでもなるのか
追記してくれるとありがたい。
埋め。
埋め炉!!!
楳
小梅ちゃん
986 :
Name_Not_Found:
{position:absolute; bottom:0px; left:0px;}
で左下に画像を配置してみたんですが、IE6、Mac版IE5.17、ネットスケープ7(Mac、Win両方)等で確認すると、どのブラウザでも何故か下に10ピクセル程度の隙間ができてしまい困ってます。BODYにmargin、padding共に0px指定してます。
IE6以外では{position:fixed}にすると解決するんですが、IE6ではfixedを認識してくれないようで、ムチャクチャになってしまいます(さすがにIE6を無視することもできません)。
何かいい方法ないでしょうか。