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

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

解決済みの質問

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

HTMLでは、

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>KUJIRA cafeへようこそ</title>
<link rel="stylesheet" type="text/css "href="css/style.css">
</head>
<body>
<div class="wrapper">
<!-- ヘッダー -->
<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-26 15:22:40

QNo.8925277

すぐに回答ほしいです

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

やはり

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

これが問題でしたね。

”とhrefがくっついているので、空白を入れてください。

投稿日時 - 2015-02-26 15:36:24

お礼

やっと、やっと・・・解決しました。本当にありがとうございます。初歩的なことを何回も質問したのに、その度何度も回答を頂き大変感謝しております。やっと次に進めます。

投稿日時 - 2015-02-26 16:12:21

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

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

回答(4)

ANo.4

あなたまだやってるんですか?嘘でしょ?

<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の閉じタグが無いし、それぞれの属性の間は半角スペースで区切ってください。

投稿日時 - 2015-02-26 15:58:14

お礼

すいません。知識が浅く初めて書いたので。で、やっと解決しました。回答ありがとうございます。

投稿日時 - 2015-02-26 16:05:50

ANo.3

IE11だと右クリックから要素の検査を行い、デベロッパーツールを出して
コンソールをみると原因がわかると思われます。

投稿日時 - 2015-02-26 15:41:18

お礼

"とhrefの間に半角スペースが必要だったみたいです。やっと解決しました。ありがとうございます。

投稿日時 - 2015-02-26 16:08:07

ANo.1

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

全角文字が入っているからです。(□が全角スペース)
インデントを付けるのなら、半角スペースまたはタブで。

投稿日時 - 2015-02-26 15:29:55

お礼

大変参考になりました。回答ありがとうございます。

投稿日時 - 2015-02-26 16:06:31

あなたにオススメの質問