• 締切済み

外部スタイルシートへのリンク方法、パスのhtml

外部スタイルシートへのリンク方法 ※　具体的なパスの書き方、htmlを教えてください。 当方ＨＰを作成しています。 ＸＸＸＸＸ.comというサイトに“ＣＳＳ”で書式スタイルを定義しています。 ＸＸＸＸＸ.com内の“ＣＳＳ”ですので、 ＸＸＸＸＸ.comの中であれば、定義した文字がしっかり反映されています。 これは普通のことです。 さて、このページに、とある外部フォームページ（他社ＣＧＩによるもの）を組み込みました。 そのフォームページは外部のプログラムなので、ＸＸＸＸＸ.comの画像を使用するにしても、 スタイルシートを使用するにしても、ＸＸＸＸＸ.comに対して“パス”を指定する必要があります。 で、画像の場合は、 http://www.ＸＸＸＸＸ.com/画像の名前.gifでなんなくリンクさせることには成功。 しかし、スタイルシート（ＣＳＳ）へのリンクが、成功しません。 書式が全然変わらないのです。 一応<head>内に、このようにしたのですが、やはり間違っているのでしょうか？ 　　　　↓ <link href="http://www.ＸＸＸＸＸ.com/ＣＳＳの名前.css" rel="stylesheet" type="text/css"> <style type="text/css"> htmlにお詳しい方、またはサイト制作にお詳しい方、お待ちしています。 宜しくお願いいたします。

  • HTML
  • 回答数2
  • ありがとう数3

みんなの回答

回答No.2

パーミッションとか.htacceseが原因じゃないですか?

koichan55
質問者

お礼

有難うございます。なるほど、ただ、上記のように、画像はリンクでいけておりますので、パーミッションではないです。htacceseは「…？」というところでした。見解をもう少し戴ければとも思いました。でも、有難うございました。

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.1

<link href="http://www.ＸＸＸＸＸ.com/ＣＳＳの名前.css" rel="stylesheet" type="text/css"> この絶対パスで、あなたのサイト内でも反映されるなら、パスには問題ありません。 「他のサーバで利用すると反映されない」となると、「外部呼出し不可」の規定に触れている可能性がありますね。 （直リンク不可はhtmlと一部の画像以外のすべてのファイルに適用されるのが普通） どこのサーバか分かれば調べることもできますが…… 規約など、もう一度よく確認されては？

koichan55
質問者

お礼

早速のご回答ありがとうございます。なるほど、「外部呼出し不可」といったものは初耳でした！確かに、可能性として考えてみますね。初耳のご意見、本当に参考にさせて頂きますね。 ちなみに当方のサーバーはお名前ドットコムです。CGIはファーストネットジャパンというところのEasyMail Pro版というものです。当方もこちらには問い合わせてみようと思います。 また、“やはりhtmlに起因する”のでありましたら、そちら方面のご回答も、ぜひ皆様宜しくお願いいたします。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 外部スタイルシートは分ける？

    外部スタイルシートを分けるのかそれともまとめるのか？ もしくは分けるべきなのかまとめるべきなのかがわかりません。 index を含む全ページに共通の class 指定があれば、１つの外部でいいですが、 各ページ固有の class 指定があった場合これは分けたほうがいいでしょうか？ つまり、 <link href="main.css" rel="stylesheet" type="text/css"> と全ページに置き、全ての指定をここに入れるのか、それとも <link href="main.css" rel="stylesheet" type="text/css"> <link href="a.css" rel="stylesheet" type="text/css"> として共通の指定と、各ページ固有の指定は分けたほうがいいのか、 そのあたりがわからなくて困ってます。 前者だと１つファイルでいいとは思いますが、長くなってしまいますし、 ページによっては必要ない部分まで読み込むことになります。 多分一長一短で好み次第ということにはなるかと思いますが、 実際にどちらの方法でやっていて便利だという経験をお聞かせいただければ、 大変ありがたく思います。よろしくお願いします。

  • スタイルシートからの？リンクの貼りかた

    <style type="text/css"> <!-- body {background-image:url(sora.jpg); background-repeat:no-repeat; background-position: right bottom; background-attachment:fixed;} --> </style> ↑このようなスタイルシートがあります。 sora.jpgという画像を固定して表示しています。 この空の画像から他のページにリンクを貼るにはどのような タグを書けばいいのでしょうか？ スタイルシートの中に<a href="">とかけばいいのでしょうか？ スタイルシート初心者で何も分からないので分かりやすく教えてください。

  • スタイルシート２

    １．スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか？ <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ！！ といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような（くどい＾＾）気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ ２．さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル（省略できない）。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか＾＾ リンクできるのは、見やすく便利ですが・・・

  • IEで外部スタイルシートが反映されない

    IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか？ ご助力願います。

  • スタイルシートの<link>表記について

    色々なことを試しても解決できないので質問させてください。 現在のディレクトリ構成は、 HPフォルダ－index.html 　　　　　| 　　　　　－report.html　（www.○○○.com/report.html） 　　　　　| 　　　　　－report1.html　（www.○○○.com/report1.html） 　　　　　| 　　　　　－report2.html　（www.○○○.com/report2.html） 　　　　　| 　　　　　－css－text.css 　　　　　　 　| 　　　　　 　－base.css といったように1つのフォルダに全てのHTMLファイルが入っているのですが、 「HPフォルダ」の中に「report」というフォルダを作って、 HPフォルダ－index.html 　　　　　| 　　　　　－report.html　（www.○○○.com/report.html） 　　　　　| 　　　　　－report－report1.html　（www.○○○.com/report/report1.html） 　　　　　　　　　| 　　　　　　　　　－report2.html　（www.○○○.com/report/report2.html） 　　　　　| 　　　　　－css－text.css 　　　　　　 　| 　　　　　 　－base.css といったように「report」フォルダの中に「report1.html」や「report2.html」などを入れると、 孫ページへのスタイルシートの効果が消えてしまいます。 そこで孫ページ<HEAD>内の <link rel="stylesheet" type="text/css" href="css/base.css" /> を <link rel="stylesheet" type="text/css" href="../css/base.css" /> に変更するといいと言われたことがあるのですが、効果が適用されません。 どういった<link>表記にすれば孫ページにスタイルシートの効果が適用されるのでしょうか？ 説明が下手ですみません。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • 外部スタイルシートが読み込めない

    こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 外部スタイルシートについて・・・

    外部スタイルシートを書きたいのですが、 まだ良くわかってない点があるので教えてくださると嬉しいんですが・・・（ＴＴ） 今はＨＴＭＬのヘッダ内に書いております。 <style TYPE="text/css"> </style> Ｑ１，上の部分は外部スタイルシートにすると、いらないのでしょうか？ Ｑ２，下の部分は外部スタイルシートにしてもスタイルシート内に、書く事ができますか？書くと不具合の原因になるのでしょうか？ <!-- //忘れてしまうので、ここにコメント書きたいです。 できれば、スタイルシートを表示できない？ブラウザの人へ配慮したいと思うので、 <!-- は、あった方が自分が忘れなくていいかと思うのですが・・・。 Ｑ３，ブラウザによって変になる、例えばとっても古いバージョンのネスケなどでも表示できるといいのですが 下記で問題あるのでしょうか？ もし良かったら下の内容をこうした方がいいという アドバイスがあると嬉しいです。 質問の仕方が良くないかもしれませんが教えて下さい（ＴＴ） <style TYPE="text/css"> <!-- //忘れてしまうので、ここにコメント書きたいです。 a:link {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:visited {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:active {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:hover {font-size: 11pt; text-decoration:underline; color:#FF9966;} td {font-size: 11pt;} span {font-size: 11pt;} BODY {font-size: 11pt; } LI {font-size: 11pt;} --> </style>

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

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

    • ベストアンサー
    • HTML
  • スタイルシートが反映されません

    <link rel="stylesheet" href="style.css" type="text/css">で 外部スタイルシートの反映がされません。 このＣＳＳファイルの中身をそのままＨＴＭＬファイルのＨＥＡＤ部分に持っていったら反映されましたので、単純にリンクがうまくいっていないのか？と思うのですが・・・ ファイル名はあっているし、リンクもファイル名ではできなかったので 絶対パスで指定してみましたがダメでした。パスの指定ミスを防ぐためにファイルのプロパティを開いて、場所をコピペして最後のところに ￥をつけてファイル名を拡張子つきでくっつけましたがダメでした。 なにがいけないのでしょう・・・ いろいろと考えたり調べたりしているのですが、どうしてもわからないです。 ＣＳＳファイルはＨＴＭＬファイルと同一フォルダ内の同一階層にあります。（まだネット上に公開しておらずＵＲＬも持っていないので 個人のＰＣフォルダ内です）ＣＳＳファイルのアイコンはメモ帳に歯車のイラストのアイコンです。このアイコンになっていたらちゃんと ＣＳＳファイルだと思っていたのですがもしかしたら違うでしょうか？ あ、ＨＴＭＬファイルのＨＥＡＤ部分の <meta http-equiv="conten-style-type" content="text/css" /> の書き込みもしてあります。 外部ファイル用の<link rel=だらだらだら>の後に </style>でしめてみたのですがダメでした。

  • スタイルシートのフォント指定

    他の人が作成した外部スタイルシートをベースにしてホームページを作っています。スタイルシートと同じ階層、またはその１つしたまではちゃんと指定通り表示されるのですが、のフォルダから2つしたの階層になると文字の大きさがそれ以外の所と違うサイズになります。まったく外部スタイルシートを読んでいないわけでもないようなのですが、、、。分かりません。 どなたか分かる方、どうかよろしくお願いします。 <link href="../../css/link.css" rel="stylesheet" type="text/css"> <noscript> <link href="../../css/winie.css" rel="stylesheet" type="text/css"> </noscript>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する