- ベストアンサー
スタイルシートの外部ファイルでリンク先を指定できますか
外部ファイル読み込みによるスタイルシートを 作成する予定です。 （今まではエディタでＨＴＭＬタグを打って ホームページを作成していました） セレクタでＣＬＡＳＳを使って、 色などを指定することは分かりますが、 この要領で、リンク先を指定することはできますか？ よく、ホームページのページ構成で、 入り口から、いくつかのコンテンツに行く形のとき、 それぞれのコンテンツのページ上に他のコンテンツへのリンク先を つけているレイアウトがよく見られますよね。 私もこのレイアウトをとっているのですが、 リンク先のひとつのレンタル掲示板が都合で何度も変わりました。 その都度、掲示板のリンク先を載せているページのソースを 書き換えました。 そこで、ＣＬＡＳＳでの色などの指定ができるのなら、 リンク先も指定してしまえば、外部ファイルにして、 リンク先を変更しなければならなくなったときに、 外部ファイルだけにリンク先を変更するだけですむのでは？ と思いました。 しかし、参考書には色や背景などについてなら載っているのですが、 リンク先については書かれていませんでした。 無理でしょうか？ よろしくお願いします。 「最新スタイルシート辞典」（初版）を読んでいます。
- yumori3
- お礼率51% (34/66)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 CLASSでの詳しい事は分かりませんが、 それでしたら、 一度ダミーファイルを作ってそこへリンクさせればどうですか？ そして、そのダミーファイルからセコンド０にて掲示板などへ転送させちゃうんですよ。 これでしたら、 ダミーファイルの転送先URLを書き換えるだけで済みますし。 都度、CLASSを書き換えるのと作業的には同じでしょう。 私はこういう方法で今までやってきました。
その他の回答 (2)
- onimotsu
- ベストアンサー率36% (279/758)
スタイルシートは体裁を整えるものですから無理ではないでしょうか。 ご質問の場合には 外部JavaScriptを使用すれば 外部CSSと同様に外部ファイル内の記述を変えるだけでできます。 下記を参考に。 http://tohoho.wakusei.ne.jp/js/index.htm http://www.openspc2.org/reibun/javascript/kihon/002/index.html
お礼
回答をありがとうございます。 スタイルシートでできれば、楽だと思ったのですが できないようで残念です。 外部JavaScriptでの方法をありがとうございました。 ただ、JavaScriptまでの知識はないので、 下のダミーファイルの方法になるかと思います。 人によってはJavaScriptを切っている人もいるようなので （私も切っている方です） JavaScriptは考慮に入れていませんでした。 （参考サイトは私も見ています。 ほとんどＨＴＭＬやスタイルシートのところですが。 JavaScriptのところは、使う予定がなかったので、 １度ざっと見ただけでした）
まず、回答から、スタイルシートでできるのは、見た目の設定だけなので、無理です。 ですが、外部JavaScriptでやることができます。 拡張子を『.js』にしたテキストファイルに、 function links(){ document.write("<A href='index.html'>インデックスへ</A>"); } と書きます（リンク先は任意です）。 で、HTMLの<HEAD></HEAD>の中に、 <SCRIPT Language="JavaScript" SRC="ファイルパス"></SCRIPT> と記述し、 リンク先を表示する所に <SCRIPT language="JavaScript"> <!-- links(); //--> </SCRIPT> としてみてください。
お礼
回答をありがとうございます。 スタイルシートでできれば、楽だと思ったのですが できないようで残念です。 外部JavaScriptでの方法をありがとうございました。 ただ、JavaScriptまでの知識はないので、 下のダミーファイルの方法になるかと思います。 人によってはJavaScriptを切っている人もいるようなので （私も切っている方です） JavaScriptは考慮に入れていませんでした。
関連する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"> <!-- .outer { width:; background-color:; padding:15px; margin:0 auto 0 auto; } .menu { float:left; width:20%; background-color:; height:100%; } .main { float:right; width:70%; background-color:; height:100%; } .clears{ clear:both; } --> </style> を、外部ファイルに移したいのですが、やり方が分かりません。 現在ページ内で <div class="outer"> <!-- 左スタイル 開始 --> <div class="menu"> 文章など </div> <!-- 右スタイル 開始 --> <div class="main"> 文章など </div> <!-- 右スタイル おわり --> <br class="clears"> </div> <!-- 左右スタイルシート おわり --> という方法で表記しています。 外部ファイルへの移し方、外部ファイルの中身をどうしたらいいか、 お手数ですが、教えていただけると幸いです。
- ベストアンサー
- ホームページ作成ソフト
- スタイルシートでリンクの色が変わらない？
スタイルシートでリンクの色を指定していますが、そのスタイルシートを適用したページの内の３分の２くらいのリンクはそのスタイルシートで指定した色になるのですが、残り３分の１くらいはスタイルシートで指定した色になりません。こんなことってあるんでしょうか？
- 締切済み
- ホームページ作成ソフト
- 外部スタイルシートが無効になってしまう
ホームページビルダーにて外部スタイルシートを作り、文字の大きさを固定しました。 そして外部スタイルシートを任意のページにリンクし、文字に振りかけました。 プレビューで確認するとしっかり固定されているのですが、FTPで転送して そのページを見ると全く固定されていないのです。一体何が原因なのでしょうか? どうかお力を貸してください。よろしくお願い致します。
- 締切済み
- CSS
- スタイルシートでリンクターゲットの指定
<a href="" target="_blank"> スタイルシート(class)で上記のようにリンクターゲットを指定することは可能なのでしょうか？ 文法チェックでは、「<A> の属性 `TARGET` はあまり薦められない属性です」とあります。ですので、スタイルシートで指定できればと思っています。
- ベストアンサー
- その他（プログラミング・開発）
- 外部スタイルシートについて
いつもありがとうございます nenenomitiです。 先生方、今日もよろしくお願い致します。 ホームページビルダー９を使用して HP作成にあたっていますが 「外部スタイルシート」についての 記述がまったくありません。 私が今、困っていることは １ページごとの文字サイズが違うことです 大量の情報を書き込む場合は 文字フォントを－１に設定していました そして、情報量の少ないページは見やすいように 普通サイズで書き込んでいます 第三者からのご意見はまだ聞いていませんが 自分でも見ていても なんか～おかしいような感じに見えます 外部スタイルシートを設定すると １ページ毎に設定し直さなくても良いと 聞きました。 ただ、どんなサイトの説明を見ていても イマイチ、外部スタイルシート設置について 理解が出来ません。 どなたか私に判り易く説明を出来る方は おられませんでしょうか？ よろしくおねがいいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートの外部リンク方法は間違っていますか？
外部ＣＳＳファイルからＨＴＭＬファイルへリンクしてみましたが 文字化けの羅列になります ページのレイアウトの枠組みなのですが homepageフォルダにindex.html style.cssの2つのファイルを作成し style.cssのファイルの中に body { text-align:center; } #outline { width:750px; text-align:left; margin:0 auto; } .outline-margin { margin:0 10px; } .main { width:480px; float:right; } .side { width:260px; float:left; } .c-both { clear:both; } と記述しtext2.cssと名前を付けたカスケードスタイルドキュメントを入れてあります これをＨＴＭＬに <html> <herd> <link rel="styleseet" href="style.css" type="text2.css"> </herd> <div id="outline"> <div class="header"> タイトルなど </div><!-- end header --> <div class="outline-marign"> <div class="main"> メインスペース </div><!-- end main --> <div class="side"> サイド </div><!-- end side --> <div class="c-both"><br></div> </div><!-- end outline-marign --> <div class="footer"> フッターなど </div><!-- end footer --> </div><!-- end outline --> </html> のように記述しました リンク方法はこれで間違えていますでしょうか？ ブラウザで見ると文字化けの羅列です ＣＳＳをＨＴＭＬに組み込むときちんと表示されるのでブラウザの問題ではない初歩的ミスだと思うのですが 御教授お願い致します
- ベストアンサー
- その他（インターネット・Webサービス）
- 外部スタイルシートへのリンク方法、パスの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
- スタイルシートを使用したホームページの作成について
教えて下さい。ホームページビルダー７を使用して、現在HPを作成しているのですが、スタイルシートを使って、同じレイアウトのページを作成したいと思っています。イメージとしては、ページ上部にタイトル、左側にメニューバーと考えているのですが、これをテンプレートとして保存して、各ページを作成しているのですが、この方法だと、メニューに１つコンテンツを増やしたりすると、すべてのページに１つずつコンテンツをつけてしていかなければいけません。今後の事を考えれば、コンテンツが増えていくと考えられますので、外部スタイルシート（css?)を使用して、そこを変更すれば全ページのメニューに反映されるような方法をとりたいと思います。 フレームを使用すればそれは簡単ですが、HPにフレームはいろいろな弊害があるので、やめたいと思います。フレーム以外でそれと同じような方法があればよろしくお願いします。 私のホームページの知識は、ビルダーで作成して、HTMLをちょこちょこと変更するぐらいなので、専門的に勉強していません。大体の意味がわかるのですが…。 どうぞよろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
お礼
回答ありがとうございます。 スタイルシートではやはり無理のようですが、 こういう考え方もあると知り、ためになりました。 ホームページの引越しをしたときに使われるタグのことですね。 使ったことがなかったのですが、存在は知っていましたので、 「ＨＴＭＬタグ辞典」で調べてわかりました。 ダミーファイルがひとつ増えますが、 変更するのが１回だけで済むのはいいですね。 裏技をありがとうございました。