詳しい人求む！

ｃｓｓのスタイルが適用されない

解決済

質問者：finaltida108070809
質問日時：2020/04/15 18:24
回答数：2件

index.phpというファイルが

<!Doctype html>
<head><link rel="stylesheet" type="text/css" href="stylesheet.css"></head>
<body>
<div class="header">
<div class="header-left">PROGATE</div>
<div class="header-right">
<ul>
<li>会社概要</li>
<li>採用</li>
<li class="toiawase">お問い合わせ</li>
</ul>
</div>
</div>
<div class="toko">
<ul>
<li>問い合わせ</li>
<li>問い合わせ</li>
<?php $kik = array('勇者','戦士','魔法使い','賢者'); ?>
<select name="category">
<option value='問い合わせ'>問い合わせ</option>
<?php foreach($kik as $kiks){
echo "<option value='$kiks'>{$kiks}</option>";
} ?>
</select>
</ul>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------------
stylesheet.cssというファイルが
.header {
height:65px;
margin-bottom:1px solid blue;
}

.header-left {
float:left;
font-size:30px;
padding:10px 60px;
color:#ED7000;
}

しかし、ブラウザで確認したところ、styleが適用されておりません。
どこが間違っておりますでしょうか。ご回答お待ちしております。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： naokita
回答日時：2020/04/18 07:05

</html>で閉めているのなら、

<html>は最低限、入れましょか。

<!Doctype html>
<html>
<head><link rel="stylesheet" href="stylesheet.css"></head>

この場合、
ディレクトリ
　｜
　｜--　HTMLファイル
　｜--　CSSファイル

このように、CSSが同じ場所（同じディレクトリ）にないとダメですよ・・・

===============

margin-bottom:1px solid blue;
じゃなくて、
border-bottom:1px solid blue;
じゃないかな？

それと、floatをクリアしないと解釈できない仕様もあるので、
とりあえず、
.header {
height:65px;
border-bottom:1px solid blue;
overflow:hidden;
}

- 0
- 件

通報する

参考程度に

No.1

回答者： fujillin
回答日時：2020/04/16 10:25

こんにちは

シートのURLが合っていないってオチではないでしょうか？

あと、
＞margin-bottom:1px solid blue;
って書き方はないと思いますので（borderの一括指定の書式では？）、これがどのように解釈され、影響を与えるのかはブラウザ依存だと思われます。

https://developer.mozilla.org/ja/docs/Web/CSS/ma …