• 締切済み

ボタンについて

HPビルダーでボタンを作成していたのですが マウスをボタンの上に置くと専用の画像を表示させることができますよね。 (ロールオーバーの作成) そのときに少し離れた場所に文字を表示させたいのですが その場合文字のある場所までクリックできるようになってしまいます。 (説明が悪くてすいません) HTMLをいじるのでもかまいませんので どなたか知っている方お願いいたします。

みんなの回答

  • nyan_nyan
  • ベストアンサー率46% (18/39)
回答No.1

クリックできるようになってしまいます. というのはリンクが貼ってあるということでよろしいでしょうか? リンクを貼らずに文字を変更可能にするには、 <a name="ID" href="xxx">XXXX</a> を次のように変更してはいかがでしょうか? <div name="ID" style="position:absolute; top:8; left:8;">XXXX</div>

saga-nk
質問者

補足

すいません、やっぱり説明が悪かったみたいですね。 ボタンから離れた場所に文字を表示させるためには表示範囲を大きくとらないと いけませんよね?その範囲内には当然背景が映っているのですが その背景にマウス(カーソル)をのせるだけで文字が表示されてしまうんです。 つまりボタンの上にマウスをのせたときのみ文字を表示させたいのですが どうもうまくいきません。 もしご存じなら教えていただきたいです。

関連するQ&A

  • ホームページ「メニューボタンのロールオーバー効果」について

    ホームページビルダー7を使用しています。 「URLから読み込み」で色々なホームページを参考にしてHP製作に活用しています。 メニューボタンでマウスポインタが上にきた時に画像が変化する効果がありますが,ロールオーバー効果の設定がされていないのに,この効果となっているものが多々あります。 どのようにして処理されているのでしょうか? これらのHPはビルダーで読み込んでも,ボタンの画像ファィルはテキストなどと同様に見ることができません。(私がビルダーでロールオーバー効果を設定したものは,効果設定のマークが表示され,2つの画像ファイルが登録されています) 以上 よろしくご指導願います。

  • ビルダーで作成したボタンの再編集の仕方

    ホームページビルダー"8"(古い!!)を使ってHPを作成し始めました。 めちゃくちゃ初心者です。 ウェブアートデザイナーで、ボタンを作成し、それにロールオーバー効果を加えました。 とりあえず一つ作ったところで、残りは次の日以降に作成しようと思い、そのボタンと作成途中のHPを保存しました。 後日改めて作り続けようとファイルを開きました。 前日に作成したロールオーバー機能のついたボタンを作成しようと思い、ウェブアートデザイナーから開いたのですが、 文字を打ち込んだ箇所も「イメージファイル」と言うことで1つの"画像”として保存されているようで、文字の編集が出来ません。 同じフォント、縁取り、影の付いた文字を作成したいのですが、一つ一つ確認しながら作り直しているので、とても不便です。 一旦保存してしまうと、イメージファイルなので文字の編集はもう出来ないのでしょうか? そんなことは無いと思っているのですが、やり方がわかりません。 一旦保存されたロールオーバーボタンを再編集する方法を教えていただけませんでしょうか? 宜しくお願いいたします。

  • FLASHのボタンに関するアクションを教えてください!

    FLASHを使い始めたのですがどうしてもわからないところがあり困っています。大変お手数ですが教えて下さい! 画面上にAというボタンをたくさん並べます。Aは見た目が同じなので、場所はランダムに並べています。これが10個あります。それぞれA-01、A-02という形で並んでいるとして、A-01の上にマウスをあわせるとB-01.jpgという画像が出てくるように設定したいのです。もちろんあわせるだけで、マウスをクリックするわけではありません。別のA-02のボタンをクリックするとB-02の画像がA-01のボタンを押したときに出た画像に変わって同じ場所に配置されるようにしたいのです。また、このボタンをクリックした場合はそれぞれ別のページへリンクもさせたいと思っています。 マウスを乗せると別の場所に画像が表示され、さらにクリックすると別のページにジャンプするといったボタンを作成することは可能でしょうか?大変お手数ですが教えていただければ幸いです。よろしくお願いいたします。

    • ベストアンサー
    • Flash
  • 画像にリンク

    ホームページビルダー7にてHP作成しております。画像のロールオーバーを作成しましてメニューボタンを作成いたしました。そのボタンを「お問合わせ」とし、メールへリンクするようにしたいのです。通常の画像や文字などからは右クリックで「リンクの挿入」を指示しメールへリンクが出来るのですが、画像ロールオーバーで作成したものにリンクしようと思ってもできません。右クリックしますと「リンクの設定」というメニューはグレーになっていてクリックできません。右クリックし「属性の変更」でリンクの指定が出来るのですが、ファイルが対象になっているようでメールへリンクすることはできないようです。ご存知の方がいらっしゃいましたらよろしくお願いいたします。

  • 最後に押した画像ボタンが分かる、アクティブリンクのような(?)画像ボタンを作りたい

    HPを作っています。使用中のソフトはDreamweaverMX2004です。 さて、左端にボタン(gifイメージ)がいくつも並んでいるとします。 各ボタンはロールオーバー指定がなされており、 リンクが貼られています。 ロールオーバーでボタンイメージは /off.gif(通常) /on.gif(オンマウス時) とします。 と、ここまでは普通のロールオーバーだけのものですね。 さて、これを、各3種作ったと仮定して、 /off.gif(通常) /on.gif(オンマウス時) /active.gif(最後にクリックした画像) そして、 ボタンをクリックする→最後に押したボタンが/active.gifの形で残る つまり、訪問者がどのボタンを最後に押したかが一目で分かる この様な手法を、HTMLで作ることは可能でしょうか。 アクティブリンクのボタン画像版といえば伝われば幸いです。 可能かどうか自信がないのですが、 もし可能でしたら、どのようにHTMLを書くのか、 その手法をお教えください。 宜しくお願いいたします。

  • 離れた場所のロールオーバーのやり方について

    前任者がホームページビルダーで作成したページを、自分が更新作業をしやすいようにタグ打ちをして修正しています。 ビルダーで、ボタンにマウスを置くと、ボタンが変化する(ロールオーバー)のと同時に、少し離れた場所でも絵の変化が起こるロールオーバーがあり、前任者はその手法を使っていました。 ビルダーでタグを確認すると、 JavaScriptが使われていました。 私は、一応ビルダーは使いこなせ、HTMLとCSSの知識もあります。しかし、JavaScriptがわかりません。 HTMLで記述する方法があれば、教えてください。(わかりやすい解説のページがあればなおうれしいです。) もしなければ、まったくの初心者でも理解できるJavaScriptでのやり方、ページなどを紹介してください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • ロールオーバー効果ウィザード

    ホームページビルダーv6.5を使用してHPを作成しているのですが、ロールオーバー効果ウィザードで通常時は横長の画像で、マウスポインタが上にきた時には縦長の画像を使用したいのですが、そうなるとやはり通常の画像が横長ですと、マウスポインタが上にきた時には縦長の画像は横に伸びてしまいました。そうならないように、縦は縦、横は横という様には出来ないものでしょうか?

  • ロールオーバー効果

    HPビルダーでロールオーバー効果を使うと 作成したHPにアクセスすると セキュリティ保護のためコンピューターに~~ インターネットエクスプローラーで制限しています。 オプションを表示する場合ここをクリックしてください とエクスプローラーの上の方に表示されます。 この表示をHPを見てくれている方に表示させない ようにはできないのでしょうか? http://www1.jalux.com/00000019/html/p05.html このHPはロールオーバー効果を使ってるにもかか わらず表示されないもので・・。 どなたか分かる方よろしくお願いします。

  • 文字のマウスオーバーで、別フレームへ画像を表示させたいのですが

    ただいまHPビルダーにてHPを作成しています。 上下にフレームを分けており、 上:地図 下:地名 として・・・ 下フレームの地名(リンクを挿入してます)をマウスオーバーすれば、 上フレームの地図に場所を矢印で示す というような効果ができないものかと考えてます。 これが同じページ内であれば、 HPビルダーの、ロールオーバー効果にて作成することも可能なのですが、 下フレームの地名がたくさんあって スクロールする必要があるため、 常に地図を表示させるように 地図と地名を別フレームに分けたいのです。 アドバイスよろしくお願いいたします<(_ _)>

  • メニューボタン

    メニューボタンにマウスポインタを合わせると画像が入れ替わるようにしたいのですが、スタイルシートを使用しないとできないのでしょうか? HTMLで可能であれば方法を教えていただきたいです。 もしスタイルシートの記述が必要ならその方法を教えてください。 HP作成初心者ですがよろしくお願いします。