質問: HTMLのテキストを学習中です。 プルダウンメニュー、テキストフィールド、送信ボタンの幅を30emで調整するのに 以下の文章を書きました。対応画面ですべての横幅が揃うらしいのですが全く変化しません。 検証サイトで調べてもエラーで出るわけでもなく書き直しもしましたが結果は同じです。 いよいよ詰まってしまったのですが考えられる原因はありますか? お問い合わせ お問い合わせの種類 ご予約 イベントについて その他のお問い合わせ KUJIRA Cafeにご来店いただいたことはありますか はい いいえ 当カフェをお知りになったきっかけは? 知り合いの紹介で 雑誌・Webサイトを見て お問い合わせの件名 お問い合わせの具体的な内容 --- /*contact.html */ form div{ padding: 12px; border-bottom: 1px dashed #bec2c7; } select{ width: 30em; } input [name="subject"]{ width: 30em; } textarea{ width: 30em; height: 6em; } input[type="submit"]{ margin: 20px 0; width: 30em; }
回答: "/*contact.html */"から始まる部分は、スタイルシートの記述のように見えます。 しかし、HTML (""から始まる部分)には、スタイルシートの読み込みが指定されていません。 そのため、「width: 30em;」と指定しているスタイルが適用されないのです。 対応策: 1)"/*contact.html */"から始まる部分をテキストファイルに保存し、そのファイルの拡張子を .css にします。(テキストファイルをHTMLファイルと同じディレクトリ(フォルダ)に作り、そのファイル名を contact.ccs にしたとして話を続けます) 2)HTMLの最初に、スタイルシートの読み込みを指定する下記の行を追加します。 ``` ```