■ このスレッドは過去ログ倉庫に格納されています
HTML/CSS のどんな質問にも優しく答えるスレ 45
- 1 :Name_Not_Found:2020/09/30(水) 22:55:23.99 ID:???.net
- ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。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
- 952 :Name_Not_Found:2020/12/22(火) 11:53:52.70 ID:???.net
- >>948
問題ないよ
その言語を知っているか否かの問題なので
left、rightはダメだと言ってるのとかも同じ
なんの意味もない
区別できる文字列ならなんでもいい
- 953 :Name_Not_Found:2020/12/22(火) 12:54:38.00 ID:???.net
- serifとsanserifが紛らわしいから
minch,gothでもいい気がする
- 954 :Name_Not_Found:2020/12/22(火) 13:20:38.75 ID:???.net
- サイトのスタイルを追加するブラウザ拡張(chromeのstylus等)を使い、サイトのメディアクエリ(レスポンシブ機能)を丸ごと無効にすることほできますか?
ブラウザの幅が狭くなるとスマホ用表示になるのを抑止したいです。
同じメディアクエリですべてのスタイルをPC用の内容に上書きするスタイルを追加すればできるとは思いますが、スタイルの数が多いので現実的ではない気がしています。
- 955 :Name_Not_Found:2020/12/22(火) 17:07:40.61 ID:???.net
- 上書きしたくないってことになるとstylusでは無理じゃないかな?
Tampermonkeyとか入れてスクリプト書くしかないかも
- 956 :Name_Not_Found:2020/12/23(水) 08:07:59.62 ID:???.net
- 画像のまとめサイトを作りたいのですがサイズがバラバラな画像を上手く整列できません
こんな感じに並べたいのですが
■■■
■■■
floatを使うと縦長の画像の右に横長の画像が2枚収まってしまいます
■□▲
□◇
大量の画像を扱うので理想としては画像を編集画面にポンポンポンと投げただけで並べたいです
抽象的な質問で申し訳ないですが初心者なので管理が簡単なHTMLやCSSだと助かります
- 957 :Name_Not_Found:2020/12/23(水) 09:44:03.90 ID:???.net
- >>956
まずはfloatを使うのを止めよう
時代はflexだから
- 958 :Name_Not_Found:2020/12/23(水) 10:13:37.83 ID:???.net
- >>957
flex使ったら出来ました!
ありがとうございます!
- 959 :Name_Not_Found:2020/12/23(水) 11:38:44.55 ID:???.net
- https://www.usamimi.info/~geko/arch_etc/box.html
このページの「+HTML5」「物理/数学/情報関係」等の四角い枠はどんなタグを使えば作成出来ますか?
宜しくお願い致します
- 960 :Name_Not_Found:2020/12/23(水) 12:06:47.17 ID:???.net
- divタグを使って作成されてるようです
- 961 :Name_Not_Found:2020/12/23(水) 12:16:49.95 ID:???.net
- 茶色になってるところはbackground-colorだよ
- 962 :Name_Not_Found:2020/12/23(水) 12:27:46.03 ID:???.net
- >>959のサイトは何の研究者だろうか?凄いな。
10年前にHTML5やらcanvasなんて実験してるがIE6やらベンダーも協調性なくて大変だったろうな
- 963 :Name_Not_Found:2020/12/23(水) 14:25:50.27 ID:???.net
- >>962
10年前はちょうど
「HTML5」というワードが一番バズってた時期
whatwgがw3cからHTMLを本気で奪いにかかって広めた
canvas、video、audioなんかも
その高機能なHTML5の一例として推されてた
スマホのブラウザすごいよって
2010年の後半にIE9が出た頃で
IE8全盛でIE6はサポート終了から4年経ってて
もうそろそろいいかなって感じだった
- 964 :Name_Not_Found:2020/12/23(水) 15:33:41.65 ID:???.net
- >>963
ごめん。ほんまやな。
投稿の2011/06/26って既にスマホ使ってた頃だ。(同年に自分もcss3やHTML5触ってたわ)
そう考えると逆にこのデザインが逆にやべーなw web2.0の前の時代にすら見える。
https://www.usamimi.info/~geko/arch_fbox/001_mandel/index.html
てっきり見た目からtable全盛の時代のサイトかと思ってしまった。
でも難しい事研究してると思う。数学分からん。
- 965 :Name_Not_Found:2020/12/23(水) 16:15:33.59 ID:???.net
- >>961
ありがとうございます
- 966 :Name_Not_Found:2020/12/23(水) 16:24:38.27 ID:???.net
- タグへの質問しておいて
タグへの回答はスルーで
装飾についてのアドバイスにだけお礼を言う奴って素敵
- 967 :Name_Not_Found:2020/12/23(水) 16:26:12.69 ID:???.net
- すみません忘れてました
>>960
ありがとうございます、divタグについて色々と調べている最中です
- 968 :Name_Not_Found:2020/12/23(水) 17:55:42.29 ID:???.net
- div自体は特別な意味なくてそのページではh2やらpをひとまとめにするのに使っている
- 969 :Name_Not_Found:2020/12/23(水) 18:05:24.38 ID:???.net
- >>957-958
flexに流し込みつつ、上端揃えみたいなのあったっけ?
- 970 :Name_Not_Found:2020/12/23(水) 18:30:55.91 ID:???.net
- align-items使えや
- 971 :Name_Not_Found:2020/12/23(水) 21:47:51.14 ID:???.net
- divの中に画像やifameを入れる場合divの幅が画像やiframeにフィットする
ようにするにはどうすればいいんですか?
画像と同じ幅を毎回pxで指定しなければならないんですか?
- 972 :Name_Not_Found:2020/12/23(水) 22:59:42.45 ID:???.net
- 女の足にストッキングがフィットするみたいなイメージ?
- 973 :Name_Not_Found:2020/12/23(水) 23:51:27.24 ID:???.net
- divにvw、%、pxなんかで横幅指定してimgの横幅100%じゃだめなの?
- 974 :Name_Not_Found:2020/12/24(木) 00:55:45.27 ID:???.net
- >>971
divというか
display: blockな奴は横に広がって縦に縮むの
- 975 :Name_Not_Found:2020/12/24(木) 02:09:26.56 ID:???.net
- 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させると何か変わるんでしょうか?
- 976 :Name_Not_Found:2020/12/24(木) 03:04:32.49 ID:???.net
- よく分からんけど、その場合のpadding-topは(画像の高さ/画像の横幅)*100じゃなかったっけ?
計算合ってる?
- 977 :Name_Not_Found:2020/12/24(木) 03:14:32.90 ID:???.net
- >>975
気づいてるかもしれんけど
基準値がliの幅じゃなく親要素だから
中にbeforeか、なにか別の要素置いて
高さ60%にしたらいいんでね
縦横比固定したい時によくやるやーつ
- 978 :Name_Not_Found:2020/12/24(木) 06:41:40.78 ID:???.net
- あ、親要素が基準でしたか。勘違い申し訳ない
padding上下はその要素そのもののwidthを基準にすると勘違いしていた
- 979 :Name_Not_Found:2020/12/24(木) 08:29:14.19 ID:???.net
- >>971
divの幅を0にすればどんな画面入れてもフィットするやろ
- 980 :Name_Not_Found:2020/12/24(木) 08:31:33.01 ID:???.net
- >>979
素人ですまん、
border-sizingがcontentでもborderでもそうなるの?
- 981 :Name_Not_Found:2020/12/24(木) 12:46:37.37 ID:???.net
- submiボタンで送信するのでなければinputタグはformタグで囲まなくてもいいんですか?
- 982 :Name_Not_Found:2020/12/24(木) 14:36:20.53 ID:???.net
- ハロー!わたしサブ美!
formタグに囲まれて怒張した肉棒をかわるがわるinputされてるの♡
- 983 :Name_Not_Found:2020/12/24(木) 19:19:42.08 ID:???.net
- >>981
構わんよ
なんなら、submitするとしても
inputやselect要素にform属性つけたら
form要素の外にあっても大丈夫
- 984 :Name_Not_Found:2020/12/25(金) 01:53:16.25 ID:???.net
- ウェブデザイナーになりたくて”一冊で身につくHTMLとWebデザイン”
"スラスラ分かるhTML&CSSの基本"という本を買ったのですが
色々知ってるのが前提に解説されていてイマイチ理解できませんでした。
プログラミング一切やったことに人向けのHTMLの本でお勧めはないでしょうか?
Hello worldから始まるような本を探しています
- 985 :Name_Not_Found:2020/12/25(金) 03:09:42.74 ID:???.net
- 1冊で身につくという本は全て詐欺です
- 986 :Name_Not_Found:2020/12/25(金) 03:30:02.36 ID:???.net
- >>984
ここで何かしらオススメ書いてもステマだ何だと騒ぐ馬鹿が湧いて出てくるから
尼のレビュー読んで気になったのをピックアップして、実際に書店に行って
自分に合ってるかどうか確認した方がいいんじゃないかと
あとは本以外でも動画系学習サイトとか初心者向け解説サイトとか
「HTML 初心者 サイト」とかでググれば色々と出てくるし、本を買わなくても
十分事足りるので、先ずは本を買う前にネットで調べてみるといいかも
- 987 :Name_Not_Found:2020/12/25(金) 03:40:42.23 ID:???.net
- >>986
自分で3冊買って失敗したので教えてほしかったのですが厳しいですか…
<body>
<h1>kujira cafe <h1>
<nav>
<nav>
<h2> <h2>
って文があったら一行一句何を意味してるのか全て解説してるような本をまず読みたいんですけど..
- 988 :Name_Not_Found:2020/12/25(金) 03:49:39.42 ID:???.net
- >>987
「html5 リファレンス」で検索して
で出てくる本をすぐ買うが良い
- 989 :Name_Not_Found:2020/12/25(金) 09:25:26.81 ID:???.net
- >>984,987
足りないのは説明やウェブの知識ではなく
それ以前の問題かもなあ
あと反復練習
一回説明を受けてやっただけで理解できるようには
人の脳は出来てない
自転車が倒れないメカニズムやアルゴリズムを
初めて乗る人に説明しても
理解できないし乗れるようにはならん
でも乗れる人はその説明を納得しやすい、のと同じ
まず今知ってる、出来ることだけで書いて
何度も繰り返して、見様見真似して
なんとなくわかった気になってからの方がいいと思うよ
本とかに頼るのは
- 990 :Name_Not_Found:2020/12/25(金) 09:52:46.53 ID:???.net
- ほんと、授業でやった
阿部寛のホームページ模写なんて
最初は難しかったもんなぁ。
- 991 :Name_Not_Found:2020/12/25(金) 16:19:27.14 ID:???.net
- プログラミングも何も分からないっていう初心者向けサイトとか、調べればいくらでも出てくるけど
それらを一通り読んで実践してみた上で、今持ってる本を読めば大抵は何とかなると思うんだが
それでもダメなら、もう向いてないから諦めた方がいいって事なのかもな
- 992 :Name_Not_Found:2020/12/25(金) 16:31:33.67 ID:???.net
- めんどくさいんで自分のHPなんて90年代センスでいいや!とか開き直りしてるけど、いざとなったらどこぞのオサレなサイトをパク…参考にするつもり(959みたいに
独自のスクリプトなんて大して使ってない処がほとんどだろうし、ビジネスロジックは除去
本とかセミナーに行く必要性はないよな?
- 993 :Name_Not_Found:2020/12/25(金) 18:46:43.31 ID:???.net
- >>992
にほんごでおk
- 994 :Name_Not_Found:2020/12/25(金) 19:53:34.98 ID:???.net
- 書いといた。
三大バカが意味も分からず使いたがる用語 デプロイ
https://medaka.5ch.net/test/read.cgi/prog/1597086668/
248 仕様書無しさん sage 2020/12/25(金) 19:52:18.83
ビジネスロジック
- 995 :Name_Not_Found:2020/12/25(金) 19:57:59.79 ID:???.net
- デプロイなんてesxiでしか使わないな
- 996 :Name_Not_Found:2020/12/25(金) 20:36:27.27 ID:u4chuuVQ.net
- Git
- 997 :Name_Not_Found:2020/12/25(金) 21:26:08.76 ID:???.net
- >>992
それなら最初からWordPress使っとけって話だけどな
本職のデザイナが作った無料テンプレートが腐るほどあるのに、
なんで初心者ほど自作したがるんや
- 998 :Name_Not_Found:2020/12/25(金) 21:30:02.34 ID:???.net
- >>997
Go使いでGCPでサイトを建ててるF2
- 999 :Name_Not_Found:2020/12/25(金) 21:37:00.65 ID:???.net
- >>997
つまりケチってんのよサーバー代も
データ永続化もFirestoreで無料
利用者のユーザ管理はOAuth
comドメインの登録料だけ払ってる
- 1000 :Name_Not_Found:2020/12/25(金) 21:38:01.29 ID:???.net
- ラストノシ
- 1001 :2ch.net投稿限界:Over 1000 Thread
- 2ch.netからのレス数が1000に到達しました。
総レス数 1001
254 KB
掲示板に戻る
全部
前100
次100
最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★