- ベストアンサー
テキストリンクで
バナータグって、↓のとおりですよね。 <a href="サイトURL" target="_blank"><img src="画像URL" width="幅" height="高さ" alt="説明"></a> テキストリンクだと、<img～>のところがぬけますよね。 ですが、どうしてもテキストリンクで alt="説明" の部分をいれたいんです。 どうすれば表示されますか?? テキストリンクでは説明はでないのでしょうか?? 説明が分かりにくいかもしれませんが、よろしくお願いします。
- kuro_neko16
- お礼率94% (55/58)
- ブログ
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<a href="サイトURL" target="_blank" title="説明文">リンク先はこんな所</a> ちなみにaltは本来画像が表示されない時に表示される「代替テキスト」であって、これでチップヘルプの説明文が出るのはIEのバグ。 <a href="サイトURL" target="_blank" title="説明"><img src="画像URL" width="幅" height="高さ" alt="説明"></a> あるいは <a href="サイトURL" target="_blank"><img src="画像URL" width="幅" height="高さ" alt="説明" title="説明"></a> とでもしないとFirefox等Geckoエンジンのブラウザでは説明文は表示されない(こっちの解釈が正しい
その他の回答 (1)
- Hoyat
- ベストアンサー率52% (4897/9300)
必要性が無いからaltタグが無いのです。 altタグは画像等が表示されない場合 代用説明として使用されるタグなので imgタグとセットでないと反映されません。 テキストの説明を入れる必要があるというのが 正直解りません。 htmlの基本的考え方としてはこうです。 「読んで解らないものは使わない」
お礼
imgタグとセットでないといけないんですね。 ありがとうございます、勉強になりました。 これからは気をつけます。
関連するQ&A
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <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> <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> <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
- アフィリエイトリンクの画像のサイズを変更するには？
現在Seesaaでブログを開設していますが、そのブログの中にA8.netにある楽天アフィリエイトリンクをA8wappenで作成しています。 そこで、質問なのですが、リンク画像のサイズを変更したいのですが、やり方がわかりません。因みにＨＴＭＬは下記のとおりです。 <a href="http://～" target="_blank"> <img border="0" alt="Click Here!" src="http://～.jpeg"></a> <img border="0" width="1" height="1" src="http://～" alt=""> 上のwidthやheightの数値を変えてみたのですが、上手くいきません。 よろしくお願いします。
- ベストアンサー
- ブログ
- 複数のランダム表示について
現在、外部のjsを読み込み、 ランダムではなく下記の方法で ４バナー表示をしております。 【index.html】 <script type="text/javascript" src="js/banner.js"></script> 【banner.js】 document.write("<ul class=\"banner\">"); document.write("<li><a href=\"http://1.jp/\" target=\"_blank\"><img src=\"http://1.jp/img/1画像.jpg\" alt=\"1\" width=\"200\" height=\"80\" /></a><br />1テキスト</li>"); document.write("<li><a href=\"http://2.jp/\" target=\"_blank\"><img src=\"http://2.jp/img/2画像.jpg\" alt=\"2\" width=\"200\" height=\"80\" /></a><br />2テキスト</li>"); document.write("<li><a href=\"http://3.jp/\" target=\"_blank\"><img src=\"http://3.jp/img/3画像.jpg\" alt=\"3\" width=\"200\" height=\"80\" /></a><br />3テキスト</li>"); document.write("<li><a href=\"http://4.jp/\" target=\"_blank\"><img src=\"http://4.jp/img/4画像.jpg\" alt=\"4\" width=\"200\" height=\"80\" /></a><br />4テキスト</li>"); document.write("</ul>"); 【ブラウザ】 1画像.jpg 1テキスト -------- 2画像.jpg 2テキスト -------- 3画像.jpg 3テキスト -------- 4画像.jpg 4テキスト 教えて頂きたいのは、下記のように ランダム表示で４つのバナーを表示させたいのですが どうしたらいいか分かりません。 【ブラウザ】 4画像.jpg 4テキスト -------- 2画像.jpg 2テキスト -------- 1画像.jpg 1テキスト -------- 3画像.jpg 3テキスト 詳しい方おりましたらお教え頂けないでしょうか？ よろしくお願いします。
- 締切済み
- JavaScript
- jQueryで画像にリンクを張りたい
HTMLページに <img src="1.jpg" width="50" height="50" id="tes"> というタグがあるのですが、 ページが読み込まれたときに、 そのタグにaタグをつけて <a href="hoge.html" target="_blank"><img src="1.jpg" width="50" height="50" id="tes"></a> とリンクを張りたいのですが以下のような スクリプトを書いてみたのですが、 できません。 <script type="text/javascript"> $(function(){ $('<img />').append($('<a />',{ href:"hoge.html", target:"_blank" }) ) }); </script> jQueryがよくわかっていないのでめちゃくちゃなのだと思いますが、 そもそもこのように画像にaタグをつけることは可能なのでしょうか。 jQueryのバージョンは1.2.6を使っていますが、 新しいバージョンでも構いません。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像リンクをマウスオーバーで透過画像を重ねる方法
複数の画像リンクをマウスオーバー時に決まった画像を重ねて表示させたいのですが分かりません。 ご教授頂けないでしょうか。 画像リンクの上にマウスが乗った時に虫眼鏡や再生ボタンが表示される みたいな事がしたいのです。 自分なりに調べた結果画像を上に重ねるところまでは分かったのですが、重なった時点で画像リンクが無効になってしまいます。 方法としては <p class="figure" id="jpg01"> <a href="リンク先" target="_blank"><img src="画像" width="300" height="150" alt=""></a> </p> p.figure{position:relative;} p.figure:after{position:absolute;bottom:0;left:0;} p#jpg01:hover:after{content:url(重ねる画像.png);} としているのですがリンク先に飛ぶことができません。 <a href="リンク先" target="_blank"><p class="figure" id="jpg01"> <img src="画像" width="300" height="150" alt=""> </p></a> とすれば上手くいったのですが不格好な気がします。 ちなみに画像リンクに使いたい画像もそれに重ねたい画像も同じサイズです。 どうかよろしくお願いします。
- 締切済み
- HTML
- テーブル幅を完全に指定したい
テーブル幅の指定方法を教えてください。 以下のような記述のテーブルを何列も羅列して 表を作ろうと思っています。 alt="小A"～alt="小D" のところは 項目ごとのアイコン画像が入り、その項目に該当するものが無い場合は空白となるような表です。 実際にブラウザで表示してみると、widthの設定はしているのに、空白をつくると 若干ですが横幅が変わってしまい、表として並べたときにそのズレが目立ちます。 何がいけないのか、お知恵を拝借できませんでしょうか。 宜しくお願い致します。 以下、その表の一部である テーブルになります。 <table bordercolor="#ffffff" width="520" height="80" align="center" cellspacing="3"> <tr><td bgcolor="#ffcccc"> <table> <tr> <td width="100" bgcolor="#ffcccc" align="center" valign="middle"> <a href="★" target="_blank"><img src="■.gif" width="80" height="60" border="0" class="pict"/></a> </td> <td width="260" align="left" valign="center"> あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよ </td> <td valign="center"> <img alt="中" src="■.gif" width="80" height="60" class="pict" /> </td> <td width="25"><a href="★" target="_blank"><img alt="小A" src="■.gif" width="25" height="60" class="pict" /></a></td> <td width="25"><a href="★" target="_blank"><img alt="小B" src="■.gif" width="25" height="60" class="pict" /></a></td> <td width="25"><a href="★" target="_blank"><img alt="小C" src="■.gif" width="25" height="60" class="pict" /></a></td> <td width="25"><a href="★" target="_blank"><img alt="小D" src="■.gif" width="25" height="60" class="pict" /></a></a></td> </tr> </table></td></tr></table>
- ベストアンサー
- HTML
- ヤプログ 画像リンクができない
ヤプログを利用しています。 スキンを作るため、素材屋さんへのリンクを貼りたいのですがバナーの画像が表示されなくて困っています。リンクはできているのですが添付してある画像のようになってしまいます。 タグは↓です。 <a href="リンク先URL" target="_blank"><img src="画像のURL" alt="" border="0"></a> どこか違っているのでしょうか…。 御手数ですが、なるべく詳しく、わかりやすく教えていただけますでしょうか。 よろしくお願い致します。
- 締切済み
- ブログ
- FLASH内にＨＴＭＬタグを表示させる方法について
FLASHで作成するファイルの中に、HTMLタグを組み込むことは可能でしょうか？ 調べたところ、jpg画像は外部からでも読み込めるということですが、 同じように、HTMLタグも読み込むことは出来ないのでしょうか？ 組み込みたいタグは以下のようなものです。 <A HREF="URL" target="_blank">リンク先の名前</A> <img border="0" width="1" height="1" src="画像" alt=""> ご存知の方、よろしくお願いします。
- ベストアンサー
- グラフィックソフト
- リンク先の自動変更？について
先日まで、どの質問カテゴリが適切か解からずhtmlに投稿していまいたが 回答にてjava scriptだと教えていただいたのでこちらに再投稿させて頂きます。 先日以下の様な方法でＵＲＬの変換を行っているサイトがありました。 元々のリンク先 <a href="http://aaa.bbb.ccc/xxxxx" target="_blank"><img src="00.gif" width="100" height="60" border="0"></a> ↓ 1行テキスト領域に『yyyyy』と入力し隣の変換ボタンを押す ↓ 変換されたリンク先 <a href="http://aaa.bbb.ccc/yyyyy" target="_blank"><img src="00.gif" width="100" height="60" border="0"></a> と『xxxxx』の所が『yyyyy』に変換されました。 gifの変更もなくリンク先のみ変更というのはどの様な方法なのでしょうか？ どなたかご存知の方が居ましたら方法をご教授頂きたいと思います。
- ベストアンサー
- JavaScript
- テキストにalt属性を持たせるには。
画像にalt属性を持たせるには<img src="画像のパス" alt="コメント">でいいと思うのですが、テキストにリンクを設定した状態でそこにalt属性を持たせるということは可能でしょうか？ もし可能なら どの部分にそのタグを挿入したらいいのでしょうか？ <FONT size="-1"><A href="リンク先" target="_blank">1</A> （『1』という文字列にリンクを設定した場合。） 初心者の質問のためわかりにくい表現がございましたらすみません。 よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト
お礼
altは画像用という事なんですね。 ありがとうございます。 おかげで説明が表示されました!!