- 締切済み
リンク付き画像を右よりに表示するには？divタグ
anonymous（@phantom0112358）の回答
- anonymous（@phantom0112358）
- ベストアンサー率60% (6/10)
divとは”箱”です。 箱に名前をつけてcssからその名前のついた箱を指定します。 divはブロック要素なので（横幅いっぱいに広がる箱） その中にimgを置くと”箱”の中に”画像”が左寄りに入った状態になります。 <div class="photo"><img src="http://○"></div> この箱をCSSで指定してtext-align:rightをかけてやると箱の中で右よりになります。 div.photo { text-align: right; }
関連するQ&A
- 画像がうまく表示されないのですが
ページを見るごとにランダムで画像が変わるタグを書き込んだのですが・・・ タグ１ <script language="JavaScript"> <!-- var simg=new Array(5); simg[0]="icon1.png"; simg[1]="icon2.png"; simg[2]="icon3.png"; simg[3]="icon4.png"; simg[4]="icon5.png"; var Myimg=Math.floor(5*Math.random()); document.write("<img src='"+simg[Myimg]+"'>"); //--> </script> タグ２ <SCRIPT LANGUAGE="JavaScript"> <!-- simg=new Array(2); simg[0]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>"; simg[1]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>"; Myimg=Math.floor(2*Math.random()); document.write("<img src='"+simg[Myimg]+"'>"); //--> </SCRIPT> タグ１はインフォシークのサーバーでは表示されたのですが、A-RINGSのサーバーでは表示されなかったので、サーバーの問題で表示されないのでしょうか？ 表示されないとしたらどのようにしたら表示されるものなのでしょうか？ タグ２はどちらのサーバーも表示されませんでした。 どうしたらちゃんと表示されますでしょうか？
- ベストアンサー
- JavaScript
- ヤプログ 画像リンクができない
ヤプログを利用しています。 スキンを作るため、素材屋さんへのリンクを貼りたいのですがバナーの画像が表示されなくて困っています。リンクはできているのですが添付してある画像のようになってしまいます。 タグは↓です。 <a href="リンク先URL" target="_blank"><img src="画像のURL" alt="" border="0"></a> どこか違っているのでしょうか…。 御手数ですが、なるべく詳しく、わかりやすく教えていただけますでしょうか。 よろしくお願い致します。
- 締切済み
- ブログ
- タグをwiki文法に変えていただけないでしょうか(-"-)
タグをwiki文法に変えていただけないでしょうか。。 <div style="width:160px;text-align:center;"><script type="text/javascript" language="JavaScript" src="http://www.blogdeco.jp/renda/tag.php?parts_id=125903271688482"></script><noscript><a href="http://www.blogdeco.jp/" target="_blank"><img src="http://www.blogdeco.jp/img/jsWarning.gif" width="140" height="140" border="0" alt="Blogdeco" /></a></noscript><a href="http://www.blogdeco.jp/">ブログパーツ</a></div>
- 締切済み
- ブログ
- 勝手にタグが改変されてしまいます。
初心者レベルでお許しください。 ブログにタグを貼ろうとしていますが、 <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～> これが勝手に改変されないようにするにはどうしたらよろしいのでしょうか？ 宜しくお願いいたします。
- 締切済み
- ブログ
- jQueryプラグイン「Skitter」でリンク
jQueryプラグイン「Skitter」でリンクについて jQueryプラグイン「Skitter」でリンクについてわからないことが２点ございます。 まず、画像の淵に青色のラインが入る（IMGの「 border="0"」が効かない） あと、インラインフレーム内で動かし、変わる画像のリンク指定を全ウィンドウ（target="_parent"）に指定したいのですが、これもうまくいきません。。。 ぜひお助けいただきたいと思っております。よろしくお願いします。 ↓例えば下記のように３つの画像を指定した場合にborderもtargetもききません。 <div class="box_skitter box_skitter_large"> <ul> <li> <a target="_blank" href="http://www.yahoo.co.jp/"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0" class="circles" ></a> </li> <li> <a target="_blank" href="http://www.google.co.jp/"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0" class="circles" ></a> </li> <li> <A target="_blank" href="http://www.rakuten.co.jp/"><IMG src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0"></A> </li> </ul> </div>
- 締切済み
- 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
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <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
- リンク画像の表示範囲指定の方法が知りたいです！
ＦＣ２のブログでアフィリエイトをしてます。次のような2つのリンク画像を載せる場合、余白部分をトリミング、あるいは見せないようにして詰めて表示する方法はありませんか？画像は著作権の関係で、ダウンロードして加工はできないので。 <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.com/digital/photo/1-104167/1-104167pm.jpg" alt="" border="0"></a> <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.co.jp/digital/photo/1-104167/1-104167sl.jpg" alt="" border=""></a>
- ベストアンサー
- ブログ
- ｇｏｏブログで画像をセンターに貼るタグ
<a href="画像のショートカットURL" target="_blank"> <img src="画像のショートカットURL" border="0" width="240*240px" align="center"></a> ↑このタグを使って画像をＵＰしているのですが、 センターに指定しているにも関わらず、左端に貼ってしまいます。 他に、クリックして拡大させて、中心に貼り付けられるタグがありましたら教えてください。
- ベストアンサー
- ブログ
- 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