HTMLファイルで外部のスタイルシートを読み込む


<link rel=”stylesheet” href=”***.css” type=”text/css”>

がHEADタグにあると他のページからこのページの指定場所へジャンプする

<A href=”***.html#abc” target=”_self”>****</A>

を入れてもジャンプしません。
どの様にして対策をとればよいでしょうか?
外部スタイルシートを読み込むことは絶対条件としたいです。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答7件)

id:miya12 No.1

回答回数35ベストアンサー獲得回数0

ポイント15pt

http://www.hatena.ne.jp/1099835635#

人力検索はてな - HTMLファイルで外部のスタイルシートを読み込む <link rel=”stylesheet” href=”***.css” type=”text/css”> がHEADタグにあると他のページからこのページの指..

<A href=”***.html#abc” target=”_self”>****</A>

の中の「target〜」はいらないのではないでしょうか。

id:Hibi

確かになくてもいいのですが、削除しても結果は同じです。

2004/11/07 23:06:00
id:c_rest No.2

回答回数112ベストアンサー獲得回数0

ポイント15pt

URLはダミーです。

<A>タグにclass(例えばclass名junpで)指定して、

スタイルシート側もA.junp { 省略 } を用意してはどうでしょう。

A要素への指定が悪さしてるかな、と思いました。

id:Hibi

CSSは正直よくわかっていないので

> スタイルシート側もA.junp { 省略 }

の「省略」の部分も知りたいです。

2004/11/07 23:54:31
id:asahiko No.3

回答回数41ベストアンサー獲得回数2

ポイント14pt

http://www.w3.org/

World Wide Web Consortium

↑ダミーです。

CSSに

display: none

visibility: hidden

などが含まれない限り、

A href〜 の挙動にCSSは関係ないはずです。

上記に該当しないのであればCSSとは別の理由を疑ってみるべきでしょう。

詳しい状況がわかりかねるのでこれ以上の解答は難しいですが…

id:Hibi

CSSファイル内には今のところ

 font-weight

 font-size

しかありません。

仮にCSSファイル内の中を全て削除しても同じ現象です。

また、<link rel=〜の部分を削除すると正常に動作します。</p>

2004/11/07 23:59:04
id:miya12 No.4

回答回数35ベストアンサー獲得回数0

ポイント14pt

URLはダミーです。

<A href=”***.html#abc” target=”_self”>

のリンク先の階層はあっていますでしょうか。

一つ上の階層ならば

<A href=”../***.html#abc”

となりますし、

逆の場合は、

<A href=”***/***.html#abc”

となります。

リンク先の記述か、またはアンカー部分「#abc」の

記述が間違っているとか…。

id:Hibi

リンク先のページは表示されます。

指定した場所へ移動しないだけです。

2004/11/08 00:14:04
id:kai10 No.5

回答回数115ベストアンサー獲得回数3

ポイント14pt

http://validator.w3.org/

The W3C Markup Validation Service

http://jigsaw.w3.org/css-validator/

The W3C CSS Validation Service

直接の回答にはなりませんが、こちらのサイトで、 HTML、CSSのチェックが出来るので、試しにやってみてはいかがでしょうか。

ただし、HTMLの方は英語です。チェックが厳格なので、HTML作成ソフトで作ったものや、ブラウザでちゃんと表示できるものでも、エラーになることはあります(逆に混乱されないといいのですが)。

後は、ありきたりですが、該当のHTMLを出来るだけシンプルにして試す、別のブラウザでも試してみる、などでしょうか。

id:Hibi

このようなものがあるのですね。知りませんでした。

今後に役に立ちそうです。

ありがとうございます。

ただ、結果は別のところで沢山エラーが出ただけで、該当する部分については何も出ませんでした。

それと、IEを使用していたのですが、Netscapeで試してみたところ、OKでした。

と言う事は、IEの問題?

どうすればいいのだろう・・・。

2004/11/08 00:31:27
id:c_rest No.6

回答回数112ベストアンサー獲得回数0

ポイント14pt

http://www.infoseek.co.jp/

楽天が運営するポータルサイト : 【インフォシーク】Infoseek

URLはダミーです。

要素の指定がされてるのかしらん??

スタイルシートの中身、少なそうですから、丸ごと見せてもらえませんか?

BODY {font-size:12pt; font-weight:bold; }

A {text-decoration:none; color:#0000FF; }

などの形式で書いてあると思うのですが。

これは逆質問ですからポイントはカウントしないで下さい。

id:Hibi

スタイルシートの中身は下記だけです。(恥ずかしい・・・)

table{

font-size:12px

}

.refont{

font-weight: 400;

font-size: 14px

}

> これは逆質問ですからポイントはカウントしないで下さい。

はい、わかりました。(と、いいつつポイントを付けてしまいそう・・・(~_~;) )

2004/11/08 00:35:19
id:ohmix1 No.7

回答回数235ベストアンサー獲得回数14

ポイント14pt

上記URLで同様のページを作ってみましたが、IE6SP1およびNN7.1では正しく動作しています。(Win2K)

こちらのソースとの相違点は何か見つかりますか?

実際のページを提示していただくのが、解決への近道かと。

id:Hibi

テストページまで作っていただきありがとうございます。

問題なく動作し、相違点もありませんでした。

---------------------------------------------

皆さん、いろいろありがとうございました。

その後、いろいろとテストをしてみた結果、原因と思われるものがわかりました。

当方、製作中のファイルをイントラネットワーク内のネットワークハードディスクに入れていました。

そのファイルでいろいろやっていたのですが、ファイルをPC内のHD(Cドライブ等)に移動したら、問題なく動きました。

なぜ、ネットワークHDだと上手く動かないのかわかりませんが、とりあえず鯨飲となるものがわかりましたので終了させていただきます。

皆さん、本当にありがとうございました。

心より感謝します。m(__)m

(c_rest様にも気に掛けていただいた御礼として少しですがポイントを差上げたいと思います。)

2004/11/08 09:37:49

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません