※ ChatGPTを利用し、要約された質問です(原文:テンプレートファイルでCSSファイルを読み込む指定をしましたが、うまく)
テンプレートファイルでCSSファイルを読み込む指定方法について
このQ&Aのポイント
テンプレートファイルでCSSファイルを読み込む指定方法について質問があります。
CSSファイルを指定した位置に表示できない問題が発生しています。
絶対パス以外でCSSファイルを指定する方法はあるのでしょうか?
テンプレートファイルでCSSファイルを読み込む指定をしましたが、うまく
テンプレートファイルでCSSファイルを読み込む指定をしましたが、うまく読みこめていないようで、
CSSファイルで指定した項目を意図した位置に表示することができません。
SMARTYを使ってます。テンプレートファイルにHTMLを記述しています。
環境は、WINDOWS VISTAにApacheを入れて動かしています。
このテンプレートファイル(reg.tpl)の中でのCSSファイルの読み込みやCLASSの指定では次のように書いてます。
(1)reg.tplの内容です。
<HTML>
<HEAD>
<TITLE>{$title}</TITLE>
{$form.javascript}
<link rel="stylesheet" href="layout.css" type="text/css" /> →ここでCSSファイルの読み込み指定
</HEAD>
<BODY bgcolor="#FFFFFF">
<CENTER>
<HR size="1" noshade>
<B>{$title}</B>
<HR size="1" noshade>
<DIV id="l1" CLASS="userid"> →ここでCSSファイルで設定したものを指定
<FONT size="2">{$form.user_id.label}:</FONT>
{if $form.user_id.error }
<font size="2">{$form.user_id.error}</font><BR>
{/if}
{$form.user_id.html}
</DIV>
~中略
(2)layout.cssの内容です。
.userid {
position : absolute;
top: 545px;
left: 150px;
width: 5%;
border:0px solid #FFB6C1;
}
(3)ファイルの設置場所は次の通りです。
┳templates━reg.tpl
______┗layout.css
(4)layout.cssをサーバーにアップロードして、上記(1)のreg.tplの<link …の指定部分を次のように絶対パスに変更すると
layout.cssが正常に読み込めます。(userid項目がcssファイルに指定した位置に表示されます)
<link rel="stylesheet" href="http://www.****.com/layout.css" type="text/css" />
(5)<link …で(1)のように指定した場合、layout.cssとreg.tplが同じフォルダにあれば実行しても
cssファイルが読み込めると認識していたのですが読み込めません。
index.htmlファイルとcssファイルを同じフォルダにおいて、index.htmlの中に(1)の<link …のようにファイル名のみの記述をするとうまく読み込めます。
テンプレートファイルの中で使う項目にCSSファイルを利用して自由なレイアウトを実現したいのですが、絶対パスでCSSファイルを指定する方法以外にないのでしょうか?
分かる方、ご教授下さい。
お礼
ご回答ありがとうございました。 tplファイルに値を渡すphpファイルと同じフォルダにCSSを移動してもできませんでしたが、 最初に実行するindex.phpと同じフォルダ(ドキュメントルート)にCSSファイルを移動したら正常に 読み込めました。不思議です。本当にありがとうございました。