16/02/25 21:54:05.41 .net
見出しタグの初期化は
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
}
でオケですか？
777:Name_Not_Found
16/02/25 22:13:45.25 .net
font:inherit
だけでおｋ
778:776
16/02/25 22:22:01.49 .net
追記ですいません
(主に)h1で画像を使用と思っています
マージンとパディングは必須かなと思うのですが
フォント関係は、代替テキスト用に残しておいた方がよいのかな？と思ったり
宜しくお願いします
779:Name_Not_Found
16/02/25 23:05:35.31 .net
必須だと思うなら入れればいいだろｗ
リセットってのはサイトに合わせてやるものだから、正解みたいなものはない。
自分で判断できないのであれば、専用のcssダウンロードして使うべし。
780:Name_Not_Found
16/02/26 00:34:14.39 .net
>>778
特に決まりはないし自分なりに納得というか妥協できればいいんじゃない?
781:Name_Not_Found
16/02/26 01:10:38.23 .net
>>776
font-style: normal;
は余計だと思う
見出しタグに斜体とかないと思うので
そういうブラウザもあるの？
782:Name_Not_Found
16/02/26 16:34:45.49 .net
text-indent:-9999999999999999999999999999999px
とか書くとブラクラになりますか？
783:Name_Not_Found
16/02/26 18:19:49.92 .net
非表示は範囲外に飛ばすよりdisplay:noneの方が自然だよ。
メディアクエリにさりげなく入れておけばいいし。
784:Name_Not_Found
16/02/26 19:25:21.61 .net
iframeのname属性は、外からのターゲットリンクが無ければ（サイトの新着情報表示にのみ使用）不要でしょうか？
それともnameをつけておくことにより、なんらかの情報（たとえばSEO的によいとか）として必要でしょうか？
785:Name_Not_Found
16/02/26 20:07:39.36 .net
display:flexなブロック要素をネストさせるとwin7のIE11で子側のwrapが効かなくなるのですが、これはIEのバグですか？
chromeとfirefoxでは問題ないんですけどね
786:Name_Not_Found
16/02/26 20:55:17.76 .net
flexの子はブロック要素じゃないから
787:Name_Not_Found
16/02/26 21:46:45.95 .net
>>786
div > pとul > liを試しましたがどちらもwrapされませんでした
小出しですみませんがレイアウトはヘッダ、メイン、フッタの縦３flex。
メイン部分は水平２flexで右側が固定幅、左側の子要素にflex指定したulを使用しています。
で、今しがた親のflex要素（メイン左）にoverflow:hiddenを指定したらwrapされました。
これはよくあるwidthが分からない的なパターンでしょうか？
788:Name_Not_Found
16/02/27 00:35:48.02 .net
説明が分かりにくいからソース貼ってみて
789:Name_Not_Found
16/02/27 01:57:14.09 .net
title属性がツールチップとして表示されないのは、Chromeの仕様でしょうか？
バージョンは48です
790:Name_Not_Found
16/02/27 02:17:42.58 .net
3flex、2flexて
791:Name_Not_Found
16/02/27 03:36:43.90 .net
>>788
URLﾘﾝｸ(codepen.io)
こちらになります
chromeとfirefoxではABCDEの各要素は折り返されますがIE11は折り返されずに横スクロールバーが出てしまいます
>>790
たしかに、flexに単位付けるのは変ですね
792:Name_Not_Found
16/02/27 09:12:48.73 i8pc7M6n.net
tableタグにborder:Solid 20px #0000ff;をつけた場合
テーブルの内側外側のどちらに20pxの枠線ができるんですか？
外側だったらテーブル幅の設定値より４０ｐｘテーブル幅が広くなるよね？
793:Name_Not_Found
16/02/27 10:52:11.49 .net
>>792
ボックスモデルのborder領域にできる。
外側とか内側とかないよ
794:Name_Not_Found
16/02/27 14:22:22.06 .net
>>784をおねがいします
795:Name_Not_Found
16/02/27 16:30:10.88 .net
>>794
不要でいいと思いました
796:Name_Not_Found
16/02/27 17:15:12.63 .net
>>794
SEO的に必須。name属性には狙ったキーワードを２，３個ちりばめて下さい。
797:Name_Not_Found
16/02/27 17:36:27.97 .net
>>794
そうseoに必須なんだよ
キーワードを入れるほどサイトが上位に表示されるようになる
俺は10個くらい入れてる
798:Name_Not_Found
16/02/27 18:01:57.55 .net
まじめにお願いします
799:Name_Not_Found
16/02/27 18:28:16.70 .net
割りとガチなんだが
800:Name_Not_Found
16/02/27 18:29:06.70 .net
>>798
どういう答えがお望みなんだよ
ケチつけてる間に自分で調べろ
801:784
16/02/27 19:24:43.55 .net
SEO狙いは特別には意識してなくて、例えとして出させていただきました
もちろんSEO効果がある（かもしれない）のであればそれはそれでありがたいですね
さすがにキーワード詰め込むのはどうかと思いましたが
iframeの中身をnameで明示することで、他に利点があるのか気になりまして
802:Name_Not_Found
16/02/27 19:28:57.04 .net
SEO気にするより内容濃くする努力したほうがはやい
803:Name_Not_Found
16/02/27 19:31:02.54 .net
メインのdivボックスがドカンと真ん中にあって、それとは別に
絶対配置でdivボックスをウィンドウの右上とかに配置したいのですが（SNSボタンとか）
HTML内で、この絶対配置divを記述する場所にルールはありますか？
メインdivボックスの前はさすがにおかしい気がしますが、後ろであればどこでもいいのでしょうか？
SNSボタンはページのコンテンツとは別要素なのでどこでもいい気がしますが
フッターの前がいいとか、一番最後（</body>の直前）がいいとか
なにかこうした方がいいよ、みたいな指針・ご意見あれば教えてください。
よろしくお願いします。
804:Name_Not_Found
16/02/27 20:00:40.60 .net
そんなこといわれても
805:Name_Not_Found
16/02/27 20:32:57.95 .net
>>801
じゃあ不要。
806:Name_Not_Found
16/02/27 20:38:44.35 .net
>>803
一番下でいいよ。</body>直前じゃ無くてもいいけど、コンテンツより下がいい。
807:Name_Not_Found
16/02/27 22:43:22.55 .net
重要度順や
808:Name_Not_Found
16/02/27 23:33:52.16 .net
ezHTMLってソフトなんだけど、あれどうやってあのソフト使ってサイト作ったか調べてるの？
テキストだからバイナリ埋め込むの無理そうだし
809:Name_Not_Found
16/02/27 23:56:59.52 Ehx/WSxm.net
誰が調べてるの?
810:Name_Not_Found
16/02/28 00:01:19.12 .net
>>809
ソフトの作者
リンクウェアみたいだし
例えばライブラリを使うのにリンク貼れだったらすぐ調べられるけど、テキストエディタじゃ難しくない？
811:Name_Not_Found
16/02/28 01:56:13.87 .net
メインカラムの<div>が左側にあって、サブ要素の<div>を右上にposition: absolute;で置きたいと考えています。
ソースは全く違いますが、大雑把な見た目イメージとしてはこんな感じです。
URLﾘﾝｸ(marblecat.finito-web.com)
このサイトでウィンドウを狭めると右上の画像が段々メインカラムに近づき、終いには重なってしまいます。
これを重なる前にストップさせ（重ねたくない）、横スクロールバーが出るようにしたいのですが、どうしたらよいでしょうか？
812:Name_Not_Found
16/02/28 02:49:43.55 .net
>>811
あてずっぽうだけど左divにmin-widthを設定するとか?
813:Name_Not_Found
16/02/28 03:01:24.18 .net
>>810
板違い
814:Name_Not_Found
16/02/28 15:12:21.43 .net
レスポンシブでスマホの調整に手間がかかる。
特に、上下の余白調整、fontサイズの調整
この2つ。
効率的な方法はないすか？
imgのようにウイウンドウサイズに応じて
現在指定されているfont-sizeが
max-font-size:100%;
みたいに上限設けて可変するようにできないものか
815:Name_Not_Found
16/02/28 15:36:30.82 .net
レスポンシブデザインはそういうのに向いてない。
それぞれを細かく設定したいならhtmlを分ければいい。
816:811
16/02/28 16:56:34.99 .net
自己解決したかも
totとrightのほか、left: 500px（メインカラムdivの幅）で右側も指定、
さらに
text-align:right
を追加したらうまくいきました
817:Name_Not_Found
16/02/28 17:37:46.91 .net
@mediaで分けたそれぞれにベースになるフォントサイズを一旦指定しておいて、個々のフォントサイズはemで指定するとか？
818:Name_Not_Found
16/02/28 18:47:01.94 .net
スマホ側はemよりremの方が楽かも?
819:Name_Not_Found
16/02/28 20:17:55.06 .net
なんで？
820:Name_Not_Found
16/02/29 01:23:28.78 .net
スマホの横幅って
<meta name="viewport" content="width=device-width">
がいいとされてるけどさ
<meta name="viewport" content="width=620">
とか固定の方が作りやすいしよくないか？
世界的には画面の小さなスマホのことも考える必要あるのかもしれないが日本はみんないいスマホ持ってるから関係ないんだよね
width=device-widthにしてても結局300px固定デザインで隙間だらけでズームも禁止されてて何のためのwidth=device-widthなのかわからんとこ結構あるぞ
821:Name_Not_Found
16/02/29 01:46:43.09 .net
誰かに肯定してもらわないと自信ないの？
822:Name_Not_Found
16/02/29 02:15:19.85 .net
固定より可変の方が楽だお(´・ω・｀)
823:Name_Not_Found
16/02/29 02:56:59.17 .net
>>814
vm,vh
824:Name_Not_Found
16/02/29 03:13:38.56 .net
いや自信とかではなくて1ユーザーとしても不便だからさ
とりあえずwidth=device-width書いとけばいいんでしょ的な風潮が嫌なんよ
825:Name_Not_Found
16/02/29 08:11:12.73 .net
そうだよ風潮だよ風潮
わかってんのか？あぁん？
826:Name_Not_Found
16/02/29 11:00:37.12 .net
> いや自信とかではなくて1ユーザーとしても不便だからさ
「制作者として」では？
ユーザとしてなら可変の方が便利に決まってる
827:Name_Not_Found
16/02/29 13:27:40.04 .net
>>820
正解、本当は固定値当てるのが正しいらしいよ。
原文読んだ人が、ネットで書いてた。
device-widthってのは、プログラムでいうところ hoge みたいなもので、何も設定していないのと同じらしい。
なんだかわからないが、device-width ってのがデファクトスタンダードみたいになってるけど、
環境によって、解釈がマチマチになんだって。
オレも数字入れてる
828:Name_Not_Found
16/02/29 14:04:48.87 .net
おれも！おれも数字いれてるわ
うん
829:Name_Not_Found
16/02/29 18:59:09.56 .net
PCサイトと同じで結局固定で落ち着くだろ
今ってだいたい4～6インチ代のサイズでサイズ拡大の流れも一段落ってところ
固定でデザインしてもまったく問題ない
最小サイズにデザインを合わせた可変デザインで普通のスマホから見るとスカスカ、ズーム禁止、
PCサイトよりも情報削って、そのうえアコーディオン開かないと情報取得できないわ、メニューはハンバーガー押さないと開かないなんてスマホサイトだらけでユーザー目線からしてもうんざりだよ
device-widthに合わせたデザインしてねってのはweb制作者ではなくてハード側のスマホ制作者の言い分だと思うわ
830:Name_Not_Found
16/02/29 19:04:33.89 .net
とあるデータ系サイトで縦画面はスマホ表示で横画面はパソコン表示にしてるサイトあったけどそれでいいと思った
スマホサイトを横で見たいユーザーは少ないしデータ系の表が多いサイトは横長でないとな
831:Name_Not_Found
16/02/29 19:10:02.04 .net
ハンバーガーうざいよね
もう家帰ってからPCで見るわ
832:Name_Not_Found
16/02/29 19:25:08.46 .net
dfnタグの使い方について教えてください
<p>
<dfn>2ch</dfn>とは、２ちゃんねるという巨大匿名掲示板である。
</p>
という使い方は正しいと思うのですが、
<p>
<dfn title="２ちゃんねるのこと。巨大匿名掲示板である。">2ch</dfn>は、見ているだけで楽しい。
</p>
のようにtitleだけで説明するのは間違いなんでしょうか？
833:Name_Not_Found
16/02/29 21:16:11.45 .net
<HR STYLE="border:Solid 1px #0000FF">
１ｐｘなのに線の太さが２ｐｘか３ｐｘくらいあるように見えるけど
ちゃんと１ｐｘの太さで表示するにはどうすればいいですか？
834:814
16/02/29 21:30:31.44 .net
>>818
emとかの相対はブラウザによって解釈が微妙に違うイメージあって
あまり使いたくなかった。
remは気にはなっていたが、横幅に対する相対ではないからルートの数値をmediaqueryで分岐という事か。
>>823
それはfontに対して？ボックス上下の余白に対して？
divや背景画像の縦横比保持の為にたまに使っているが
微妙におかしい（％の計算数値通りにならない）という印象。
上手く使いこなせているサイトを教えてほしい。
835:Name_Not_Found
16/02/29 21:58:59.43 .net
>>833
STYLE="border-bottom: solid 1px #0000FF"
など
836:Name_Not_Found
16/02/29 22:10:04.03 .net
>>832
一般的に、定義は正規の文章で説明される必要があるだろう。
後者の例だと
「2chとは、「見ているだけで楽しいもの」である」
（以下、2chという単語が現れたら「見ているだけで楽しいもの」に置換して読んでください）
という感じになりそう。
837:Name_Not_Found
16/02/29 22:13:03.07 .net
>>832
>titleだけで説明するのは
そういう使い方をしたいなら abbr が適する
838:Name_Not_Found
16/02/29 22:46:50.63 kwKLL7xR.net
>>835
それでも１ｐｘの線にはならなかったです
839:Name_Not_Found
16/03/01 00:55:11.41 .net
>>807
亀だけど、重要度ってなんですか？
840:Name_Not_Found
16/03/01 00:59:39.82 .net
そういうものがあるんや(´・ω・｀)
841:Name_Not_Found
16/03/01 01:05:11.71 .net
>>833
heightを0に、かなぁ。
842:Name_Not_Found
16/03/01 01:20:11.26 .net
>>838
2pxや4pxにしても同じ太さになるのか試してみたか？
（ px の寸法は絶対的長さとして定義されてはいない）
同じ太さになるなら他のスタイルで上書きされている可能性がある
843:Name_Not_Found
16/03/01 01:23:46.13 .net
>>842
pxってそうなの?
844:Name_Not_Found
16/03/01 10:08:39.13 .net
>>830
これってどうやるの？
htmlのviewportに任意の固定数字入れて
cssはmedia screen and (max-width:適当) and (orientation : portrait)
としたら手元のios9とandroid4.4で同様の事象を再現できたが正しいのか分からん
横にしたときはviewportは無視されるもんなのか？
845:Name_Not_Found
16/03/01 15:02:37.59 bQV12xtf.net
>>841
heightを０にしてもだめでした
拡大してみたら１ｐｘの青色の線の上に１ｐｘのねずみ色の線ができてしまうので２ｐｘに見えることがわかりました
>>842
２ｐｘだと３ｐｘ分に見えて４ｐｘだと５ｐｘ分に見えます
846:Name_Not_Found
16/03/01 15:18:32.80 8HSmkIwl.net
本来テキストで<strong>で囲みたいところをロゴ画像にしなければならなくて
これを<strong>で囲むことは文法上おかしくないでしょうか？
847:Name_Not_Found
16/03/01 15:24:22.82 .net
モウマンタイ
848:Name_Not_Found
16/03/01 17:47:32.93 .net
解☆決
849:845
16/03/01 18:13:08.72 .net
ありがとうございました。
850:845
16/03/01 18:21:59.47 .net
無知ですみません
<strong>で囲ってみましたが、見た目何も変わりませんね…ｗ
テキストをstrongタグ使うと、見た目がboldになるだけで
paddingやmarginが変わるわけではないのですね
851:Name_Not_Found
16/03/01 18:22:49.85 .net
せやで
852:Name_Not_Found
16/03/01 18:28:22.91 .net
見た目変わってないけどブラウザはちゃんと見てくれてるで。
853:Name_Not_Found
16/03/01 18:32:07.12 .net
>>845
はじめにborder:0でリセットしておく
854:845
16/03/01 18:48:41.77 .net
>>853
imgのborderですね。
ありがとうございます。
855:Name_Not_Found
16/03/01 18:52:44.21 .net
>>854
あれ？hrの話しじゃなかったの。
856:846
16/03/01 18:55:32.68 .net
ごめんなさい！845ではなく846でした。
騙りのつもりはなかったのですが
失礼いたしました。
857:Name_Not_Found
16/03/01 19:16:57.79 .net
許さないよ(´・ω・｀)
ホントだよ(´・ω・｀)
絶対だからね(´・ω・｀)
まぁ気をつけなよ(´・ω・｀)
858:Name_Not_Found
16/03/01 23:36:47.37 .net
否定疑似クラス難しい
859:Name_Not_Found
16/03/02 01:00:32.38 tR97nYWW.net
aタグで囲ったimgがあって、altとtitleを両方つける必要がある場合、
以下のどちらが正しいでしょうか？
<a href="URLﾘﾝｸ(hoge"><img)<) title="△△"><img src="hoge.png" alt="○○"></a>
860:Name_Not_Found
16/03/02 07:41:11.95 .net
両方ともつければいんでね？
よくわからんけど(´・ω・｀)
861:Name_Not_Found
16/03/02 08:50:40.56 .net
>>859
普通に考えれば、前者は画像そのものを説明する title
後者はリンク先を説明する title になるんじゃないか
862:Name_Not_Found
16/03/02 09:13:05.48 .net
>845
boeder-width:1px 0px 0px 0px;
のように上下左右きっちりと指定する
863:Name_Not_Found
16/03/02 09:54:45.28 .net
リストを作るならul
表を作るならtadleでいいのです？
864:Name_Not_Found
16/03/02 11:32:59.58 .net
tableで思い出したけどcolspanってcssで代用できるんかね
865:Name_Not_Found
16/03/02 13:00:59.42 .net
>>863
意味的には君の言う通りだけど、昨今はレスポンシブデザインだから、
tableにしたところが、上手くレスポンシブに馴染まないのだよ。
だから、表を dl で組んだりする事が多いよ
866:863
16/03/02 13:52:13.81 .net
>>865
そうなのですか
教えてくれてありがとうです
867:Name_Not_Found
16/03/02 20:00:37.67 .net
>>864
無理っす
868:Name_Not_Found
16/03/02 23:55:24.14 .net
そっすか
869:Name_Not_Found
16/03/03 13:11:52.02 KuMGwuid.net
【超絶】SEO対策済ホームページテンプレート
URLﾘﾝｸ(www.infocart.jp)
870:Name_Not_Found
16/03/03 18:32:41.45 XRrcKlYX.net
ＴＯＰページの一ヶ所にだけiframeを使用していて、インラインCSSでサイズやボーダースタイルを指定しています
こういった一ヶ所にしか使わないスタイルも外部CSSに書いた方がいいのでしょうか？
871:Name_Not_Found
16/03/03 19:20:03.28 .net
>>870
やりやすいようにやればいい
CSPありだとインラインCSSは使えなくなる場合もあるが
872:Name_Not_Found
16/03/03 21:56:06.98 z5JGhxqL.net
>>871
ありがとうございます
そこだけ唯一インラインだったので、特にデメリットがないのであれば外部に移した方がスッキリするので移そうと思います
873:Name_Not_Found
16/03/03 21:58:43.20 .net
ひょっとしてbackgroundのショートハンドにはlinear-gradientをふたつ指定できない!?
background:(color) linear-gradient(),linear-gradient() (position)(size)(repeat);
874:Name_Not_Found
16/03/03 22:03:02.38 .net
スレチなんだけど
Webデザイナーの求人で「フォトショップ等を使用した作品」て何送ったら良いの？
フォトショで作ったメニューバーの画像でも送りつけたらいいの？
875:Name_Not_Found
16/03/03 22:08:34.95 .net
フォトショップのこととかわかんない(´・ω・`)
876:Name_Not_Found
16/03/03 23:37:11.32 .net
>>873
画像と同じでいくつでも指定できる
877:Name_Not_Found
16/03/04 00:23:32.99 .net
>>874
それ、意図わかるぞ。
IllustratorメインでPhotoshop苦手なやつはご遠慮サインだよ。
DTP出身でコーディングわからない人はダメだな。
評価されたいなら、写真に合成やレタッチを加えたもの、HDR加工なんかでもいいので
それをキービジュアルにしたサイトデザインを提出だな。
レスポンシブなのがわかる状態で出せば評価もされるだろう。
Photoshopの技術だけを見るなら、陰影やグラデの使い方、遠近がうまいやつ。
それと普通ならIllustratorでやるような複雑な曲線をPhotoshopでも描ける奴は俺なら評価する。
878:Name_Not_Found
16/03/04 00:29:17.40 .net
>>876
ﾏｼﾞﾃﾞｽｶ
879:Name_Not_Found
16/03/04 00:37:31.94 .net
英文ページで■を表示したくて実体参照で■と書いたけどあってますか？
■は日本語フォントが入ってないと、実体参照にしても表示されないですかね?!
880:Name_Not_Found
16/03/04 01:29:46.61 .net
>>879
全角じゃん
881:Name_Not_Found
16/03/04 03:11:34.16 .net
>>880
何が言いたい?
882:Name_Not_Found
16/03/04 07:44:37.93 .net
>>881
結婚しよう
883:Name_Not_Found
16/03/04 10:58:25.96 .net
>>881
全角はアジア圏くらいで英文ページを見る国にこれは通用しない。
884:Name_Not_Found
16/03/04 13:18:25.64 .net
西欧圏で■を表示させたければ、画像にするかしかないのかな？
885:Name_Not_Found
16/03/04 13:20:42.57 .net
>>883
英文の国で見られるページだ、なんて話は出てないはずだが?
886:Name_Not_Found
16/03/04 14:09:51.48 .net
unicodeコードポイント指定しとけば2byteフォント対応してないとしても表示できるんじゃないの？
英語圏のブラウザってascii以外の文字扱えない実装とかしてんの？
今時「This page is Japanese only.」が必要でもないだろう
887:Name_Not_Found
16/03/04 17:21:41.13 .net
英文ページ作る意味がわからんな
888:Name_Not_Found
16/03/04 17:33:07.81 .net
>>887
その思考の意味が解からんわｗ
889:Name_Not_Found
16/03/04 18:02:15.60 .net
じゃあ誰向けに英字ページ作るの？
890:879
16/03/04 18:14:52.83 .net
「英文の国で見られるページ」についての質問です
■を数値化してもMSゴシックとかフォントがないときっと見れないですよね？
891:Name_Not_Found
16/03/04 18:17:04.26 .net
>>889バカ？
892:Name_Not_Found
16/03/04 18:40:25.42 .net
lang="en"のページで■は表示できるのか？
実体参照しても環境依存になるのか？
代替手段はなにがよいのか？
893:Name_Not_Found
16/03/04 19:01:19.79 .net
煽るしか脳がない奴のやることはよくわからんな。
894:Name_Not_Found
16/03/04 20:29:13.92 .net
解決への道筋が示されてるし
回答を持たないでちゃちゃを入れるだけよりマシだな
895:Name_Not_Found
16/03/04 21:09:31.06 .net
>>890
仮想環境で試してみるとかはどう?
896:Name_Not_Found
16/03/04 21:59:00.45 .net
■はcssでborderだのbeforeだのwebfontでやるより楽だよな
897:Name_Not_Found
16/03/04 22:42:21.93 .net
仮想環境等は？
日本語フォントをオフにすることできるのか？
898:Name_Not_Found
16/03/04 22:54:55.46 .net
ふと思ったけど正方形ブロックを幅も高さも1emにしたら割と簡単にイケルんちゃう?
899:Name_Not_Found
16/03/04 22:55:55.11 .net
>>897
英語OS入れるだけっしょ。
旧modern.ieで配られてる奴ならハナから英語だし。
900:Name_Not_Found
16/03/04 23:11:36.40 .net
>>898
わかってないなあ。
<ｓｔｙｌｅ>
</ｓｔｙｌｅ>
<p><span><span>こんにちはさようなら</p>
901:Name_Not_Found
16/03/04 23:19:44.43 .net
↑誤爆
<style>
span{
display:inline-block;
margin-right:0.5em;
width:1em;
height:1em;
background-color: #000;
}
</style>
<p><span></span>こんにちはさようなら</p>
なんて書くより、
■こんにちはさようなら
だけで済む魔法の■だぞ
902:Name_Not_Found
16/03/04 23:23:54.11 .net
短い記述どころか、CSSすら不要でデザインができるという魔法の■だ。
しかも「しかく」と打って変換するだけでいいんだぞ
903:Name_Not_Found
16/03/04 23:25:11.09 .net
英語OSだろうが、日本語フォントが入ってたら検証の意味ない
904:Name_Not_Found
16/03/05 00:15:08.25 .net
baseタグでベースURLを決めているときに
<a href="#top">上へ</a>
みたいなことをやると、ベースURLにすっ飛ぶんだけど
まあ当たり前なんだろうけどちょっとこのときだけは
ベースじゃなくて当該ページ内でジャンプしてほしい
どうすればいいかな
905:Name_Not_Found
16/03/05 00:17:04.40 .net
>>901
それとか罫線記号とか、便利よね
906:Name_Not_Found
16/03/05 08:19:12.94 .net
>>886
> unicodeコードポイント指定しとけば2byteフォント対応してないとしても表示できるんじゃないの？
実体参照はどこを参照すると思ってる？
ブラウザがフォントを内蔵してると思っているのかな
907:Name_Not_Found
16/03/05 08:54:58.96 .net
そんなあなたに疑似クラス
908:Name_Not_Found
16/03/05 13:53:34.12 .net
実体参照はどこを参照してんの？
909:Name_Not_Found
16/03/05 15:42:52.18 .net
詳しい方、教えてください
URLﾘﾝｸ(jsfiddle.net)
ここのbackgroundをひとつにまとめることは出来ないものでしょうか
>>873さんと>>876さんのやり取りから出来るものと思いまして。
よろしくお願いします
910:Name_Not_Found
16/03/05 17:44:40.90 .net
■って英文で見かけないね
日本語ではマーカーによく使うけど
911:Name_Not_Found
16/03/05 17:55:42.73 .net
・(ナカグロ)もないよね。
リストっぽい表現をテキストだけでするとき、あちらさんはどうやってるんだろ？
912:Name_Not_Found
16/03/05 18:05:16.19 .net
■をマーカーとして使うくらいならもっと洒落たアイコン使うわ
913:Name_Not_Found
16/03/05 18:22:38.23 .net
■とか●、簡単で使いやすくていいじゃない
914:Name_Not_Found
16/03/05 18:32:07.27 .net
list-style-typeプロパティで指定してんじゃね。半角しかないしな。
915:Name_Not_Found
16/03/05 19:02:33.61 .net
list-style-typeプロパティのあの四角って、テキストではどうやって出すの？
916:Name_Not_Found
16/03/05 19:06:10.75 .net
>>909
まずは 1 枚の background ごとに、ひとまとめにする宣言を作ってみる
それができたら、それぞれの値をカンマで区切ってつなげるだけ
917:Name_Not_Found
16/03/05 19:49:44.89 .net
>>915
テキストじゃなくてブラウザエンジンの描画だよ。
918:909
16/03/05 20:53:16.56 .net
>>916
レスありがとうございます。
URLﾘﾝｸ(jsfiddle.net)
最初から値にカンマが入っていると動かないのか、
試してみましたが自分では解決できませんでした
もうしばらく調べてみます。
ありがとうございました。
919:Name_Not_Found
16/03/05 22:41:12.51 .net
>>917
半角じゃないの？
920:Name_Not_Found
16/03/06 01:38:50.92 .net
>>919
じゃないよ。全角半角の概念がないブラウザによる描画
921:Name_Not_Found
16/03/06 03:08:47.38 .net
>>908
フォント
922:Name_Not_Found
16/03/06 03:26:49.56 .net
hrの線と同じで、リストのあれらは文字ではない何かって事なんだろうね。
923:Name_Not_Found
16/03/06 03:30:33.89 .net
>>918
2行目と3行目のbackground、ポジションとサイズ、端折ったらあかん。
デフォルト値が再指定される。
今回の場合では1行目のグラデ指定がなかったことにされる。
924:Name_Not_Found
16/03/06 03:37:30.79 .net
よろしくお願いします
URLﾘﾝｸ(www.coolwebwindow.com)のno.16
URLﾘﾝｸ(www.coolwebwindow.com)
メニューバー（黒い部分）を二段にすることはできますか。
925:Name_Not_Found
16/03/06 05:02:28.35 .net
>>924
二股の意味が分からん。
926:Name_Not_Found
16/03/06 05:03:00.19 .net
ごめん、二段か。すんません。
927:909
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の処理内容によっては末端の方が都合が良い場合もある