HTMLタグのアイコンに文字入れしたいのですが・・

このQ&Aのポイント
  • こんにちは。PC初心者です。いろいろ勉強中なのですが、素材のHPから気に入ったアイコンなどを保存しております。
  • 例えば、↓この中に文字を入れたいのですが、どこに入れたら良いでしょうか??
  • いろんなトコロに入れて試したのですが、文字が入りません。。どなたか教えてください!!宜しくお願い致します。
回答を見る
  • ベストアンサー

HTMLタグのアイコンに文字入れしたいのですが・・

こんにちは。PC初心者です。 いろいろ勉強中なのですが、、素材のHPから気に入ったアイコンなどを保存しております。 例えば、↓この中に文字を入れたいのですが、、どこに入れたら良いでしょうか?? <a href="http://blog27.fc2.com/k/kaerinirorin/file/20060531124829.gif" target="_blank"><img src="http://blog27.fc2.com/k/kaerinirorin/file/20060531124829.gif" alt="20060531124829.gif" border="0"></a><br clear="all"> いろんなトコロに入れて試したのですが、文字が入りません。。 どなたか教えてください!! 宜しくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • yuukan
  • ベストアンサー率34% (192/560)
回答No.6

http://www.anne-box.com/hpmake/qa/qaa7.htm アイコン(バナー)の文字の入れ方が わかりやすく説明されていたので もし良かったら 参考にしてみてはどうでしょうか

mikan2646
質問者

お礼

根本的な間違いをしていたのですね・・・ 初心者で、初歩的なコトをお聞きしてしまいすみませんでした(*ノ▽ノ) 本当に感謝です。 このサイトの説明、とても分かりやすかったです。 ありがとうございました\(≧U≦)/

その他の回答 (5)

  • yuukan
  • ベストアンサー率34% (192/560)
回答No.5

質問者は 誤解されているようですね^^; 「アイコンは、文字を自由に入れる事が可能」 という事は ブログにアイコンをアップロードする前に  アイコンに 質問者がペイントソフトなどを使って 直接文字を書き入れる作業を行うのです

  • ikajngh
  • ベストアンサー率63% (21/33)
回答No.4

追加 やっぱり、<table width="122" height="48"> このくらいが最適。

mikan2646
質問者

補足

二度もお答え頂き、ありがとうございます!!! 説明不足ですみませんっ>< 素材HPで気に入ったアイコンをお持ち帰りして、 そのアイコンは、文字を自由に入れる事が可能ですという説明文がありました。。 それを、自分のブログに載せようとしたのでが。。。 一向に出来ません。:゜(。ノω\。)゜・。 お忙しい中、ご回答ありがとうございます!!! もしまた何かわかりましたら、是非教えて下さい<m(__)m>

  • ikajngh
  • ベストアンサー率63% (21/33)
回答No.3

中って、その画像のなかって事ですよね? <table width="118" height="44"> <tr> <td background="http://blog27.fc2.com/k/kaerinirorin/file/20060531124829.gif">文字文字</td> </tr> </table>

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

<a href="​http://blog27.fc2.com/k/kaerinirorin/file/20060531124829.gif"​ target="_blank"><img src="​http://blog27.fc2.com/k/kaerinirorin/file/20060531124829.gif"​ alt="20060531124829.gif" border="0">【このあたりに入れてみてはどうでしょう】</a><br clear="all">

mikan2646
質問者

お礼

お答え頂き、ありがとうございます!!! 試してみたのですが、できませんでした。。。 どうしてもアイコンの外に(アイコンの右側に)表示されてしまうのです・・・ お忙しい中、すみませんっ>< もし他にいけそうな場所がありましたら宜しくお願い致します。

  • X-trail_00
  • ベストアンサー率30% (438/1430)
回答No.1

<a ~~ target="_blank">[a]<img ~~ >[b]</a> 上の[a]か[b]に入れるとリンクが張られた文字が表示されます。

mikan2646
質問者

お礼

お答え頂き、ありがとうございます゜+.(・∀・).+゜ たった今、自分のブログで試してみたのですが、[a]はアイコンの左側に、[b]はアイコンの右側に表示されてしまいます。。 私のやり方が何かおかしいのかも知れません・・・ もしも補足がありましたら、重ねて宜しくお願い致しますm(*T▽T*)m

関連するQ&A

  • 勝手にタグが改変されてしまいます。

    初心者レベルでお許しください。 ブログにタグを貼ろうとしていますが、 <a href="~><img src="~></a><br><br><a href="~><img src="~></a><img src="~/gif.gif"> という構文をソースで入力し、 普通のモードに変えると、何故か勝手に改変されタグも変わってしまいます。 (~の部分はIDやホームページなどがかかれています。) <a target="_blank" href="http~></a><br /> <br /> <a target="_blank" href~></a><img alt="" src="http~> これが勝手に改変されないようにするにはどうしたらよろしいのでしょうか? 宜しくお願いいたします。

  • 画像のパスを教えてください

    画像のパスを教えてください <a href="http://blog-imgs-24.fc2.com/n/i/c/niconicosaikou/aaa.jpg" target="_blank"><img src="http://blog-imgs-24.fc2.com/n/i/c/niconicosaikou/aaa.jpg" alt="ニコニコ動画君" border="0" /></a><br clear="all" />

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • HTMLタグ

    画像にもありますが、取り扱い商品・液晶モニタ・パソコンパーツなどの横に横2列縦3列のテーブル、その横に縦5列横1列のテーブルを付けたいのですが、どうしてもわかりません。 わかる方居ましたらお願いします。 現在こんな感じです <p><font color="#f70006">&nbsp;&nbsp; <strong>他には無いアイテムがここにはあります</strong> </font> <br> <img style="WIDTH: 983px; HEIGHT: 102px" border="0" alt="" src="素材/top.png" width="1000" height="118"><br> <img border="0" alt="" src="素材/home.png" width="200" height="73"><img border="0" alt="" src="素材/商品一覧.png" width="200" height="73"><img border="0" alt="" src="素材/輸入.png" width="200" height="73"><img border="0" alt="" src="素材/買付.png" width="200" height="73"><img style="WIDTH: 169px; HEIGHT: 73px" border="0" alt="" src="素材/問合.png" width="170" height="73"><br> <br> <br> <br><img border="0" alt="" src="素材/取り扱い.png" width="164" height="49"><br> <img border="0" alt="" src="素材/液晶.png" width="164" height="49"><br> <img border="0" alt="" src="素材/apareru.png" width="164" height="49"><br> <img border="0" alt="" src="素材/pasokon.png" width="164" height="49"><br> <img border="0" alt="" src="素材/周辺機器.png" width="164" height="49"><br> <img border="0" alt="" src="素材/マルチメディア.png" width="164" height="49"><br> <img border="0" alt="" src="素材/自動車.png" width="164" height="49"><br> <br> <br> <br> <img border="0" alt="" src="素材/サポート.png" width="166" height="63"><br> <img border="0" alt="" src="素材/輸入について.png" width="166" height="63"><br> <img border="0" alt="" src="素材/お問い合わせ.png" width="166" height="63"><br> <img border="0" alt="" src="素材/会社概要.png" width="166" height="63"> </p> 他にいい作り方など、オススメ等ありましたら何でもお願いします

  • アクセスカウンタのタグを貼り付ける??

       無料を謳っているのに、クレジットカードなどと心配な語句が有ります。 どのようなことを書いてあるのか教えてください。  ちなみに、使用は止めて居ます。 <!--タグはここから--><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><a href="http://www.rays-counter.com/"><img src="http://www.rays-counter.com/d144_f6_022/4f17b2e7e4b99/" alt="アクセスカウンター" border="0"></a></td></tr><tr><td align="center"><a href="http://goods-fun.net/"><img src="http://www.rays-counter.com/images/counter_01.gif" border="0" alt="GoodsFun-グッズファン"></a><a href="http://www.e-creditcard.info/"><img src="http://www.rays-counter.com/images/counter_02.gif" border="0" alt="クレジットカード比較"></a><a href="http://fx-ch.com/"><img src="http://www.rays-counter.com/images/counter_03.gif" border="0" alt="FX比較サイト"></a><img src="http://www.rays-counter.com/images/counter_04.gif" border="0"><a href="http://engagement-r.net/"><img src="http://www.rays-counter.com/images/counter_05.gif" border="0" alt="婚約指輪サーチ"></a></td></tr></table><!--ここまで-->

  • FC2ブログHTMLの編集について

    ブログ初心者です。FC2のブログランキングバナーを、プラグインのプロフィール欄に張り付けたのですが、消そうとしても消すことが出来ません。HTMLは下記のようになっています。 <!--myimage--> <p class="plugin-myimage" &align> <img src="<%image>" alt="<%author_name>"> </p> <!--/myimage--> <p &ialign> <input type="button" onclick="window.external.AddFavorite('http://http://私のブログのURLです//',ブログタイトルです')" value="お気に入りに追加"> Author:<%author_name><br> <%introduction2> </p> <a href="http://私のブログのURL/img/d_02.gif/" target="_blank"><img src="http://blog-imgs-43.fc2.com/s/h/o/(ブログタイトル)/d_02.gif" alt="d_02.gif" border="0" width="88" height="30" /> </a> *(ブログタイトル)は英語の表記です。 一番最後の<a href="http://私の から最後の</a>までを削除しても消えてくれません。 挙句の果てには、プロフィールが2つ表示されるしまつです。 原因のお分かりの方がいましたら、是非教えてください。 よろしくお願いいたします。

  • htmlタグ一括挿入

    <a href="" target="_blank"><img src="" alt="" border="0" ▲▲▲/><br /></a><img src="" width="1" height="1" border="0" alt="" /> 上記のタグでの質問なのですが、style="float:left;"を▲▲▲の部分に挿入する場合一番簡単に出来るやり方などありますでしょうか? 2000近く商品数があるので手直しだと時間が掛かりすぎるので出来れば一括に挿入するやりかた ぜひご教授頂けませんでしょうか?よろしくお願いします。

    • ベストアンサー
    • HTML
  • ある文字列を含む<img>の削除

    いつもアドバイスありがとうございます。 今回、FC2ブログからワードプレスへ引っ越しすることになったのですが、 FC2ブログで使用していた画像の削除に手間取っています。 そこで、お伺いしたいのですが、Dream WeaverCS3を使って、 『ある文字列が入っているタグを削除する』 といった置換方法はないでしょうか? FC2で言えば、 <img src="http://blog-imgs-1.fc2.com/emoji/2012-02-06/654131.gif" alt="" border="0" style="border:0;" class="emoji"> <img src="http://blog-imgs-1.fc2.com/emoji/2012-02-06/654120.gif" alt="" border="0" style="border:0;" class="emoji"> 上記2つの絵文字を削除するために、 「http://blog-imgs」という文字列が入った<img>タグを一括で削除 という流れになると思います。 どなたかご助言をいただけないでしょうか。記事数が800以上有り、絵文字は3000回以上使用していると 思います。手作業でやるには気の遠くなる作業です・・・。 よろしくお願い致します。 ※DWを使用しない方法でも構いません。

  • FC2ブログでランダムに表示される画像の下にコメントを入れたいのですが

    FC2ブログでランダムに表示される画像の下にコメントを入れたいのですが方法がわかりません。 ブログ初心者です。下記で画像をランダムに表示させることはできました。 (http://q.hatena.ne.jp/1182622592を参考) <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する img = new Array(); img[0] = "http://blog57.fc2.com/a/adobeurawaza/file/aboutlogo.gif"; img[1] = "http://blog57.fc2.com/a/adobeurawaza/file/barlogo.gif"; img[2] = "http://blog57.fc2.com/a/adobeurawaza/file/columnlogo.gif"; img[3] = "http://blog57.fc2.com/a/adobeurawaza/file/linklogo.gif"; img[4] = "http://blog57.fc2.com/a/adobeurawaza/file/tecniquelogo.gif"; n = Math.floor(Math.random()*img.length); document.write("<img src='"+img[n]+"' alt='・'>"); //--> </SCRIPT> 各画像の下にその画像についてのコメントを入れたいのですがどのようにしたらよいのか わかりません。 どうぞよろしくお願いします。

  • インラインフレームが消えてしまいました

    行間を空けようと思い、body内に <span style="font-size:17px; line-height:20pt;"> を入れたとたん、インラインフレームが表示されなくなってしまいました。 ??と思い<span style="font-size:17px; line-height:20pt;">を消してみてもインラインフレームが戻ってきません。他にやった操作はないはずなのですが・・・(<br>をいくつか削ったりはしました) インラインフレームのタグもいじっていません。 なにがいけないのか、さっぱり分かりません。inline.htmlもきちんと同じフォルダ内にあります。 私はHTMLもcssもとても初心者なので、凄く簡単なところで見落としがあるのかもしれません。 と思って小一時間ほどソースを見直してみたのですが、原因となるものが分からず、困っています。 「こういう状況下ではインラインは使えない」というものでもあるのでしょうか・・・? 一応ソースを貼っておきます。******は単なる文字列だと思ってください。 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta content="****" name="keywords"> <meta content="**************" name="description"> <meta name="description" content="******************" /> <meta name="keywords" content="*************************" /> <link rel="stylesheet" href="style.css" media="all" type="text/css"> <title>****************</title> </head> <body><body background="title.gif"> <span style="font-size:17px; line-height:20pt;"> <h1 id="HEADER"><img src="title.jpg" alt="タイトル画像"></h1> <br><br><br> <ul id="NAV"> <li><a href="index.html" title="ホームに戻ります"><img src="home.gif" border=0 alt="ホームに戻ります"></a></li><br><br> <li><a href="main.html" title="********"><img src="bosyu.gif" border=0 alt="********"></a></li><br><br> <li><a href="http://*********.com/" title="******"><img src="blog.gif" border=0 alt="管理人のブログです"></a></li><br><br> <li><a href="douga.html" title="********"><img src="douga.gif" border=0 alt="*****"></a></li><br><br> <li><a href="http://*********/" title="***********"><img src="bbs.gif" border=0 alt="掲示板"></a></li><br><br> <li><a href="link.html" title="お世話になっているサイト様です。ネチケットを守ってお伺いして下さい。"><img src="link.gif" border=0 alt="リンク"></a></li> <br><br> <li><a href="http://******" title="******"><img src="mail.gif" border=0 alt="メールフォーム"></li></a> </li> </ul> <div id="CONTENT"> <center><b> <font color=blue> <br> *****************<br> ****************<br> <font color="green><u>****</u><br> ***********<br> ***********</font><br><br> <iframe src="inline.html" width="50%" height="150" name="koushin">ここはインラインフレームです。表示されない場合はお使いのブラウザが対応しておりませんです。。。</iframe><br><br><br> <h1><font color=red>**********</h1><br> ********<br> ******** <br> <a href=*****.html target="_blank"><br><br> <font size=5>****</font><br></a> ******<br> ****** </font><br> *************<br> *************<br><br> <font color=#00008B><h1>*******</h1> *******************<br> *******************<br><br> *******************<br> *******************<br> *******************<br><br> ************</font> <br> <br> <br> <!-- FC2カウンター ここから --> <center><bottom> <script language="JavaScript" type="text/javascript" src="http://counter1.fc2.com/counter.php?id=3362754"></script><noscript><img src="http://counter1.fc2.com/counter_img.php?id=3362754"><br>undefined</noscript> <!-- FC2カウンター ここまで --> </div> </body></html> どこを見落としていますでしょうか・・・ とてもお手数なのですが、どうぞお力をお貸し下さい。

    • 締切済み
    • CSS