- ベストアンサー
HTML&CSSで「横並び」にする方法
- HTMLとCSSを使用して「横並び」にする方法について説明します。
- HTMLの「display:inline;」やCSSの「display:inline;」を使用することで要素を横に並べることができます。
- ただし、質問文のCSSでは「display:inline;」の後に不要なスペースが入っている可能性がありますので、削除するか確認してください。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
やはり <link rel="stylesheet" type="text/css "href="css/style.css"> これが問題でしたね。 ”とhrefがくっついているので、空白を入れてください。
その他の回答 (3)
- tkmojo
- ベストアンサー率50% (105/207)
あなたまだやってるんですか？嘘でしょ？ <link rel="stylesheet" type="text/css "href="css/style.css"> これが間違ってます。 <link rel="stylesheet" type="text/css" href="css/style.css"> これが正しい。（半角スペースの位置） ここを修正するとcssは効きます。 （正しい位置にファイルを置いてれば、の話ですが） あと、この辺も無茶苦茶です。 <h1 id="logo"><a href="index.html"><img src="images/logo1.png"width="400"height="200"alt="KUJIRA cafe"</a></h1> imgの閉じタグが無いし、それぞれの属性の間は半角スペースで区切ってください。
お礼
すいません。知識が浅く初めて書いたので。で、やっと解決しました。回答ありがとうございます。
- doraneko66
- ベストアンサー率11% (535/4742)
IE11だと右クリックから要素の検査を行い、デベロッパーツールを出して コンソールをみると原因がわかると思われます。
お礼
"とhrefの間に半角スペースが必要だったみたいです。やっと解決しました。ありがとうございます。
- outbrave
- ベストアンサー率60% (231/380)
#nav li { □□□□display:inline; □□□□list-style-type: none; □□□□padding-right: 30px; } 全角文字が入っているからです。（□が全角スペース） インデントを付けるのなら、半角スペースまたはタブで。
お礼
大変参考になりました。回答ありがとうございます。
お礼
やっと、やっと・・・解決しました。本当にありがとうございます。初歩的なことを何回も質問したのに、その度何度も回答を頂き大変感謝しております。やっと次に進めます。