16/01/29 13:46:53.06 .net
>>283
はい、そこはわかっていまして>>279で書きたかったことは
Safari, Chrome, Firefoxのtdのborderに関する限りは
「仕様で定められておりUAにも仕様どおり実装されている初期値」を
「デフォルトスタイルシート（＝UAのスタイルシート）」で
上書きしていないことを確認しましたということと、それでもいちおう
「制作者スタイルシート」でborder:0を指定しておくことにします
・・・ということです
（ユーザが独自のスタイルシートを設定している可能性もあるため）
わかりにくくてすみません・・・
286:Name_Not_Found
16/01/29 14:37:07.41 .net
文法心配なら、バリデーションサービスつかって確認すればいいんだよ
287:Name_Not_Found
16/01/29 14:37:27.25 .net
>>277
img-align
288:Name_Not_Found
16/01/29 15:42:54.09 .net
CSSのメディアクエリを利用したレスポンシブデザインについての質問です。
画面幅min-width:1280pxで有効になるプロパティを設置をしたところ、
解像度1280px*800pxのPCにて、ブラウザウインドウ最大で有効になりました。
しかし、ブラウザの表示領域にはスクロールバーが含まれているため1280pxより狭くになっているはずです。
これはmin-widthやmax-widthで指定したの値はスクロールバーを無視したサイズだという解釈でよろしいのですか？
289:Name_Not_Found
16/01/29 16:17:18.08 .net
ネットスケープナビゲーターで見てもレスホンシブルなデザインに見えますか？
290:Name_Not_Found
16/01/29 16:17:59.05 .net
cssに詳しい人に質問があります！
@media(min-width:1000px){
nav li{
position:relative;
}
}
@media(max-width:1000px){
nav ul{
position:relative;
}
}
↑のようになっているときに
ひとつにまとめるということはできるもんでしょうか？
教えてください(´・ω・`)
291:Name_Not_Found
16/01/29 16:20:41.33 .net
できるよ
292:Name_Not_Found
16/01/29 16:48:38.44 .net
svgってなんですか？？
293:Name_Not_Found
16/01/29 16:53:28.70 .net
>>292
Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で
イラストレーターで扱うベクターデータの事を言う。
だから、拡大縮小しても、描線がボケる事が無い。
しかしながら、ブラウザが対応していなければ、表示する事ができない
294:Name_Not_Found
16/01/29 17:19:39.79 .net
>>288
メディアクエリの幅は、javascriptのwindow.innerWidthと同じくスクロールバーを含んだ幅です。
従って、min-width:1280pxで設定したプロパティが有効になっているときの
ブラウザ画面で表示されている部分の幅は1280px-スクロールバー幅です。
295:Name_Not_Found
16/01/29 18:45:10.37 .net
>>285
td で制作者スタイルシートを指定する前の状態で開発者ツールでデフォルトスタイルシートを確認した、ということでしょうか。
td { border-style:solid; } を指定してから「～のようですね」といわれていましたが、 td を指定したらデフォルトスタイルシートを確認出来ないので前後関係がよくわかりませんでした
>（ユーザが独自のスタイルシートを設定している可能性もあるため）
ユーザスタイルシートは制作者スタイルシートよりも優先順位が高いですよ
究極的にはデザインはユーザの自由になるものなのでユーザスタイルシートを上書きする事は出来ません
制作者スタイルシートでタイプセレクタを指定するのはあくまで(実相依存な)デフォルトスタイルシートを上書きする為です
296:Name_Not_Found
16/01/29 19:10:17.92 .net
>>295
> ユーザスタイルシートは制作者スタイルシートよりも優先順位が高いですよ
これはどうなの？（W3Cより引用）
Sort according to importance (normal or important) and origin (author, user, or user agent). In ascending order of precedence:
1.user agent declarations
2.user normal declarations
3.author normal declarations
4.author important declarations
5.user important declarations
297:Name_Not_Found
16/01/29 19:13:22.50 .net
>>295
こんなふうに確認しました
URLﾘﾝｸ(i.imgur.com)
開発者ツールでtdのひとつに制作者スタイルシート（border-style:solid）を定義しています
>ユーザスタイルシートは制作者スタイルシートよりも優先順位が高いですよ
あれ？これは逆ではないですか？
298:Name_Not_Found
16/01/29 19:45:06.80 .net
だからー…
リセット・ノーマライズなりをしないでCSSを書くことがあり得ないからそこを突き詰める意味は無いんだよ。
それが趣味だってのなら別だけど、ならボーダーでもなんでも好きにしろっての。
299:Name_Not_Found
16/01/29 19:59:30.11 .net
ほんとそれ
パンツ履かないで外出して捕まらない方法を考えるようなもんだね
最初からパンツはけっての
300:Name_Not_Found
16/01/29 20:00:45.25 .net
たぶんリセットなりノーマライズの話はみんなわかってると思うよ
その上で気になるので突き詰めるかどうかは>>298の言うとおり趣味の領域
人の趣味の話に口出しすんなや
スレチでもなし迷惑もかけてるわけでもなし
醜い煽りあいに発展してるわけでもなし
301:Name_Not_Found
16/01/29 20:08:06.70 .net
borderに限らず、デフォルトで余計な事やってるタグはいくらでもあるでしょ。
それをまとめてリセットなりノーマライズするのが定番になってんだから、みんな邪魔くさいと思ってるんだろう。
302:Name_Not_Found
16/01/29 20:16:02.15 .net
>>296-297
失礼、誤って記憶していました
!important 属性がなければ制作者スタイルシートの方が優先順位が上ですね
303:Name_Not_Found
16/01/29 20:41:37.23 .net
ul li{
float: left;
margin-right: 20px;
list-style-type: none;
}
ul li a:hover img{
border:3px solid #000;
margin: -3px;
position:relative
}
<ul>
<li><a><img></a></li> ×4
</ul>
これをIEで見るとホバー時ボーダーがちゃんと表示されず困っています。
zoomとかz-index設定しても変わらずで、どうしようもないんでしょうか？
ちなみにborderをoutlineにしたらうまく表示できました。
ありがとうございました。
304:Name_Not_Found
16/01/29 20:53:31.82 .net
IEのバージョンは？
305:Name_Not_Found
16/01/29 20:54:31.81 .net
11です。
306:Name_Not_Found
16/01/29 21:09:20.58 .net
違った10でした
307:Name_Not_Found
16/01/29 21:14:32.01 .net
11です。
308:Name_Not_Found
16/01/29 22:23:36.56 .net
10です。
309:Name_Not_Found
16/01/29 22:31:02.42 .net
>>303
img:hoverにする
あとカクカク対策はネガティブmarginよりも
border-color: transparentがいいような気がする
310:Name_Not_Found
16/01/29 22:54:19.48 .net
ホバーじゃない時も透明なボーダーを付けとくということ事ですか
白背景だったので#fffで試したら見た目が変になってしまったので別の方法を探してたのですが、それは試してませんでした。
どうもです。
311:Name_Not_Found
16/01/30 03:03:16.02 .net
ボーダー沸きすぎ
312:Name_Not_Found
16/01/30 05:47:55.72 .net
DWディスキチの次はボーダー君か
キャラ揃いすぎだろｗｗ
313:Name_Not_Found
16/01/30 07:59:13.77 .net
IEが悪い
314:Name_Not_Found
16/01/30 08:46:06.03 .net
ボーダー君の趣味につきあうスレになったのかここは
315:Name_Not_Found
16/01/30 12:48:20.43 .net
HTML 仕様の
detached nested browsing context
（ www.w3.org/TR/html51/browsers.html#navigating-nested-browsing-contexts-in-the-dom ）
とはどういうものですか？
detached であっても、 nested の状態は維持されるのですか？
それとも nested とは言えなくなくなるのですか？
316:315
16/01/30 15:03:28.08 .net
すいません。
自己解決しました。
317:315
16/01/30 15:37:33.40 .net
>>316
勝手に解決するなよ
318:315
16/01/30 16:10:08.24 .net
解決して何が悪い？
319:Name_Not_Found
16/01/30 17:52:20.59 .net
ちょっと難しい質問するとこれだよｗ
320:Name_Not_Found
16/01/30 18:00:08.34 .net
font-familyの欧文指定で、
Helvetica,Arial
としてmacでArialが表示されるのを避けたいのですが
先頭にHelveticaを持ってくるとIEで不具合が出ると聞きました
回避するにはどうしたらいいでしょうか？
321:Name_Not_Found
16/01/30 18:39:36.30 .net
UAから呼び出すフィルを変える
322:320
16/01/30 18:59:43.55 .net
>>321
キーワードだけではちょっと私にはレベル高いです…ググってみます…
font-family: Arial, Helvetica, sans-serif;
このようにしたら、Macの方はArialで表示されてしまいますよね!?
323:244
16/01/30 19:20:58.56 .net
>>290
できないだろjk
324:Name_Not_Found
16/01/30 20:04:37.53 .net
>>290
メデイアクエリの外側に書くとかそういう話じゃなくて？
325:Name_Not_Found
16/01/30 20:35:17.80 .net
min-width:1000pxなら
max-width:999px;、もしくはmin-width1001pxにした方がよくね
実害は少ないだろうけど、1000pxでカブる事になる
326:Name_Not_Found
16/01/31 21:59:57.86 .net
私アホで英語全然ダメなんですけど
HTMLとCSS勉強すれば出来るようになりますかね？
327:Name_Not_Found
16/01/31 22:07:06.48 .net
HTMLCSS勉強しても英語はできるようにならないと思う
328:326
16/01/31 22:15:50.18 .net
>>327
そういう意味じゃなくって
英語が苦手でもHTMLとCSSを出来るようになりますかってことです。
329:Name_Not_Found
16/01/31 22:42:58.36 .net
趣味レベルならできんじゃね
330:Name_Not_Found
16/01/31 22:49:06.00 .net
background-imageはbackground-positionで表示する位置を指定することができるけど
img要素を使った背景画像の位置は指定することができないん？(´・ω・`)
今img要素をposition:absolute;とtop:0;とleft:0;で敷き詰めてるん(´・ω・`)
誰かおしえて
331:Name_Not_Found
16/01/31 22:53:11.85 .net
img要素って言ってる時点ですでに背景画像じゃねえだろ
素直にbackground-repeatで敷き詰めなさい
332:Name_Not_Found
16/01/31 23:54:50.86 .net
>>328
出来るって言って欲しいの？
でも実際は無理だよ。たかだか英語が出来る出来ないなんて次元の話してる時点で無理。
333:Name_Not_Found
16/02/01 00:10:44.20 .net
>>331
そんな殺生なー
img要素で背景画像を指定しないとスマートフォンで見たときにアドレスバーにいじめられるんよ(´・ω・`)
あとposition:absolute;じゃなくてposition:fixed;だった ごめん
334:Name_Not_Found
16/02/01 00:43:45.10 .net
>>333
言ってる意味がぜんぜんわからん
なんだアドレスバーにいじめられるって
ソース貼れソース
335:Name_Not_Found
16/02/01 01:28:03.60 .net
>>322をおねがいします
336:Name_Not_Found
16/02/01 01:36:18.26 .net
>>328
そういう意味に読めるよ。何だよその態度は。
337:Name_Not_Found
16/02/01 02:07:33.45 .net
フォント変態かよ。
338:Name_Not_Found
16/02/01 02:41:18.23 .net
>>328
だめ
まず、英語できないと話にならない
339:Name_Not_Found
16/02/01 03:08:38.44 .net
タグがアルファベットなだけで、英語のスキルなんか不要。
日本語の解説も腐る程あるから何の問題もない。
こいつらだって英語が出来るわけじゃない。無視して良いよ。
340:Name_Not_Found
16/02/01 03:34:50.39 .net
>>326
東大合格マンガ、ドラゴン桜の、
英語教師のモデルになった竹岡広信。
ドラゴン・イングリッシュのシリーズは秀逸
必修英単語1000・必修英文法100
この2冊で勉強せよ。
そしたらGoogle翻訳を使いながらも、意味がわかるようになる
341:Name_Not_Found
16/02/01 04:48:21.64 .net
押し付けうっとーしー
342:Name_Not_Found
16/02/01 11:08:12.33 .net
>>334
↓の設定で画像を張り付けることはできるんだけど
背景画像（1枚絵）の固定とスマートフォンのインターフェースの動きが合わないのか
アドレスバーの領域と同じ高さの分だけ背景画像がずれるんよ(´・ω・`)
body{
background-attachment:fixed;
background-image:url(画像);
background-position:50%;
}
↓みたいにimg要素を背景画像として張り付けるとずれないんだけど
表示位置を調整できないん(´・ω・`)
img{
left:0;
position:fixed;
top:0;
z-index:-1;
}
もう他の画像を作ることにするお
ありがちょ(´・ω・`)
343:Name_Not_Found
16/02/01 11:57:02.51 .net
>>342
background-position: 50% 0; /* または「0 0」 */
にすればなおる、というかimg要素使った場合と同じ見た目にはなるはず
あと今回の件とは関係ないが background-size もうまく使えると便利だよ
344:Name_Not_Found
16/02/01 12:06:08.91 .net
>>343
アドバイスありがとう
でもうまくいかなかったよ(´・ω・`)
今日は自棄食いするね
345:Name_Not_Found
16/02/01 12:36:09.05 .net
>>344
それbodyに背景いれてるからアドレスバーの有無でパディングみたいな感じの挙動してるんでしょ
とりあえずbody直下にdivかませてそのdivに背景指定すれば回避できるんじゃない？
346:Name_Not_Found
16/02/01 12:52:22.40 .net
>>340
そんなもん今さら読破しなくても、WEB翻訳に頼らずとも読むくらいは中高出てたら普通にできるだろ
会話は出来ないがな
347:Name_Not_Found
16/02/01 13:15:39.09 .net
定期的にくるなこれ
348:Name_Not_Found
16/02/01 13:18:56.23 .net
>>345
試しに空のdivを置いてテストしてみたけどアカンかったよ(´・ω・`)
div{
background-attachment:fixed;
background-image:url(画像);
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:-1;
}
349:Name_Not_Found
16/02/01 13:59:31.31 .net
>>348
height:100vhで
350:Name_Not_Found
16/02/01 15:09:08.55 .net
>>348
結局imgとbackgroundどっちでやりたいの？
backgroundでやるならpositionいらないでしょ
351:Name_Not_Found
16/02/01 17:44:17.82 .net
>>349
vh対応していないブラウザはどうする？
352:Name_Not_Found
16/02/01 18:21:06.78 .net
>>350
今のところimgでやれば問題はないんよ
でもなんかモヤモヤするん(´・ω・｀)
>>345のいう不具合が正にそれなんだけど、これ以上は迷惑がかかりそうなんで大人しくimgでするん(´・ω・｀)
353:Name_Not_Found
16/02/01 19:51:25.10 .net
>>351
対応しているブラウザ、パソコンを買うように一文を表示させる。
354:Name_Not_Found
16/02/01 20:32:26.86 .net
>>352
余計なおせっかいかもしれんが
ソースはjsfiddle.netとかに貼ったほうが質問するほうも教えるほうも効率的
具体的に答えてもらいやすい気がする
所詮２ｃｈだから答える方も義務じゃないし
質問する側もここじゃダメだと思えば他当たればよい
迷惑とか気にしすぎる必要はないよ
355:Name_Not_Found
16/02/01 20:43:49.85 .net
大げさすぎｗ
356:Name_Not_Found
16/02/01 20:50:25.38 .net
そんなガチなやつがつまずいてこんなとこで答え求めたりしねーよ。
357:Name_Not_Found
16/02/01 21:13:46.24 .net
jsfiddleみたいなのは積極的に使ったほうがいい
結果として抽象的ななんともいえん質問がへってくれればなおよし
358:Name_Not_Found
16/02/01 23:06:10.95 .net
SVGでもHTML中で、<svg>タグで図形を指定すれば、
すべての機能を使えるけど、
CSSのプロパティに、url関数で指定して、
外部ファイルとして参照すれば、使える機能が限定される
background: url(～.svg);
ブラウザ製作者は、結構いい加減だろ
359:Name_Not_Found
16/02/02 10:08:15.34 .net
俺の使ってサーバー
SVG対応してない怒
360:Name_Not_Found
16/02/02 11:36:31.36 .net
じゃあ俺も怒るわ
361:359
16/02/02 12:34:00.69 .net
勘違い
対応してたわ
早とちりスマン
362:Name_Not_Found
16/02/02 13:48:50.94 .net
じゃあ俺も謝るわ
すまん
363:Name_Not_Found
16/02/02 14:14:16.68 .net
せんせい、だんしがバカです
364:Name_Not_Found
16/02/02 20:49:18.55 .net
いつものことです
365:Name_Not_Found
16/02/02 21:34:19.42 .net
cssでテキストをbackgroundの中心に配置するにはどうしたらいいでしょうか？
左上に配置されてしまいます。
それと一番下のアドレスが背景と合体するのを解除するにはどうしたらいいでしょうか？
URLﾘﾝｸ(sironeco.info)
366:Name_Not_Found
16/02/03 00:59:59.19 .net
なるほどな
367:Name_Not_Found
16/02/03 03:15:11.76 .net
まさか全部contentで流しこんでないよな。
斬新やけどやめときや。
368:Name_Not_Found
16/02/03 18:35:58.47 .net
{
"itemNum": "0",
"itemSource": "<a href="hoge.html"><img src='hoge.jpg' alt='a'></a>"
},
リンクが機能しないんだけど
369:Name_Not_Found
16/02/03 19:29:59.41 .net
おらには難しくてわからねえだ(´・ω・｀)ﾕﾙｼﾃｹﾛ
370:Name_Not_Found
16/02/03 20:36:04.74 .net
何が起こってるの…
371:Name_Not_Found
16/02/03 20:49:22.31 .net
>>368
スレチ
372:Name_Not_Found
16/02/03 20:51:17.74 8yUQeyaF.net
>>368
imgの属性は’で囲ってるのにaタグの属性に”使ってるからじゃない？
373:Name_Not_Found
16/02/03 20:54:11.82 .net
hrefがurlじゃなくファイルな件
374:Name_Not_Found
16/02/03 21:32:10.78 .net
つまりどういうことだってばよ
375:Name_Not_Found
16/02/03 22:13:08.95 .net
>>372
そういう統一性必要なんか
'にしたら開けたわthx
376:Name_Not_Found
16/02/03 23:37:58.26 .net
なんでうまくいったかまったくわかってないっぽいな
まあええけど
377:Name_Not_Found
16/02/04 00:11:35.97 .net
んなことよりスレタイ読めや
378:Name_Not_Found
16/02/04 16:45:26.74 i0li0Bs6.net
コメントの閉じタグに // を書くのって
//-->
なんの風習だっけか
これ今はいらないよね
379:Name_Not_Found
16/02/04 16:55:09.49 .net
そもそも必要だった時代があるの？
380:Name_Not_Found
16/02/04 20:34:24.00 .net
ロールオーバーについての質問です。
よろしくお願いします
Aファイル
以下2つを配置できるようにテーブルを組みました。
・上部にナビゲーションボタンが並ぶ（それぞれロールオーバーします）
・その下のテーブル内に1枚のメインのjpegイメージ
Bファイル
別ファイルに縦三分割のテーブルを組んでその中にそれぞれ
ロールオーバーするイメージ3つを配置しました
Bファイルのテーブルを丸ごとコピーし、Aファイルのjpegイメージを削除してそこへペーストすると
上部のナビゲーションボタンも、ペースとした下部の3イメージもロールオーバーしなくなりました。
ロールオーバーする素材のIDに重複はないのですが、なぜ絵が切り替わらなくなったのでしょうか？
初心者なので根本的にやり方が間違ってるのかもしれませんがよろしくお願いします
381:Name_Not_Found
16/02/04 20:44:28.36 .net
解読班はよ
382:Name_Not_Found
16/02/04 20:53:43.75 .net
サンプルでいいからファイルアップすりゃいいだけなのに
説明するなら完璧にしないと状況把握できないから、原因も何も分かるわけが無い。
383:380
16/02/04 20:59:37.21 .net
分かりづらくて済みません。
テーブル内にロールオーバーする素材があるAファイルに、別のBファイルからロールオーバー素材をコピーペーストすると
ロールオーバー素材のIDは重複してないのに、元からあったのもペーストしたのもロールオーバーしなくなりました。
何が原因なのでしょう？
384:Name_Not_Found
16/02/04 21:01:15.54 .net
例えばBファイルを削除したら元に戻るのか？
そんなわけないと思うけど
385:380
16/02/04 21:05:31.40 .net
Bからペーストしたものを削除してもAのロールオーバー素材は動きませんでした。
自分でも把握しやすいように簡単なサンプルを作ってみます
386:Name_Not_Found
16/02/04 21:17:19.51 .net
おそらくこれはDreamweaver上での話だろ？
であればまずそれを言わないとわからないよ
んで、DWにロールオーバーを設定する機能があるんだよな、たぶん
その辺ちゃんと前提条件伝えた上で回答できる人を待つことだね
ただ正直DWでサイト作り続けるのは茨の道だよ
使ってる人少ないし必然的にネット上にも情報はあまり転がってない
>>380読む限りやってることも一昔前のやり方っぽい（DW知らんので違ったらすまん）
387:Name_Not_Found
16/02/04 21:32:36.42 .net
>>386
別に茨の道でもないだろ…
ある程度いったらソフトなんてなんでもよくなるんだからdwかどうかなんて関係ない。
dwに拘るのもアホだしdwを貶すのも素人まるだし。
388:380
16/02/04 21:46:30.37 .net
単純なサンプルを作ったらそれは正常でした。
オリジナルの方をもう一度一から作り直してみます
お騒がせしてすみませんでした
蛇足ですが、昔GoLiveを使ってたのですが今はなくなってしまったので新たに何か選択肢なくてはならず、
であれば昔から名前だけは聞いたことがあるDWを という流れで今に至るでした
389:Name_Not_Found
16/02/04 22:22:21.20 .net
>>387
お前自分でも書いてるがDWが別に茨の道じゃないのは「ある程度いった」やつにとってだろ？
380みたいな初学者にとってはどうだと思ってんの？
俺は上にも書いたとおりDWは情報少ないし
場合によっては汎用的じゃない知識に時間をとられる（ロールオーバーの設定とか）から
初学者にはあんまりおすすめしないのよ
お前の言う「知識あるやつにとってはソフトなんて関係ねえ」ってのは
俺に対するレスとしてもおかしいし>>380にも関係ない話でピントがずれてんだよ
そうじゃなくって初学者にとってDWはこういう理由でおすすめだよとかそういう話なら
俺も知りたいし何より380にとっても有益だと思うよ
（てかDWのこと知ってるなら380の質問に答えてあげろよ）
390:Name_Not_Found
16/02/04 22:33:36.03 .net
そもそも>>380がDWの話だと気がついてあげたのは見たとこ>>386が最初で
きちんと交通整理してくれてんのに>>387の言い草はないわ
俺は>>381とおなじでなんのこっちゃ全然わからんかったよ
391:Name_Not_Found
16/02/04 22:49:51.68 .net
>>389
本屋いったことないの？
dwの教本なんて腐るほどあるだろ
他のオーサリングソフトの教本なんて滅多にない。
それでもまだ情報が少ないってンならむしろある程度のレベルまでいった段階なんじゃねーの？
392:Name_Not_Found
16/02/04 22:56:46.86 .net
>>391
人のこと素人まるだしっていったりある程度のレベルっていったり一貫しない人だね
しかも結局DWが初学者にとってどうなのかに答えてないし380のことも置いてきぼりだし
393:Name_Not_Found
16/02/04 23:56:45.28 .net
どうも何も、どうってことない
394:Name_Not_Found
16/02/05 00:52:37.07 .net
ＤＷは初心者用の教本がある時点で恵まれてるってこと
395:Name_Not_Found
16/02/05 04:56:11.43 .net
>>388
たぶんdwが自動で書いてるロールオーバのjsがヘッダーにあるとおもうからそれがないと動かないよ
396:Name_Not_Found
16/02/05 10:37:09.85 .net
>>379
それで思い出した
scriptタグを書くときの作法だったわ
397:Name_Not_Found
16/02/05 10:41:34.62 .net
どぅわれか～(´・ω・｀)
とぅわすけて～(´・ω・｀)
©で出るコピーライトの色が真っ黒なの！しかもスマホで見たときだけ
なにが原因かわからないお(´・ω・｀)
ﾀﾁｹﾃ(´; ω ;｀)
©って環境依存文字だっけ？(´・ω・｀)
398:Name_Not_Found
16/02/05 13:03:44.87 .net
>>397
フォントサイズ小さいのだろう
デカくしてみん
399:380
16/02/05 14:17:10.85 .net
すいません。自己解決しました。
400:Name_Not_Found
16/02/06 22:38:05.13 .net
inputのplaceholderを使いたいけどvalueが優先されてしまいます！
valueは入れないと構文チェックで引っかかってしまいます；；
placeholderを優先する方法はないでしょうか
401:400
16/02/06 22:50:00.21 .net
自分の勘違いでした
解決済みです
402:Name_Not_Found
16/02/06 23:47:16.09 .net
iframeのname指定で、記号「'」は使えますでしょうか？
403:Name_Not_Found
16/02/07 01:19:58.53 .net
iframeに限らずname属性では使えない
というかたぶん「'」使える属性自体存在しないかと
404:Name_Not_Found
16/02/07 01:38:27.04 .net
URLﾘﾝｸ(docs.adobe.com)
使えるんじゃない？
405:Name_Not_Found
16/02/07 04:03:17.66 .net
URLﾘﾝｸ(jsfiddle.net)
使える
406:400
16/02/07 13:13:40.60 .net
壁に直面したのでヒントをください(´・ω・`)
<textarea placeholder=
407:400
16/02/07 13:15:08.53 .net
なんか書き込めなかったのでもう一度書き込みます
壁に直面したのでヒントをください(´・ω・`)
textarea placeholder="あいうえお"> あいうえお </textarea
↑の場合でplaceholderを優先したいのですが何か方法はないでしょうか
ちなみに、初期値を削除すると構文に問題が出るので削除しない方向でいきたいとです(´；ω；`)
408:Name_Not_Found
16/02/07 13:44:53.04 .net
開始の<と閉じの>がない
409:Name_Not_Found
16/02/07 13:53:09.68 .net
初期値ってvalueのことだと勝手に解釈するがvalueをjsで消せばよい
が、そんなことしたらvalueの意味ねーｗ
つかvalueが空だとエラー出す文法チェッカーってなに？
興味あるんだが
410:400
16/02/07 14:53:33.16 .net
>>408
ごめんなさい 閉じタグを入れたら>>406のようになってしまったので外しました
>>409
URLﾘﾝｸ(www.htmllint.net)
↑のサイトだとtextareaの初期値が空だとエラーで訴えてきます
inputだとvalue=""でも問題はないみたいです
現在はJavaScriptのDOMとやらを使って修正作業中です(´・ω・`)
411:400
16/02/07 22:12:42.41 .net
なんとか解決しました。
ありがとうございました。
412:Name_Not_Found
16/02/07 22:26:59.43 .net
imgとhrefが同じURLの場合って
省略出来ないの？
同じURL二度書くと無駄にソース長くなるし
413:Name_Not_Found
16/02/07 23:42:59.15 .net
サムネように小さい画像作ればアドレス変えられるよw
414:Name_Not_Found
16/02/08 00:34:23.81 .net
>>412
そもそもaタグとimgタグは別もんだろ…
415:Name_Not_Found
16/02/08 01:03:22.10 .net
URLを省略すりゃいいじゃん
416:Name_Not_Found
16/02/08 09:29:47.86 .net
>>412
サーバサイドスクリプトで変数を参照したら？
417:Name_Not_Found
16/02/08 13:00:51.75 .net
>>412
srcとhrefが同じ値って事？
XSSでも仕込むかのよと勘ぐっちゃう。
君、スクリプトキでぃ じゃないよね？
418:Name_Not_Found
16/02/08 15:40:51.93 .net
ウィーバーみたいな機能のグーグルのフリーアプリありませんでしたっけ
ぐぐろうにもなんてキーワードでググっていいかも分からなくて手ごたえなし
グーグルのじゃなくてもいいんですが、ソースとヴィジュアルを確認しながら作業したかったんですが適当なものご存じありませんか？
419:397
16/02/08 16:03:30.73 .net
>>398
試しにフォントサイズを2倍にしてみましたけど
真っ黒です(´・ω・`)
420:397
16/02/08 16:09:16.73 .net
どうやらchromeのバグのようでござる
お騒がせしますた(´・ω・`)
421:Name_Not_Found
16/02/08 16:45:44.54 +FEZ36px.net
titleについて教えてください
TOPページ:
ホゲホゲ館
例)ギャラリーページ:
ホゲホゲ館｜ギャラリー
ギャラリー｜ホゲホゲ館
例)お知らせ
ホゲホゲ館｜お知らせ
お知らせ｜ホゲホゲ館
どちらが正しいのでしょうか？
色々なサイトを見るとまちまちなようで
内容は、個人で小規模な写真サイトやっています
422:Name_Not_Found
16/02/08 16:54:43.18 .net
>>420
ふぉんとがわるいのかもい
423:Name_Not_Found
16/02/08 17:16:00.07 .net
>>421
どっちでも正しいよ
424:Name_Not_Found
16/02/08 17:16:33.07 .net
CSSでギザギザの線をつくり上側の領域を透明に下側を赤にしたいです。
CSS Jagged Border Generatorで、上を青下を赤にして生成すると、
{
background:
linear-gradient(-135deg, #0000ff 20px, transparent 0) 0 20px,
linear-gradient(135deg, #0000ff 20px, #ff0000 0) 0 20px;
background-color: #0000ff;
background-size: 40px 40px;
}
となったので、何も考えずに#0000ffの部分をtransparentに書き換えたのですが、上手くいきませんでした。
次にlinear-gradientの意味を知ろうと思いGoogleでいろいろ調べたのですが、
linear-gradientは元々グラデーションをつくるためのメソッドらしく、
解説を読んでもいまいち理解できませんでした。
お詳しい方、ご教示いただけませんか？
425:424
16/02/08 17:31:11.60 .net
すいません自己解決しました。
426:424
16/02/08 20:42:56.03 .net
>>425この人偽者です。なんですかこの人・・・
知らない人が僕を装って自己解決しましたと書き込まれています。
変な人もいるもんですね。
427:424
16/02/08 21:03:14.25 .net
いいえ、解決したものは解決したんです。
わけのわからないことを言わないでください。
428:Name_Not_Found
16/02/08 21:09:01.59 .net
こいついつもいるよ
429:Name_Not_Found
16/02/09 01:48:07.83 .net
>>410-411
解決法になってない手段で解決してる気になってる件
ｽﾚﾘﾝｸ(hp板:242番)n-
430:Name_Not_Found
16/02/09 06:56:28.02 .net
>>424
background-repeat: repeat-x; /* 背景を左右方向にだけ繰り返す */
background-position: bottom; /* 背景を下端に合わせる */
を追加すればわかるだろう
ちなみにその背景は
background-size: 40px 40px;
で縦横 40px の正方形ボックス背景を指定している
linear-gradient はボックスを三角形に塗りつぶす2枚の画像を指定している
その重ね合わせでギザギザを表現している
linear-gradient(-135deg, #0000ff 20px, transparent 0) 0 20px
というのは
(1) グラデーションは左下方向へ進行する（ 12時の方向から 135度反時計回り）
(2) その開始点は左下方向と反対方向にあるボックスの隅になる
(3) 開始点から 20px の所までは最初の色 #0000ff で塗られる
(4) 開始点から max( 20px, 0 ) より先の所は次の色 transparent で塗られる
よって 20px の所で色が transparent に切り替わる
（ transparent 0 は transparent 20px でも同じで
transparent 30px にすると本当のグラデが現れる）
431:424
16/02/09 12:56:54.14 .net
>>430
それは試してみたんですが、うまくいかなかったんです。
432:Name_Not_Found
16/02/09 20:46:59.16 .net
管理者モードなどでテーブルの色や枠線の幅を設定する場合
スタイルシートはHTMLタグにstyle="border:Solid 枠線の太さ設定変数 枠線の色設定変数"のように埋め込むしかないですよね？
外部ファイルにcssを置くとcssファイルに設定値を書き込んでいる最中に
cssファイルを読み込まれることになるから
433:Name_Not_Found
16/02/09 20:58:40.85 .net
管理者モードって何の?
434:432
16/02/09 22:34:36.36 .net
ワードプレスです
435:Name_Not_Found
16/02/09 22:49:48.23 .net
掲示板とかの管理者モード
436:Name_Not_Found
16/02/09 22:54:50.04 .net
ワードプレスかよｗ
まあなんにしてもHTMLタグのstyle属性に直接記述することはあまりない
あと>>432の後半２行は意味不明
全般的にもっと読む人がわかりやすいように書けｗ
437:Name_Not_Found
16/02/10 02:30:00.48 .net
>>432
作業中のCSSがリアルタイムで読み込まれるわけじゃないから。
一時的にページが崩れるくらい大幅なメンテやアップデートするときに、閲覧者に見られたくないんであれば、
作業してる間だけサイトをプライベートにしておくか、ローカルでテストしてからアップすればいいよ。
438:Name_Not_Found
16/02/10 11:00:01.46 .net
多分スレチな内容なんだろうと思うけどどこで質問すればいいのかわからなかったからこちらに
昔流行りそうだった、フレームを使ってメニューやヘッダーを分けるみたいに、
フレーム無しでメニューやヘッダー、を外部ファイルから読み込んで来るような
いわゆるオブジェクト指向の構造を作るにはどの分野を勉強すればいいんだろうか
コンテンツが一つ増えるごとに全ページのメニュー編集とかがそろそろ追いつかなくなってきて
勉強したいもののどうぐぐればいいのかがさっぱり状態
439:Name_Not_Found
16/02/10 11:11:14.11 .net
>>436
じゃあちょっと質問かえる
phpやperlなどのプログラムでスタイルシートの背景色や枠線の太さの設定値を自動生成する場合
直接htmlタグにstyleを埋め込むしか思いつかないんだけど
こういう場合はcssを外部ファイルに置くと言うのは無理なので埋め込むしかないですよね？
440:Name_Not_Found
16/02/10 11:17:22.22 .net
付け加え
掲示板で投稿毎に投稿ごとの背景色が変わるようにする場合は
外部にcssを置くのって無理じゃないかってことです
441:Name_Not_Found
16/02/10 12:21:54.45 .net
overflow-y:scroll に設定したエレメントについて
最下部にスクロール済みの状態をcssだけで再現可能でしたら方法を教えて下さい
よろしくお願いします
442:Name_Not_Found
16/02/10 12:32:33.32 .net
無理です
443:Name_Not_Found
16/02/10 12:51:16.06 .net
>>440
結局何がしたいの？背景色をランダムで変えたいって事？？
444:Name_Not_Found
16/02/10 12:55:13.47 .net
>>438 SSIじゃだめかい？
445:Name_Not_Found
16/02/10 13:40:42.86 .net
>>439
プログラムでclass属性を出し分ける方法もあるよ
実際のスタイルはあらかじめcssファイルに定義しておく
style属性をいじってもいいけど
変更するCSSプロパティが増えると煩雑になりがちなので
どちらの方法をとるかはケースバイケースで
446:Name_Not_Found
16/02/10 13:43:20.25 .net
>>438
SSI
php インクルード
HTMLテンプレートエンジン
などでググれ
447:Name_Not_Found
16/02/10 13:46:02.41 .net
>>440
445の続きだが投稿ごとにstyle-1、style-2などのclassを付与する
外部cssにそれぞれのclassのスタイルを定義する
448:Name_Not_Found
16/02/10 14:06:55.63 .net
すみません、教えてください
table要素で表を作成したのですが、表全体が左側に偏ってしまいます。
中央に配置させたい時は、どうしたら良いでしょうか？
449:Name_Not_Found
16/02/10 14:09:28.20 .net
>>440
447の続き
それからstyle-1、style-2などにIDも付与してやる
外部cssにそれらも定義してからstyle名を一括変更
450:Name_Not_Found
16/02/10 14:12:27.47 .net
>>448
table-position:center;
451:Name_Not_Found
16/02/10 14:12:56.02 .net
>>450
ありがとうございます
452:Name_Not_Found
16/02/10 14:27:51.41 .net
>>448
margin: 0 auto; /* 0のところはお好みで */
>>450
なんやtable-positionてｗ
453:448
16/02/10 14:29:39.82 .net
>>452
ありがとうございます
450さんの方法で試したら上手くいかなくて試行錯誤してましたｗ
454:Name_Not_Found
16/02/10 14:34:52.03 .net
>>439
CSSシグネイチャの考え方を導入してbodyタグのクラスを変化させるとか?
455:Name_Not_Found
16/02/10 14:54:04.87 .net
tinpo-family: skined;
tinpo-position: left;
tinpo-size: 5cm;
456:Name_Not_Found
16/02/10 17:42:06.62 .net
>>438
jqueryでも読み込めるよ
457:Name_Not_Found
16/02/10 18:01:15.03 .net
まぁ定番はphpだろう
458:Name_Not_Found
16/02/10 18:02:06.26 .net
>>456
横だがそれだとSEO的に大丈夫なん？
459:Name_Not_Found
16/02/10 20:47:58.00 .net
ここでいいのか、わからないけど教えて下さい。
float:leftした時のmarginが効かない時に、親要素を overflow:hidden するみたいですが、結構な数の要素にoverflow:hiddenを適用してるんですが、SEO的には特に問題なしですか？
460:Name_Not_Found
16/02/10 20:49:59.26 .net
問題なし
461:Name_Not_Found
16/02/10 21:06:42.25 .net
>>460
ありがとうございます。
462:Name_Not_Found
16/02/10 21:10:12.40 .net
>>459
もはやSEOってのは非リンクの事だから問題ない。
463:Name_Not_Found
16/02/10 21:36:13.83 .net
>>438です
色々な手法があるみたいですね ちらちら見てphpが他にも色々使えそうなのでこれ勉強してみたいと思います
沢山のレスありがとうございます
464:Name_Not_Found
16/02/11 00:03:41.16 .net
TD.menu a:hover{
background-color:#00ff00;
color: #fff000;
}
これをstyle=""の形にするにはどうすればいいのですか？
465:Name_Not_Found
16/02/11 00:22:14.17 .net
>>464
htmlに直接書くのは無理。
スクリプトで当てるってのは出来るけど、それならcssでいいし。
466:Name_Not_Found
16/02/11 13:09:12.07 .net
>>462
ありがとうございます。
もう一つ教えて下さい。
class指定の仕方で、liタグやhタグを変更するときに
cssで#test li{}としたほうがいいのか、それともタグに
直接<li id="">とタグの中に?直接入れるのではどう違うのでしょうか?
SEO対策なのか、作者の好みで分けるのかいまいちわかりません。
467:Name_Not_Found
16/02/11 13:24:23.41 .net
class指定で、#やidは使わないよ
468:Name_Not_Found
16/02/11 14:15:57.74 .net
>>466
とりあえずネットに溢れてるSEOの情報は気にしなくて良い。
そのほとんどがアフィリエイト目的で作られてページに過ぎないから。
htmlに直接スタイル当てるのが推奨されてないのは、
文字数が増えてhtmlのファイル自体のサイズが増える＝読み込みに時間がかかる＝ページが重くなる
ページが重くなれば閲覧する人にはマイナスにしかならないから。それだけの話。
あと、制作する人が管理しやすいってのもある。htmlに直接スタイル書くとタグが長くなって見にくくなるから。
htmlにはクラスだけ指定しておいて、cssで装飾するってのが一番効率的で、作業しやすい。
後から変更を加えたいって時でも、cssをちょっとイジるだけで良いし。
469:Name_Not_Found
16/02/11 14:50:53.80 .net
>>468
俺はhtmlファイルの容量増加よりも役割分担のためって認識だなぁ
470:Name_Not_Found
16/02/11 15:13:41.35 .net
>>469
俺もそう思うし、>>468も本当はそう思っている
471:Name_Not_Found
16/02/11 16:06:02.93 .net
>>468,469,470
ありがとうございました。
色んなサイト見ると、<li id="">等直接書いているパターンが多い気がしたから
これが綺麗な書き方なのかなぁと。
一応、cssやタグの正しい使い方等がある程度わかってきたので
次は綺麗な書き方というか、正しい書き方を学ぼうかなと思いまして。
感謝します。
472:471
16/02/11 16:20:11.51 .net
cssは互いのものでしか？
473:Name_Not_Found
16/02/11 16:35:21.50 .net
>>471
いろいろ見えてくると楽しくなるよね。
新しい疑問も出てくるだろうけど、それらもいずれ解消するだわさ。
474:Name_Not_Found
16/02/12 12:00:17.48 .net
>>471
<li id="">等直接書いているパターン
文書内に常に1 個しかないことがわかってるなら、全然あり
#test p {}
と書けば id=test の中の p 以外の p には干渉しないことが保証される
id セレクタは詳細度が高いので、他より優先させたいスタイルをあてがいやすい
利点もある
475:Name_Not_Found
16/02/12 12:34:53.64 .net
DW2015使ってるのですが、まとめサイトなどの下のほうにあるコメント欄をつけたいのですが。DWの機能でないでしょうか？
一応下記のようなものは発見したのですが、こういうのって安全なのでしょうか？
URLﾘﾝｸ(fukafuka295.jp)
476:Name_Not_Found
16/02/12 13:25:15.52 .net
>>475
> DWの機能でないでしょうか?
ない
> こういうのって安全なのでしょうか？
わからない
ただ、オレならこんなの仕込まないで、自分で作る
477:Name_Not_Found
16/02/12 15:57:37.48 .net
>>475
dwの機能はないと思うよ。
コメントまわりはDISQUSというサービスが割とポピュラーな印象ある。
478:Name_Not_Found
16/02/12 16:05:17.92 .net
>>475
まとめサイトは基本ブログベースだから
コメントもブログのコメント機能を使ってるのが多いと思われる
479:Name_Not_Found
16/02/12 18:40:31.21 .net
一般的なCSSの記述方法って
・HEAD内で外部CSSを読み込む
・HEAD内にSTYLEを直接書き込む
の二通りだよね？
480:Name_Not_Found
16/02/12 18:57:09.91 .net
セルの結合colspanをcssで書くにはどうすればいいんですか？
481:Name_Not_Found
16/02/12 19:06:46.50 .net
>>480
書けない
ので、無理やりcssで書くなら、はみ出さす！
引き継ぎの時に変態と言われるコードになる
482:Name_Not_Found
16/02/12 20:25:56.71 .net
>>479
だね。
他にはbodyタグ以降に直接とか。
でも少し前にやりとりがあったように、あんましやらない。
483:479
16/02/12 21:01:36.71 .net
>>482
外部CSSを読み込んでるとレンダリングが阻害？されてるらしくていろいろ考えてたんよ(´・ω・`)
レスありがとう
484:Name_Not_Found
16/02/12 21:03:39.27 .net
>>483
ファーストビューのcssは直接記入とかルールはあるけど今はまだ大丈夫かな
表示速度を細かく気にしないなら全部外部でおkだし
485:479
16/02/12 21:22:50.90 .net
>>484
今日は半日くらいグーグル先生とにらめっこしてた
現在進行形
486:Name_Not_Found
16/02/12 22:28:45.09 .net
i.imgurをsrcで表示させようとしたら失敗するんだけど
どうやったら対処できんの？
487:Name_Not_Found
16/02/13 00:47:05.15 .net
ダイレクトリンクでやってる？
488:Name_Not_Found
16/02/13 00:53:23.55 .net
>>483
阻害？
外部cssにすることによるオーバーヘッドって気にするほど大きい？
httpリクエストが1回増えるだけだろ？
外部cssがたくさんあればまた別だけど
489:Name_Not_Found
16/02/13 01:59:44.90 VNURWcQN.net
HTMLやCSSの読み込みの順番について教えてください。
<head>内に外部CCSを指定しています。
HTMLの上から順番に読み込むそうですが、classやid等cssで指定した部分はその都度、ブラウザがcssを見に行って描画されるのでしょうか？
HTMLとCSSを分離する利点はよくわかるのですが、インラインで書いた方が描画が早かったりとかしますか？
また、例えば、TOPページに<input>があって、その装飾を外部cssに記述してあったとします。
仮に外部cssが1000行あって、inputの指定が一行目にある場合と1000行目にある場合で
ブラウザの描画時間の差が出ますか？
490:Name_Not_Found
16/02/13 04:36:12.95 .net
今時のブラウザで、imgにボーダーがデフォルトでつくのってありますか？
また、いつごろのブラウザからつかなくなったのでしょう？
今でもリセットで
img { border-width : 0; }
は必須でしょうか？
491:Name_Not_Found
16/02/13 05:10:10.37 .net
>>490
IE7まで
492:Name_Not_Found
16/02/13 05:12:29.99 .net
>>489
URLﾘﾝｸ(tokkono.cute.coocan.jp)
493:Name_Not_Found
16/02/13 08:56:52.49 .net
>>488
バリデータにでも引っ掛かったんでない？普通はきにならないもんだろうし
494:Name_Not_Found
16/02/13 09:56:43.11 .net
だよね
それか大量の外部cssを読みにいってるか
495:Name_Not_Found
16/02/13 10:48:20.59 .net
GoogleのなんたらInsiteあたりかな
496:Name_Not_Found
16/02/13 11:25:35.48 oizcU6fK.net
1つ手前の要素（class、idなし）を指定する方法ってないですかね？
下の9と11にスタイルを効かせる場合、どういう方法がありますか？
<p>7</p>
<p>8</p>
<p>9</p>
<p class="current">10</p>
<p>11</p>
<p>12</p>
11については隣接セレクタでいけますが、9が特定できないんです
497:Name_Not_Found
16/02/13 11:29:04.47 .net
nth-childでいけるお(´・ω・｀)
かんばれお(´・ω・｀)
498:Name_Not_Found
16/02/13 12:40:33.99 .net
>>496
:has()
URLﾘﾝｸ(www.hcn.zaq.ne.jp)
499:Name_Not_Found
16/02/13 12:56:22.50 .net
>>496
そのコードが、完全自前で作れるものなら、9と11に専用のクラス当てるのが一番楽だよ。
自動で生成されるhtmlなら仕方ないけど。
500:Name_Not_Found
16/02/13 15:56:02.39 .net
:has()てjQueryのみの疑似クラスでなかったけ
501:490
16/02/13 15:56:45.99 .net
>>491
IE7以前を無視するとすれば、
img { border-width : 0; } はもはや不要なんでしょうか？
502:Name_Not_Found
16/02/13 16:11:46.31 .net
:has()って初めて知った！
使ってみたけど使いこなせなかった！
ムズイ；；
503:Name_Not_Found
16/02/13 16:43:22.57 .net
>>497
それだとpの数だけ設定必要じゃない？
504:Name_Not_Found
16/02/13 17:04:10.39 .net
Pがどこにあるかにもよるだろうけど いけると思われる
ソースが出てくれば試しに組んでみてやってもいい
って↓が言ってた
505:Name_Not_Found
16/02/13 17:13:53.14 .net
>>501
悪いけどそんぐらい自分で判断してくんない?
506:Name_Not_Found
16/02/13 17:33:55.42 .net
IE7以前を無視しちゃダメだよ
無視されたら悲しいでしょう？
俺だったら無視するなー
507:Name_Not_Found
16/02/13 19:29:23.61 .net
>>501
最近それが不要かどうかでこのスレで長々と揉めてたから、このスレの前半、もしくは前スレ漁ってみ
508:Name_Not_Found
16/02/13 21:10:15.74 .net
サイト用の画像素材の手入れをしているんですが
既存のGIFやPNG画像の色数を確認するにはどうしたらいいのでしょうか？
PNG24で作られた画像が256色以下なら、PNG8で作り直したいなと。
仮に（極端な話）257色だったらそのままにしておき、255色だったらPNG8に作り直したいといった状況です
フォトショCS4が作業環境としてあります
よろしくお願いします
509:Name_Not_Found
16/02/13 21:36:44.90 .net
板違いです。
510:Name_Not_Found
16/02/13 22:04:40.90 .net
拡大して色を数える
511:496
16/02/14 00:22:27.33 .net
すいません>>496は自動生成のページ送りの部分です。ほぼそのままです。
カレントの前後に効果をかけたいという内容です。
>>497
相対位置であること、総数不定ですが、できますかね？
>>498
初めてしりました。が、具体的にどう使っていいのかわかりません。
>>499
自動生成です
>>504 試しにこれでどうでしょう（下記の例では3と5が対象）
<div id="pager">
<p>1</p>
<p>2</p>
<p>3</p>
<p class="current">4</p>
<p>5</p>
<p>6</p>
省略（7～100）※数量不定
</div>
512:496
16/02/14 00:26:31.41 .net
※補足
ページ送り：googleの検索結果にあるようなナンバリングのやつ
カレント：現在表示しているページ数（常に変化する）
今回の対象：カレントが変化するので今回の対象も相対的に常に変化する
513:Name_Not_Found
16/02/14 01:26:32.38 .net
ページ送りなら、別にcurrentだけでいいんじゃないの？
514:Name_Not_Found
16/02/14 02:34:47.51 .net
jsなら朝飯前だが使えんの？
515:Name_Not_Found
16/02/14 02:36:14.73 .net
>>508
そこまでこだわる理由なにかあるの？
516:496
16/02/14 02:37:42.53 .net
>>513
まあ、色々事情があってですね。
レスポンシブでより見やすくするために工夫したいんです。（ここはjQueryナシで）
それと今回はページ送りですが、技術的に今はCSSだけでどこまでできるか知りたいので。
517:496
16/02/14 02:48:37.03 2AgJFe13.net
>>514
js使ったら、自分でも解決できますが、データ遷移してもURLに変化がない（クエリ文字なし）ので
ページロードはキーになりません。（初回のajax-load時は掛かるが、遷移時は消える）
いちいちページ送りボタンをclick時にfunctionさせるのもナンセンスなので、
cssでできないかと思いました。
.current + p →1つ後ろの要素が指定できる
.current - p →1つ前の要素 ←こんなのがあればいいのですが。
518:Name_Not_Found
16/02/14 03:10:32.13 .net
そんなもんあっても滅多に使わないよ。
とりあえずスマホ用のページ送りを作ればいいんじゃね。
519:Name_Not_Found
16/02/14 04:48:33.72 mKonVvrO.net
>>515
256まではPNG-8でいけるのに、257になったとたんPNG-24で容量が増える
塵も積もればで
マルチアイコンとかね
520:Name_Not_Found
16/02/14 10:01:57.35 .net
時には妥協も大事である
js使って楽になっちゃいなYO！
521:498
16/02/14 12:30:37.61 .net
>>511
仕様書に隣接セレクタの事例が載っていたはずだが、どこがわからない？
ただし、実装されているブラウザが存在するかまでは調べていない。
:has() はMDNにも載ってないぐらいだから少なくとも Firefox では未実装なのだろう。
他の手段としては :not(:not()) で肯定先読み的なセレクタが作れるかも知れん(未検証)。
論理構造的にはサーバサイドでclassやidでマークアップさせる方が素直な実装だとは思うが。
<p class="prev">3</p>
<p class="current">4</p>
<p class="next">5</p>
522:496
16/02/14 12:58:51.24 .net
>>521
わからない点は、今回はクラスがキーになり、構造だけでは指定できない点です。
こういう感じで書ければいいのですが、効かないようっす。（そういう意味ではない？）
p:has(p + .current),p:has(.current + p){
}
サーバーサイド含め、解決はできるのですが、今回はCSSでできないものか知りたいだけなんです。
具体的にはWordPressのFAQmanagerというプラグインでページ送りの設定にした場合のケースです。
プラグイン側をカスタマイズするよりもCSSで解決できないものかと。
523:Name_Not_Found
16/02/14 13:19:52.73 .net
>>500
これは違うのか？
524:Name_Not_Found
16/02/14 13:31:58.47 .net
>>523
>>498はW3Cのサイト。
525:Name_Not_Found
16/02/14 14:23:28.21 .net
>>522
プラグイン側をいじればすぐ出来るのに。
526:498
16/02/14 17:35:21.21 .net
>>522
class がキーになろうが、基本原理は変わらないと思うのだが。
URLﾘﾝｸ(www.hcn.zaq.ne.jp)
> 次の選択子は，別の dt 要素が直後に続く dt 要素に合致する：
> dt:has(+ dt)
上記のようにあるので、>511のHTMLに倣うなら p:has(+.current) で良いだろう。
開発者ツールのCSSタブでも見ればブラウザが対応しているかも分かるはずだ。
> サーバーサイド含め、解決はできるのですが、今回はCSSでできないものか知りたいだけなんです。
繰り返すようだが、Selectors API Level 4 で可能だから CSS で出来る。
Editor’s Draft で実装が整っていないだろうし、実用段階とも思えんが、実験目的なら良いだろう。
527:Name_Not_Found
16/02/14 18:29:21.21 .net
CSS4っていつ頃から使えるようになるんですの？
528:Name_Not_Found
16/02/14 21:57:24.91 .net
URLﾘﾝｸ(www.htmllint.net)
このサイトでテストしてみたら
body内のarticleをマークアップしてるmainはダメだって怒られた
mainはセクショニングコンテンツに入ってないし
問題ないと思ったんだけど、bodyの下位要素にはmainはダメなんだっけ？
529:Name_Not_Found
16/02/14 22:32:33.74 .net
>>527
ブラウザベンダーに聞けとしか
530:Name_Not_Found
16/02/15 01:45:23.40 .net
>>525
アップデートで初期化する対策は？
531:Name_Not_Found
16/02/15 10:43:11.50 .net
>>528
> body内のarticleをマークアップしてるmainはダメだって怒られた
意味が分からんから現象を再現可能なHTMLを書け
532:Name_Not_Found
16/02/15 11:27:35.63 .net
なんで偉そうなの？
533:Name_Not_Found
16/02/15 11:29:14.54 .net
回答に必要な情報が足りないからじゃね？
534:528
16/02/15 12:15:00.78 .net
>>531
失礼した
htmlがこちら→ URLﾘﾝｸ(jsfiddle.net)
念のため URLﾘﾝｸ(www.html5.jp) から見本のコードを張って試してみたけど構文エラーが出る感じ
他の構文チェッカーだとエラーが出ないから、このサイトが対応してないだけなのかな
535:Name_Not_Found
16/02/15 20:20:53.30 .net
IE未対応。モバイルFF以外全部未対応。
536:Name_Not_Found
16/02/15 21:39:36.15 .net
>>534
サイト自体が悪い。情報も古い。
ブックマークから削除してよし。
537:Name_Not_Found
16/02/16 09:43:45.30 .net
このAnotherHTML-lint5って全然更新されていない古いサイトだったんですね
更新されるまでブックマークから消すことにします
538:Name_Not_Found
16/02/16 10:17:29.69 .net
そこが悪いんじゃなくてメインタグが推奨じゃないんだけどな
539:Name_Not_Found
16/02/16 11:30:09.32 .net
>>537
ｽﾚﾘﾝｸ(hp板:256番)n でも語ったが、Another HTML-lint 5 は本家Another HTML-lintを少しだけ拡張して HTML 5 に不完全ながら対応したもの。
古い本家をベースにして HTML 5 に対応したわけだが、本家に及ぶほどの厳密性は無いので期待しない方が良い(または判定結果で信頼できる部分だけを抽出する知識が必要)。
HTML 5 のバリデータとしては URLﾘﾝｸ(html5.validator.nu) か URLﾘﾝｸ(validator.w3.org) でチェックすれば十分なのが現状。
宗教的なチェッカとして URLﾘﾝｸ(openlab.ring.gr.jp) を併用していた時期もあったが、WCAG 1.0 が今では古いので流石に諦めた。
# せめて、HTML-lint 5 が WCAG 2.0 に対応して HTML 5 と WCAG 2.0 の判定機能をOn/Off出来ればまだ使い道があったのだが…。
# WCAG 2.0のバリデータは欲しいところなんだがな。
540:Name_Not_Found
16/02/16 11:33:45.52 .net
>>538
どういう理由でどういう場合に非推奨なのかを詳しく
URLﾘﾝｸ(momdo.github.io)
541:Name_Not_Found
16/02/16 12:19:38.46 .net
ショートハンドで記述できるものって他になにかあったけ
・background
・margin
・padding
・font
・border
・border-radius
・transition
・text-decoration
・animation
・list-style
542:Name_Not_Found
16/02/16 14:57:50.41 .net
<div></div>で囲まれた部分を中央揃えする場合
テキストの部分はtext-align:centerで中央揃えになりましたが
テーブル部分は中央そろえになりませんでした。
どうすればテーブルも中央揃えになりますか？
543:Name_Not_Found
16/02/16 15:42:09.67 .net
table-align:center
544:Name_Not_Found
16/02/16 15:49:10.87 .net
>>542
テーブル部分は、ブロック要素なので、
margin: 0 auto;
とする。
ブロック要素の親要素の幅に対する中央揃えは、みんなこのパターン。
因に高さに対するセンター合わせは、結構面倒い
545:Name_Not_Found
16/02/16 16:46:24.02 .net
>>542
table-align: center;
546:Name_Not_Found
16/02/16 16:47:53.51 .net
align属性での指定はダサい
547:Name_Not_Found
16/02/16 18:09:25.62 .net
>>545
URLﾘﾝｸ(jigsaw.w3.org) で div { table-align: center; } を検証すると「プロパティ table-align は存在しません」のエラーが返ってくるのですが
548:Name_Not_Found
16/02/16 18:40:58.60 .net
>>536
横からですが、どちらのサイトが古いのですか？
HTML-lintの信頼性は置いておくとして、どちらも新しい情報を載せていると思うのですが
549:Name_Not_Found
16/02/16 19:24:58.51 .net
developer.mozilla.org/ja/docs/Web/HTML/Element/main
>>540
モバイルが非サポートだと何回言わせる。
mainタグがあってもなくても属性がわかるようにdivのclassあたりで明記するほうが生産性ある。
550:Name_Not_Found
16/02/16 20:20:15.01 .net
>>549
MDNを参照するなら英語版でしょ
URLﾘﾝｸ(developer.mozilla.org)
URLﾘﾝｸ(caniuse.com)
Android 4.3- をサポートするなら <main role="main"></main> で十分だと思うけど、何か問題がある？
サポートしないブラウザではアウトラインに影響してしまう問題ぐらいだけど、div要素を使っても同じ問題があるよね
551:Name_Not_Found
16/02/16 20:22:56.34 .net
>>548
>>528の事です
HTML-lintです
552:Name_Not_Found
16/02/16 20:23:44.69 .net
>>548
古いと思ったのは
トップページを見たときに最終更新日が2014年代だったからです
553:Name_Not_Found
16/02/16 22:09:51.68 .net
>>552
本家と比べれば新しいとは思うのですが、最新仕様に追従できてないのは確かですね
日本語でないと満足できない人向けというところでしょうか
554:Name_Not_Found
16/02/16 22:21:55.70 .net
まぁ、そんなんに褒められてもしゃーないで
555:Name_Not_Found
16/02/16 22:27:16.73 .net
ウェブページでmainタグ使うのと使わないのとでは、具体的にどう違うの？
556:Name_Not_Found
16/02/16 22:53:57.57 .net
ブラウザのキャッシュというのは、なにもしないとずっとそのままなんでしょうか？
素朴な疑問で、自分のウェブサイトを時々見に来てくれる人がいて、
その人がブラウザのキャッシュをずっとクリアしていなかったら
私が更新した情報が、いつまでたってもその人は見られていなかったりする可能性はありますでしょうか？
557:Name_Not_Found
16/02/16 23:00:32.81 .net
キャッシュには期限を設けることができる!?
558:Name_Not_Found
16/02/16 23:24:11.59 .net
>>556
If-Modified-Since
URLﾘﾝｸ(www.hcn.zaq.ne.jp)
559:Name_Not_Found
16/02/16 23:44:48.71 .net
>>556
キャッシュやクッキーの期限は管理者が変更出来るよ。
ブラウザもバカじゃないからちゃんと更新もするし。
560:Name_Not_Found
16/02/16 23:46:33.68 .net
キャッシュの期限をウェブページで制御する方法ではなく、
ブラウザの仕様としてどうなってるのか知りたいです
普段、自分では意識してませんが（定期的にクリアしているので）
そういうことをしない一般的な閲覧者にはどう見えているのかなと
561:Name_Not_Found
16/02/17 00:04:35.65 .net
とりあえずその人が使ってるブラウザとバージョン、あとキャッシュの設定を教えて
562:Name_Not_Found
16/02/17 00:16:32.04 .net
>>560
そういう事をしてない一般的な閲覧者なら尚更問題ない。
保存されるキャッシュの容量も無限じゃないから。
それをオーバーすりゃ勝手に消えてくれるし。
一般的なブラウザなら、ページが更新されてれば勝手に取ってくるし。
心配する程の事じゃ無いって。
563:Name_Not_Found
16/02/17 00:43:19.23 .net
キャッシュ制御はブラウザ依存性の高い挙動なのできちんとサーバ側で対策したほうが良い
特に Date, Last-Modified, Expires は適切に設定した方が良い
何も対策しなくて問題がないなら URLﾘﾝｸ(example.com) のようにクエリで更新日時を付与してキャッシュを読み込まないバッドノウハウが出回るわけがない
URLﾘﾝｸ(www.hcn.zaq.ne.jp)
564:Name_Not_Found
16/02/17 01:40:42.18 .net
>>547
「table-align」なんてプロパティ存在しないので気にするな
>>544が正解
565:Name_Not_Found
16/02/17 13:09:54.53 .net
>>564
自分の勉強不足の可能性を1%考慮する程度で分かってはいましたが、本人が間違いを認めて欲しかったところです
566:Name_Not_Found
16/02/17 14:01:12.17 .net
すいません本人です間違いを認めます
567:Name_Not_Found
16/02/17 14:53:45.33 .net
キャッシュ関連の話題が気になるけど、また質問者は回答を放置する流れなのかねー
568:Name_Not_Found
16/02/17 15:07:27.40 .net
放置も何も、大した質問じゃないやん
569:Name_Not_Found
16/02/17 15:16:11.55 .net
>>568の完璧な回答を期待
570:Name_Not_Found
16/02/17 15:51:30.69 2xIqGzAB.net
教えていただきたいのですが、
wordpress最新版でこれからWEBサイトを作ろうと思うのですが、
DreamweaverCS6を使うと、編集がやりやすくなるのでしょうか。
特に動画や画像表示に凝ったのを作ろうとしています。
wordpressは初心者で、始めたばかりです。メニューの設置で右往左往しています。
Dreamweaverは、CSSなしの単純な使い方をずっとしていました。10年前から同じソフトで。(^^;ゞ
Dreamweaver CS6で編集するメリットが特にないなら、wordpressだけでやろうと思います。
宜しくお願い致します。
571:Name_Not_Found
16/02/17 16:05:02.37 .net
> 放置も何も、大した質問じゃないやん
何だ、その理屈
572:Name_Not_Found
16/02/17 16:42:09.74 .net
お、怒らないでよ…
ふえぇ…
573:Name_Not_Found
16/02/17 16:48:07.69 .net
>>569
しっかり解答してやったじゃねーか。他に何がいるんだ？？
完璧な解答というなら 板違い の一言で終わるわけで
574:Name_Not_Found
16/02/17 16:56:06.20 .net
>>573
で、どれがお前の回答なの？
俺エスパーじゃないから
575:Name_Not_Found
16/02/17 17:02:08.03 .net
さあっ始まりました！
今日のレスバトル！
まずは選手の紹介だ！
と思ったがめんどくさいのでやめるぜ！
576:Name_Not_Found
16/02/17 17:04:21.25 .net
口がでかいだけで中身がスカスカの奴って逃げ口上だけは多いよな
577:Name_Not_Found
16/02/17 17:09:35.32 .net
>>570
WordPress（以下WP）のカスタムテンプレートを作るという話なのかな？
Dreamweaver（以下ドリ）でCSSも編集出来ないようだけど、
もしそうなら、圧倒的なスキル不足なので、ドリで編集する以前の話だと思うよ。
ドリでWPのテンプレートは、あまり編集し易くない。ドリは、PHP、JS書くのイマイチだから。
オレ的よく使っているのは、NetBeansとBracket（いずれもフリー）。
WPだけでやると言っているが、それはキツいと思うよw
578:Name_Not_Found
16/02/17 17:19:54.26 .net
CSS4 で ? がありましたが、現仕様でも存在するのでしょうか
URLﾘﾝｸ(myakura.github.io)
579:Name_Not_Found
16/02/17 17:26:29.58 .net
アカン
タグの使い方 考えすぎて
ゲシュタルト崩壊してきた
ドロップダウンに使う入れ子って、使用タグはulが一般的だよな？
他に入れ子に適してるタグってあるかえ？？？
ほわぁぁぁっ！
580:Name_Not_Found
16/02/17 17:33:58.95 .net
ドロップダウンならselect要素を使え
581:Name_Not_Found
16/02/17 17:35:39.16 .net
そんなんあるの!?
タグ大杉
もうタグの存在意義すらわからんようになってきた(´・ω・｀)
582:Name_Not_Found
16/02/17 17:38:47.63 .net
[role=listbox]
URLﾘﾝｸ(momdo.github.io)
URLﾘﾝｸ(developer.mozilla.org)
583:Name_Not_Found
16/02/17 18:29:19.08 .net
>>581
勉強すればいいんじゃね
584:Name_Not_Found
16/02/17 18:33:46.45 .net
>>583
ありがとうございます！
585:582
16/02/17 18:40:16.67 .net
俺は無視か (´・ω・｀)
586:Name_Not_Found
16/02/17 18:43:48.77 .net
アンカーつけないと分からないんじゃね？
587:Name_Not_Found
16/02/17 19:16:53.29 .net
>>585
んー！
ありがとうございます！
588:Name_Not_Found
16/02/17 20:58:58.65 .net
>>570
そもそもwpがなんなのかすらわかってなさそうだからもうちょっとweb全般について勉強してきなさい
589:Name_Not_Found
16/02/17 22:34:20.38 .net
>>588
web全般ｗバカっぽくていいねｗｗ
590:578
16/02/17 22:54:53.95 .net
>>578をお願いします
591:570
16/02/18 08:04:23.49 9MqlsBds.net
>577
アドバイスありがとうございます。
wordpressのテーマを、慣れてきたら少し改訂できればいいなと思った次第です。
CSSなどもっと勉強してからにします。
ドリ CCの体験版を使ってみたら、以前のようにデザインのページから編集できないようで
使いにくかったです。もしかしたら、できるのかな。
それで、いろいろ検索していたら、Aptana Studioというのにも遭遇しましたが、いずれにしても
まだまだ使いこなせないので、勉強します。
592:Name_Not_Found
16/02/18 11:13:12.46 .net
誰か知恵を貸してくだちぃ(´・ω・`)
URLﾘﾝｸ(jsfiddle.net)
↑今テスト中のコードなんだが、背景色の位置はそのままに
contentの部分だけ上に動かして重ねるってことできないかな
昨夜から考えてるんだけど無理なんかなぁ(´；ω； `)ﾀﾁｹﾃ
593:592
16/02/18 11:28:54.56 .net
解決できた(´・ω・`)
おじゃましますた
594:578
16/02/18 12:53:44.02 .net
解決しました
595:Name_Not_Found
16/02/18 16:58:58.24 .net
>>589
お前にはぴったりだろwww
596:Name_Not_Found
16/02/18 17:16:19.77 .net
IEは背景を白
IE以外は背景を黒にしたいときは
どのようにするのが一般的なんでせう
ネットで検索してみたら
メディアクエリやCSSハックやベンダープレフィックスなどがあるらしいのですが
皆さんはどんな感じで指定してるんですか？
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none)
↑のメディアクエリでの動作は確認できましたが、他に良い方法などはあるのでせうか
597:Name_Not_Found
16/02/18 18:07:24.69 .net
せうとか使わなくていいよ
598:Name_Not_Found
16/02/18 18:45:27.46 .net
ブラウザで色変えるとか変態かよ。
ua読んでそれぞれ切り分けたcss呼び出せや。
599:Name_Not_Found
16/02/18 18:53:50.38 .net
>>596
みなさんはそんなことしないし一般的もくそもない。
600:596
16/02/18 19:07:39.67 .net
参考にさせてもらいます
ありがとうございますた
601:Name_Not_Found
16/02/18 21:15:46.84 .net
そういえば>>596の-ms-high-contrastのactiveとかnoneって何が違うんだ？
602:578
16/02/18 22:21:32.62 .net
>>601
URLﾘﾝｸ(msdn.microsoft.com)
603:601
16/02/19 09:19:11.23 .net
>>602
センキュー
604:Name_Not_Found
16/02/19 09:38:21.24 JwyeAgwn.net
<ol><li>で番号付きリストを作ると、ブラウザ上でコピーする時に番号を含めて選択することができないみたいなんですが
選択できる方法はないでしょうか？
605:Name_Not_Found
16/02/19 09:57:23.59 .net
ulにして番号手打ち
606:Name_Not_Found
16/02/19 10:23:54.18 .net
>>604
地味にクソ仕様だよなあ
607:Name_Not_Found
16/02/19 10:26:31.01 .net
スタイル設定もしにくいしな
番号の自動付与のメリットを活かせない
608:Name_Not_Found
16/02/19 11:51:24.66 .net
どなたか>>578への回答をお願いします
609:Name_Not_Found
16/02/19 12:21:01.01 .net
>>608
好きです
付き合ってください
610:Name_Not_Found
16/02/19 13:01:15.75 .net
>>606
ソースに含まれてないものを具現化させる方が危険
611:578
16/02/19 13:13:31.93 .net
自己解決したのでもういいです
役立たずばかりですねここは
612:Name_Not_Found
16/02/19 13:16:45.95 .net
>>604について、うまい方法があるなら俺も知りたい
613:Name_Not_Found
16/02/19 14:24:41.40 .net
>>611
二度と来るなよｗ
614:Name_Not_Found
16/02/19 14:52:58.57 .net
>>604について、うまい方法があるなら俺も知りたい
615:Name_Not_Found
16/02/19 15:12:32.22 .net
俺も知りたい。
616:Name_Not_Found
16/02/19 15:42:00.95 .net
ol {
list-style-type: none
counter-reset:number;
}
ol li {
counter-increment:number;
}
ol li:before {
content: counter(number) ". ";
}
<ol>
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
</ol>
IE8以上
jsでもありだけどソース汚くなるかな
617:Name_Not_Found
16/02/19 15:56:07.48 .net
ページの最右下にロゴと(C)表示したくて
div.footer{
font-size:13px; position:absolute; top:5025px; right:20px;
}
みたいにしてるんだけど、これってtopからしか指定できないんでしょうか？
bottomにするとウィンドウの右下に固定されちゃうし
中身が増えるたびに topからのピクセル数を足していくのはスマートじゃないなぁと
618:Name_Not_Found
16/02/19 15:59:47.03 .net
>>616
回りくどいことしているけど、結果はふつうのolと同じｗ
選択できない
619:Name_Not_Found
16/02/19 16:03:34.77 .net
>>604
javascript使わないと無理だよ
620:Name_Not_Found
16/02/19 16:11:06.65 .net
テーブルに入っている文字列を中央揃えする場合はtext-align:centerでいいけど
テーブルに入ってない文字列を中央揃えするには<DIV style="margin:0px auto">文字列</DIV>のように
DIVで囲んでするしかないんですか？
621:Name_Not_Found
16/02/19 16:26:21.49 .net
誰が何の為にコピーするの？
622:Name_Not_Found
16/02/19 16:27:40.71 .net
>>617
絶対配置やめればいいだけのような気がするが
それじゃだめなん
623:Name_Not_Found
16/02/19 16:28:51.68 .net
>>614
Mac使っているなら、プリントから「プレビューでPDFを開く」を選択で、プレビューで開くので、コイツをコピペできるんじゃないの。
WINなら、一度PDF保存して、そいつをコピペでOKじゃないか
624:Name_Not_Found
16/02/19 16:38:49.93 .net
>>616
コピペはともかくスタイルつけやすくていいな
625:Name_Not_Found
16/02/19 16:41:51.11 .net
>>618
すまん、Chromeでは選択できるからコピペできるもんだと思ってたら出来なかった。
FFでは選択すらできなかったな、IEでは選択もコピペも出来た。
まあJSで書くしか無いな。
>>620
htmlには大きく分けて
・ブロックレベル要素（<p>, <ul>, <div>, <h1>, <h2>, ...）
・インライン要素（<a>, <span>, <img>. <label>, ... ）
の2大要素がある
CSSでwidth, heightを指定しない場合、
ブロック要素
width → ブラウザ幅いっぱいまで
height → 子要素の高さ分
<p style="background-color: #000">ブロック要素</p>
↑の記述をするとテキスト1行分、ブラウザ幅いっぱいまで真っ黒な領域が描画される。それがdivの描画範囲。
インライン要素
width → 子要素の幅分
height → 子要素の高さ分
<span style="background-color: #000">インライン要素</span>
↑の記述をするとテキスト1行分、テキスト7文字分真っ黒な領域が描画される。それがspanの描画範囲。
text-align: center は描画範囲内で中央寄せをする、つまり幅がテキスト7文字分の中でテキスト7文字を中央寄せしても目では何も変わらない。
ブラウザ幅いっぱいまで幅を使っているブロックレベル要素なら目で確認できるはず。
要はブロックレベル要素に対してtext-align: centerを指定しろという話
626:578
16/02/19 17:07:55.81 /b2cNYB0.net
自己解決していません。
他人をこき下ろすのがそんなに楽しいのでしょうか。
627:Name_Not_Found
16/02/19 17:10:55.10 .net
他人にコキコキしてもらうと気持ちいいよね
628:578
16/02/19 17:17:56.86 .net
早く答えろ
629:Name_Not_Found
16/02/19 17:21:56.24 .net
>>626
これがこのスレのレベル。君が期待してる程、こいつら役に立たないぞ。
630:Name_Not_Found
16/02/19 17:24:32.35 .net
個人レベルの手作りサイトで、
下記をメールでお知らせください
１.商品名
２.個数
３.お名前
４.ご住所
５.電話番号
６.その他
みたいになってて
コピペしたら数字が付いてこなくてムキーってなったことあった
体勢に影響ないが
こういう場合、olの意味ってあんまりないよね
631:Name_Not_Found
16/02/19 17:26:50.71 .net
>>622
絶対配置止めたら右下に配置されるの？
632:578
16/02/19 17:28:07.34 /b2cNYB0.net
>>625
> 要はブロックレベル要素に対してtext-align: centerを指定しろという話
正確にはtext-align はCSS のものなのでHTMLの用語は出てきません。
text-align はブロックボックスを代表とするブロックコンテナに適用可能です。
URLﾘﾝｸ(www.hcn.zaq.ne.jp)
633:Name_Not_Found
16/02/19 18:14:25.90 .net
table-align: centerを指定しろという話
634:Name_Not_Found
16/02/19 18:24:08.13 .net
>>631
上の要素を絶対配置/固定配置したりフロートさせたりしてなければ
下の要素は上の要素の下に表示される
右寄せにするのはtext-align:rightでええじゃろ
635:617
16/02/19 19:37:58.80 .net
説明補足します。
単純に、ロゴ等を上の要素の下に表示さたいのではなくて
【メイン要素】
div.main{
width:800px;
margin:0 auto;
}
<div class="main">画像/画像/画像……</div> ←これがずらずらとある。
この800px幅のメイン要素とは別に、ページの最右下にロゴと(C)表示したいんです
div.footer{
font-size:13px; position:absolute; top:5025px; right:20px;
}
<div class="footer">ロゴ/丸C</div>
現状は右上からの絶対配置をしている状況。
636:Name_Not_Found
16/02/19 19:46:58.02 .net
>top:5025px;
って…もしかしてbody要素の一番上から指定しているのか…
せめてfooterの上にposition: relative; のfooter_wrapperなり作ってそこから指定すべきだろ…
637:617
16/02/19 20:00:31.28 .net
>>636
そうなんです。
真ん中に画像がひたすらつらつら繋がってるだけで、あとは右下にロゴと丸Cを添えたいだけ
で
638:Name_Not_Found
16/02/19 20:20:46.28 .net
>>637
>>634とかを無視しちゃだめだよ。
現状のままtext-align:rightってのが一番いいと思う。
800の要素と重ならないし、特に見た目も悪くないでしょ。
重なってもいいのであれば、footerに、footerの高さ分のマイナスmarginを指定する。
こういう感じ
div.footer {margin-top:-1.5em}
1.5文字分上にめり込んでいくから、数字は任意で変えてみて
639:Name_Not_Found
16/02/19 20:28:07.97 .net
>>637
よく分からんがこういうことか？
ソース URLﾘﾝｸ(jsfiddle.net)
キャプチャ URLﾘﾝｸ(i.imgur.com)
640:617
16/02/19 20:43:40.31 .net
>>638
すみません。無視したわけではなく
>>634だとメイン要素の下にスペースがあいちゃうので。
マイナスマージン、試してみます。
641:617
16/02/19 20:50:24.44 .net
>>639
お手数おかけしました
こういうことです
URLﾘﾝｸ(imgur.com)
642:Name_Not_Found
16/02/19 20:53:01.91 .net
>>630
ナンバリングすることがタグの役割じゃないからな。
ブラウザに箇条書きですって知らせるもんだからな。
643:Name_Not_Found
16/02/19 20:57:11.68 .net
>>641
bodyにrelativeでそいつにabsoluteとbottom:0
644:617
16/02/19 21:00:20.54 .net
position:absolute; 止めて、text-align:right＋マイナスマージンでうまくいきそうです。
が、>>643のような方法もあるんですね。
どちらがスマートだろう？？
645:Name_Not_Found
16/02/19 21:04:09.24 .net
あとは自分で決めてくれ。スマートかそういうの無いから。
646:617
16/02/19 21:07:37.81 .net
ありがとうございました。
前者の方がfooterのCSSを少し書き直すだけで済むのでラクそうです。
bodyにrelativeとか、発想がなかったので勉強になりました
647:Name_Not_Found
16/02/19 21:38:34.73 .net
アドバイスをください
URLﾘﾝｸ(jsfiddle.net)
上のPタグとULタグを横幅50%で並べる方法を調べています
試しに作ってみたのですが、他に横に並べる方法はどれくらいの種類があるものなのでしょうか
HTMLはそのままにCSSだけでできる方法があればアドバイスをください
よろしくお願いします
648:617
16/02/19 21:50:06.28 .net
position:absolute; 止めて、text-align:right＋マイナスマージンにしたら、
右側マージン20pxが無効になってしまいました。
position:absoluteを復活させたら意図通りの表示になりました
元：
div.footer{
font-size:13px; position:absolute; top:5025px; right:20px;
}
変更後：
div.footer{
font-size:13px;
position:absolute; margin-top:-1.5em; right:20px;
}
特におかしくはないですよね？
649:Name_Not_Found
16/02/19 22:04:39.22 .net
はい
650:Name_Not_Found
16/02/19 22:32:12.27 .net
ちゅーかwidthなしってことはメインとかぶるぞ。モバイルひょうじはどうすんの。
651:Name_Not_Found
16/02/19 22:40:44.51 .net
>>647
そのままでいいやん
方法はいくつかあるけど、特に変える必要ないよ
652:617
16/02/19 23:12:29.55 .net
>>650
Z-indexで手前にしてますが、そもそもスマホで見るに適さないページなので、
そこはあまり気にしてません
653:647
16/02/20 00:06:20.00 .net
>>651
レスありがとうございます
このままいくことにします
654:Name_Not_Found
16/02/20 02:17:10.82 .net
>>653
でも、floatの解除は忘れずにねｗ
655:647
16/02/20 10:35:05.59 .net
>>654
はい！
656:Name_Not_Found
16/02/20 16:26:48.04 .net
<head>内に
<script type="text/javascript"><!--
function hogehoge
// --></script>
とある場合、メタタグの
<meta http-equiv="Content-Script-Type" content="text/javascript">
は省略しても大丈夫でしょうか？
body内に組み込みイベントはありません
657:Name_Not_Found
16/02/20 17:03:14.39 .net
(´・ω・｀)
(´・ω｀)
(´ω｀)
658:578
16/02/20 17:33:58.74 Gj3+WtSo.net
回答に期待できないようなので>578はとりさげます。
>>656
onclick系のHTMLイベント属性を使ってないなら問題ありません。
HTML5なら Content-Script-Type は廃止されています。
659:578
16/02/20 17:51:42.76 .net
(´・ω・｀)
660:Name_Not_Found
16/02/20 18:02:56.84 .net
lang="ja"の必要性について教えてください
ズバリこの記述は必要なんでしょうか？
テンプレ的に使っていましたが、試みに全部日本語のページを<html lang="en">としてみましたが、
文字化けもなくきちんと表示されます。（IE11／GC48）
分かりやすい説明のあるサイトの紹介でも構いません
よろしくお願いします
661:656
16/02/20 18:13:20.49 .net
>>658
ありがとうございます
<head>内の
<script type="text/javascript"><!--
function hogehoge
// --></script>
に対する
<body onLoad=" ">
が唯一ありました
動作はしているようです
記述の作法としてメタタグ省略でOKでしょうか
今のところHTML4.01です
662:Name_Not_Found
16/02/20 18:46:15.11 .net
>>660
そりゃ日本語のページを日本語対応ブラウザで見て文字化けするはずが無いよ。
どの言語で書かれてるのかってのを明確にgoogleとかアプリに知らせるもの。
多くのサイトでhtml要素に入れてるのは、ページ内をまとめて全部指定するため。
日本人向けの日本語サイトなら、それ書いて無くても、日本語ページとして認識されるしSEO的にも問題ない。
663:578
16/02/20 22:56:52.18 Jfxds2xr.net
>>661
onload があるなら Content-Script-Type を指定すべきでしょう。
>>660
ブラウザによっては font-family が異なるかもしれません。
botによっては言語毎に異なる処理をするかとしせません。
多言語環境を構築する場合には :lang で言語を指定出来ます。
664:660
16/02/20 23:08:37.71 .net
>>662
それもそうですね…
あってもなくてもいいような感じでしょうか
実は一部英文ページがあって、ja→enに変えてみました
そしたら、charsetが気になってしまいました
ここから別の質問です
lang="en"
charset=shift_jis"
という組み合わせで、海外の英文ブラウザではきちんと英文は表示されるのでしょうか？
665:Name_Not_Found
16/02/20 23:54:08.70 .net
>>664
全角アルファベットで書かれてなければ表示されるから心配いらない。
そもそもブラウザに向けて明示してるものじゃないから。
lang属性どうこうより、charsetをUTF-8にする方が重要。
666:660
16/02/21 00:00:38.69 .net
>>665
ありがとうございます
実はまずその英文ページ（shtml）をUTF-8に変えようと思っていたのですが、SSIのincludeで複数のhtmlを読み込んでいるページだったと気が付きました
現状、すべてのページ（大元のshtmlもパーツのhtmlも）がShift_jisです
やるならすべてUTF-8に変えないと意味ないですよね？
667:Name_Not_Found
16/02/21 01:02:16.15 .net
実は…
実は…
実はってさー…
小出しにすんなよ
解答者のスキル調査でもしてんのかよ
668:Name_Not_Found
16/02/21 02:24:49.73 .net
>>666
というか全部UTF-8でいい。Shift_jisとかいらない。
そんなに心配なら、英語環境作ってテストするべき。
669:656
16/02/21 05:04:50.97 .net
>>663 ありがとうございました。
670:Name_Not_Found
16/02/21 13:28:01.53 .net
>>667
質問回答のやり取りで新たな疑問がわいてきてもおかしくないだろ
スルーすればいいだけで憤るところかね？
671:Name_Not_Found
16/02/21 13:59:25.60 .net
スキル調査か
よし俺に問題出してみろ
って↓が言ってた
672:578
16/02/21 14:35:41.71 .net
>>578をおぬがいします
673:Name_Not_Found
16/02/21 14:38:33.29 .net
果たして本人か
それとも偽物か
(´・ω・｀)
674:578
16/02/21 15:10:08.04 .net
ごまかさないで答えてくれてもいいのに
675:578
16/02/21 15:11:35.00 .net
もうやめてください
676:578
16/02/21 15:55:08.90 .net
自己解決したので(*^^*)
677:578
16/02/21 15:58:27.02 .net
性格悪すぎですね
678:578
16/02/21 16:12:52.64 .net
俺のブームきたな
679:Name_Not_Found
16/02/21 18:49:04.29 .net
こいつらには質問が難しいんだよ。
ここはググって分かる程度の答えしか返ってこない。
680:Name_Not_Found
16/02/21 20:11:43.53 .net
>>668
> というか全部UTF-8でいい。Shift_jisとかいらない。
主観で言われても...
なんでUTF-8がいいの？
681:Name_Not_Found
16/02/21 20:17:50.17 .net
>>580
亀だけどドロップダウンってselect要素で作れるっけ？
っていうか入れ子にできるのか？
select要素は使う機会がないからさっぱりわからん！
詳しい人教えて(´・ω・`)
682:Name_Not_Found
16/02/21 20:20:47.06 .net
>>680
世間のデファクトを個人の主観と捉えるその精神ならこんなとこで聞く必要ないと思うが
683:Name_Not_Found
16/02/21 20:26:13.50 .net
>>682
いやいや、世間のデファクトかどうかなんて分からないレベルの人も聞きに来てるんだから
そういう人から見たら>>668の発言が主観で断定されてるように見えてもおかしくない
“というか全部UTF-8にした方がいい。今時Shift_jisとか流行らない。なぜなら…”
とかだろ、返すならふつうは
684:Name_Not_Found
16/02/21 20:28:42.86 .net
所詮ここはこのレベル(´・ω・`)
685:Name_Not_Found
16/02/21 20:36:47.73 .net
蔵「どうしてShift_JisじゃなくてUTF-8なんでしょうか？」
俺「全部UTF-8でいいです。Shift_Jisとかいらないです。」
蔵「なぜ？」
俺「世間のデファクトなんです」
686:Name_Not_Found
16/02/21 20:36:56.30 .net
で、正解は？
687:Name_Not_Found
16/02/21 21:02:33.65 .net
shift_jis のページだとURLのエンコードデコードにshift_jisが利用される場合がある
js ライブラリはおよそUTF-8を前提に書かれているだろうから問題になる場合があるかもしれない
688:Name_Not_Found
16/02/21 21:08:30.32 .net
>>683
ねぇねぇ正解は？？
689:Name_Not_Found
16/02/21 21:11:56.75 .net
ふえぇ
喧嘩しちゃやだよー（ｹﾞｽ顔
690:Name_Not_Found
16/02/21 22:19:04.57 .net
回答すべきは>>668や>>682だろ
中途半端な意見するくらいなら黙っとけと
691:Name_Not_Found
16/02/21 23:06:47.40 .net
それ自分の事じゃんｗ
692:Name_Not_Found
16/02/21 23:50:32.40 .net
教えてください
<h2>や<h4>などのタグを使うとき
例 <h2>あああ</h2>
この「あああ」の部分に下線を引いて、文字とは違う色を付けたい時は
どう指定したら良いのですか？
693:Name_Not_Found
16/02/22 00:04:56.36 .net
>>691
だから、オレ知らないんだから教えてよ
694:Name_Not_Found
16/02/22 00:33:56.49 .net
>>692
CSSでh2に下線とカラーの設定を行う
695:578
16/02/22 00:38:28.51 .net
>692みたいな質問にはドヤ顔で回答するくせに私の質問には答えられないんですよね
696:Name_Not_Found
16/02/22 00:41:37.89 .net
回答になってないだろｗ
697:Name_Not_Found
16/02/22 00:46:50.97 .net
>>687
JavaScriptもShift_JISで記載していれば問題ない
698:Name_Not_Found
16/02/22 01:03:16.79 .net
>>694
すみません
そのCSSの設定方法を教えてください
699:Name_Not_Found
16/02/22 01:22:34.77 .net
>>698
CSSの経験はあるの?
あるのと、ないのとでは答え方がだいぶ異なるので。
700:Name_Not_Found
16/02/22 01:43:54.52 .net
>>693
ググれや
701:Name_Not_Found
16/02/22 02:12:27.14 .net
>>699
基礎は理解しています。
実際に今まで自分でサイトを立ち上げたときにCSS使いました
702:Name_Not_Found
16/02/22 03:05:01.50 .net
すっごい矛盾を感じる
703:Name_Not_Found
16/02/22 03:06:49.94 .net
css 下線ってググっただけでかなり出てくるけど、そういうのはダメなの？
704:Name_Not_Found
16/02/22 03:08:02.59 .net
わざとらしい感ハンパない
何か流したいレスでもあったんだろうか
705:578
16/02/22 08:53:39.78 .net
ねぇよんなもん
706:Name_Not_Found
16/02/22 09:19:28.76 .net
>>701
>>694が理解できないなら、基礎ができてるとは言えないと思うよ。自己評価、高すぎ。
707:Name_Not_Found
16/02/22 11:59:42.50 .net
出来ない奴ほどアピールするからなぁ
質問スレではそんなの重要じゃないのに
708:692
16/02/22 12:07:20.95 .net
CSSで underlineを指定するのは知ってます
けど、それだと文字と同じ色にしかならないので
下線だけ違う色にしたいんです。
この場合、どう指定したら良いですか？
709:Name_Not_Found
16/02/22 12:27:45.01 .net
>>708
意地悪なアドバイスだったが、あなたにも問題がなかったとはいえない。
初めからそこまで説明できていれば無駄にスレを費やす必要はなかった。
URLﾘﾝｸ(developer.mozilla.org)
710:Name_Not_Found
16/02/22 12:29:20.57 .net
プログレッシブ・エンハンスメントが許容できないならborder-bottomで我慢するしかない
下線の範囲は工夫すれば出来る
711:692
16/02/22 12:32:10.27 .net
>>709-710
こちらこそすみません。
ありがとうございました。
712:578
16/02/22 12:51:51.85 .net
いいってことよ
713:578
16/02/22 13:26:25.38 .net
ここの連中は、簡単な質問にもイチャモンつけてうやむやしにしようとするからな
714:Name_Not_Found
16/02/22 13:31:57.42 .net
アホか
>>692で「文字とは違う色を付けたい」といってるんだから、即>>709のレスで終了じゃないか
無駄レス消費してるのは回答側だ
715:Name_Not_Found
16/02/22 14:07:21.92 .net
>>694で終了してるよ
回答を得るのと手取り足取り教えてもらうのは同じじゃない
716:Name_Not_Found
16/02/22 15:30:23.29 .net
「どう指定したら良いのですか？」
という手取り足取りと思われる質問なんだが
わざわざ遠回しに回答し、スレを消費する意味はなに？
717:692
16/02/22 15:32:07.14 .net
解決したのでもういいです
718:578
16/02/22 15:56:06.43 .net
そんなことより>>578をお願いします。
719:Name_Not_Found
16/02/22 16:12:08.23 .net
>>716
しつこい
720:578 ◆jG/Re6aTC.
16/02/22 17:11:18.25 DhhUVIdQ.net
>>658で取り下げた質問をいつまでもなりすましで不当に貶めるのは本当に質が悪いですね。
終わった質問にまで食ってかかられるとは思っていませんでした。
現行仕様では :has() が ? に取って代わっている気がするものの、読解力に自信がなかったのですが、質問は既に取り下げました。
以降、このトリップではない人物は>578ではありません。
721:Name_Not_Found
16/02/22 17:52:06.28 .net
>>720
css4のセレクタ？にブラウザが対応してるか調べることができるサイトがあるから そこで調べれ
ほとんど載ってるから便利やで
722:578
16/02/22 18:00:41.75 .net
ちょｗトリップ付けてまで騙るかね
取り下げてませんから
723:578
16/02/22 18:01:23.85 .net
>>721
ありがとうございます
見てみます
724:Name_Not_Found
16/02/22 20:13:33.81 .net
|дﾟ)ﾐﾃｲﾙｿﾞ
725:Name_Not_Found
16/02/22 20:26:41.01 .net
>>724
|(ﾟεﾟ(O三(>_<`)o
726:578 ◆jG/Re6aTC.
16/02/23 00:18:49.18 .net
>>721
申し訳ありませんが、知りたいのは仕様であって実装状況を知りたいわけではありません。
(仕様から削除されればいずれ廃止されるのは明白ですので)
あるいはそのサイトで仕様について言及されているのでしょうか。
URLﾘﾝｸ(caniuse.com) を探しましたが、CSS 4 の対応比較表や文献は見つかりませんでした。
該当サイトについて教えてください。
URLﾘﾝｸ(www.w3.org)
ではある気がしますが、
URLﾘﾝｸ(drafts.csswg.org)
ではないような気がしますが、自信がありません。
727:Name_Not_Found
16/02/23 07:02:50.42 .net
>>726
横だけど親を指定できるのは「?」じゃなくて「!」だった気がする
728:578 ◆jG/Re6aTC.
16/02/23 12:04:55.26 .net
>>727
「対象を表す名前」には議論の余地があったようで仕様書を読むと名前が少しずつ変わっているんです。
「$ -> !」までは追えましたが、"?" に変わった版までは終えませんでした。
("!" だった版) URLﾘﾝｸ(www.w3.org)
("$" だった版) URLﾘﾝｸ(www.w3.org)
URLﾘﾝｸ(myakura.github.io) によれば
"NOTE: 公式な草案にリンクしている部分はあるものの、このノートが参照する仕様書はEditor's Draftの情報になります。"
とあるので、URLﾘﾝｸ(drafts.csswg.org) で "?" に変わった時代があるのであろうと想像しています。
しかしながら、URLﾘﾝｸ(drafts.csswg.org) には過去の版を参照する方法が見つからなくて途方に暮れている状況です。
URLﾘﾝｸ(myakura.github.io) では
"NOTE: FPWDが出てすぐ、$から?になりました。(参照)"
とあり、ML参照先 ( URLﾘﾝｸ(lists.w3.org) )がありますが、仕様書の該当箇所が見つかりませんでした。