PHPとCSSでウェブサイトを作成中にCSSが反映されない問題に困っています

このQ&Aのポイント
  • PHPとCSSでウェブサイトを作成している際に、CSSが反映されない問題に困っています。特に、B.phpからC.phpへのリンクを表示させると、C.phpファイルに外部CSSが反映されない現象が起きます。
  • A.php、B.php、C.php、KK.cssの4つのファイルがあり、フォームから値を送り、phpで処理し、htmlを出力するサイトを作成しています。B.phpからC.phpへのリンクを表示させる際にCSSが反映されない問題が発生し、原因が分かりません。
  • ウィンドウズ7でドリームウィーバーCS6とXAMPPを使用してローカル環境で開発しています。一定の条件下で「次のページ」を出力する必要があり、その際にCSSが反映されず、ブラウザのキャッシュの問題のような現象も起きます。アドバイスをお願いします。
回答を見る
  • ベストアンサー

PHPとCSSでwebsaitを作っているのですが

すいません。現在ウェブサイトを作っているのですが、CSSが反映されない事があり、困っています。 ほとんどバグとしか考えられない現象です。 現在フォームから値を送って、phpで処理後、htmlを出力するというウェブサイトを作っています。 もう少し詳しくいうと、自分で撮った写真をボタン一つで撮影順など並び変えて出力するサイトです。 A.php B.php C.php KK.css(外部CSSファイルでA、B、Cのphpファイルに対して共通CSSとなります) とりあえず上記のような4つのファイルがあるのですが、A.phpにフォームなどを書き、B.phpに送って 処理をさせ、1000枚程度ある写真から500枚表示、残りは「次のページ」という形にしてセッション関数でフォームからの値をC.phpに持ち越して残り500枚を表示としたい。 とりあえずphpの方は完成したのですが、B.phpからC.phpへphpでリンクを表示させ、 そのリンクからC.phpへ飛ぶと、C.phpファイルにまったく「外部KK.CSS」が反映されないという現象が起こっています。(直接 localhost/C.phpとブラウザに打つか、普通のリンクでしたらちゃんとCSSが反映されます) ちょっと分かりにくいかと思いますが、例えば ------------------------------------------------ (これだと特に問題なし) <a href="C.php">次のページ<a/> ------------------------------------------------- (phpでリンクを表示させるとC.phpにKK.cssが反映されない) <?php echo"<a href="C.php">次のページ<a/>"; ?> ------------------------------------------------ 環境は win7 ドリームウィーバーCS6 XAMPPでローカル環境 なのですが、ある一定の条件下で「次のページ」を出力したり、しなかったりがあるので phpで必ずリンク出力プログラムを書かなければなりません。さらに、一度上記の現象が起きると ブラウザに直接localhost/C.phpやlocalhost/B.phpを打っても、どのファイルにもCSSが反映 されなくなったり、一旦プラウザを閉じると希にされたりするなど、原因がまったく分かりません。 (実際にサーバーにアップロードしましたが、同様の現象が起きます) 上記のような状態になる原因に心当たりがある方いましたらどんな事でもいいのでアドバイスいただけると助かります

  • CSS
  • 回答数3
  • ありがとう数1

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

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5067/13240)
回答No.1

<?php echo"<a href="C.php">次のページ<a/>"; ?> でリンクを表示させた場合、ブラウザでページのソースをみたら正しいリンクになっていますか? たぶんaタグが正しく出力されていないのでは無いかと想像します。 echoに渡す文字列の囲みのダブルクォーテーションと、aタグのhrefの値を囲むダブルクォーテーションと、同じ囲み文字を使っているのでPHPは変な所で文字列が切れていると判断する可能性があるので <?php echo '<a href="C.php">次のページ<a/>'; ?> とシングルクォーテーションとダブルクォーテーションを使い分けた方がいいでしょう。

cinnron
質問者

お礼

すみません。解決しました。 echo"<a href="C.php">次のページ<a/>"; の文ですがよく見ると C.php/ という風に間違ってスラッシュが入っていました。 驚きなのがこの場合はちゃんとリンクが貼れていて、CSSのみが適応されない状態だった ので発見ができませんでした。

その他の回答 (2)

回答No.3

ダブルクォーテーションが入れ子になってます。 echo "<a href=\"C.php\"> 後略 "; CSSが反映されないのは パス指定、ファイルのアップロード忘れ、ファイル名・セレクタのclass属性などの間違い、、、 PHP、HTML、CSSのすべてでケアレスミス(他にもあるかどうかわかりませんが)を直していけば、ちゃんと期待通り動くようになるんじゃないでしょうか。

  • Softysoft
  • ベストアンサー率56% (29/51)
回答No.2

phpは全くわからないのですが、 echo"<a href="C.php">次のページ<a/>"; の最後の<a/>"; が</a>"; のケアレスミスでは?とhtml的に思うのですが、そういうものですか?

関連するQ&A

  • PHPのデータの受け渡しとフレーム

    PHPを最近始めた者なのですが、 データの受け渡しについてわからないことがあります。 あるページのフォームで入力したデータをフレーム構造のページへ受け渡したとします。(データを入力したページをAとします) これはページAに設置されているフォームのソースです。 <form action="フレームページ.php" method="post"> <input name=(省略)> <input type='submit' value='submit'> </form> フレームページで表示されるページをB、Cとします。 目的はページAで入力したデータをページB、Cに反映させることなのですが、どうしても構造上問題があるのか反映されません。 たぶん受け渡したいデータがフレームページにいってしまい、ページBとCには届いていないと思うのですが、なんとかページB、Cに渡す方法はないでしょうか? フォームのactionをページB.phpと直接打てばデータが反映されることは確認しています。

    • ベストアンサー
    • PHP
  • PHPでの外部CSSの呼び出しが一部有効にならない・・・

    http://localhost/bbs.phpで外部cssを読み出してます。 head部で<link rel=stylesheet type="text/css" href="style.css">を指定しています。 このとき、http://localhost/bbs.phpでは正常にstyle.cssを読み出せていますが、 その後にhttp://localhost/bbs.php/?$cnt=1で別のデータを読み出すと style.cssを読み出せなくなってしまいます。 何か原因あるのでしょうか? 細かいソースを出すのは難しいですが、必要であれば一部ソースでお答えいただければと思います。 よろしくお願いいたします。

    • ベストアンサー
    • PHP
  • headerでCSS送出しているPHPファイルと

    ・下記ページのように、<link rel="stylesheet" href="/css.php">で読み込んでいるファイルと変数の受け渡しをしたいのですが、どうすれば良いでしょうか? ▽PHPで動的なcssファイルを作成する   http://103px.blog.fc2.com/blog-entry-19.html ■やりたいこと ・「POST」「GET」ではなく、includeみたいに利用したい ・具体的には、リンク先ページで言えば、css.phpに記述している「ランダムなカラー設定」を、index.phpに記述したい

    • ベストアンサー
    • PHP
  • Dreamweaverのcssとテンプレート

    こんにちは。 Dreamweaverを使用しているのですがどうしてもわからないことがあります。 cssファイルを更新(文字の大きさ・色等)するとtemplate.dwtファイルには反映される(A)のですが、template.dwtファイルを元に作成しているhtmlファイルには反映されません。(B) template.dwtファイル内の文章を変更したらhtmlファイルには反映されます。(C) <現状> (A)cssファイルとtemplateファイルはつながっている(=反映される) (B)templateファイルとhtmlファイルはつながっている(=反映される) (C)cssファイルとhtmlファイルはつながっていない(=反映されない)←ここで詰まってます 1か月ほど前に使用した時は問題なく反映されていました。 (cssを変更後、通常通りhtmlにも反映される) 何が原因なのかさっぱりわかりません。 <使用環境> Dreamweaver CS4 Windows7 IE、Chrome 非常に困っています。 どこをどうすればよろしいでしょうか。 どうぞよろしくお願いします。

  • 外部CSSが一部適応されません

    <LINK href="../style.css" rel="stylesheet" type="text/css"> というコードをHTMLファイルのヘッダ部分に記述しているんですが 同じディレクトリ内にあるAフォルダの各ページには反映されて Bフォルダの各ページには反映されません ホームページビルダー8で作成しています もちろんどちらのフォルダ内にある各ページごとに上記外部CSSの 呼び出しコードは記入してあります 問題がありそうな箇所をアドバイスいただけるとうれしいです よろしくお願いします

  • CSS デザイン 切り替えかた

    1つのWebサイト作る際、ユーザー別に、自動でデザインを変えてみせることは可能ですか? デザインはCSSでやろうと思っています。 可能なら、css、javascript、…など、どういうものを使えばいいか教えてください。 例えば、特定のページAからのリンクで来た人にはA'のデザインで 特定のページBからのリンクで来た人にはB'のデザインで…というふうに、1つのサイトを見せたいのです。 (特定のページA、B…も自分で作ります。) javascriptのパラメータやリファラーを使えばリンク元のページはわかって、 複数のcssを切り替えたりできるようですが、 (http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q111...のベストアンサー参照) その切り替えたcssの情報を(最初の1ページだけでなく)、 サイト内で、次のページ次のページまた戻って違うページ…などと遷移していった時に、 受け継いでゆくことは可能でしょうか? 同じサイト内を、違うリンク元からきた人は、違うデザインで見続けるということです。 わかりにくくてすみません。 それぞれのデザインの分だけページを作ればいいというのは、ナシでお願いします。 できるか、できないかなど、少しでも情報くださると嬉しいです。

  • CSSについて教えて下さい

    ドリームウィバーCS3でホームページを作成している初心者です。 トップページのindex.html仮にファイル【A】としますをCSSを使い作成致しました。             ~ <div id="middle">(770pix)  <divid="left"> <divid="center"> <divid="right"> ~ (200pix) (370pix) (200pix) で作成致しました。 次に【car】という新規のフォルダを作成しファイル名はindex.html(~\car\index.html~)で作成しました。これをファイル【B】とします。作成したいレイアウトは以下のように設定しました。  ~ <div id="middle">(770pix)  <divid="left"> <divid="right"> ~ (200pix) (570pix) ところが【A】ファイルに戻ると <divid="right"> に挿入したレイアウトが大きく崩れています。【B】ファイルを作成するときに設定した(570PIX)が反映されています。 【A】ファイルのCSSファイル名は「mystyle.css」で作成したのが原因だと思い【B】ファイルには新規に「mystyle_2.css」を作成しリンクを張ったらソースに意味不明な太文字が羅列してありました。。。 対処方法が分からず困っています。親切な方教えて下さい。よろしくお願い致します。

  • cssの反映について(フォルダにいれると反映されない)

    学校の課題として今HPの作成しています。 cssのことでわからないことがあるので、誰か詳しい方いましたら教えてください。 かなりページ数が増えてきてしまったので、ページごとにフォルダを作って整理をしようと思うのですが、 そうするとフォルダの中に入れたファイルにはcssが反映されなくなってしまうんです。 (ちなみにHEADの中に直接埋め込むcssでなく、cssファイルを別に作ってリンクするものです。) フォルダからcssファイルを出してしまえば、反映されるのですが、 cssファイルは全てcssというフォルダの中に入れなければいけないという決まりがあるので困っています。 <link rel="stylesheet" type="text/css" href="css/design.css"> ↑このようなタグでcssファイルのリンクを貼っているのですが、反映されません。 どこが間違っているのでしょうか?? 締め切りが金曜日までなので、かなり困ってます! 初歩的な質問&わかりにくい質問ですみませんが、どなたかよろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSでのリンク色の変更で

    HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを2つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします

    • ベストアンサー
    • HTML
  • CSSの読み込み開始までラグがあります

    header.php、main.php、footer.phpの3ファイルを作成して、 index.phpに include './header.php'; include './main.php'; include './footer.php';などとして読み込ませました。 cssファイルは、header.phpの<head>に <link rel="stylesheet" type="text/css" href="header.css"> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet" type="text/css" href="footer.css"> の形で記述されています。 javascriptがあり、これも同様に<head>に記述されています。 以上のファイルはすべて同じフォルダ内にあり、これをlocalhostで表示させました。 これをchromeで要素を検証してみたところ、 cssの読み込み開始までに2秒近いラグがあります。 このラグの考えられる原因は何があるでしょうか。 どなたか心当たりのある方、教えてください。よろしくお願いします。

    • ベストアンサー
    • CSS

専門家に質問してみよう