php5&MySQL5&XPでプログラム作成中です。
phpファイル内のhtmlの中に簡単なスタイルシートを埋め込んでいるのですが、
スタイルシートの部分が反映されません。
ご教授いただけると幸いです。
--haikei.css
p.sample1 {background-color: #f8dce0; margin-top: 50px;}
p.sample2 {background-color: #f8dce0; margin-bottom: 50px;}
--login.php
<?php
--phpのプログラム
?>
<html>
<head>
<link rel="stylesheet" href="haikei.css" type="text/css">
</head>
<body>
<p class="sample1">上マージン50px</p>
<p class="sample2">上マージン50px</p>
</body>
</html>
No.1
- 回答日時:
ソースを見る限りでは、問題ないような気がしますが、
PHPをはずしてHTMLだけにしたとき、スタイルシートは反映されるでしょうか?
パスなどは間違ってないでしょうか?
No.2
- 回答日時:
CSSを書いたファイルの文字コードとhtml内の文字コードを揃えているかも確認してみてはいかがでしょうか?
例えば、CSSをsjisで書いてhtmlをutf-8にしていたりすると、CSSを読まないことがあると思います。
この回答への補足
お返事が遅くなってすいません。
css,phpとも、shift-jisです。
<body>の直下に
<center><b><font size="6" color="#FFFFFF"><p class="sample1">***システム</p></font></b></center>
<p class="sample2"><img border="0" src="BKSlogo.gif" ></p>
cssは、
p.sample1 {
position:relative; top:0%;
width: 100%;
height: 40px;
margin: 0;
background: #008080
}
p.sample2 {
position:absolute; bottom:0;
width: 100%;
height: 90px;
margin: 0;
background: #FFFFFF
}
だと、
左右(下)にスクロールバーが現れ、p.sample2で定義しているBKSlogo.gifが、一番下にはでるのですが、真ん中にでて、両脇が空いてしまいます。(真ん中50%くらい)
同じような現象、ご存じないでしょうか。
No.4ベストアンサー
- 回答日時:
画像のサイズやイメージが分かりづらいのですが・・・
p.sample2 {
position:absolute; bottom:0;
width: 100%;
height: 90px;
margin: 0;
background: #FFFFFF
}
の中のposition:absolute; bottom:0;を
position:absolute;
bottom:0px;
left:0px;
に変えてみてはいかがでしょうか?スクロールバーは出なくなります。
これでイメージ通りかはわかりませんが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
index.phpって何ですか? 具体...
-
HPを開くとダウンロードページ...
-
php excelダウンロード
-
phpで大量のhtmlを任意の順番で...
-
onedrive にexcelファイルをア...
-
こちらはただの直列処理ですか?
-
ワードプレス、Contact Form 7...
-
拡張子php画像をjpg画像等に変...
-
PHPとCSVで簡易データベースな...
-
include先でのinclude元の変数...
-
リダイレクト元のURLの取得方法...
-
メールフォームのタイトルが文...
-
php エラー
-
PHPのif文でその処理を途中で抜...
-
VBでメールを送る時のSMT...
-
one drive のアップロード失敗...
-
別PHPファイルに変数を渡す
-
ワードプレスサイト PHP8.0.25...
-
パースエラーとは?
-
Image Magickの関数が使えない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
index.phpって何ですか? 具体...
-
HPを開くとダウンロードページ...
-
社内イントラネットのHPにアク...
-
PHP4対応のサーバーではinclude...
-
PHPをhtmlに読み込んだファイル...
-
携帯サイト作成する場合の.htac...
-
phpで大量のhtmlを任意の順番で...
-
public_htmlと同じ階層にあるフ...
-
sitemap.xmlファイル自動生成の...
-
拡張子をhtmlにすることのメリ...
-
phpコードの戻り値をhtmlファイ...
-
PHP 正規表現について教えて下さい
-
phpでjarファイルを実行したい
-
phpのheader関数でページ移動さ...
-
php excelダウンロード
-
htmlのテンプレートの使いまわし
-
ブラウザでPHPのソースを見る方法
-
file_get_contentsでcss読み込み
-
かなり重い処理をする方法
-
プログラムの記述のあるPHPファ...
おすすめ情報