• 締切済み

cgiの中にcssリンクを入れたい

現在自分の掲示板を持ってます。 デザインはCSSで行っており、CGIの中に書き込んでますが、このCGIを外部ファイルにしてリンクしたいです。 HTMLであればCSSのリンクは簡単にできますが、CGIにCSSのリンクをすることができません。 誰かお知恵を貸してください。 HTMLによる外部ファイルによるスタイル設定は以下の通りです。これをCGI用にするには・・・ 教えてください<(_ _)> <link rel="stylesheet" href="default.css" type="text/css" />

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

みんなの回答

回答No.3

>HTMLによる外部ファイルによるスタイル設定は以下の通りです。これをCGI用にするには・・・ そのままCGIアプリケーションから出力してください。

  • notnot
  • ベストアンサー率47% (4846/10257)
回答No.2

「リンクをする」という日本語の意味が不明ですが、「CGIで出力しているHTMLの中にCSSのlinkタグを入れたい」 ということですか? CGIで、HTMLのHEADを出力しているところを調べて、そこにlinkタグ出力のコードを追加します。 もし、「CGIのプログラムは読めない」ということだと、お手上げです。

  • kmee
  • ベストアンサー率55% (1857/3366)
回答No.1

CGIって「httpのヘッダ+HTML等の本体」と出力することになっています。 HTML本体部に注目 →それが普通のHTMLだと考える →そのHTMLにCSSを入れることを考える →CGIプログラムでその部分を出力しているところを探す →(単純に文字列を出力しているんでなければ、設定しているところ探す) →変更する という流れになります。 これ以上は、そのCGIプログラムに依存するので、お答えできません。 PerlでCGIモジュールを使うのと、Rubyでベタ書きするのとではまったく違いますから。

関連するQ&A

  • HTMLメールの外部CSSが有効になりません

    HTMLメールから以下のように外部CSS(http://から始めてます)を利用したいのですが、実際にOUTLOOK 2003 SP3で見るとスタイルが適用されていません。 ローカルで同じHTMLをブラウザで開くとスタイルは適用されます。HTMLメールのときは何か特別なことが必要なのでしょうか? <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> ヘッダ全体を以下に掲載しておきます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title>TITLE</title> <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>

  • 外部CSSを適用させるための正しいソースコードの書き方

    dreamweaverCS4のバグではないかと思うのですが、外部スタイルシート(test.css)を作成し、それをHTMLファイル(test.html)へ適用させたいのですが、ファイルの階層が同じなので、以下のようにソースコードを書くのが正解だと思いますが、 <link href="test.css" rel="stylesheet" type="text/css"> 以下のように、「../test.css」と「..」が付いても適用される場合があります。 <link href="../test.css" rel="stylesheet" type="text/css"> 逆に「..」が付く方が正解で、付かない方が間違っているのでしょうか? どっちが正しいのでしょうか? そもそも「..」とは何でしょうか? すみません、根本的なところからわかっていません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSが適応されない

    ジオシティーズなどのHPにスタイルシートを適応させたいのですが、適応されず困ってます。 <meta http-equiv="content-style-type" content="text/css"> <link href="stylesheet.css" rel="stylesheet" type="text/css"> としてHPに記述してstylesheet.cssという外部ファイルを読み込ませたいのですが適応されません。 どうすればいいのでしょうか? ご回答宜しく御願い致します。

  • CSSの記述

    HTMLで普通のテキストのサイズを固定したいのですが、 うまくいきません。 何が間違っているのでしょうか。 一部のHTMLだけ、リンクの下線をはずしたいので、 HTMLに <LINK REL="stylesheet" HREF="css/style_win.css" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- A { text-decoration: none; font-size: 10pt;} --> </STYLE> と記述。 こちらの方は大丈夫です。 だめなのは外部 css/style_win.css に body { font-size:10pt } と書いたほうがまったく制御していません。 初心者で、本もたくさん調べましたが わかりません。 どうかお願いいたします。

    • ベストアンサー
    • HTML
  • CSS のときのヘッダの記述

    <link rel="stylesheet" href="style.css" type="text/css" /> の link rel = の ●「 rel 」って何の省略なのでしょうか? また、 ●href は Hyper link REFerence の略でしょうか?

    • ベストアンサー
    • HTML
  • base hrefとlink rel

    テキストエディタでhtmlを書いています。 外部cssを使うので、 <link rel="stylesheet" href="style.css" type="text/css"> をヘッダ部に入れていますが、これより上に <base href="~"> で基準URIを指定しようとすると、cssが反映されなくなってしまいます。 先に <link rel="~ を入れてしまうと、文法チェックで引っ掛かるのですが、どうしたら良いのでしょうか? ソースは、 <Head> <base href="絶対パス"> <link rel="stylesheet" href="style.css" type="text/css"> で、この後にmeta属性を入れています。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • NNだけCSSのリンクが切れる?!

    <link href="common/top.css" rel="stylesheet" type="text/css"> 上記のようなソースで外部ファイルにリンクしてるのですが、 サーバにあげたときだけNNで見るとCSSが適用されません。(IEでは表示されます) ローカルでみれば、IEでもNNでも問題なく表示されるし、 外部ファイルをやめて、HTML内にCSSを記述すればサーバにあげても表示されます。 サーバ側に原因があるのか、ソースコードで解決できるのか どなたかこの現象の解決方法を教えて下さい!!

  • CSSで、外部スタイルシートを2つ指定した場合。

    たとえば、 <link href="style.css" rel="stylesheet" type="text/css"> <link href="info.css" rel="stylesheet" type="text/css"> のように2つスタイルシートを指定した場合、同じ内容のスタイルシートを書き込んだ場合どちらが優先されるのでしょうか。

    • ベストアンサー
    • HTML
  • CSSについて

    前回「CSS今度は外部ファイル!」で質問をさせていただきました http://okwave.jp/qa4254612.html #2の回答者様の記述ソースをコピペしてCSSファイルと、HTMLファイルを作ったところ、HTMLファイルに外部CSSが反映されて表示されました。 しかし、このCSSファイルの中身(だけ)とファイル名を変更したところ、今度は反映されなくなりました。 ■CSSファイルの変更■ 変更前 body { color: blue; font-size:30px; 変更後 .hpname{ font-size:50ox; color:#006666 text:align:center; } ■CSSファイル名 半角小文字でhpname.css ■HTMLファイル 変更前 <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> 背景色は青で文字は30px </body> </html> この中の <link rel="stylesheet" type="text/css" href="test.css"> を変更。 href="test.css">を href="hpname.css"> にしました。 ///////////////////////////////////////////////////////////// CSSファイルの作りかたがいけないのでしょうか? 「.」をつけてはいけない? それとも外部ファイルを読み込むパスを絶対指定などしなくてはならないのでしょうか(同じフォルダ階層内です) 何回やり直しても結果が同じなので、また質問させていただきました。

  • CSS今度は外部ファイル!

    前回「CSSが反映されない」で質問させていただきました。 おかげさまで、ヘッダー内で記述したものが、反映されるようになりました。 ところで、今度は外部ファイルの読み込みで「できない!」となっています。 自分ではどこがいけないのか、発見できなかったので、また皆さんのお力をいただきたいと 思います。 ○abc.css(外部ファイル) .body{ color:#006666; font-size:30px; } ○HTMLファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="abc.css" type="text/css"> --> </style> </head> <body> 背景色は濃い青緑です<br> フォントサイズは30px・・・<br> <br> になるはずです・・・ </body> </html> ・・・結果・・・ 真っ白な画面に標準フォントで表示。 ○外部ファイル .hp-name{ font-size:55px; color:#006666; text-align:center; } ⇒ファイル名 hp-name.css ○HTMLファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="body.css" type="text/css"> --> </style> </head> <body> <div class="hp-name"> HP名は「○○△△◇◇」です </div> ////////////////////////////////////////////////////////////////////////////////////// 今度はどこがいけないのでしょう。 <link rel・・・・・・・・ で、外部ファイルを読み込むだけではいけないのでしょうか? それとも、外部ファイルの書き方がいけないのでしょうか? 外部ファイルには「スタイルシートの部分だけ」記述すればいいと思っていたのですが・・・ ○外部ファイルを <style type="text/css"> <!-- --> </style> をつけてみたのですが、ダメでした

専門家に質問してみよう