• 締切済み

マウスを乗せると文字が変わる状態に、プラス、画像とリンクを張りたい

よろしくお願いします。 タグをコピーして使えるサイトがたくさんあるので、 自分のHPにも、効果として使ってみようと思い、 コピーしてタグを直接入力してみました。 すると、エラーが出て勝手にタグを消されてしまいます。 私がやっている作業は、Linkタグでの、スタイルシートの入力ですが、 「マウスが乗った時に文字を変え、なおかつリンクを張る」 「その左にポイントとしてアイコン画像を置く」 この２つです。 アイコンにリンクは、張っても張らなくてもOKです。 とにかく文字を、オンマウスで変えて、 リンクで他ページに飛ぶようにしたいんです。 <DIV>タグの外側に<A>タグを入力したら、エラーになりました。 コピーできるタグのサイトには、そのようなことは書いてませんでしたし、 メールしてもお答え出来ません、と書いてありました。 HPビルダーでは対応していないようなのですが、 どのようにしたらいいのでしょうか？ ちなみに、「ビルダーやめたら？」は禁句です。 よろしくお願い致します。

みんなの回答

回答No.2

title属性のことかな？ それなら<*** TITLE="この部分を表示"> ～ </***> で行けると思います。 （使用例） <H3 TITLE="見出しです">サンプル</H3> <A HREF="***" TITLE="これはリンクです">サンプル</A> <FORM> <INPUT TYPE="text" NAME="name" TITLE="これは入力欄です"> <INPUT TYPE="submit" VALUE="送信する" TITLE="これは送信ボタンです"> </FORM> ここのサイトを参考にされてみて下さい。 一通りのものが初心者さんにも分かりやすくあります。

参考URL：
http://www.tagindex.com/index.html
mitsuki57
質問者

補足

回答ありがとうございます。 これでもよいのですが、私のやりたい文字効果とは、 ちょっと違うようです。 テキスト文字自体を、オンマウスで違う文字にしたいのです。その効果に、 リンク張りとアイコン置きをやりたいのですね。 もしよければ、違うやり方も教えて頂けると光栄です。 【参考URL】 http://www.sky.sannet.ne.jp/masapine/homepage/moji05.html

回答No.1

オンマウス箇所は画像ですか？ 「左にポイントアイコンを」とありますがタグ指定で普通に出来ませんか？ オンマウスで文字が変わるには このような方法は如何でしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-script-type" content="text/javascript"> <title>sample</title> <script type="text/javascript"><!-- function change_view(id){ if (document.all) obj = document.all(id).style; else; if (document.getElementById) obj = document.getElementById(id).style; if (obj) obj.display == 'none'?obj.display='':obj.display='none'; } //--></script> </head> <body onLoad="change_view('comment1')"> <img src="photo1.jpg" width="300" height="250" alt="○○の写真です" onmouseover="change_view('comment1')" onmouseout="change_view('comment1')"> <div id="comment1"> ここにコメントを記述します。 </div> </body> </html> ------------------------------------------------------------ ※上記JavaScriptに対応していないブラウザ、JavaScriptをOFFにしている環境では、コメントは表示されたままになります。 ------------------------------------------------- obj.display=''の部分は空ではなく，何らかの値（この場合は 'block'）を与えた方が確実です。

mitsuki57
質問者

補足

お返事ありがとうございます。 変えるのはテキスト文字です。画像ではありません。 マウスが乗った時に、最初の文字から、全く違う文字にしたいのですが、 そこにリンクを貼りたくても、<A>タグでは出来ないようなのです。 利用しているHTMLエディタが、ビルダー８ですので、 構文エラーが出てしまいます。 しかし、どうやったら直るのかわかりません。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • HPビルダーでエラーが出て、勝手に書き換えられてしまいます

    よろしくお願いします。 私はビルダー８を利用しているのですが、 タグをコピーして使えるサイトがたくさんあるので、 自分のHPにも、効果として使ってみようと思い、 コピーしてタグを直接入力してみました。 すると、エラーが出て勝手にタグを消されてしまいます。 私がやっている作業は、Linkタグでの、スタイルシートの入力ですが、 「マウスが乗った時に文字を変え、なおかつリンクを張る」 「その左にポイントとしてアイコン画像を置く」 この２つです。 アイコンにリンクは、張っても張らなくてもOKです。 とにかく文字を、オンマウスで変えて、 リンクで他ページに飛ぶようにしたいんです。 ビルダーでは対応していない場合、どのようにしたらいいのでしょうか？ ちなみに、「ビルダーやめたら？」は禁句です。 よろしくお願い致します。 p.s.参考ページに私のHPと、利用したタグのサイトを載せますね。 【自HP】 ｈｔｔｐ://ｗｗｗ14.plala.or.jp/mitsuki57/ 【コピーして持ち帰ってきたタグのサイト】 ｈｔｔｐ://ｗｗｗ.sky.sannet.ne.jp/masapine/homepage/

  • マウスが上にあるリンク

    HPビルダー7です。 マウスが上にあるリンクで文字の色が変わりません。 表示→スタイルシートマネージャー→追加→スタイルの設定→HTMLタグの候補→マウスが上にあるリンクで 設定しますが変わりません。 カラーと背景では「前景色」と「後景色」だけで、文字のバックの色は変化しますが、文字そのものの変更が出来ません。 文字の色そのものをマウスを置いたら変わる方法をご教授下さい。HPビルダー7のソフト内でお願いします。

  • 直リンクとは？

    よくリンクページで見かける「このサイトはリンクフリーです。直リンクでお願いします」とあるのですが、どういうことなんでしょうか？ お持ち帰りでバナー画像にリンクを挿入するのではなくて、HTMLファイルに入力するって事でしょうか？ その場あい、どうやてタグ書けばいいのでしょうか？ 宜しくお願いします。 　HP作成ソフト　　HPビルダー

  • HP作成・文字にリンクをはると・・

    いつもお世話になっています。 タグを少しずつ打ちながらHPをつくっています、 超超初心者です(^^ゞ 文字にリンクをはると、文字に下線がつきますよね？ そして、色もかわってしまって(泣) 規定値は青とかいろいろあるみたいですが、 とりあえず、 <BODY Link="FUCHSIA" Vlink="DODGERBLUE"> (色は実際使いたいの色の名前とは違います↑） というタグをつかって、色を指定したい色に変えてみました。 ・・すると・・・すべてがそれになっちゃったじゃないですか～(爆)(泣) ここの部分のリンクはこの色、 そっちの部分はこの色、みたいに変更するタグはどんなタグですか？どのようにすればよろしいでしょうか？ 初心者なので、できるだけくわしくおしえていただければうれしいです。よろしくおねがいいたしますm(__)m

  • リンクがうまくできません。

    ホームページビルダーV9で作ったサイトをアップしたのですが、IEで確認したらリンクが飛べなくなってしまいました。 同じサイトを今まで何度か更新してきたのですが、今回初めてこういう状況になりました。ビルダーのプレビューでは、ちゃんと飛べるのですが…。 色々試してみて、リンクのタグを"html//～"から入力してアップしたら飛べるようになったのですが、それではビルダーの編集が出来なくなってしまったのでファイル名だけを入力しています。 なんとかビルダーで編集も出来て、リンクの接続もうまくいく方法を教えていただけないでしょうか？ よろしくお願いします！

  • オンマウスでリンクの色が変わるタグ

    リンクで、その文字にオンマウスすると文字色が変わるタグを教えてください！

  • リンク文字について

    ビルダーのV9を使っています。 CSSでリンクのかかっている文字色の指定をしました。 A:link{color:#0000ff;text-decoration:none;} 編集画面で見ると色は青に変更されています。 しかし、プレビューで見ると文字は黒のままです。 考えられる原因について教えてください。 宜しくお願いします。

  • リンクの文字色を別々に指定したい（オンマウスで変わるタグ）

    メモ帳でＨＰをちまちま作ってたのですが、ちょっと困ったことが出てきたので質問させて下さい。 同じページのリンクの文字色を一括で変更するのは… <style type="text/css"> <!-- a:link { color: maroon } a:visited { color: maroon } a:hover { color: white } a:active { color: black } --> a { text-decoration: none; } </style> ですよね。 それと個別に変更するのが… <body link="maroon" vlink="black" hover="white" alink="maroon"> </body> なんですが、個別設定でカーソルをのせた時色が変わるタグがどうしても分かりません。 上の設定を踏まえた上で、オンマウスで色が変わるタグを教えて下さい。よろしくお願いします。

  • 画像リンクの下に文字を付けたいのですが

    画像リンクを複数横に並べ、かつそれぞれの画像の下に文字を表示(それぞれの画像の横幅の範囲内に)させたいのですがどうすればよいでしょうか？ 画像と画像の間にスペースを入れることが出来たらなお良いです。 いろいろ調べてみて、 「<div style="float:left"><img src="1.gif"><br>caption 1</div> <div style="float:left"><img src="2.gif"><br>caption 2</div> <div style="float:left"><img src="3.gif"><br>caption 3</div> <div style="clear:both"></div>」 というタグを見つけましたが、これでは画像にリンクがつけられませんし、なぜか画像と画像の間に段が出来てしまいます。 どなたかよろしくお願いします。

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

    クリックありがとうございます。 FC2のHPについてです。 ページを作るのをファイルエディタ（？）で行っているのですが、 画像リンクをすると青い枠（クリック後は紫）がついてしまいます。 過去の質問ではタグを使うようになっていますが、タグが使えないようなのです（文字のままでてしまいます） 画像リンクに青い枠をつけないためにはどうすればいいのか、 またファイルエディタでは本当にタグが使えないのか をぜひ教えていただきたいです。 よろしくお願いします><

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する