WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:同一ページ内のアンカーへのリンクについて

0:[投稿] mas [2005/10/16 22:16 ] [環境:Safari 1.3.1、Opera8.5.217、IE 5.2.3、Firefox 1.0.7 Mac OS 10.3.9 UNIX]

初めまして。質問させて頂きます。
現在の環境はMac OS 10.3.9、GoLiveCS 2 でサイトを作成中で、
この間始めたばかりの初心者です。

さて、タイトルの通り、同一ページ内に設置したアンカーにリンクを張ったのですが、
なぜか、4つあるうちの1つしか正常に動作しません。

動作するのは、ページの最上部に戻る、よくサイト上で見かけるもので(▲ top)と
いう画像にリンクを指定してます。

その他は逆に、ページの上部に配置した画像に、ページ内の3項目の位置にそれぞれ配置したアンカーまでリンクを設定しましたが、反応がなかったり、違うアンカー個所にジャンプしたり、それもGoLiveでプレビューするのに、何回かの割合で発生現象が違ってくるのです。

プレビュー用に使っているブラウザは Safari 1.3.1、Opera8.5.217、IE 5.2.3、Firefox 1.0.7 です。
そして、firefoxのみ、正常に動作してくれるのです。

html を覚えなければいけないのは山々ですが、諸事情で早急にアップしなければならず、勝手な話ですが困っています。

これらのリンク元画像にはロールオーバーを設定しています。
ソースは(例として3つあるものの一つ)このような感じです。

<div style="position:absolute;top:60px;left:81px;width:87px;height:23px;">
                <a onmouseover="changeImages('info_title_01bis01','info_title_01bis02.gif');return true" onmouseout="changeImages('info_title_01bis01','info_title_01bis01.gif');return true" href="#anchor_lesson_fee"><img id="info_title_01bis01" src="info_title_01bis01.gif" alt="" name="info_title_01bis01" height="23" width="87" border="0" /></a></div>

そして、リンク先のアンカーはこのような感じです。

<div style="position:absolute;top:105px;left:5px;width:32px;height:32px;-adbe-c:c">
                <a id="anchor_lesson_fee" name="anchor_lesson_fee"></a></div>

知識のある方が打ったものと違い、変な個所があるだと思うのですが、初心者なりに
調べたところでも、

href="#anchor_lesson_fee" の前の return true がある時点で分からず、

<a href="#anchor_lesson_fee"> としても動作も変らず、どうしたらいいのか
分かりません。
どなたか、ご返答のほどお願いします。


1:[回答] 神崎 [2005/10/17 02:25 ]

> 反応がなかったり、違うアンカー個所にジャンプしたり、それもGoLiveでプレビューするのに、何回かの割合で発生現象が違ってくるのです。
同じ名前で複数のアンカーを作ってませんか?

また、読み込みが完了する前に移動しようとすると、位置がずれたり、移動出来ないことがあります。


2:[回答] mas [2005/10/17 03:31 ]

返答ありがとうございました。
アンカー名は変えていますが、「anchor_〜」という感じで、最初の「anchor_」の部分は同じです。
プレビュー自体はきちんと表示が終わってからしています。
市販のソフトを使っているせいもあり、マニュアルやweb上のサポートと色々調べてみたのですが、これといって変なことをしているつもりもなく(自分のスキルのなさを省みても)、もちろん見落としている所があるのだと思ってはいるのですが、ロールオーバーを設定した画像で、

<a onmouseover="changeImages('info_title_01bis01','info_title_01bis02.gif');return true" onmouseout="changeImages('info_title_01bis01','info_title_01bis01.gif');return true" href="#anchor_lesson_fee">

はこれで問題はないのでしょうか?

また、(少数派だと思いますが)Mac環境というのも影響しているのでしょうか?


3:[回答] PUREST [2005/10/17 16:46 ]

><div style="position:absolute;top:105px;left:5px;width:32px;height:32px;-adbe-c:c">
>                <a id="anchor_lesson_fee" name="anchor_lesson_fee"></a></div>

絶対位置にアンカーを置くというのもどうなんしょう?
やむを得ない事情があるのでしょうか?


4:[質問] mas [2005/10/17 17:18 ]

返答、ありがとうございました。
長ったらしい文で分かりづらかったと思いますが、最初の所で書いていました通り
GoLiveCS 2 で作成していますので、私のような知識のない人間でも
<div style="position:absolute;top 〜とソフトが勝手にソースを書いてくれています。

アンカーの方は、GoLiveのマニュアルに、

「レイアウトグリッドに直接アンカーを配置しないでください。 アンカーは、HTML テキスト、レイアウトテキストボックスまたはテーブルセル内に配置します。」

とあったので、まず「レイアウトグリッド」を配置し、そして「レイアウトテキストボックス」を置いて、その中にアンカーを配置しているのですが、
そのソース部分が、

<div style="position:absolute;top:105px;left:5px;width:32px;height:32px;-adbe-c:c">
            <a id="anchor_lesson_fee" name="anchor_lesson_fee"></a></div>

となっているのです。

多分、初心者ゆえ、表現が変だったり、自分の問題点が分かっていなかったりしてるかもしれませんが、どこが変か、教えていただけますようお願いします。


5:[完了] mas [2005/10/18 14:02 ]

神崎さん、PURESTさん、返答ありがとうございました。
実は先程やっと自己解決ができました。

htmlの手打ちが基本なのに、市販ソフトの使い方のようなことを聞いていて、
ご迷惑をおかけ致しました。

結果的には、GoLiveの問題で、ネスケ対策のTips(あくまでもGoLiveの操作
の話です/ノーブレーキングの挿入が必要でした)があり、それでうまくいきました。

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

回答(必須): 状態:

お名前(必須):

URL:




[戻る]