* [[サポート掲示板/16]] [#w326213a]
|お名前|YOKO|
|状態|完了|
|追加日時|2005/05/11 (水) 11:54|
|対象CGI|みの写真集|
|タイトル|任意のCSSを使用したいのですが|

** 本文 [#pa93437d]
みの写真集で各ページのテキスト文字を同フォルダ内に入れてある任意のCSS(フォントサイズを任意の物に変更・固定したいため)から使いたいのですがどのようにすればよいですか?
念のためそのCSS内容を書いておきます。

ファイル名
text.css

内容
.f13_18 { font-family: "MS Pゴシック", "Osaka"; font-size: 13px; line-height: 18px} 
.f16_24 { font-family: "MS Pゴシック", "Osaka"; font-size: 16px; line-height: 24px} 
.f15_21 { font-family: "MS Pゴシック", "Osaka"; font-size: 15px; line-height: 21px} 
.f15_28 { font-family: "MS Pゴシック", "Osaka"; font-size: 15px; line-height: 28px} 
.f14_20 { font-family: "MS Pゴシック", "Osaka"; font-size: 14px; line-height: 20px} 
.f19_25 { font-family: "MS Pゴシック", "Osaka"; font-size: 19px; line-height: 25px} 
.f13_18 { font-family: "MS Pゴシック", "Osaka"; font-size: 13px; line-height: 18px} 
.f23_23 { font-family: "MS Pゴシック", "Osaka"; font-size: 23px; line-height: 23px} 
.f13_15 { font-family: "MS Pゴシック", "Osaka"; font-size: 13px; line-height: 15px} 
.f13_23 { font-family: "MS Pゴシック", "Osaka"; font-size: 13px; line-height: 23px} 
.f10_14 { font-family: "MS Pゴシック", "Osaka"; font-size: 10px; line-height: 14px} 
.f11_16 { font-family: "MS Pゴシック", "Osaka"; font-size: 11px; line-height: 16px} 
.f10_15 { font-family: "MS Pゴシック", "Osaka"; font-size: 10px; line-height: 15px} 
.f9_13 { font-family: "MS Pゴシック", "Osaka"; font-size: 9px; line-height: 13px} 
.f13_13 {  font-family: "MS Pゴシック", "Osaka"; font-size: 13px; line-height: 13px}
.f11_13 { font-family: "MS Pゴシック", "Osaka"; font-size: 11px; line-height: 13px }
.f10_10 { font-family: "MS Pゴシック", "Osaka"; font-size: 10px; line-height: 10px}
.f12_17 {  font-size: 12px; line-height: 17px; font-family: "MS Pゴシック", "Osaka"}
.f12_15 {  font-family: "MS Pゴシック", "Osaka"; font-size: 12px; line-height: 15px}
.f12_22 {  font-family: "MS Pゴシック", "Osaka"; font-size: 12px; line-height: 22px}
.f15_18 {  font-family: "MS Pゴシック", "Osaka"; font-size: 15px; line-height: 18px}

----
-CGIファイルの中で、headタグを表示しているところがありますので、そのタグの中にCSSを記述すればよいと思います。 -- [[みの]] &new{2005/05/11 (水) 13:09};
-煩雑になるのが嫌でしたら、外部CSSにしておくのが良いでしょう。 -- [[みの]] &new{2005/05/11 (水) 13:10};
-CSSを追加記述する箇所は、CGIファイルの中をheadで検索してみてください。わかりますか? -- [[みの]] &new{2005/05/11 (水) 13:11};
-すみませんエラ−がでます。例としてサムネール画面にある「各写真をクリックすると拡大表示します。」を同一フォルダ内のtext.cssにあるf12_15で割りあてたい場合の記述を教えていただけませんか?あつかましいお願いで申し訳ございません。 -- [[YOKO]] &new{2005/05/11 (水) 17:17};
-まず、CSSがなんたるか、使い方とか、理解されていますか・・・ -- [[みの]] &new{2005/05/11 (水) 18:58};
-多分、headタグの中に、<link rel="stylesheet" type="text/css" href="text.css"> なんていう記述を入れて -- [[みの]] &new{2005/05/11 (水) 18:59};
-<div class=f12_15>各写真をクリックすると拡大表示します。</div>なんて記述をすれば良いのかなと思います。 -- [[みの]] &new{2005/05/11 (水) 19:00};
-すみません。スタイルシートの使い方って、正しく理解してないんですよ私。 -- [[みの]] &new{2005/05/11 (水) 19:01};
-やはりそんな感じですよね。最初そんな感じでやったんですがエラーが出てしまって。spanとdivの違いだけなんですが、みのさんのも試してみたんですがやっぱりエラーでした。head内への張り方なのかな〜と思っていろいろやってるんですが....CSSは一応、理解してるんですが..... -- [[YOKO]] &new{2005/05/12 (木) 10:41};
-具体的に、headタグの間へどんな記述をされていますか? -- [[みの]] &new{2005/05/12 (木) 12:53};
 print "・・・・<head>・・・・\n";
 print "<link rel=\"stylesheet\" type=\"text/css\" href=\"text.css\">\n";
 print "・・・・</head>・・・\n";
-ダウンロードしたままのphoto.cgiにご指示いただいたとおり貼っただけでもエラーになります。text.cssも同じフォルダの同一階層ですし....原因が分からないです。 -- [[YOKO]] &new{2005/05/12 (木) 13:48};
-エラーの内容はわかりませんか、どんなエラーですか? -- [[みの]] &new{2005/05/12 (木) 14:28};
-Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. -- [[YOKO]] &new{2005/05/12 (木) 14:44};
-てゆうのがでます。 -- [[YOKO]] &new{2005/05/12 (木) 14:45};
-それは、photo.cgiを呼び出したときに出るんですよね? そうすると修正した内容にperlの文法的に誤りが発生しているためだと思われます。どんな修正を加えました? -- [[みの]] &new{2005/05/12 (木) 18:46};
-ダウンロードしたままのphoto.cgiにご指示いただいたとおり print "<link rel=\"stylesheet\" type=\"text/css\" href=\"text.css\">"\n; を貼っただけです。 -- [[YOKO]] &new{2005/05/12 (木) 18:53};
-レス間違えました。上記の逆スラッシュ表示は半角アキです。 -- [[YOKO]] &new{2005/05/12 (木) 18:56};
-この文をなん行目に(前後の行つきで)? それと「逆スラッシュ表示は半角アキ」の意味が分かりません。 -- [[みの]] &new{2005/05/12 (木) 19:46};
-winのieで掲示板に貼った記述をみるとスペース(半角アキ)の部分に逆スラッシュ(左上から右下への棒)が表示されてるようなので。 -- [[YOKO]] &new{2005/05/13 (金) 10:21};
-- 実際の記述は、逆スラッシュ(円マーク)が正しい記述です。スペースではエラーですよ。

- 以下、ちょっと手直しさせて頂きます。[[みの]]
 1行目 print "<html><head>\n";
 2行目 print "Content-type: text/html\n\n";
 3行目 print "<link rel=\"stylesheet\" type=\"text/css\" href=\"text.css\">"\n;
 4行目 print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\">\n";
 5行目 if ( $MOD eq 'sld' ) {
 6行目     $point = $IDX + 1;
 7行目     print "<meta http-equiv=\"Refresh\" content=\"$SLIDETM;URL=$VIEWCGI?DIR=$DIR&MOD=sld&IDX=$point\">\n";
 8行目 }
 9行目 print "<title>$MAINTITL</title></head>\n";
- こんな感じです。 -- [[YOKO]] &new{2005/05/13 (金) 10:25};
-正規のものだと、1行目と2行目が逆転しています。 -- [[みの]] &new{2005/05/13 (金) 12:14};
-3行目はすみません。上の方で私が書いている行が間違っていました。直しておきましたので、違いを確認してください。明らかに他の行とも違うので分かりますよね。 -- [[みの]] &new{2005/05/13 (金) 12:17};
-手直ししていただいたもの、1行目と2行目を逆転したものを貼っても前回と同じエラ−です。みのさんの方はエラー出ませんか? -- [[YOKO]] &new{2005/05/13 (金) 13:15};
-CSSの方に問題がないか調べてみます。 -- [[YOKO]] &new{2005/05/13 (金) 13:19};
-手直しししたのは、単に見易くしただけで、YOKOさんが書いた内容となんら変えていません。1行目と2行目の逆転と3行目が間違っていることを指摘しただけです。正解は、こんな感じかな? (注意:私の環境では試していませんよ。自己責任で) -- [[みの]] &new{2005/05/13 (金) 19:39};
 1行目 print "Content-type: text/html\n\n";
 2行目 print "<html><head>\n";
 3行目 print "<link rel=\"stylesheet\" type=\"text/css\" href=\"text.css\">\n";
 4行目 print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\">\n";
 5行目 if ( $MOD eq 'sld' ) {
 6行目     $point = $IDX + 1;
 7行目     print "<meta http-equiv=\"Refresh\" content=\"$SLIDETM;URL=$VIEWCGI?DIR=$DIR&MOD=sld&IDX=$point\">\n";
 8行目 }
 9行目 print "<title>$MAINTITL</title></head>\n";
-この記述でいけました。長々とおつきあいありがとうございました。これで進展します。感謝いたします。 -- [[YOKO]] &new{2005/05/16 (月) 14:52};
-こちらこそ、報告ありがとう御座いました。完了とさせて頂きます。 -- [[みの]] &new{2005/05/16 (月) 14:55};

#comment

[[サポート掲示板]]

トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS