X



HTML/CSS のどんな質問にも優しく答えるスレ 45
レス数が1000を超えています。これ以上書き込みはできません。
0001Name_Not_Found
垢版 |
2020/09/30(水) 22:55:23.99ID:???
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。
質問するときはIDを出すためにメール欄を age にすることをおすすめします。

回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!

質問側も節度あるレスで!質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 44
https://mevius.5ch.net/test/read.cgi/hp/1593842738/

■関連スレ
Webサイト制作初心者用質問スレ part252
https://mevius.5ch.net/test/read.cgi/hp/1595561376/

■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html
0952Name_Not_Found
垢版 |
2020/12/22(火) 11:53:52.70ID:???
>>948
問題ないよ
その言語を知っているか否かの問題なので
left、rightはダメだと言ってるのとかも同じ
なんの意味もない
区別できる文字列ならなんでもいい
0953Name_Not_Found
垢版 |
2020/12/22(火) 12:54:38.00ID:???
serifとsanserifが紛らわしいから
minch,gothでもいい気がする
0954Name_Not_Found
垢版 |
2020/12/22(火) 13:20:38.75ID:???
サイトのスタイルを追加するブラウザ拡張(chromeのstylus等)を使い、サイトのメディアクエリ(レスポンシブ機能)を丸ごと無効にすることほできますか?

ブラウザの幅が狭くなるとスマホ用表示になるのを抑止したいです。

同じメディアクエリですべてのスタイルをPC用の内容に上書きするスタイルを追加すればできるとは思いますが、スタイルの数が多いので現実的ではない気がしています。
0955Name_Not_Found
垢版 |
2020/12/22(火) 17:07:40.61ID:???
上書きしたくないってことになるとstylusでは無理じゃないかな?
Tampermonkeyとか入れてスクリプト書くしかないかも
0956Name_Not_Found
垢版 |
2020/12/23(水) 08:07:59.62ID:???
画像のまとめサイトを作りたいのですがサイズがバラバラな画像を上手く整列できません
こんな感じに並べたいのですが
■■■
■■■
floatを使うと縦長の画像の右に横長の画像が2枚収まってしまいます
■□▲
  □◇
大量の画像を扱うので理想としては画像を編集画面にポンポンポンと投げただけで並べたいです
抽象的な質問で申し訳ないですが初心者なので管理が簡単なHTMLやCSSだと助かります
0957Name_Not_Found
垢版 |
2020/12/23(水) 09:44:03.90ID:???
>>956
まずはfloatを使うのを止めよう
時代はflexだから
0958Name_Not_Found
垢版 |
2020/12/23(水) 10:13:37.83ID:???
>>957
flex使ったら出来ました!
ありがとうございます!
0959Name_Not_Found
垢版 |
2020/12/23(水) 11:38:44.55ID:???
https://www.usamimi.info/~geko/arch_etc/box.html
このページの「+HTML5」「物理/数学/情報関係」等の四角い枠はどんなタグを使えば作成出来ますか?
宜しくお願い致します
0960Name_Not_Found
垢版 |
2020/12/23(水) 12:06:47.17ID:???
divタグを使って作成されてるようです
0961Name_Not_Found
垢版 |
2020/12/23(水) 12:16:49.95ID:???
茶色になってるところはbackground-colorだよ
0962Name_Not_Found
垢版 |
2020/12/23(水) 12:27:46.03ID:???
>>959のサイトは何の研究者だろうか?凄いな。
10年前にHTML5やらcanvasなんて実験してるがIE6やらベンダーも協調性なくて大変だったろうな
0963Name_Not_Found
垢版 |
2020/12/23(水) 14:25:50.27ID:???
>>962
10年前はちょうど
「HTML5」というワードが一番バズってた時期
whatwgがw3cからHTMLを本気で奪いにかかって広めた

canvas、video、audioなんかも
その高機能なHTML5の一例として推されてた
スマホのブラウザすごいよって

2010年の後半にIE9が出た頃で
IE8全盛でIE6はサポート終了から4年経ってて
もうそろそろいいかなって感じだった
0964Name_Not_Found
垢版 |
2020/12/23(水) 15:33:41.65ID:???
>>963
ごめん。ほんまやな。
投稿の2011/06/26って既にスマホ使ってた頃だ。(同年に自分もcss3やHTML5触ってたわ)

そう考えると逆にこのデザインが逆にやべーなw web2.0の前の時代にすら見える。
https://www.usamimi.info/~geko/arch_fbox/001_mandel/index.html
てっきり見た目からtable全盛の時代のサイトかと思ってしまった。
でも難しい事研究してると思う。数学分からん。
0966Name_Not_Found
垢版 |
2020/12/23(水) 16:24:38.27ID:???
タグへの質問しておいて
タグへの回答はスルーで
装飾についてのアドバイスにだけお礼を言う奴って素敵
0967Name_Not_Found
垢版 |
2020/12/23(水) 16:26:12.69ID:???
すみません忘れてました

>>960
ありがとうございます、divタグについて色々と調べている最中です
0968Name_Not_Found
垢版 |
2020/12/23(水) 17:55:42.29ID:???
div自体は特別な意味なくてそのページではh2やらpをひとまとめにするのに使っている
0969Name_Not_Found
垢版 |
2020/12/23(水) 18:05:24.38ID:???
>>957-958
flexに流し込みつつ、上端揃えみたいなのあったっけ?
0971Name_Not_Found
垢版 |
2020/12/23(水) 21:47:51.14ID:???
divの中に画像やifameを入れる場合divの幅が画像やiframeにフィットする
ようにするにはどうすればいいんですか?
画像と同じ幅を毎回pxで指定しなければならないんですか?
0972Name_Not_Found
垢版 |
2020/12/23(水) 22:59:42.45ID:???
女の足にストッキングがフィットするみたいなイメージ?
0973Name_Not_Found
垢版 |
2020/12/23(水) 23:51:27.24ID:???
divにvw、%、pxなんかで横幅指定してimgの横幅100%じゃだめなの?
0974Name_Not_Found
垢版 |
2020/12/24(木) 00:55:45.27ID:???
>>971
divというか
display: blockな奴は横に広がって縦に縮むの
0975Name_Not_Found
垢版 |
2020/12/24(木) 02:09:26.56ID:???
ulの中のliをheight:0でpadding-top:〜〜%とかで常に一定の比率で画像の枠を作りたいんですが、
PC表示ではliのwidthを100%にしてpadding-top:60%で普通に縦一列に表示して、
これをスマホ表示ではfloat:leftでliのwidthを50%で横2列にするとします
そうすると、なぜかスマホ表示では縦のほうが長くなって変な比率になってしまうのですが何故でしょうか?
padding-top:30%にしたらちょうどうまくいったようです
width:50%に変えても、そのwidthを基準にしてpaddingするから60%のままでいいんじゃないんですか?floatさせると何か変わるんでしょうか?
0976Name_Not_Found
垢版 |
2020/12/24(木) 03:04:32.49ID:???
よく分からんけど、その場合のpadding-topは(画像の高さ/画像の横幅)*100じゃなかったっけ?
計算合ってる?
0977Name_Not_Found
垢版 |
2020/12/24(木) 03:14:32.90ID:???
>>975
気づいてるかもしれんけど
基準値がliの幅じゃなく親要素だから

中にbeforeか、なにか別の要素置いて
高さ60%にしたらいいんでね
縦横比固定したい時によくやるやーつ
0978Name_Not_Found
垢版 |
2020/12/24(木) 06:41:40.78ID:???
あ、親要素が基準でしたか。勘違い申し訳ない
padding上下はその要素そのもののwidthを基準にすると勘違いしていた
0979Name_Not_Found
垢版 |
2020/12/24(木) 08:29:14.19ID:???
>>971
divの幅を0にすればどんな画面入れてもフィットするやろ
0980Name_Not_Found
垢版 |
2020/12/24(木) 08:31:33.01ID:???
>>979
素人ですまん、
border-sizingがcontentでもborderでもそうなるの?
0981Name_Not_Found
垢版 |
2020/12/24(木) 12:46:37.37ID:???
submiボタンで送信するのでなければinputタグはformタグで囲まなくてもいいんですか?
0982Name_Not_Found
垢版 |
2020/12/24(木) 14:36:20.53ID:???
ハロー!わたしサブ美!
formタグに囲まれて怒張した肉棒をかわるがわるinputされてるの♡
0983Name_Not_Found
垢版 |
2020/12/24(木) 19:19:42.08ID:???
>>981
構わんよ

なんなら、submitするとしても
inputやselect要素にform属性つけたら
form要素の外にあっても大丈夫
0984Name_Not_Found
垢版 |
2020/12/25(金) 01:53:16.25ID:???
ウェブデザイナーになりたくて”一冊で身につくHTMLとWebデザイン”
"スラスラ分かるhTML&CSSの基本"という本を買ったのですが
色々知ってるのが前提に解説されていてイマイチ理解できませんでした。
プログラミング一切やったことに人向けのHTMLの本でお勧めはないでしょうか?
Hello worldから始まるような本を探しています
0985Name_Not_Found
垢版 |
2020/12/25(金) 03:09:42.74ID:???
1冊で身につくという本は全て詐欺です
0986Name_Not_Found
垢版 |
2020/12/25(金) 03:30:02.36ID:???
>>984
ここで何かしらオススメ書いてもステマだ何だと騒ぐ馬鹿が湧いて出てくるから
尼のレビュー読んで気になったのをピックアップして、実際に書店に行って
自分に合ってるかどうか確認した方がいいんじゃないかと
あとは本以外でも動画系学習サイトとか初心者向け解説サイトとか
「HTML 初心者 サイト」とかでググれば色々と出てくるし、本を買わなくても
十分事足りるので、先ずは本を買う前にネットで調べてみるといいかも
0987Name_Not_Found
垢版 |
2020/12/25(金) 03:40:42.23ID:???
>>986
自分で3冊買って失敗したので教えてほしかったのですが厳しいですか…

<body>

<h1>kujira cafe <h1>
<nav>

<nav>

<h2> <h2>
って文があったら一行一句何を意味してるのか全て解説してるような本をまず読みたいんですけど..
0988Name_Not_Found
垢版 |
2020/12/25(金) 03:49:39.42ID:???
>>987
「html5 リファレンス」で検索して
で出てくる本をすぐ買うが良い
0989Name_Not_Found
垢版 |
2020/12/25(金) 09:25:26.81ID:???
>>984,987
足りないのは説明やウェブの知識ではなく
それ以前の問題かもなあ

あと反復練習
一回説明を受けてやっただけで理解できるようには
人の脳は出来てない

自転車が倒れないメカニズムやアルゴリズムを
初めて乗る人に説明しても
理解できないし乗れるようにはならん
でも乗れる人はその説明を納得しやすい、のと同じ

まず今知ってる、出来ることだけで書いて
何度も繰り返して、見様見真似して
なんとなくわかった気になってからの方がいいと思うよ

本とかに頼るのは
0990Name_Not_Found
垢版 |
2020/12/25(金) 09:52:46.53ID:???
ほんと、授業でやった
阿部寛のホームページ模写なんて
最初は難しかったもんなぁ。
0991Name_Not_Found
垢版 |
2020/12/25(金) 16:19:27.14ID:???
プログラミングも何も分からないっていう初心者向けサイトとか、調べればいくらでも出てくるけど
それらを一通り読んで実践してみた上で、今持ってる本を読めば大抵は何とかなると思うんだが
それでもダメなら、もう向いてないから諦めた方がいいって事なのかもな
0992Name_Not_Found
垢版 |
2020/12/25(金) 16:31:33.67ID:???
めんどくさいんで自分のHPなんて90年代センスでいいや!とか開き直りしてるけど、いざとなったらどこぞのオサレなサイトをパク…参考にするつもり(959みたいに
独自のスクリプトなんて大して使ってない処がほとんどだろうし、ビジネスロジックは除去

本とかセミナーに行く必要性はないよな?
0995Name_Not_Found
垢版 |
2020/12/25(金) 19:57:59.79ID:???
デプロイなんてesxiでしか使わないな
0996Name_Not_Found
垢版 |
2020/12/25(金) 20:36:27.27ID:u4chuuVQ
Git
0997Name_Not_Found
垢版 |
2020/12/25(金) 21:26:08.76ID:???
>>992
それなら最初からWordPress使っとけって話だけどな
本職のデザイナが作った無料テンプレートが腐るほどあるのに、
なんで初心者ほど自作したがるんや
0999Name_Not_Found
垢版 |
2020/12/25(金) 21:37:00.65ID:???
>>997
つまりケチってんのよサーバー代も
データ永続化もFirestoreで無料
利用者のユーザ管理はOAuth
comドメインの登録料だけ払ってる
10011001
垢版 |
Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 85日 22時間 42分 38秒
10021002
垢版 |
Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。

ニューススポーツなんでも実況