HTML/CSS のどんな質問にも優しく答えるスレ 34
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 33
http://mevius.5ch.net/test/read.cgi/hp/1531279252/
■関連スレ
Webサイト制作初心者用質問スレ part249
http://mevius.5ch.net/test/read.cgi/hp/1529144063/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html 結局リッチクライアントを達成するにあたって昔ながらの枠組みを無理やり拡張しようとしたのが間違いだったということさ あいう
あいう
あいう
flexboxでdisplay.flexでこんな感じにしきつまって、これをサイトの幅に合わせたいんですがどうすればいいんですか？
widthでpx指定するとスマホとかノートpcではみ出しちゃいそうですし >>771
言ってる意味がよく分からんか
width:100%じゃあかんの SSIでのHTMLファイルのインクルードがよろしくないらしいけど、今は何でインクルードするのが一番良いんですか？ 作業者がHTMLプリプロセッサを使ってローカルでインクルード化します >>773
php
もう誰も使ってない変な技術は使うのやめといたほうがいい >>776
ここまで実質標準で世界中で使われているなら、デバッグも十分済んでるだろう
そう納得して使っている
まぁapacheのバックドアが数十年ほったらかしだったりするんだけどね〜
ま〜いっか〜みたいな〜 SSIで出来る事って限られてるからphpｙり悪用はされにくいとは思うけどな はびこんちぇっかーにまにへすとがあらへんってゆあれる。。。
jsonチェッカーで構文は合ってるみたいだしちゃんとhead内のそのへんに
<link rel="manifest" href="/manifest.json">
も入れてるんだけど記述する位置でも決まってたりするの？ はてなブログで
<details>
<summary><ol>
<li>aaa</li>
<li>bbb</li>
</ol></summary>
<ol>
<li>A1</li>
</ol>
</details>
と書くと、見出し部分がaaaとbbbのリストではなく、 ｢[詳細]｣ という文字列に勝手に置き換えられてしまいます
なぜですか？
はてなブログ以外なら普通にいけたんですが 無料のブログは広告やウィルスを貼れないように置換することがある
その見出しがなんで置換されるのかは分からん。>>785だね >>782
そのタグの書き方がおかしいとか？
/manifest.json のパスがおかしいとか？
./ や、../ から始めるとか？ >>787
そこの記述チェッカーにかけて見たら引用符が間違ってたわ
サンクス TVはもう4Kの次の8Kが話題になってる
8Kテレビは今の4倍の7680×4320ピクセルだってよ
これがwebにも取り入れられたら大変だわ
横幅7680ピクセルのデザインモックなんて作ってたら非効率過ぎて死ねるわな
それでいてスマホのサイズにもレスポンシブ対応ってなったら対応幅が広すぎだわ いちいち高解像度に対応してたら
写真素材も高解像度のしか使えないから
全部買い直しになるし金かかって仕方なくなりそう >>790
今はモバイルファースト、PC版は横幅広げてbodyにpadding、サイドバー付けるだけってとこが多いよ
横幅がなんぼになろうと対して変わらん >>794
直近は東京オリンピックのテレビ需要に合わせて普及をはかってるらしい
出演者向けにそれに合わせた化粧品も開発されているとかなんとか <hr />って前後に改行が入りますけど、
前後に改行が入らない<hr />ってどうすればいいですか？ >>796
何のためにやるのか分からないけど、
あまり推奨できる書き方ではない
http://jsfiddle.net/gmcsrh5w/ https://codepen.io/infologicmation/pen/dQaPYW
xという文字列に対する vertical-align: center;
が効いていません。
なぜでしょうか？
(xという文字(列)はここに表示したいのでposition属性はこのままにしておきたいです) <ul>
<li><span class="samp">X</span>
<a>hello</a></li>
<li>bye</li>
</ul>
CSSは
li {
position: relative;
}
a {
font-size: 200%;
vertical-align: middle;
}
span {
position: absolute;
left: -35px;
width: 50px;
font-size: 80%;
vertical-align: bottom;
}
です >>799-800
そもそも
vertical-align: center;
が無いよ
あと右寄せとか勉強する時はborder入れとくと分かりやすいかもね
https://codepen.io/anon/pen/JexoyW え？
vertical-align は center じゃなくて middle じゃないんですか？ >>802
質問者？回答者？どっちだ
＞xという文字列に対する vertical-align: center;が効いていません。
と最初に質問したのは
>>799だよ
無けりゃそりゃ効かない >>803
気持ち悪いな
最初の質問て書き間違えただけだろう
それぐらい読み取ってやれよ vertical-align: bottom;
↓
vertical-align: middle;
で終わり
https://codepen.io/anon/pen/XyObgV ブラウザのデフォルトcssって切る事は出来ないのでしょうか？
reset.cssで打ち消すしか無いのでしょうか >>806
デフォルトで何も表示されなくなってほしいってこと？ フレックスボックス飽きた
何か面白いcssありませんか？ cssに飽きたらprefetchとか試してみては
cssばかり触ってても得るものは少ないぞ >>805
vertical-align: middle;
にしても全然効いていません position: absolute;
を消すと垂直方向について中央にそろえれますが、position: absolute;は絶対に外したくないです。 >>812
成る程
確かに｢その箱のサイズにおいては｣middleになっていますね
でも私がやりたいのは, li タグと揃える という意味での垂直方向についての中央揃えなのでちょっと違います
(つまり、中点・ と中心線を揃えたい) サンプルコードにおいて
aタグの文字サイズを200％、vertical-align:middle にしているのはそのためなんです。
そうすることでli内の文字サイズに応じてliの箱のサイズが変わったり、liの中点・の位置が微妙に変わったりしますが
それでもこの中点・に揃うようにspanを垂直方向について中央揃えしたいのです。 例えば、サンプルコードにおいて
span タグに｢top: 12px;｣とすれば"その時は"上手く行きますが…これはその場しのぎなのでダメです >>818
確かに中点が消えてしまってること以外についてはまさしくそれです
その状態から中点を復活させることが出来たら最高なのですが… >>820
そんなその場しのぎの中点は不適切です
中点以外に○や■を使うことだってありますので。 >>821
どれかを諦めるしかないねぇ
display:flexを使わずにこれを組むならaとspanのheightかline-heightを決め打ちするしかない
中黒はdisplay:list-itemに付くものだからflexとの併用は不可能
後はdivかますかね
https://codepen.io/anon/pen/PxVmqv
ださｗ >>822
ありがとうございます。
現状>>822がベターっぽいですね htmlもCSSもJavaScriptもちゃんと整備したのになんでワイのサイトは中身がないんや？ お前が内臓詰まってるのに中身がない男と言われるのと一緒。 少しでもいいから毎日続けるのが大事
毎日1ページ書けば一年後には365ページだ >>825
そりゃ鍋と包丁と食材だけ買っても
おいしいごはんにはならんのと同じじゃ いやその場合、鍋と包丁とフライパンがあって食材がないんじゃ いや、食材もあるけどレシピがないから自分流で適当に作ったらものすごくまずくなったパターン まとめると酒・ギャンブル・女を経験して人生勉強をつめば、サイトも中身がしっかりつまったいいものができる たった3つのことをするだけで、
思ったことが自然に英語で口から出てくる
ようになるのです 唐辛子を練り込んだ繊維の痩せるTシャツ
のサイトなら作ったことあるぞ >>844
むしろ痛かったら良かったんだけどな
少なくとも成分は有るってことだから
笑えるくらい売れなかったなあ、販売主は父ちゃんだったんだが( ；∀；) >>846
痩せるのがコンセプトなのに
痩せるって書けないし
本当に痩せない商品の広告作る気持ちわかって( ；∀；) htmlとjavascriptの勉強に、webサイトのソースもうとしてるのですが、
divタグの中にdata-sesid=とdata-base=っとのが出てきました。
<div id="" data-sesid="" data-base="">
data-sesid=とdata-base=なんかありましたっけ？
検索しても何も引っかからないから、さっぱりわかりません。
教えてくだい。 >>852-853
>カスタムデータ属性
初めて聞きました。勉強してきます。
ありがとうございました。 テキストボックスの背景色って、特殊な指定をしなければいけないんでしょうか
firefoxのサイドバーの検索ボックスなんですが、なぜか色が変わりません
textbox#search-box{background-color:red !important;} >>857
textboxというタグはありません
input[type＝text]かid(class)のみで指定してください よくある２段組み構成で質問です。
<header></header>
<div id="container">
<div id="contents">
記事本文
<aside>広告</aside>
記事本文続き
</div>
<aside>
サイドバー
</aside>
</div>
#contentsのタグをarticleかmainにしたいのですがどちらが妥当でしょうか？ 広告が<aside>でいいかは知らん
後、まぁ全部divでも対してSEOに影響ないよ
<header></header>
<main>
<article>
記事本文
<aside>広告</aside>
記事本文続き
</article>
</main>
<aside>
サイドバー
</aside> どうも、SEOよりdivを減らそう＝Ｆ12で見やすくという目的です
mainとarticleの片方より両方あったほうがいいのでしょうか？ HTMLのタグごときでSEOになんてならないから
SEOがどうとかいうのは全て嘘だと思って構わん そうだよ。SEO的（笑）にはそれでも全然違いはない
いい加減詳しくない人相手ににSEO詐欺するのはやめろってこと ■ このスレッドは過去ログ倉庫に格納されています
