HTML/CSS のどんな質問にも必ず優しく答えるスレ 33

**Name_Not_Found** · 2025/01/24(金) 14:07:40.93

ここは初心者からベテランまで、全ての人を対象に必ず優しく答えるスレです

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

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

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

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

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

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

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html

**Name_Not_Found** · 2025/04/06(日) 01:27:33.26

>>66
ありがとう

状態をSessionStorageってとこに保存して置くってのは分かった
戻ったってことを検出する方法はちょっと分からなかったけど
この方法を検索すると方法が多すぎて逆に分からなかった

window.addEventListener('pageshow',()=>{
var flg=window.performance.navigation.type; // 0-2
とか？

**Name_Not_Found** · 2025/04/27(日) 13:03:14.87

※XXXXX-visibility-controlとdivが同列であるとき
例えば　XXXXX-visibility-control>div>div>div>div:nth-of-type(n+2):nth-of-type(-n+3)
で最終divの二番目と三番目を恒久的に除去するコードとなります

これを[class*=""]のような条件付けを用いて-visibility-controlが含まれるもの全てを指定したいです
XXXXX-visibility-controlはclassやidなどが無いため上記コードではエラーが生じます

皆様の知恵をお貸しくださいm(vv)m

**Name_Not_Found** · 2025/04/28(月) 04:09:11.29

adblock関連スレでどうぞ

**Name_Not_Found** · 2025/05/03(土) 16:15:31.90

**Name_Not_Found** · 2025/05/03(土) 17:08:39.96

#bbbに
display:inline-block;
width:calc(100% - 50px);
を追記

**Name_Not_Found** · 2025/05/03(土) 17:43:36.18

ただし#aaaの幅や高さ、#bbbのleftやtop、文字サイズはそのまんまとします。

この一行で察した

**Name_Not_Found** · 2025/05/03(土) 21:29:08.98

>>71
それらを追加して試してみたけど
文字の折り返しはされていたけど文字がない空白部分も緑色になっていました。

**Name_Not_Found** · 2025/05/03(土) 23:32:59.83

wrapのどれか

**Name_Not_Found** · 2025/05/05(月) 15:36:30.85

#bbbの幅は親の幅で決まるから、#bbbをブロックで囲んで
そのブロックに>>71でいいだろ

**Name_Not_Found** · 2025/05/06(火) 16:09:10.86

初心者ですがよろしくお願いします。tableについてわからなくなりました。
<table border="1">
<tr><td colspan="3" rowspan="2">
セル1
</td><td colspan="3" rowspan="2">
セル2
</td></tr>
<tr><td colspan="2" rowspan="1">
セル3
</td><td colspan="2" rowspan="1">
セル5
</td><td colspan="2" rowspan="1">
セル6
</td></tr></table>

こうすると一行目が縦長のセルが２つ、二行目が普通の縦幅のセルが３つ並ぶと思ったのに、改行されず一行になってしまいます
すみませんがどこが間違っているのか教えてもらえますか

**Name_Not_Found** · 2025/05/06(火) 16:16:13.51

横方向が
1行目　2つのセル
2行目　3つのセル
ってことなら
rowspanは全部いらないです
Safariだと幅が均等にならないかもなので
適宜cssで調整

**Name_Not_Found** · 2025/05/06(火) 17:51:50.95

>>76
rowspanはセル内の行数ではなく、そのセルがtrいくつ分にまたがるかという意味です

76 · 2025/05/06(火) 18:50:30.89

>>77 >>78
rowspanを全部やめて、縦長にしたいセルにサイズを指定したらすっきりきれいにできました
うれしい
ありがとうございました

**Name_Not_Found** · 2025/05/07(水) 01:27:01.38

LibreのCalcとかセルの結合状態もTable構造でコピーしてくれるから楽だよ
EXCELも同じことができるかは知らない
最近使うこともないけど豆知識

**ペンギン** · 2025/05/07(水) 02:59:10.94

マジで丸投げしたいんだけど、今日の朝までに学校の課題の架空のウェブサイト作らないといけなくて、
代わりに書いてくれないか？
HTMLとCSSだけで科学教室のサイトだわ
テンプレ化するだけでもいいからそれっぽいの誰か作ってくれないか？？

**ペンギン** · 2025/05/07(水) 03:04:40.27

作ってほしい項目が何個かあって、
科学教室で学べる事（３つ画像付き）
教室一覧１～３月まで（１～１２月は別ページ）（画像、物理・化学などのタグ、文章のセット）
開催している大学への誘導
お問い合わせフォーム
他必要そうなものがあれば書いてほしい。
全体的に青ベースで子供向けなポップな感じにしたい

**Name_Not_Found** · 2025/05/07(水) 03:54:31.64

copilotかgeminiに頼めばいいと思う

**ペンギン(上の人と同一人物)** · 2025/05/07(水) 04:14:01.60

なるほどAIか使ってみるか
6割くらいは自分で頑張った

**Name_Not_Found** · 2025/05/12(月) 13:07:16.24

サイト側の都合でheightが付与されており、それで強制的に無駄な余白を生じている場合
max-heightと!important;で上限を設けるのが一番楽なのですが、併用されるページの多さに使用できず

このheightプロパティ効果そのものを削除することは出来ませんかねえ
長年の悩みです^^;

**Name_Not_Found** · 2025/05/12(月) 13:18:18.89

autoの差し込みで削除＝解除出来ました！！！
お騒がせしましたm(vv)m
autoはmarginなどの左右位置調整で良い思い出がなく（便利ではあるが）盲点でした
コラージュ的な発想ですなｗ
自己解決すみません

**Name_Not_Found** · 2025/05/12(月) 20:55:42.17

そもそもheightの初期値がauto
値が指定されてないプロパティは、全て初期値が設定されている
値が指定されていない状態を作り出したければ今回のように
初期値を指定すればいいので、削除するって発想が間違い

**Name_Not_Found** · 2025/05/20(火) 12:26:44.19

css変数ってsassのfunctionと併用できない？
--headerheight:px2vw(88)
みたいなことやるとpx2vw(88)がそのまま展開されてしまう？

**Name_Not_Found** · 2025/05/20(火) 22:47:38.22

CSS変数（カスタムプロパティ）とSassの関数は、併用することができますが、いくつかの注意点があります。

1. スコープの違い： CSS変数はブラウザで解釈されるもので、Sassはコンパイル時に処理されます。そのため、Sassの関数で生成した値をCSS変数に代入することはできますが、逆にCSS変数をSassの関数に渡すことはできません。
2. 使用例：
・ Sassの変数を使ってCSS変数を定義することができます。
・例えば、Sassの変数を使って色を定義し、それをCSS変数に代入することができます。
　-----
$primary-color: #3498db;

:root {
--main-color: #{$primary-color}; // Sassの変数をCSS変数に代入
}

.example {
color: var(--main-color);
}
　-----
3. 動的な値： CSS変数は動的に変更可能ですが、Sassの関数はコンパイル時に値を決定します。したがって、CSS変数を使うことで、JavaScriptなどで動的にスタイルを変更することが可能です。

このように、CSS変数とSassの関数は併用できますが、それぞれの特性を理解して使うことが重要です。

**Name_Not_Found** · 2025/05/20(火) 23:53:40.23

>>88
--headerheight: #{px2vw(88)};

88 · 2025/05/21(水) 01:18:30.27

ありがちょー

**Name_Not_Found** · 2025/05/22(木) 00:59:04.77

失礼いたします。
.htaccessについて質問です。

サイト内のhtmlへのアクセスを全て同名のphpページにリダイレクトさせたいのですが、どのように記述すればよいでしょうか。

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^(.*)\.html$ \$1.php [R=301,L]

このようにしてもうまくいきません。
どなたかよろしくご教示お願いします。

**Name_Not_Found** · 2025/05/22(木) 01:02:54.09

いまどきそのレベルのことはAIに聞けばいいのでは⋯

**age** · 2025/05/22(木) 01:13:43.38

申し訳ございません。聞いたうえで上の記述を指定されたのですが、聴き方が悪いのか正しい答えが引き出せない、または正しい答えなのに何か勘違いしてしまっているのか、効果がありません。
個別ファイルのリダイレクト自体は成功するのですが一括化したくて・・

94 · 2025/05/23(金) 06:40:59.89

解決しました。ありがとうございました。

**Name_Not_Found** · 2025/05/26(月) 18:10:44.85

borderの指定した範囲だけ線を表示しないようにするにはどうやればいいんですか？
何がやりたいかと言うと、タブ切り替えを作るときタブのラベル部分と下のボックス部分の重なった境界線だけ線が表示されないようにしたいんです。
position:absoluteでラベル部分をボックスの線の上に重ねればいいと思うかもしれないけど、これだと半透明にするとボックスの線が目立っちゃうので

**Name_Not_Found** · 2025/05/26(月) 18:30:48.17

divを入れ子にして
消したい線の部分だけグラデーションってのはどう？

* {
box-sizing: border-box;
}
.box_wrap {
border: solid 10px blue;
border-radius: 30px 30px 0 0;
border-bottom: none;
height: 80px;
}
.box {
border-image: linear-gradient(90deg, blue 50%, transparent 50%, transparent) 1;
border-bottom: solid 10px;
height: 70px;
}

**Name_Not_Found** · 2025/05/26(月) 20:29:33.13

>>97
やってみたけどうまくできませんでした。
borderのaピクセル目からbピクセル目までを透明にするコマンドはないのかな？

**Name_Not_Found** · 2025/05/26(月) 20:44:57.50

何がうまくいかなかったかわからないけど
border-image: linear-gradient(90deg, blue 50px, transparent 50px, transparent) 1;
とすればpx刻みもいけます

https://jsfiddle.net/f3e61yu5/

**Name_Not_Found** · 2025/05/30(金) 10:07:21.65

初心者ですがよろしくお願いします
cssのclassに関する質問です

例えば自分用のurl控えブックマーク集みたいなリンク集を作っている場合、リンク先のIPで記録した物があるとします

・<a href="IP/index.html
・<a href="IP/admin/setup_html
・<a href="IP/syslog.html

３つともIPの部分は同じです
リンク先のIPが変わった時、３つを個別に修正するのは手間なので、cssのclassを使ってIP部分だけをcssに登録し、IPが変わった時はcssを修正したら全てに反映するかなと思いやってみたのですが、どうやって記述するのか調べてもよくわかりませんでした
すみませんがよろしくお願いします

**Name_Not_Found** · 2025/05/30(金) 10:43:33.09

サイト埋め込んだXが表示されずに
Tweets by ○○○_info
とリンクテキスト表示だけになったのですが原因わかりますか？
サイトは変更してないので
Xの仕様が変わったのでしょうか？

**Name_Not_Found** · 2025/05/30(金) 12:27:55.94

>>100
属性セレクターは試した？
https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors

**Name_Not_Found** · 2025/05/30(金) 16:14:10.73

>>100
javascript案件？

**Name_Not_Found** · 2025/05/30(金) 16:21:29.75

> ３つを個別に修正するのは手間なので

それだけのためにスクリプトか何かを追加するぐらいなら、個人的にはエディタ使って
当該IP（ドメインじゃなくて？）を新しいものに一括置換だなぁ

**Name_Not_Found** · 2025/05/30(金) 23:12:35.71

まあ3つくらいの修正なら手動でやったても大した手間じゃねえだろだよなｗ

**Name_Not_Found** · 2025/05/31(土) 07:16:05.18

>>100
CSSで解決すべきことではないというのが答え
属性セレクタも属性の内容を書き換えるものではない
エディタで一括置換かスクリプトを使いましょう

**Name_Not_Found** · 2025/05/31(土) 16:47:27.26

ここが最新正規スレ？
どこで聞くべき質問か分からんからとりあえずここで聞く。
はてなブログでMathJaxを使用できるようにして、｢$m$｣と入力してレンダリングしようとしたら、数式として｢m｣と表示されるのではなく、そのまんま｢$m$｣と表示される。
これは、はてなブログの仕様のせいで、｢$m $｣と入力したら、所望の｢m｣が出力される、というところまでは解明できた。が、こんなその場しのぎの回避方法は嫌。
｢$m$｣だと駄目になってしまう問題を根源的に解決したい。
どうすればいいか、どこで聞くべか、よろしく。

**Name_Not_Found** · 2025/05/31(土) 18:24:43.35

ここら辺りで

+ JavaScript の質問用スレッド vol.126 +
https://mevius.5ch.net/test/read.cgi/hp/1439005423/
JavaScript ライブラリ総合質問所 vol.5
https://mevius.5ch.net/test/read.cgi/hp/1465399470/
Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/

尚、HTML編集モードとか見たまま編集モードでダメなら慣れる以外に解決方法は無い気が

**Name_Not_Found** · 2025/05/31(土) 19:12:18.66

>>107
以下もはてなブログでの例:
上手くレンダリングされない例→｢$距離空間$｣
普通にレンダリングされる例→｢$距離空$｣、｢$離空間$｣

全く意味分からん

**Name_Not_Found** · 2025/05/31(土) 19:31:37.90

追加：
レンダリングされない:｢$全射$｣
レンダリングされる:｢$顔射$｣

全く意味分からん

**Name_Not_Found** · 2025/06/01(日) 22:06:01.21

わからんけど文字コードの問題じゃないかな

**Name_Not_Found** · 2025/06/01(日) 22:16:26.31

Markdownと競合するとかなんとか

**Name_Not_Found** · 2025/06/02(月) 22:42:50.35

縁取り文字をこのように作ったけど、なぜか「ｗ」だけ尖ってしまいます。
フォントサイズとフォントタイプはこのまんまでどうすれば「ｗ」を尖らないようにできますか？

<style>
#waku{
background-color:#0000ff;
width:900px;height:200px;
position:relative;
}
#fuchi,#nuri{
position:absolute;
left:0px;top:0px;
font-size:50px;
font-weight:bold;
letter-spacing:20px;
}
#fuchi{
color:#ffffff;
-webkit-text-stroke: 20px #ffffff;
font-family:メイリオ;
}
#nuri{
color:#ff0000;
-webkit-text-stroke: 10px #ff0000;
font-family:メイリオ;
}
</style>

<div id="waku">
<div id="fuchi">てすとだよｗｗｗ</div>
<div id="nuri"> てすとだよｗｗｗ</div>
</div>

**Name_Not_Found** · 2025/06/03(火) 02:12:54.88

これはこれでカッコいい

**Name_Not_Found** · 2025/06/07(土) 08:52:36.20

文字と文字の間隔をletter-spacing:30pxで設定しましたが
divの中の文字列が折り返すときの文字（ようするにdivの中の一番右の列の文字）は
letter-spacing:0pxになるようにしたいんですけど、どうやればできますか？無理ですか？

**Name_Not_Found** · 2025/06/07(土) 09:57:22.51

divのmargin-rightにネガティブマージン-30px

**Name_Not_Found** · 2025/06/13(金) 14:44:45.43

CSSネストができるようになったのは便利ではあるんだが
スマホだとブラウザ側が対応してないのも少なくなくて結局Sassで継続かな

**Name_Not_Found** · 2025/06/15(日) 16:41:36.38

>>117
ほんそれ。凄い残念でずっと出来ずにいる

**Name_Not_Found** · 2025/06/15(日) 16:44:25.28

生成AIについて真っ先に飛びついて調べまくって毎日情報集めてたのに
飽きてしばらく情報集め止めてたら、いつの間にか世間に置いてかれてて悔しい、、
Claude CodeとかCursorとかなんだよ・・

ほんと熱を入れるタイミングって重要だよな　遅くてもダメだが早すぎてもダメ。

**Name_Not_Found** · 2025/06/15(日) 18:38:35.49

黒い画面こわいよーってAIに泣きついて励ましてもらいながらやってる

**Name_Not_Found** · 2025/06/17(火) 20:47:55.50

HTML/CSSもだが今からプログラムとか言語覚える意味があまりなくなってきたから
新人は覚えるモチベーションもうわかないんじゃない？　かといって基礎や全体像や手順ががわかってないとプロにはなれない

アナログでさんざん経験しておいてよかったわ

**Name_Not_Found** · 2025/06/17(火) 23:45:08.74

> HTML/CSSもだが今からプログラムとか言語覚える意味があまりなくなってきたから
そういうのは単に勉強したくない言い訳をAIにかぶせてるだけじゃね？ｗ
勉強に遅すぎるということはないんだけどな

**Name_Not_Found** · 2025/06/18(水) 00:28:24.76

例えるなら今はパソコンもマウスとGUIでクリックだけで操作できる
昔のようにコマンドだけでOS動かす知識を勉強しても将来あまり意味がない
そして世間はさらにPCからスマホへシフトしてしまった

かといって義務教育の算数が不要なわけではない。そろばんは不要

**Name_Not_Found** · 2025/06/18(水) 00:32:13.84

GASもVBAも全部やってもらえて覚える気失せた

**Name_Not_Found** · 2025/06/18(水) 00:41:10.68

>>119
ちょっと前まで英語しか対応してなかったのにねえ

**Name_Not_Found** · 2025/06/18(水) 00:48:30.11

バックエンドや機能の実装についてはAIが得意だが、
デザインカンプから正確なcssを組むのはたぶん一番対応遅くなりそうな気がする
ググったり教科書読んでもそのまま答えにならないほとんどが個別処理だし見た目が絡むと処理が複雑になるのとバックエンドほど金にならんから
テンプレみたいのを作るのは得意でもデザインからCSSを起こすのはまだまだ対応できまいて

**Name_Not_Found** · 2025/06/18(水) 00:59:12.04

こだわりのいらないサイトならまあ「スタイリッシュなやつで」とかでそれなりのモノは作ってくれるよね
あとは自力でやっててうまくいかないときにすぐ相談にのってくれるのが頼もしい

**Name_Not_Found** · 2025/06/19(木) 12:24:43.83

イラン　ハメネイ師の公式アカウント
@khamenei_ir

**Name_Not_Found** · 2025/06/20(金) 02:14:54.70

てかAIに書いてもらったコードを確認・検証してたら自然と身に付いていくと思うんだけどな
言うなれば勉強の仕方が効率化するだけのこと
ほんと各地で勉強出来ない系の人が水を得た魚のようにはしゃいでるな最近

**Name_Not_Found** · 2025/06/20(金) 06:22:05.07

右クリックはできるが文字をコピーしてもコピーできないサイトがある
サイトを保存してhtmlをメモ帖で開いて↑を無効化したいがhtml上のどの文だろう?

**Name_Not_Found** · 2025/06/20(金) 06:50:31.00

「いいエラー報告ですね！一歩前進した証拠です。この調子で進めましょう」
>>130
ソースコードをメモ帳で開いた時点で必要な部分をコピーすればいいのでは…なんで無効化？

**130** · 2025/06/20(金) 06:59:36.46

画像なども含めたページを見ながら必要な所をコピペしたいので

**Name_Not_Found** · 2025/06/20(金) 07:19:39.16

>>129
そんな簡単に事が運べば苦労は無いわけでｗ
で、実際アンタがそういう手法で身につけたという実例だと？

**Name_Not_Found** · 2025/06/20(金) 07:25:05.54

現状のAIは何から何までではなく補佐的なもので見るのが無難だな
例えば普段の生活で人と対面で会話しないような人間がAIと会話してるかといって
そいつが話し上手にはなるかといえばないのと同じだな

**Name_Not_Found** · 2025/06/20(金) 13:18:07.08

わからない部分を解説してもらったり
自分が書いたコード見せて評価と改善点出してもらったり
独習には限りなく向いている

**Name_Not_Found** · 2025/06/20(金) 14:02:03.43

>>132
開発者ツール使うのがてっとり早いと思う

**Name_Not_Found** · 2025/06/20(金) 17:10:17.37

AIは変な質問とか同じ質問してもやさしい

**Name_Not_Found** · 2025/06/21(土) 07:13:45.52

みんなさすが技術者だけあって真面目だな
でも俺はもうスペルも関数も正確に覚えることに意味がないと思い始めた
これから学ぶ新人達もそう感じる気がしてならない速さも正確さも知識量も結局AIには勝てないのに身につける意味あるのかと
そして思考する事自体があまりなくなりそうだ

**Name_Not_Found** · 2025/06/21(土) 07:18:08.77

メガテック企業見てるとそんな気がしてならない人がプログラム書く時代はもう終わったんじゃないかと

**Name_Not_Found** · 2025/06/21(土) 07:51:47.05

そんな完成した後の話はその時考えるとして
俺が一番嫌だと思ってるのは
今後提出したものをクライアントがAI使って採点してくることだよ
地獄だわ

**Name_Not_Found** · 2025/06/22(日) 09:30:47.28

もっと自信もちなよ…

**Name_Not_Found** · 2025/08/03(日) 22:32:48.02

<audio src="test.wav" autoplay></audio>

自動で音声再生されないけど、どうしてですか？
ブラウザはchrome最新バージョンです

**Name_Not_Found** · 2025/08/03(日) 22:50:50.88

>>142
これでも読んでみるといいかも

HTML Audio Autoplay で自動再生できません。
https://teratail.com/questions/265276
メディアおよびウェブ音声 API の自動再生ガイド - ウェブメディア技術 | MDN
https://developer.mozilla.org/ja/docs/Web/Media/Guides/Autoplay

**Name_Not_Found** · 2025/08/04(月) 18:23:33.72

>>143
なるほどね
ありがとうございます

**Name_Not_Found** · 2025/08/23(土) 22:59:14.01

すみません初歩的な質問なのですが

<p>text</p>の要素があるとして
pの半透明背景の背後に
「text」テキストを表示させる方法はありますでしょうか。
「text」テキスト自体には位置指定ができないみたいです。

これはHTMLやDOM、CRPの仕様で
ある要素の子のテキストノードや
z-index位置指定の無い子要素は
必ずその要素の背景の上に
描画されるという仕様なのでしょうか。

**Name_Not_Found** · 2025/08/24(日) 00:58:35.39

求めるものがよくわからんけど、pの上に半透明の擬似要素を絶対配置で置けばいいんでない？
https://jsfiddle.net/vcq0rx14/

テキストノードは直接スタイル操作の対象にはできない
要素の子というより属性みたいなものだと思ってる
子要素は親の上に表示されるのが基本

**Name_Not_Found** · 2025/08/24(日) 09:42:48.34

>>146
実装をする場合の
実例を伴うご解説ありがとうございます。

今まで気にしていなかった仕様が
ふと気になったので投稿しました。

要素の背景と要素内の子の描画の順番を
解説してある文献が見当たらなかったので
ここに投稿をしました。

ありがとうございます。

**Name_Not_Found** · 2025/08/29(金) 15:05:25.81

トップページをスマホ画面に対応させたら下のディレクトリも勝手にスマホ画面に対応するようになったのですが、これはどういう理屈ですか？

**Name_Not_Found** · 2025/08/29(金) 15:28:10.99

絶対単位じゃなく相対単位使ってるからじゃないの？
知らんけど

**Name_Not_Found** · 2025/08/30(土) 03:06:47.67

情報が少なすぎてエスパーする以外に答えようが無いわな

**Name_Not_Found** · 2025/08/31(日) 12:25:17.51

148ですが、自分のHPのURLを貼った方がいいですかね？

**Name_Not_Found** · 2025/08/31(日) 16:14:03.68

それでもいいけど、ここにHTMLとCSS貼ってくれた方がお互いに安心かも
https://jsfiddle.net/
レイアウトが崩れなければ、面倒だけど文字列や画像はダミーでいい

**Name_Not_Found** · 2025/08/31(日) 16:40:55.88

共通のCSSを使っているからとかいうオチだったりして……

**Name_Not_Found** · 2025/08/31(日) 23:11:33.06

viewportは（ベタ書きなら）それぞれ書かんといかんだろうし
いろいろ謎

**Name_Not_Found** · 2025/09/02(火) 07:02:14.85

トップページのcssを下のディレクトリでも読み込んでるんだろう

**148** · 2025/09/02(火) 20:07:31.04

>>152
ありがとうございます。新しくアカウント作ったんですが、ログインした状態でjsfiddleでSaveしてもエラーが出て共有できないので、HPを貼るって形でも大丈夫でしょうか...？

**Name_Not_Found** · 2025/09/03(水) 01:48:22.84

止めはしない

**Name_Not_Found** · 2025/09/03(水) 02:51:18.37

広告貼ってるならやめたほうがいい

上のフォルダにヘッダフッタCSS等のレイアウトに必要なファイルが置いてあって
下位フォルダはそれを見に行ってるだけだろ

**Name_Not_Found** · 2025/09/03(水) 02:53:35.62

だとしたら、ディレクトリ構造がわかるツリービューと下位フォルダのソース見ないとわからん
URL貼られても余計にわからん

**Name_Not_Found** · 2025/09/03(水) 14:21:38.58

>>156
ログインしてない状態でsaveしてもダメ？
saveした時点でURLが「https://jsfiddle.net/文字列/」に変わるから、それをココに貼り付ければいい（例：>>146）
ちなみにログインした状態ならURLは「https://jsfiddle.net/アカウント名/文字列/」になる

**148** · 2025/09/03(水) 20:22:21.40

>>160
はい、何故か"Cannot save this fiddle"と出てURLも変わりません.....
何がいけないんでしょうか；；
アクセスカウンターとか訪問者の解析ツールのコードを消せば良いんでしょうか？

**Name_Not_Found** · 2025/09/03(水) 20:48:59.37

短文を貼り付けて保存できるなら、貼り付けたものが長過ぎるとか
つーか、そういう余計なモノは要らない

> トップページをスマホ画面に対応させたら下のディレクトリも勝手に

そもそも、スマホ対応っていったい何をしたのか、どうやって作ってるサイトなのかサッパリだな
何かのサービスでも使ってんのかね？

**Name_Not_Found** · 2025/09/03(水) 22:21:49.61

今さらだけど「スマホ画面に対応」って、どういう意味で言ってんだろ？
レスポンシブ対応ってことで合ってんのかな？

**148** · 2025/09/03(水) 22:29:51.16

特にサービスとかは使ってないです！普通にHTMLとCSSで作ってます。
レスポンシブだかメディアクエリだかよく分からないですけどそれで合ってるはずです。
因みにHPのURLをここに貼ったらお互いにどのようなデメリットがありますか？
僕側のデメリットは身バレするとかその辺でしょうけど、ここの皆さんには何か不都合があるのでしょうか？

**Name_Not_Found** · 2025/09/03(水) 22:30:56.40

わしらはなんも不都合ないよ

**Name_Not_Found** · 2025/09/03(水) 22:35:26.04

貼っちゃえ！