サポート掲示板/16

お名前YOKO
状態完了
追加日時2005/05/11 (水) 11:54
対象CGIみの写真集
タイトル任意のCSSを使用したいのですが

本文

みの写真集で各ページのテキスト文字を同フォルダ内に入れてある任意の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([nodate]){date}: Invalid date string;
  • 煩雑になるのが嫌でしたら、外部CSSにしておくのが良いでしょう。 -- みの &new([nodate]){date}: Invalid date string;
  • CSSを追加記述する箇所は、CGIファイルの中をheadで検索してみてください。わかりますか? -- みの &new([nodate]){date}: Invalid date string;
  • すみませんエラ−がでます。例としてサムネール画面にある「各写真をクリックすると拡大表示します。」を同一フォルダ内のtext.cssにあるf12_15で割りあてたい場合の記述を教えていただけませんか?あつかましいお願いで申し訳ございません。 -- YOKO &new([nodate]){date}: Invalid date string;
  • まず、CSSがなんたるか、使い方とか、理解されていますか・・・ -- みの &new([nodate]){date}: Invalid date string;
  • 多分、headタグの中に、<link rel="stylesheet" type="text/css" href="text.css"> なんていう記述を入れて -- みの &new([nodate]){date}: Invalid date string;
  • <div class=f12_15>各写真をクリックすると拡大表示します。</div>なんて記述をすれば良いのかなと思います。 -- みの &new([nodate]){date}: Invalid date string;
  • すみません。スタイルシートの使い方って、正しく理解してないんですよ私。 -- みの &new([nodate]){date}: Invalid date string;
  • やはりそんな感じですよね。最初そんな感じでやったんですがエラーが出てしまって。spanとdivの違いだけなんですが、みのさんのも試してみたんですがやっぱりエラーでした。head内への張り方なのかな〜と思っていろいろやってるんですが....CSSは一応、理解してるんですが..... -- YOKO &new([nodate]){date}: Invalid date string;
  • 具体的に、headタグの間へどんな記述をされていますか? -- みの &new([nodate]){date}: Invalid date string;
    print "・・・・<head>・・・・\n";
    print "<link rel=\"stylesheet\" type=\"text/css\" href=\"text.css\">\n";
    print "・・・・</head>・・・\n";
  • ダウンロードしたままのphoto.cgiにご指示いただいたとおり貼っただけでもエラーになります。text.cssも同じフォルダの同一階層ですし....原因が分からないです。 -- YOKO &new([nodate]){date}: Invalid date string;
  • エラーの内容はわかりませんか、どんなエラーですか? -- みの &new([nodate]){date}: Invalid date string;
  • Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. -- YOKO &new([nodate]){date}: Invalid date string;
  • てゆうのがでます。 -- YOKO &new([nodate]){date}: Invalid date string;
  • それは、photo.cgiを呼び出したときに出るんですよね? そうすると修正した内容にperlの文法的に誤りが発生しているためだと思われます。どんな修正を加えました? -- みの &new([nodate]){date}: Invalid date string;
  • ダウンロードしたままのphoto.cgiにご指示いただいたとおり print "<link rel=\"stylesheet\" type=\"text/css\" href=\"text.css\">"\n; を貼っただけです。 -- YOKO &new([nodate]){date}: Invalid date string;
  • レス間違えました。上記の逆スラッシュ表示は半角アキです。 -- YOKO &new([nodate]){date}: Invalid date string;
  • この文をなん行目に(前後の行つきで)? それと「逆スラッシュ表示は半角アキ」の意味が分かりません。 -- みの &new([nodate]){date}: Invalid date string;
  • winのieで掲示板に貼った記述をみるとスペース(半角アキ)の部分に逆スラッシュ(左上から右下への棒)が表示されてるようなので。 -- YOKO &new([nodate]){date}: Invalid date string;
    • 実際の記述は、逆スラッシュ(円マーク)が正しい記述です。スペースではエラーですよ。
  • 以下、ちょっと手直しさせて頂きます。みの
    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([nodate]){date}: Invalid date string;
  • 正規のものだと、1行目と2行目が逆転しています。 -- みの &new([nodate]){date}: Invalid date string;
  • 3行目はすみません。上の方で私が書いている行が間違っていました。直しておきましたので、違いを確認してください。明らかに他の行とも違うので分かりますよね。 -- みの &new([nodate]){date}: Invalid date string;
  • 手直ししていただいたもの、1行目と2行目を逆転したものを貼っても前回と同じエラ−です。みのさんの方はエラー出ませんか? -- YOKO &new([nodate]){date}: Invalid date string;
  • CSSの方に問題がないか調べてみます。 -- YOKO &new([nodate]){date}: Invalid date string;
  • 手直しししたのは、単に見易くしただけで、YOKOさんが書いた内容となんら変えていません。1行目と2行目の逆転と3行目が間違っていることを指摘しただけです。正解は、こんな感じかな? (注意:私の環境では試していませんよ。自己責任で) -- みの &new([nodate]){date}: Invalid date string;
    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([nodate]){date}: Invalid date string;
  • こちらこそ、報告ありがとう御座いました。完了とさせて頂きます。 -- みの &new([nodate]){date}: Invalid date string;

サポート掲示板


トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2005-05-16 (月) 14:55:42 (5487d)