16/03/06 10:45:01.61 .net
>>923
レスありがとうございます。
URLﾘﾝｸ(jsfiddle.net)
試行錯誤してみましたがbackground-sizeを入れると機能しませんでした。
URLﾘﾝｸ(jsfiddle.net)上では動かないようですが、
ふたつの正方形の右下と左上が重なるようにしたいです。
■
■
positionの後に/で区切ってsizeを入れると見かけましたが、
うまくいかないものですね。
928:Name_Not_Found
16/03/06 11:18:24.22 .net
擬似要素２枚に分けて重ねれば
929:909
16/03/06 12:18:49.02 .net
>>928
レスありがとうございます。
該当要素はすでに別の箇所で疑似要素を両方とも使用しており、
背景として使用したいのでbackgroundで作成したいです。
ご助言、感謝します。
930:Name_Not_Found
16/03/06 13:50:47.25 .net
>>921
だから、閲覧者の環境に■を表示できるフォントが入ってないと、
実体参照で記述しても表示されないってことなんでしょ？
931:Name_Not_Found
16/03/06 14:14:59.02 .net
>>930
文字化けすんのがオチちゃいますか
932:Name_Not_Found
16/03/06 14:53:09.89 .net
海外でも■は表示できているっぽいぞ。
URLﾘﾝｸ(en.wiktionary.org)
font-family: Symbola,sans-serif; とかで表現しているな。
★をURLに含んでいるようなサイトも海外にある。
933:Name_Not_Found
16/03/06 16:18:07.57 .net
>>924もどなたかお願いします
934:Name_Not_Found
16/03/06 16:27:58.15 .net
なんで二股するの？
935:Name_Not_Found
16/03/06 16:33:15.15 .net
疑似要素って何ですか？
936:Name_Not_Found
16/03/06 16:35:48.56 .net
かなりの初心者なのですが、以下の画像のように
URLﾘﾝｸ(fast-uploader.com)
動画を縮小させて表示し、その周りに静止画を表示したいと考えています。
HTML5を使えば良いのでは？とアドバイスを受けたことがあるのですが、
具体的にどうすれば良いかピンと来ません。
どこかに良いサンプルがあれば教えていただけないでしょうか
937:Name_Not_Found
16/03/06 16:41:18.05 .net
>933
HTMLとCSSの基礎が分かっていれば簡単にできるよ
938:Name_Not_Found
16/03/06 16:50:17.74 .net
>>930
そうだよ
だからこそ>>886は意味不明だと思う
939:Name_Not_Found
16/03/06 16:59:09.76 .net
html 画像 張り付け
で検索すればいろいろ出そう
940:Name_Not_Found
16/03/06 17:22:12.95 .net
つーかwebフォントでいんじゃね？
二次利用可能なフリーフォント探してサブセットフォント作って読み込ませる感じ？
941:924
16/03/06 17:57:50.79 .net
924ですがどなたかお願いできないでしょうか。
これで最後です。
942:Name_Not_Found
16/03/06 18:11:02.78 .net
>>924
ulを二回書けば?
943:924
16/03/06 18:15:35.19 .net
>>942
無事解決しました。
ありがとうざいました！！！！！
944:Name_Not_Found
16/03/07 02:24:33.66 cO8E+L0J.net
１. input[type="submit"]とinput[type="button"]
２. input[type="submit"]:hoverとinput[type="button"]:hover
をそれぞれ値が同じなので、CSSに併記したいのですが、カンマ区切りは以下のどれが正しいでしょうか？
１.
input[type="submit"] , input[type="button"] {……}
input[type="submit"] , [type="button"] {……}
２.
input[type="submit"]:hover , input[type="button"]:hover {……}
input[type="submit"]:hover , [type="button"]:hover {……}
input[type="submit"] , [type="button"]:hover {……}
945:Name_Not_Found
16/03/07 03:29:44.59 .net
どちらの場合もinputを省略してる箇所があるけど、その根拠というか理屈は何?
946:Name_Not_Found
16/03/07 03:40:29.52 .net
よろしくお願いします
URLﾘﾝｸ(www.coolwebwindow.com)のno.16
URLﾘﾝｸ(www.coolwebwindow.com)
メニューバー（黒い部分）の色を変えたいのですが、
cssファイルを秀丸を開いてもどこを触って良いのかわかりません。
配色の変更法を教えていただけないでしょうか。
947:Name_Not_Found
16/03/07 08:32:54.95 .net
cssを一から勉強し直せとしか
948:Name_Not_Found
16/03/07 08:54:12.88 .net
>>946
それぐらい独学しろ
949:Name_Not_Found
16/03/07 10:21:09.41 .net
>>946
cssのmenuって書いてある所いじってみて
950:Name_Not_Found
16/03/07 13:13:50.59 0VQPZJIG.net
htmlをいじらずcssのみで下記順序を入れ替えることは可能ですか？
コンテナ
ナビ
コンテンツ
これをスマホで見たときだけ以下のようにする。
コンテナ
コンテンツ
ナビ
縦寸が可変するコンテンツの真下にナビが来るように順序を変えるcss記述法はありますか？
z-indexで順序返してみたんですがナビが来る縦位置を固定しか出来ず。。
951:Name_Not_Found
16/03/07 13:22:09.20 .net
できるお(´・ω・｀)
応援するお(´・ω・｀)
952:Name_Not_Found
16/03/07 13:32:15.67 .net
>>946
ブラウザは、FireFoxで、
アドオン FireBugを入れて、
FireBugのペイン開いて、
オレンジ色のゴキブリみたいなアイコンの隣にある矢印をクリックして、
WEB画面の黒いメニューをクリックしやがれ！！！
953:944
16/03/07 13:32:27.43 .net
>>945
グループ化する際に省略できる箇所があったりするのかなぁ？と思った次第です
１.
input[type="submit"] , input[type="button"] {……}
２.
input[type="submit"]:hover , input[type="button"]:hover {……}
で正解でしょうか？
954:950
16/03/07 13:42:10.80 0VQPZJIG.net
>>950です
top:指定で行けそうですね、有り難うございました。
955:Name_Not_Found
16/03/07 14:20:02.64 .net
ﾄﾞﾔ(´・ω・｀)
956:Name_Not_Found
16/03/07 16:38:47.10 .net
ie用のメディアクエリの指定って
@media all and (-ms-high-contrast:none)
↑こんなんだけど
chrome用のメディアクエリの指定ってあるん？
957:956
16/03/07 16:40:42.10 .net
あったわ('ω')
958:944
16/03/07 19:53:38.57 .net
セレクタのグループ化は>>953であってますでしょうか？
どこか省略が可能な箇所はありますか？
959:Name_Not_Found
16/03/07 20:35:41.95 .net
>>958
素朴な疑問なんだが自分で試さないの?
960:Name_Not_Found
16/03/07 21:09:01.93 .net
>>958
,区切りのセレクタの1つめ2つめは別にグループとか関連性はないよ
961:944
16/03/07 21:14:43.76 .net
>>959-960
すみません。
試してみて不具合はなかったのですが（IE11）、環境が変わると違う挙動するとかあるかもと思い
962:Name_Not_Found
16/03/07 21:21:07.75 .net
fc2のテンプレートのcss編集で質問です。
ヘッダー画像と背景を変更してヘッダー画像は左右上下余白ないように設定できました。ですがブラウザを縮小した時ヘッダー画像がはみ出して横スクロールバーが出てしまいます。背景も途切れてしまいます。
改善できるcssコード分かる人いたら教えて下さい。
よろしくお願いします。
963:Name_Not_Found
16/03/07 21:41:41.56 .net
>>962
background-imageあとはググれ
964:Name_Not_Found
16/03/07 23:31:15.98 .net
>>961
この機会に環境(ブラウザ)を少し増やしてみませんか。
ChromeやFirefox、CSSの構造を調べる機能もあって便利ですよ。
965:Name_Not_Found
16/03/08 19:18:15.99 .net
javascriptは<head>内ではなく、</body>の直前に記載するのが良いとよく見かけるのですが
スムーススクロールやポップアップ系のスクリプトはそうした方が良いのでしょうか？
966:Name_Not_Found
16/03/08 20:00:35.39 .net
>>965
あれってレンダリングブロックを避けましょうって文脈での話なので、head内に書いたらアカンわけではないよ?
967:Name_Not_Found
16/03/08 21:32:11.80 .net
>>965
googleアナリティクスが昔は、</body>の直前推奨だったが、
現在は終了タグ </head> の直前だ。
jsファイルを読み込むのは１箇所にまとめた方がページ表示速度が上がる。
よって</head> の直前推奨。
但しjsの処理内容によっては末端の方が都合が良い場合もある