みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

HTML&CSSで「横並び」にする方法

最近、独学でプログラミングを学び始めた初心者です。
知識が浅く、HTML&CSSで「メニューリストを横並びにする」にする方法がわかりません。
詳しい方がいたら教えてください。

・HTMLでは

<h1 id="logo"><a href="index.html"><img src="images/logo1.png"width="400"height="200"alt="KUJIRA cafe"</a></h1>
<ul id="nav">
<li><a href="index.html">ホーム</a></li>
<li><a href="about.html">店舗案内</a></li>
<li><a href="access.html">アクセス</a></li>
<li><a href="menu.html">メニュー</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>

・CSSでは、

#nav li {
display: inline;
list-style-type: none;
padding-right: 30px;
}

と書いたのですが「横並び」になりません。何が間違っているのでしょうか?
これだけの情報だと回答が難しいかもしれませんが、非常に困っております。
よろしくお願いします。

投稿日時 - 2015-02-24 19:31:06

QNo.8924052

すぐに回答ほしいです

質問者が選んだベストアンサー

<style>
#nav li {
display: inline;
list-style-type: none;
padding-right: 30px;
}
table{
width:15%;
}
</style>

<body>
<h1 id="logo"><a href="index.html"><img src="images/logo1.png"width="400"height="200"alt="KUJIRA cafe"</a></h1>
<ul id="nav">
<li><a href="index.html">ホーム</a></li>
<li><a href="about.html">店舗案内</a></li>
<li><a href="access.html">アクセス</a></li>
<li><a href="menu.html">メニュー</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</body>

で書いたら、横並びになってますよ。w
↑これが問題ではないのでは?


<link href="./style.css" rel="stylesheet" type="text/css">

このパス(href="./style.css")とか間違えてませんか?
CSSファイルを保存したときの文字コードとかもどうですか?

投稿日時 - 2015-02-24 19:41:02

お礼

何度も書き直してもできません。はぁ。もう一度補足して質問してみます。よろしくお願いします。

投稿日時 - 2015-02-26 15:15:48

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問