Webデザイン 【HTML🔰】table/tr/th/td？dl/dt/dd？どっち使う？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。tableタグとdlタグの使い分け目安table:何かの比較の時dl：項目と内容の説明の時dl/dt/ddの意味dl：Definition List（定義リスト）d...
Webデザイン Webデザイン 【HTML🔰】VSCodeでtableタグのERRORが消えない！～アクセシブルな名前が必要です～
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象 <table> <tr> <th></th> <td></td> </tr> </table>Visulal studio Codeで赤い波線が出る。対策ta...
Webデザイン 【SCSS/CSS🔰】nth-childってどこのクラスで設定する？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。やりたい事下のコードの奇数番目の配置を反対にしたい。 <ul> <li> <article> <div> <img/> </div> <div> <h3></h3>...
未分類 川崎市プレミアムデジタル商品券！専用券使える意外なお店5選！Part3
令和8年度川崎市プレミアムデジタル商品券だけど、12月25日まで使用できるとはいえ使い道に悩むのは専用券。えっ…ここ専用券使えるお店なの!?というところをピックアップしていますので参考にしてみてください。Part1とPart2はこちら令和8...
Webデザイン 【SCSS/CSS🔰】position:absoluteを使うと、勝手に改行されてしまう問題
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象.top-kv-title { display: flex; flex-direction: column; align-items: center; gap:...
Webデザイン 【SCSS/CSS🔰】KVで画面いっぱいに画像を表示させたい！vhではなくdvhを使う
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。画面いっぱいに画像を表示させる方法 background-image: url(/img/bg-top-kv.png); background-size: cove...
Webデザイン 【SCSS/CSS🔰】コピーライトが中央よせにならない！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象<small class="footer-copy">©2026 yukimi.com</small>.footer-copy { margin-to...
Webデザイン 【SCSS/CSS🔰】margin: 0 auto;が効かない！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象中央揃えにする方法として、margin: 0 auto;があるがこれが効かない。対象方法インライン要素かどうか確認をする。margin: 0 auto;はブロッ...
Webデザイン 【SCSS/CSS🔰】カード内テキストの行数がバラバラになる！高さを統一させる方法
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象画像、タイトル、テキスト、ボタンなどの構成のカードで、テキストの行数が片や１行、片や２行とバラバラな時、全体の高さもバラバラになってしまう。ボタンの位置が上につ...
Webデザイン 【SCSS/CSS🔰】ボタンのサイズを固定で取っていたのに急に縮む現象（inlineのサイズになる）
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象共通用のボタンを作っており、そこではサイズを指定している。ボタン単体ではサイズを維持するが、画像、テキスト、ボタンなどに組み込む際ボタンの幅が縮む。原因親のクラ...