HTML/CSS のどんな質問にも優しく答えるスレ 44
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!
質問側も節度あるレスで!質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 43
https://mevius.5ch.net/test/read.cgi/hp/1583911920/
■関連スレ
Webサイト制作初心者用質問スレ part251
http://mevius.5ch.net/test/read.cgi/hp/1564414228/l50
■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html form中の内容をget、postで送るときに一部のデータだけ送ることができないかということで悩んでいます
form中にinput[type="text"]な要素A、Bの2つがあり
getボタンを押したときはAのみ
postボタンを押したときはA、B両方を送信できないかと考えています
Bの方はそこそこ長い文が入る可能性がありgetにBが含まれるとURLが汚くなってしまうのが嫌でこのようなことができないかと考えました
自分で調べてみたところJavaScriptを使う手法は見つかったのですが非JSな環境でも動くようにしたいと考えています
よろしくお願いします それはいくらなんでもスレ違いなので
余所でやってください。 getとpostでそれぞれformつくりゃええがな >>5
すいません
HTML or CSSに関係したスレかと思って質問してしまったのですが
HTML and CSSのスレだったようでスレチ失礼しました
別のスレに行きます
>>6>>8
スレチにも関わらずありがとうございます
試してみます 家に帰ってママのおっぱいでも吸ってな坊や
HAHAHA!! wordpressに<header>タグというのがあるみたいなんですが、これはワードプレス特有のものでしょうか?タグというのは自分で定義出来るんですか? ハッ!狂ったベイビーはママのおっぱいでもしゃぶりながらお家で寝んねしてな! >>19
それ必要なんですか?
divでいいんじゃないでしょうか?
SEO的にメリットがあるとか? >>20
お前がそう思うんならそうなんだろう
お前ん中ではな! (くわっ >>20
とかいって<html>タグとか<body>タグは使っちゃうんだろ?
なんでかな〜? 構造化できない人はぜーーーーんぶdivで良いんだよ^^ >>20
別に使わなくても動くし、使いたいやつは使うだけ。
それがHTMLファイブ。 憶測だけどheaderタグで書いとけばコード見た時にどこでヘッダー書いてあるか一目瞭然だからだろう
ちなみにfooterもあるよな 知った風にマウンティング取ったり小難しいサイト貼ったりしてても
section、article、asideあたりの使い分け方を明確に説明できるやつなんてこのスレにはいないんだよなぁ 全ては視覚障者の為だけに構造化やるんだぞ
それ以外は特に何も影響ないんだからな
わかったかこのやろう 英語圏のやつらですら
article、asideの使い分けできてないので >>28
ここの連中は説明出来ないんじゃなくて説明する必要がない
そんなもんそれこそ少し調べりゃ腐るほど出てくるしurl貼りゃ良いだけ
わざわざここに自力で書き込むだけ時間と労力の無駄 非js環境なんていくらでもあるだろ
CMSの投稿部分みたいな独自システムとか楽天とかamazonとか HTMLで正しくマクアップするのはいってみりゃ
車も走ってないような田舎の島において
真昼間に信号が赤だから誰もいないけどルール守って渡らずまつ感じだな
渡りたれば渡ればいいし、渡っても別に何か起こるわけでもない >>37
あるに決まってんだろ
こちとらペチパーだぞ そういやpuppeteerか出来てから
あんまり使わなくなったなあcurl
やっぱヘッドレスブラウザが便利だわ curlとは用途が違うだろ
api叩いてみるのにpuppeteerやらplaywright使ってたら笑う なんでー
つかAPI叩くのにはsequelとかのGUIツール使っちゃうなあ
パペッティア?読み方わかんないけど
ヘッドレスブラウザは確かに便利やな
シェルのワンライナーでいきなりは使えないから
多少面倒はあるけど 間違えた
sequelはdbのフロントエンドだった
postmanだな、API叩きに使うのは > シェルのワンライナーでいきなりは使えないから
> 多少面倒はあるけど
やっぱそう思う?
シェルから簡単にブラウザレンダリング後のhtml取れたら便利かなと思って簡単なラッパーコマンドをnodeで作ったことあるんだよね…
需要あるのか…?
たいしたもんじゃないけど開発再開しようかな。 >>45
自分も同じようなの作ってつかってるw
みんな考えることは同じだなあ >>4とは別人だが>>11試してみたら動かなかったな 漏れは、VSCode の拡張機能・Rest Client を使う
マウス操作だから、テストしやすい rubyガイジと同じ拡張機能使ってるなんて癪だわ… 画像の下に2カラムで文字を表示させることは可能でしょうか? 画像の左下にタイトル 右下に説明を入れたいのですが >>51
<p><span>タイトル</span><span>説明</span></p>
こういう書き方もあるけど? >>52
できました!ありがとうございます
spanで できるんですね >>53
後はクラス要素入れて微調整したりしてくれよ ちょっとtableで聞きたいんだけどtbodyで囲んだtrを横並びに置くって出来るの?
行1
行2
だったときに
行1行2
ってすること >>59
こういうこと?
https://jsfiddle.net/fn8tmb0z/
trをinline-blockにしてもいいけど
どちらかといえばflexだよね >>60
ついでなんだけど、trの中にもう一つthとtdでやった方がいいんじゃないかって思ったんだけど
このflexでやるメリットはあるの? ttps://my-best.com/7996
このサイトのランキングでテーブルのところで使ってるんだけど 表としてのセマンティクスに拘らず
帳票のようなある意味レイアウト目的の表になるなら
正しさは求めてもしかたない
望んだ形になることだけを目指して
HTMLとCSSを存分にごにょこにょするしかない >>62
そもそもthとtdじゃタグの意味が違うし、単に横並びにするためだけにthを使うべきじゃない
https://developer.mozilla.org/ja/docs/Web/HTML/Element/th
>>64のサイトでは、ちゃんとthをヘッダー(見出し)として使ってる
thを使わずスマホ対応も考えるなら、flexの方が少ないコードでフレキシブルにできて何かと便利
https://jsfiddle.net/0tmqd369/
th使ってフレキシブルにするなら、こんな感じ
https://jsfiddle.net/4o586dp2/
いずれも画面幅が変われば縦並びなる >>66
そのサイトはwordpressとbootstrapで出来てて、3カラム部分はfloat使ってるみたいだけど
どうやって真似て作って、どの辺が上手く行かないの? >>68
worldpressで真似て作ってるのですが横に均等に羅列ができません
1カラム33%ずつで3等分されてるようですが… >>67
いやそういう事じゃなく、trにthとtdを二つ作れば横並びになるし最後のtrだけ一つ作れば2・2・1綺麗にテーブル出来るじゃないのって事 >>70
いやだから、そもそもがthを使わない前提での質問だったし、横並びのためだけにthを使わず
ちゃんと見出しとしてのthが必要であれば、横並びにflexは使わなくてもいいよって話だよ。
あなたの作りたいものは見出しとしてのthは必要なの?
最初の条件で答えたflexを、勝手に前提条件を変えて要らないだろって言われても困るわw >>73
luxeritasで作ってみたのですがフッターが左中央右と指定されていて
中央に要素を配置するとカラムの横幅をwidthで値を指定しても左右に空間ができてしまいます
やはりPHPを弄るしか方法は無いんですかね? 一度参考サイトのフッターをコピペしてwidthを指定すると出来るんですがどういう構造なんでしょうか… >>72
いやだから・・・提示したサイトの方で使ってるからthを、それなのにtrの中にthとtd入れてflexを使ってるのは何故なのかって聞いてるんだけどさ >>76
だったら最初からまとめてそう言いなさいよ。
この流れじゃ後付けが多すぎて、そうは読めないっての。
で、何故flex使ってるかは、開発者ツール使ってflex外せば分かるが
flex使って、セルの横幅決めたりして綺麗に幅一杯に埋まるようにしてたり
多分コードを減らしたりもしてる。
あとtbodyのflexはtrを横並びにしてるけど、trをflexにするのは
thとtdを横並びにするのと関係はない。 >>74
模写元がどれだけカスタマイズしてるか分からないけど
同じテーマ使ってるっぽいから、どうにかなるんじゃない?
でも、さすがにそれだけの情報だけじゃ、よく分からんから
状況が再現できるコードでも貼ってくれりゃいいんだけど >>73>>79
floatタグで横いっぱいに要素を並べることができましたありがとうございます
floatタグでレス73のアイデアと77のアイデアを結合できないでしょうか? 今はflex使うんだろうなぁ
IE対応するのであれば面倒そうだけどと >>80
>>77は、3つのdivにまとめて指定してるdisplay: inline-block;でブロックを横並びにしてるので
そのinline-blockを消して、そこへ新たにfloat: left;を追加すればいいんじゃない? >>83
自分では解決できなかったのでhttps://shu-sait.com/footer-menu-yokonarabi/
こちらのサイトの方を参考に作り替えてみます
上記のサイトのフッターを配置してみると左右ぴったりに配置することができました
何が間違っていたのかわからなかったのですが… もう一点質問があるのですがhttps://jsfiddle.net/vintagedopeme0522/brqpL3zm/1/
こちらの縦並びのメニューをワードごとに大きさを変えて2列3列に並べる場合 inline-blockを使えばよいのでしょうか? >>84
書かれた通りにやれば出来るんだが、解決できないってのは
何を言われてるのか分からないってこと?
というか、その参考サイトはfloatじゃなくてflex使ってるんだが
いったい何をどうやってるのかサッパリだな…。 >>85
ちょっと何言ってるか分からない
横並びの1行じゃなくて2列とか3列にしたいの?
あとワードごとに大きさを変えるって、各ブロックの横幅を変えたいってこと? >>86
cssを調整した際にworldpressで固定されてる左側のコンテンツのレイアウトが崩れてしまうなどがありまして…
おそらくhtmlのクラス名がかぶっていると思うのですが >>87
ボックスを横に2列3列とならべて できればボックスの大きさをワードの長さごとに変えたいのですが
以前も挑戦したのですが ul li class を使う方法しかなくできませんでした
bootstrapであれば可能なようですが扱いきれず困ってます
ul li を使わずにワードを2列 3列に並べる方法はありますでしょうか? >>90
>>89
アンカー忘れてたわ。こういうこと? >>89
更に謎は深まるばかりなんだが、こういうのを作りたいってこと?
ttps://www.webdlab.com/labs/dropdownmenu-3/sample3/ >>92
こういうことです! 最後の位置のみ揃えることはできますでしょうか? 各行の最後のブロックを左揃えにしたいのか、右揃えにしたいのか
各行の他のブロックの位置は変えていいのか、変えちゃダメなのか
それとも各行の全体を右寄せにしたいのか >>97
ありがとうございます aにクラス名をつけることは可能でしょうか? 別の要素に影響してしまい困りました… >>90>>92
class名変更で実装できましたありがとうございます ■ このスレッドは過去ログ倉庫に格納されています