A8.netについて
- A8.netは商品コードを提供していますが、そのまま使用すると問題が生じる可能性があります。
- 広告の画像を左に配置したい場合、align="left"タグを使用することができますが、注意が必要です。
- A8に問い合わせた結果、自己責任であるとされました。
- ベストアンサー
A8.netについて
A8が用意している商品コードがありますが、そのまま使うと、商品画像のしたにコメントするフォーマットになってしまいます。 商品を紹介している紙面の都合上、広告の画像を左に配置したいので、 「align="left"/」というタグ入れたのですが・・・これは問題ないんでしょうか？ A8に問い合わせたら、自己責任といわれたので、怖くなりました。 下のような感じです。 最後のalign="left"/をボクが勝手に追加しました。 <img border="0" width="206" height="89" alt="" src="http://www29.a8.net/svt/bgt?aid=060614224919&wid=001&eno=01&mid=s00000004270001032000&mc=1" align="left"/></a>
- kiyo1316
- お礼率66% (51/77)
- ブログ
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
Ａ８netの言うとおり、自己責任でしょうね。 基本的に、掲載されているタグは変更するなというのがＡ８の立場ですから。 でもまあ、リンク先さえ間違えていなければ、一応は問題ないみたいですよん。
関連するQ&A
- バナーの配置
私のサイトでバナーをこの図１のように並べたいのですがうまくいきません □□□□□□□ □□□□□□□ □□□□□□□ □□広告２ □□ □□広告１ □□ □□□□□□□ □□□□□□□ □□□□□□□ □□□□□□□ □□□□□□□ □□広告 ３□□ □□□□□□□ □□□□□□□ 図１ このようにプログラムを挿入するとこのような図２になります 失敗プログラム <!-- 広告１ --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZBSV+BET46Q+AIM+77ZKH" target="_blank"> <img border="0" width="350" height="240" alt="" src="http://www28.a8.net/svt/bgt?aid=110823295690&wid=001&eno=01&mid=s00000001363001213000&mc=1"></a> <img border="0" width="1" height="1" src="http://www14.a8.net/0.gif?a8mat=1TZBSV+BET46Q+AIM+77ZKH" alt=""> <!-- 広告１ --> <!-- 広告２ --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZBSW+5RSAWI+1LI0+2NBPO1" target="_blank"> <img border="0" width="468" height="60" alt="" src="http://www25.a8.net/svt/bgt?aid=110823296349&wid=001&eno=01&mid=s00000007452016011000&mc=1"></a> <img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=1TZBSW+5RSAWI+1LI0+2NBPO1" alt=""> <!-- 広告２ --> <!-- 広告３ --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZB0O+5URGXE+NA2+64Z8X" target="_blank"> <img border="0" width="468" height="60" alt="" src="http://www22.a8.net/svt/bgt?aid=110822280354&wid=001&eno=01&mid=s00000003017001031000&mc=1"></a> <img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=1TZB0O+5URGXE+NA2+64Z8X" alt=""> <!-- 広告３ --> □□□□□□□ □□□□□□□ □□広告１ □□ □□□□□□□ □□□□□□□ □□□□□□□ □□□□□□□ □□広告２ □□ □□□□□□□ □□□□□□□ □□□□□□□ □□広告３ □□ □□□□□□□ 図２ 一様失敗の写真も添付しときます
- 締切済み
- ブログ
- FC2ブログ 画像(動画)表示されない
前回の質問が分かりにくなったので、自分なりに作った 画像とともに再度質問させていただきます。 ＦＣ2ブログでＡＳＰから発行されたタグをブログに貼り付け、 プレビューで見ると表示されるのですが、 実際に保存してブログを見てみると、 続きを読むをクリックしないと画像が表示されません。 続きを読むをクリックしなくても画像が見えるようにしたいの ですが、どうすればいいでしょうか？ そもそも外部リンク？では無理で、画像もＦＣ2サーバ？に アップしないとダメなんでしょうか？ 初歩的な質問になりますが、よろしくお願いします。 貼り付けるタグは以下です。 <a href="https://px.a8.net/svt/ejp?a8mat=264B6T+G69ZYA+D8Y+C3BAP" target="_blank" rel="nofollow"> <img border="0" width="300" height="300" alt="" src="https://www24.a8.net/svt/bgt?aid=131211173978&wid=003&eno=01&mid=s00000001717002031000&mc=1"></a> <img border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=264B6T+G69ZYA+D8Y+C3BAP" alt="">
- ベストアンサー
- ブログ
- 画像の横に文字をうまく配置できない
htmlで、画像の横に文字を配置したいのですが、下記の文章を入力しても、一行目の「タイ王国の伝統灰皿 \1,500」が画像の右下に配置され、「商品番号:a111」は画像の下に配置されてしまいます。ちなみにalign="right"と設定しても、なぜか上記（align="left"）と全く同じ配置になってしまいました。何か根本的に間違っているのでしょうか？ドリームウィーバーのデザインビュー上では思い通りのデザインになっているのですが・・・ ちなみにIEのバージョンは８です。どなたかアドバイスをお願いします。 <div id="contents"> <img src="img/商品（仮）.JPG" width="300 height="300"align="left"/> タイ王国の伝統灰皿 \1,500<br> 商品番号:a111<br clear="left"> </div>
- ベストアンサー
- HTML
- CSSでの画像サイズ指定について
本などでCSSを練習中です。 画像サイズを自動的に指定したサイズに縮小するCSSは ありますでしょうか？ 以下のよな商品紹介のサムネイルを作りました。 画像部分は常に120×120pxに収まってほしいのですが、 横幅が高さより大きい画像を入れた場合、高さは指定した120pxになりますが(縦横比率は同じ)、横は飛び出してデザインが崩れてしまいます。 正方形の画像はそのまま120×120pxになります。 何かアドバイスをお願い致します。 また、他のおかしいところもご指摘下さい。 【HTML】 <div id="itemBox"> <div class="itemPhoto"><a href="#"><img src="#" alt="商品名" width="120" height="120" /></a></div> <p><a href="#">商品名</a></p> </div> 【CSS】 div#itemBox{ border: 1px solid #9f9f9f; width: 120px; margin: 10px; float: left; text-align: center; padding: 10px; height: 150px; } div#itemBox p{ float: left; text-align:left; width: 120px; margin-top: 5px; } div#itemPhoto{ margin: 0; padding: 5px; text-align: center; width:120px; height:120px; }
- 締切済み
- CSS
- ドロップダウンメニューの方法を教えてください
■ドロップダウンメニューでサブメニューが横並びで出るようにしたいと思っています。 HTMLは下記のように記述しています。どのようにJavascriptを記述すると良いのか教えてください。よろしくお願いします。 【html】 <div id="menuber"> <a href="#"><IMG src="test/m1.gif" width="101" height="20" border="0" align="left"></a> <div class="hiddenmenus"> <span id="sub"> <a href="#"><IMG src="test/sub1.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub2.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub3.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub4.gif" width="101" height="20" border="0" align="left"></a> </span> </div> </div> 【CSS】 .hiddenmenus {position:absolute; top: 20px; left: 0px;} #sub1 { visibility: hidden; }
- ベストアンサー
- JavaScript
- table内の画像を中央寄せ、のせると拡大、方法？
画像にマウスポインタをのせると画像が拡大される機能を備えた 画像の表を作りたいです。 テーブルの各セルに入る画像の配置を縦横両方中央揃えにしたいです。 CSSのマージンで調整しましたが、セルによって微妙に配置がずれてしまいました。 あと、画像は拡大されるのですが、拡大されていない画像が前面に出てきてしまいます。 各セルの画像の縦横中央揃え、画像が正しく拡大される方法を教えて下さい。 下記は自分が入力したHTMLとCSSです。それをFirefoxで表示したものを添付しました。 アドバイスをお願いいたします。 ～～～ HTML ～～～ <link rel="stylesheet"type="text/css" href="a.css"> <table border="1" width="500" cellpadding="5" bordercolor="#333333" /> <tr> <th bgcolor="#FFA07A">あいう <th bgcolor="#FFA07A">えおか <th bgcolor="#FFA07A">きくけ </tr> <tr> <td><a class="thumbnail" href="画像.jpg"><img src="画像.jpg" width="130" height="170" alt="" /></a></td> <td><a class="thumbnail" href="画像.jpg"><img src="画像.jpg" width="130" height="170" alt="" /></a></td> <td><a class="thumbnail" href="画像.jpg"><img src="画像.jpg" width="130" height="170" alt="" /></a></td> </tr> <tr> <td align="left">ああああああああああああああああ</td> <td align="left">いいいいいいいいいいいいいいい</td> <td align="left">うううううううううううううううう</td> </tr> </table> <br> <br> <table border="1" width="500" cellpadding="5" bordercolor="#333333" /> <tr> <th bgcolor="#FFA07A">こさし <th bgcolor="#FFA07A">すせそ <th bgcolor="#FFA07A">なにぬ </tr> <tr> <td><a class="thumbnail" href="画像.jpg"><img src="画像.jpg" width="130" height="170" alt="" /></a></td> <td><a class="thumbnail" href="画像.jpg"><img src="画像.jpg" width="130" height="170" alt="" /></a></td> <td><a class="thumbnail" href="画像.jpg"><img src="画像.jpg" width="130" height="170" alt="" /></a></td> </tr> <tr> <td align="left">ええええええええええええええええええええええ</td> <td align="left">おおおおおおおおおおおおおおおおおおおお</td> <td align="left">かかかかかかかかかかかかかかかかかか</td> </tr> </table> ～～～ CSS ～～～ a.thumbnail { display: block; float: left; } a.thumbnail img{ position: relative; } a.thumbnail, a.thumbnail img{ width: 130px; height: 170px; margin: 0px 0px 0px 5px; } a.thumbnail:hover { border: none; cursor: default; } a.thumbnail:hover img { width: auto; height: auto; }
- ベストアンサー
- HTML
- jqueryのドロップダウンメニュをアメブロに。
ドロップダウンメニューを 現在、活動しているアメブロに設置したくて jqueryを利用したものがあるのを知り さっそく本を買ってサンプルを見ながら自分なりの手を ほんの少しだけ加えて作ってみたのですが PC上では上手く動作してはいるものの アメブロに設置するとなると禁止タグや htmlなど、制限があるらしく 試行錯誤しても上手くいかず…。 どうしても、ここまでやったからには 設置してみたいとは思いつつも どこに、どのようにすればいいものか 全くわからないので お力を借りたいと思いokwaveに登録してみました。 設置の仕方や、余計な箇所や改善箇所など お分かりになる方 ぜひ、教えてください。 よろしくお願いいたします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>sample2</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("ul.menu li").hover(function(){ $(">ul:not(:animated)",this).slideDown("fast"); }, function(){ $(">ul",this).slideUp("fast"); }); }); </script> <style type="text/css"> *{ margin:0; padding:0; list-style-type:none; } #container{ margin:100px auto; width:800px; } ul.menu li{ float:left; width:200px; height:40px; background:url("画像URL1"); position:relative; } * html ul.menu li{ display:inline; zoom:1; } *+html ul.menu li{ display:inline; zoom:1; } ul.menu li a{ display:block; width:100%; height:100%; line-height:40px; text-indent:30px; font-weight:bold; text-decoration:none; position:relative; } ul.menu li a:hover{ background:url("画像URL2"); } ul.sub{ display:none; } * html ul.sub{ zoom:1; position:relative; } *+html ul.sub{ zoom:1; position:relative; } ul.sub li{ float:none; } ul.sub li ul.sub{ position:absolute; left:200px; top:0; } ul.menu{ zoom:1; } ul.menu:after { height:0; visibility:hidden; content:"."; display:block; clear:both; } </style> </head> <body> <div id="container"> <ul class="menu"> <li><a href="#"><img src="画像URL3" align="left" width="200" height="40 "border="0"></a> </li> <li><a href="#"><img src="画像URL4" align="left" width="200" height="40 "border="0"></a> <ul class="sub"> <li><a href="#"><img src="画像URL5" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL6" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL7" align="left" width="200" height="40 "border="0"></a></li> </ul> </li> <li><a href="#"><img src="画像URL8" align="left" width="200" height="40 "border="0"></a> <ul class="sub"> <li><a href="#"><img src="画像URL9" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL10" align="left" width="200" height="40 "border="0"></a> <ul class="sub"> <li><a href="#"><img src="画像URL11" align="left" width="200" height="40 "border="0"></a></li> <li><a href="#"><img src="画像URL12" align="left" width="200" height="40 "border="0"></a></li> ・ ・ ・ ・ 字数制限があるので省略します…。 ・ ・ ・ ・ </ul> </div> </body> </html> ※ もっと簡潔なやり方があるとは思うのですが 無い知恵を振り絞った結果で 画像３～は オリジナルのフォントを使いたいが為に 透過の画像でオリジナルフォントを メニュ背景画像の上に使っています。
- ベストアンサー
- JavaScript
- セルに画像を大きさがぴったりと合うように貼りつけたいと考えています。
セルに画像を大きさがぴったりと合うように貼りつけたいと考えています。 セルの大きさと画像の大きさを同じにしているのですが、セルの下が少し余っています。 セルのheightを画像の高さと同じ値に設定しています。 下記のようになっていますが、画像の縦幅は52です。 横幅も少し余っています。（つまり、セルの方が大きい） <tr align="left" valign="middle" height="52"> <td> <a href="test1.html"><IMG SRC="test1.gif" border="0" alt=""></a> </td> </tr> どのようにすればいいのか教えてください。 HTMLについてはまだ初心者です。 どうぞよろしくお願いします。
- ベストアンサー
- HTML
- 文字の回りこみについて
画像の回りこみ方法をいろいろと調べてみたのですが、文字を右に回り込ませる場合、「align = "left"」や「<br clear="all">」をつけるというところまではわかったのですが、例に挙がっている画像のＨＴＭＬとはやや異なるようで、うまくいきません。例えば以下のような画像の場合どこにつければ良いのでしょうか？よろしくお願いします。 <a href="http://px.a8.net/svt/ejp?a8mat=1HNMYP+5TKMHM+V5O+BWGDT&a8ejpredirect=http%3A%2F%2Fwww.towerrecords.co.jp%2Fsitemap%2FCSfCardMain.jsp%3FGOODS_NO%3D1897407%26GOODS_SORT_CD%3D103" target="_blank"> <img border="0" alt="" src="http://img.towerrecords.co.jp/images/jacket/tower/4988005528353.jpg"></a> <img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=1HNMYP+5TKMHM+V5O+BWGDT" alt="">
- ベストアンサー
- ブログ
