12/03/24 12:56:59.44
background-position
370:Name_Not_Found
12/03/24 13:02:13.03
backgroud-positionで具体的にどのような値を指定すればいいのでしょうか？
371:Name_Not_Found
12/03/24 13:17:30.58
ぐぐれよ
372:Name_Not_Found
12/03/24 15:37:06.37
>>365
親切にどうもありがたう
373:Name_Not_Found
12/03/24 17:20:29.17
>>368
どうしても「背景画像」じゃなきゃいけない理由がないならafter疑似要素でできるよ
after疑似要素については>>371
374:Name_Not_Found
12/03/24 23:59:50.04
>>371
教えてくれよ
375:Name_Not_Found
12/03/25 10:03:59.09
>>374
知らないからググれって言ってるんだよ
376:Name_Not_Found
12/03/25 15:02:04.00
>>375
もう来ねえよ
377:Name_Not_Found
12/03/25 19:21:13.97
ふんとに ?
378:Name_Not_Found
12/03/25 21:48:05.90
もう来ねえって言ってんだろ
379:Name_Not_Found
12/03/25 22:15:22.96
もう来ねえと言って又来る法則
380:Name_Not_Found
12/03/25 23:13:02.01
知ってるけど教えないんだよ。
擬似要素 afterでぐぐればすぐでてくるのに･･
最近のやつって検索能力すら持ち合わせてないのか
381:Name_Not_Found
12/03/25 23:14:35.98
持ってたらこねーよ
382:Name_Not_Found
12/03/26 05:28:13.47
>>380
教える能力もないくせに偉そうなことをw
383:Name_Not_Found
12/03/26 06:14:55.42
>>382
いい加減寝ろよバカ
384:Name_Not_Found
12/03/26 14:49:38.26
ふんとに ?
385:Name_Not_Found
12/03/26 15:04:05.24
>>382
人から教わらないと学ばないダメ人間か
386:Name_Not_Found
12/03/26 16:59:33.56
おいおい今はafterについてじゃなくて>>369だろ？
自動で文章の最後にだったらbackground-positionじゃ無理
通常ならafterでOKだろけど
バックグラウンドで表示したい理由でもあるんじゃない？
例えば最後ちょっと重ねたいとか。。。
387:Name_Not_Found
12/03/26 17:04:10.06
ブログの文章の最後に絵文字入れられるってのを再現したいだけなのかな
388:Name_Not_Found
12/03/27 19:24:37.49
隣接セレクタ E > F はEの直下であるFについて指定してますけど
『Fであるような要素』を子に持つEを指定したいときはどうすればいいんですか
<div class="E">
<div type="F"></div>
</div>
<div class="E">
<div type="G"></div>
</div>
こんなかんじの
389:Name_Not_Found
12/03/27 19:46:02.46
たぶんないと思う。
子要素を基準に親要素をどうこうしなければいけない時点で文書構造を見直した方がいいのでは。
390:Name_Not_Found
12/03/27 19:58:04.05
ユーザースタイルでいじりたいから文書構造はいじれないんです
大人しくPHP突っ込んでくるか……
391:Name_Not_Found
12/03/27 20:06:01.45
>>388
CSS3までは不可能です。
CSS4で案は出ています。
ユーザJSを使ってみては？
392:Name_Not_Found
12/03/27 20:24:27.81
>>391
ありがとうございます
CSS4を頼りにググッたらでてきました
URLﾘﾝｸ(demo.idered.pl)
393:Name_Not_Found
12/03/27 20:43:16.28
こんなのあるのか、興味深い。CSS3セレクタもまだ覚えきれてないけど。
394:Name_Not_Found
12/03/28 15:42:57.81
これセレクタの語尾に!つけたら否定して次のセレクタを探しに行くってやつなのかな？
395:Name_Not_Found
12/03/28 17:03:10.80
$Element とか ?Element って Element! に修正されたのか
URLﾘﾝｸ(dev.w3.org)
396:Name_Not_Found
12/03/28 18:11:47.98
ん？[class$=Element]のことでなくて？
397:Name_Not_Found
12/03/28 18:13:08.84
あ、ごめん。完全に別物なのね
398:Name_Not_Found
12/03/29 18:04:15.25
PIEで背景画像を2種類配置したいんですけど
どうにもIEに反映されてくれません
CSSに
body{
background-image:url(A), url(B);
background-repeat:repeat-x, repeat;
background-attachment:fixed;
-pie-background:
url("A") repeat-x top left,
url("B") repeat;
behavior: url("/PIE.htc");
}
こんな感じで記述してるんですが間違いですか？
まったくわからなくて頭がスポンジになりそうです…
399:Name_Not_Found
12/03/29 19:17:19.85
PIE.jsは、複数背景は対応してない。以上。
400:Name_Not_Found
12/03/29 19:27:26.71
url("A") repeat
url("B") repeat
url("C") repeat
かわいい
401:398
12/03/29 19:56:57.63
>>399
そうなんですか？
調べて見るとCSS3の話題で各所に出てくるのですが
それとはまた違うのでしょうか？
402:Name_Not_Found
12/03/29 20:05:45.99
>>401
対応してるのが限られてる。ドキュメント読んでみそ
403:398
12/03/29 20:20:03.63
>>402
すみません…
ちょっとドキュメントがよくわからないんですが
URLﾘﾝｸ(www.nandani.sakura.ne.jp)
こういった記事が間違っているということでしょうか…
初心者で申し訳ないです…
404:Name_Not_Found
12/03/30 08:10:31.19
全角スペース混じってるからでないの
405:Name_Not_Found
12/03/30 08:35:43.63
それとドキュメントと言われたら原則として公式
406:398
12/03/30 17:25:03.25
全角スペースを半角にして念のためPIE.jsでも試してみましたが
効果がありませんでした…
ドキュメント＝公式なのですね
ありがとうございます
407:398
12/03/30 17:28:04.33
あ、それとposition:relative;も追加してみましたがやはり変化なしでした
パスは間違っていないと思うのですが…
何かと相殺？していたりするのでしょうか
408:398
12/03/30 18:17:41.85
連投すみません
結局PIEを使わずに背景を複数配置できる方法を見つけたので
そちらを使うことにしました…
早くIEがCSS3に対応してくれることを願います…
ありがとうございました
409:Name_Not_Found
12/03/30 18:20:44.37
それ以前に使う側の問題がな・・・
410:Name_Not_Found
12/03/30 18:26:58.78
ただ単純に画像の階層間違えてるだけじゃないの？
411:Name_Not_Found
12/03/30 18:56:42.32
公式見たけど、PIEで複数背景対してるぞ。
412:Name_Not_Found
12/03/31 15:54:44.93
tableのtd,thのborder部分に画像を使いたいのですが、そういうことは可能でしょうか？
413:Name_Not_Found
12/03/31 16:19:57.41
tableに拘らなければいくらでも可能。
414:Name_Not_Found
12/04/02 07:46:14.92
borderに画像とか鬱陶しいだけなんで
415:Name_Not_Found
12/04/05 06:52:26.37
おまいらがいつも参考にしてるサイトってある？
とりあえずかちびととコリスはいつみてもいい情報があって重宝してる
416:Name_Not_Found
12/04/05 06:59:30.50
じゅ・・・重宝
417:Name_Not_Found
12/04/05 07:19:32.95
えっ ネタだよな
418:Name_Not_Found
12/04/05 09:02:57.72
>>415
宣伝乙
419:Name_Not_Found
12/04/05 09:19:59.38
宣伝乙もなにも。
WEBクリエイターボックス並に有名なサイトなのに何言ってるの
420:Name_Not_Found
12/04/05 09:22:25.18
>>419
自演乙
421:Name_Not_Found
12/04/05 09:27:38.13
まぁいつもの流れ出し構おう。大御所がこんなとこ見るわけないから
422:Name_Not_Found
12/04/05 10:27:13.27
>>421
信者乙
でも見てると思うｗ
423:Name_Not_Found
12/04/05 10:30:30.81
そういう人って大抵海外のクリエイターのブログかなんかみて情報収集してるくらいで初心者が情報求める場にはさすがに来ないんじゃないの。
教えるくらいなら書籍出してるからそれ見ろって言うだろうし。西畑とか。
424:Name_Not_Found
12/04/05 10:31:24.04
そもそも名前も聞いたことないんだが
大御所とか有名とか行ってんのマジ本人か信者じゃねーの
425:Name_Not_Found
12/04/05 10:32:09.01
とりあえず全員スレチ
426:Name_Not_Found
12/04/05 10:34:57.30
>>419>>421>>423
必死すぎﾜﾛﾀ
427:Name_Not_Found
12/04/05 10:38:44.94
>>424
さすがにWEBクリエイターボックスとコリスくらいは知ってるだろ？
日本でHTMLとCSSやってたら普通は目に付くサイトだとは思うが。
428:Name_Not_Found
12/04/05 10:41:19.50
>>427
いいから巣にお帰り
429:Name_Not_Found
12/04/05 10:41:36.65
どこだよ巣って
430:Name_Not_Found
12/04/05 10:45:08.05
おすすめ書籍教えて→◯◯が参考になっていいよ→宣伝乙
おすすめの参考サイトおしえて→◯◯のリファレンスサイトいくと勉強なるよ→TAG index と とほほ 以外は宣伝乙
おまえらの参考にしてるサイトどこ？→同上→宣伝乙
ワンパターンすぎだろ。何年このパターン続けるつもりだ
431:Name_Not_Found
12/04/05 15:49:00.90
わかったわかった
432:Name_Not_Found
12/04/05 16:28:51.89
┐(´д`)┌
433:Name_Not_Found
12/04/05 17:08:50.98
E1~*:not(E2:nth-of-type(n)) とかって、書けない？
E1以降の要素全部だけど、n番目のE2だけは除外、みたいな。
読んでるけどよく分かんない。
URLﾘﾝｸ(www.w3.org)
434:Name_Not_Found
12/04/05 17:10:07.66
オレも知らない
サイトは勿論見てるかもしれないけど、サイトの名称も管理人も知らんし
435:Name_Not_Found
12/04/05 17:11:52.35
いつかはCSS3もCSS5とかになってJavascriptと並走できるくらいまでになっちゃうんだろうか
436:Name_Not_Found
12/04/05 18:16:58.05
ならないでしょ。役割が違う
437:Name_Not_Found
12/04/05 20:13:53.01
>>433
URLﾘﾝｸ(myakura.github.com)
438:Name_Not_Found
12/04/05 20:15:51.53
お、できるっぽいじゃん。
でもCSS4本格対応いつからしてくれるんだろうか。（FF、Chrome）
439:Name_Not_Found
12/04/05 20:18:24.41
つーか対応以前
440:Name_Not_Found
12/04/07 14:39:30.75
zenbackの幅を狭くしたいんだけどうまくいきません
CSSに、
.zenback { width:400px; }
と書いても変わらないんですが
どうしたらいいんでしょう。
Fc2ブログなんですが
441:Name_Not_Found
12/04/07 14:44:13.22
!importantをつけてみなされ
442:Name_Not_Found
12/04/07 19:27:23.09
.zenback { width:400px !important;
}
としてみましたが変わりませんでした。
Fc2ブログだとダメなんですかね…
443:Name_Not_Found
12/04/07 22:31:46.66
それはブログ板のが詳しい
444:Name_Not_Found
12/04/11 01:16:57.79
CSS Variables Module Level 1 Draft Published
とうとうｷﾀｺﾚ
445:Name_Not_Found
12/04/11 01:23:28.00
お？URLｋｗｓｋ
446:Name_Not_Found
12/04/11 01:24:49.41
URLﾘﾝｸ(www.w3.org)
ほれ
447:Name_Not_Found
12/04/11 22:56:56.96
ページ番号使えるようになったん？
448:Name_Not_Found
12/04/12 06:36:18.85
あるcssファイルで
input, textarea, select { width: 210px }
と指定されてあります（このファイルには手を加えられないとします）。
この指定を、別のcssファイルで無効にして、あたかもwidthが指定されてないようにすることはできますか。
input, textarea, select { width: undefined }
とやってみましたがだめなようです。
449:Name_Not_Found
12/04/12 08:17:52.63
>>448
無効には出来ません。上書き出来るだけです。
各要素の初期値で上書きすればデフォルトスタイルシートに戻すことは可能です。
450:Name_Not_Found
12/04/12 08:20:34.61
>>448
widthの初期値はundefinedじゃなくてauto
451:Name_Not_Found
12/04/12 10:46:22.64
!important指定されてたら無理じゃね？
!importantって2重に指定したら後ろのだけ有効になるんだっけ
452:Name_Not_Found
12/04/12 11:00:07.07
サイトのCSSとユーザーCSSの両方でｲﾝﾎﾟ指定すると
ユーザーCSSのほうが優先されるよ
453:Name_Not_Found
12/04/12 12:51:42.87
おまえらのデザインしたサイトとかあったらSSみせてくれ。
ぜひとも参考にしたい
454:Name_Not_Found
12/04/12 14:01:41.08
人にそんな要求するなら、まずは自分が晒すことだJK
455:453
12/04/12 14:19:58.93
>>454
URLﾘﾝｸ(i.imgur.com)
ごめんね。HTML8年くらいやっててこんなデザインしかできないんだ。死にたい。
海外とかのサイトでデザインとか何十種類も見てるはずなのにね。何やってんだろ
456:453
12/04/12 14:24:48.48
一応こっちも晒す
URLﾘﾝｸ(dl.dropbox.com)
地味にMENUのとこにCSS3使ってるだけ。あとは特になし
457:Name_Not_Found
12/04/12 14:29:33.68
リセットCSSのファイル名がbase.cssってのが個人的に気に入らん
458:453
12/04/12 14:32:20.98
base.css→default.cssて名前にしてたのになーって思ったらローカルの話だった。
直しとこう
459:Name_Not_Found
12/04/12 14:37:42.45
>>457
そこはどうでもいいだろｗ
460:Name_Not_Found
12/04/12 14:42:06.46
さて、454のも見てみたいんだけども
461:Name_Not_Found
12/04/12 15:46:45.47
>>451
それ最近まで逆だと思っててはまった
462:Name_Not_Found
12/04/13 18:27:11.29
max-widthで質問です
ウィンドウの幅が狭まったとき
画像を自動的に縮小させたいので
img { max-width: 100%; }
とやってます
問題なく動作してますが
画像を表の中に置いたときは
なぜか縮小されません
(表だけならウィンドウの幅にあわせて
縮小されてます)
何か根本的に勘違いしてますか？
463:Name_Not_Found
12/04/13 18:34:31.62
パーセンテージは親要素からの計算だからねえ
テーブルは中に画像があると最低限画像幅は確保したセルを形成するから
そこから100%じゃ当然縮小されない
464:Name_Not_Found
12/04/13 20:17:28.58
>>463
なるほど確かにそうですね
そうするとtableだけでなく
tdの幅もmax-widthで調整すれば
いいのかと思いきや
ここをどういじっても
中のimgの幅のほうが優先されました
td img { max-width: ボディに対して 100%; }
なんてできればいいんですが・・・
cssは任意の要素に対しての値って
得られないみたいですね
困りました
465:Name_Not_Found
12/04/13 21:18:02.01
あ、すいません
いいアイディア浮かんだので
とりあえず解決にしておきます
thxでした
466:Name_Not_Found
12/04/13 21:20:29.86
そのアイディアはここに書かないのか
467:Name_Not_Found
12/04/14 13:14:58.87
>>466
アイデア乞食？
468:Name_Not_Found
12/04/15 12:04:45.70 KYeQyQmV
←───コンテンツの幅───→
←─ボックスの幅─→
←──ウィンドウ幅──→
ボックスにoverflow-x: scroll してコンテンツがボックスから
はみ出さないようにしても本来のコンテンツ幅がウィンドウ幅より
大きかったらウィンドウにスクロールバーが出るんだが
そういうもん？
469:Name_Not_Found
12/04/15 12:11:14.85
overflow: auto; にすれば
470:Name_Not_Found
12/04/15 14:44:29.91 KYeQyQmV
overflow: auto; にすればスクロールバーが出ないってこと？
471:Name_Not_Found
12/04/15 15:07:13.89
scroll だからスクロールバーが出るのは当たり前
オーバーフローしても何もしたくないなら、hidden
472:Name_Not_Found
12/04/15 15:09:54.03
ごめん勘違い
関係ないけど、overflowにxとかyとかの指定はIEオンリーだから使わないほうが良いのでは？
473:Name_Not_Found
12/04/15 15:13:07.49
CSS3からはoverflowに対してxとyの指定はできるようになったよ と一応
474:Name_Not_Found
12/04/15 15:19:36.61
あそうなの？重ね重ねスマン。
475:Name_Not_Found
12/04/15 20:24:52.40
>>468
>>362
476:Name_Not_Found
12/04/19 07:27:41.33
5分でわかるCSSグラフィック
URLﾘﾝｸ(www.atmarkit.co.jp)
477:Name_Not_Found
12/04/19 20:38:35.92 c8/4+T0O
画面幅に合わせて単語単位で改行させたいのですがどのようにすればいいでしょうか
以下の状態で、word4の途中で画面幅の場合
word1 word2 word3 word4 word5
⬇
word1 word2 word3
word4 word5
478:Name_Not_Found
12/04/19 21:53:47.35
CSS関係なくそれだったらそうなると思うが
日本語の話？
479:Name_Not_Found
12/04/20 02:08:16.69
>>477
画面のサイズ指定してる？
480:初心者です
12/04/20 12:47:56.12 cmpLk9pA
jugemの無料サービスを使ってブログに初挑戦中です。
公式テンプレートをカスタマイズしたいです。
管理者ページに表示されるHTMLとCSSのプログラムをプリントアウトして
（↑こうしておけば自分で散々いじって訳わからなくなったあともそれを見て直していけば
とりあえず初期状態に直せるかなと…）
それを見て font color とか image とかの指示からなんとなく推測して色を変えたり
サイズ変更したりして プレビューで確認しながらやってます。
それでもわからないことだらけなのでCSSを勉強しようと近所の本屋に行ってみたんですが
そういう内容の本はありませんでした。
こちらはCSS初心者のスレッドということですが、このレベルの初心者の相談に乗っていただけるでしょうか？
もしスレッド違いであればその旨ご指摘ください。
481:Name_Not_Found
12/04/20 12:51:13.44
>>480
ここでもいいとは思うが
Webサイト制作初心者用質問スレ part229
ｽﾚﾘﾝｸ(hp板)
↑の>>2の参考サイトで基礎を勉強するのが一番いいよ
本は正直嘘というか間違いが多いというか
あとプリントアウトなんかしなくてもソース保存しとけばいいだけなんで
そういうPCの基礎的なところは・・・板自体違う気がするがどこだかわからん、すまんね
482:初心者です
12/04/20 14:15:23.87 cmpLk9pA
早速の回答ありがとうございます。
教えていただいた板の方覗いてみますね♪
このさいなんで基礎からいろいろ勉強してみようと思います。
483:Name_Not_Found
12/04/20 19:36:09.84
URLﾘﾝｸ(kruz-graphix.com)
CSSでアコーディオンメニューを作りたいのですが、クリックして開閉できるようにしたいと思っています。
このソースのどこをどう直せば良いのか教えて下さい。
484:Name_Not_Found
12/04/20 20:02:02.28
依頼するスレとかに行けば？
485:Name_Not_Found
12/04/20 20:07:20.84
マジレスすると現状のCSSでクリック判定出すのは :target しかない
それ以外はjavascript使う。
てことで誘導
+ JavaScript の質問用スレッド vol.99 +
ｽﾚﾘﾝｸ(hp板)
486:Name_Not_Found
12/04/20 21:50:07.30
>>484-485
ありがとうございます
行ってきます