- ベストアンサー
テキストフィールドに画像を表示する場合の回り込み
kei_hhの回答
このページに書いてある内容と同じことでしょうか？
関連するQ&A
- スクロール付きのダイナミックテキストにテキストと画像を同時に表示させたい
色々検索しましたが解決しませんでしたので、大変恐縮ですが質問させて下さい。 環境：Windows XP、FLASH MX コンポーネントでスクロールバーをつけたダイナミックテキストに、テキスト（リンクあり）と画像の両方を表示させたいと思っています。HTMLのレンダリングはしましたので、外部テキストのタブは正常に読み込み、リンクなどは表示されるのですが、画像だけがどうしても表示されません。以下、作ったものを書きますので、どなたかどのようにすれば解決するのかお分かりでしたら、お教え願えないでしょうか。 ダイナミックテキストのインスタンス名：textnews 変数：TextField 外部テキスト：News.txt TextField= 2007年11月15日<br> <img src="aaa.jpg"><br> ←この<img>部分だけが表示されません。改行はされます。また、画像は同じ階層です。 <font color="#0000ff"><a href="bbb.html">JUMP</a></font><br> ↑この部分は正しく表示されます。 Actionscriptは以下の通りです。 System.useCodepage = true; textnews.html = true; textnews.condenseWhite = true; myVars = new LoadVars(); myVars.onLoad = function(seikou) { if (seikou) { _root.textnews.htmlText = this.TextField; } }; myVars.load("News.txt"); どうぞ、宜しくお願い致します。
- ベストアンサー
- Flash
- 画像の上に文字を表示
スタイルシートなどの方法で、画像の上に文字を表示させることは可能でしょうか。 <IMG SRC=1.jpg ALIGN=BOTTOM BORDER=0> <IMG SRC=2.jpg ALIGN=BOTTOM BORDER=0> <IMG SRC=3.jpg ALIGN=BOTTOM BORDER=0> <IMG SRC=4.jpg ALIGN=BOTTOM BORDER=0> ・・・と延々と並んでいる画像の上に重ねてそれぞれの画像のタイトルなどを表示できればうれしい。 ＃マウスをのせて表示は除外。
- ベストアンサー
- CSS
- 画像について質問です(html)
こんばんは。またお世話になります。 前回の質問では迷惑かけてしまいまことに申し訳ありませんでした。 以後気をつけるつもりです さて、今度もまた迷ってしまいました。 レイアウトがめちゃくちゃになったりして上手くいきませんでした。 今のソースはこれです。 <IMG src="img/ザ・ディー・マグラウドの画像.png" border="0" align="absmiddle"> <font><b>第１回戦：ザ・ディー・マグラウド</b></font><br> ただの雑魚です<br> <IMG src="img/ザ・ディー・マグラウドのモンスター.png" border="0" align=""> <IMG src="img/ザ・ディー・マグラウドのモンスター２.png" border="0" align=""> <IMG src="img/ザ・ディー・マグラウドのモンスター３" border="0" align=""> <IMG src="img/ザ・ディー・マグラウドのモンスター４" border="0" align=""> <IMG src="ザ・ディー・マグラウドのモンスター５negazou" border="0" align=""> <IMG src="ザ・ディー・マグラウドのモンスター６" border="0" align=""> <IMG src="img/モンゴ・ザ・バァーンの画像.png" border="0" align="absmiddle"> <font><b>第２回戦：モンゴ・ザ・バァーン</b></font><br> ただの雑魚です<br> <IMG src="img/モンゴ・ザ・バァーンのモンスター１.png" border="0" align=""> <IMG src="img/モンゴ・ザ・バァーン２.png" border="0" align=""> <IMG src="img/モンゴ・ザ・バァーン３" border="0" align=""> <IMG src="img/モンゴ・ザ・バァーン.png" border="0" align="absmiddle"> <font><b>第２回戦：モンゴ・ザ・バァーン</b></font><br> ただの雑魚です<br> <IMG src="img/モンゴ・ザ・バァーンのモンスター１.png" border="0" align=""> <IMG src="img/モンゴ・ザ・バァーン２.png" border="0" align=""> <IMG src="img/モンゴ・ザ・バァーン３" border="0" align=""> <IMG src="img/クロス・デ・ジィーンの画像.png" border="0" align="absmiddle"> <font><b>第３回戦：クロス・デ・ジィーン</b></font><br> ゴルミアン・オート・クラッシュというモンスターが異常に強い。 「ため」後のセル・５１ロケットは全体に約500のダメージ。防御が無いモンスターだと一撃死なのでためを発動されるまえに倒す<br> <IMG src="img/クロス・デ・ジィーンのモンスター.png" border="0" align=""> <IMG src="img/クロス・デ・ジィーンのもんすたー.png" border="0" align=""> <IMG src="img/クロス・デ・ジィーんのモンスター３ border="0" align=""> <IMG src="img/クリストス・ギアの画像.png" border="0" align="absmiddle"> <font><b>第４回戦：クリストス・ギア</b></font><br> 召還モンスターはなんとデス・バングスＸ一体のみ！ ラッキー！！！と思ったそこのキミ！！そう簡単には倒せないぞ。 デス・バングスＸは攻撃が4520、防御が3950、ＨＰが2000という普通の召還モンスターとは比べものにならないくらい能力が高い。（HPは普通） 弱点といえば素早さがかなり低いことそれだけ。 だがこいつに対抗できるモンスターが１匹いる。 アーン・イヤーンというモンスターだ。ギガデイルという専用ワザでデス・バングスＸに４倍の効果が期待できる。（通常効果が300なので1200<br> <IMG src="img/クロス・デ・ジィーンのモンスター.png" border="0" align=""> 要するに、第２回戦のモンゴ・ザ・バァーンの画像が第１回戦の横に貼り付けられて、行替えをして３回戦目が１回戦目の下になればOKってことです。 では宜しくお願い致します…。
- ベストアンサー
- その他([技術者向] コンピューター)
- どのように記述すれば画像を分かたずに表示できるのでしょうか？
どのように記述すれば画像を分かたずに表示できるのでしょうか？ <HTML> <BORDER="0"> <IMG SRC="A_720x32.bmp"><BR> <IMG SRC="B_315x136.bmp" ALIGN=TOP><IMG SRC="C_250x199.bmp" ALIGN=TOP><IMG SRC="D_155x307.bmp"> <IMG SRC="E_315x171.bmp"><IMG SRC="F_250x108.bmp"><BR> <IMG SRC="A_720x32.bmp"> </HTML>
- ベストアンサー
- HTML
- オンマウスでの拡大画像の位置指定
サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか？ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか？どうかよろしくお願いします。 <script> var src1="image01.jpg" var src2="image1.jpg" var src3="image02.jpg" var src4="image2.jpg" var src5="image03.jpg" var src6="image3.jpg" var src7="image04.jpg" var src8="image4.jpg" </script> <p align="center"> <img src="image01.jpg" onmouseover="this.src=src2" onmouseout="this.src=src1"> <br> <br> <img src="image02.jpg" onmouseover="this.src=src4" onmouseout="this.src=src3"> <br> <br> <img src="image03.jpg" onmouseover="this.src=src6" onmouseout="this.src=src5"> <br> <br> <img src="image04.jpg" onmouseover="this.src=src8" onmouseout="this.src=src7"> <br> </p>
- 締切済み
- CSS
- マウスオーバーで複数の画像を非表示
マウスオーバーで画像を非表示にしています。 以下の例で、複数の画像を非表示にするにはどうすればよいでしょうか？ 例では画像はjpeg1.jpg～jpeg3.jpgの３つですが、実際には個数は毎日変化します。 <a>タグに画像の個数分のonMouseOverを書けばよいのでしょうが、もっと簡単に書く方法はないでしょうか。 PerlからHTMLを吐き出します。 <html> <a href="Javascript:" onMouseOver="jpeg1.style.display='none';" onMouseOut="jpeg1.style.display='';">非表示</a><br> <img src="./jpeg1.jpg" name="jpeg1"><br> <img src="./jpeg2.jpg" name="jpeg2"><br> <img src="./jpeg3.jpg" name="jpeg3"><br> </html>
- ベストアンサー
- JavaScript
- ホームページの画像が表示されない
宜しくお願いします。 忍者ホームページの簡単ホームページでホームページを作りましたが画像が表示されず コメントだけの表示に成ります。 忍者ホームページにアップロードした画像ファイル名は一致しております 幾度試しましたが同じ状態です 下記のHTMLは間違って居りますでしょうか困って居ります <table align="right"> <tr><td><img src="img142.jpg"width="250" height="250"></td> <td><img src="img004.jpg"width="250" height="250"></td></tr> <tr align="center"><td bgcolor="#ffcccc">ハイブリットフリウス</td> <td bgcolor="#66cc66">フーガハイブリット</td></tr> <tr><td><img src="img013.jpg"width="250" height="250"></td> <td><img src="img889.jpg"width="250" height="250"></td></tr> <tr align="center"><td bgcolor="#cc9900">ポルシェカレラ</td> <td bgcolor="#9999cc">フェラリーモンディアル</td></tr> </table>
- ベストアンサー
- その他([技術者向] コンピューター)
- 画像とテキストのレイアウト
左に画像、その画像の右に複数行のテキストを、画像高さの中央に配置したいと思っています。 <table><tr><td><img></td> <td style="vertical-align:middle"> 文１<br> 文2<br> 文3<br> </td></tr></table> をテーブルを用いないでレイアウトしたいということです。 <img src="loc"> 文１<br> 文2<br> 文3<br> では、文１ のみが画像右に表示されます。 <img src="loc" style="float:left"> 文１<br> 文2<br> 文3<br> では、文全体が画像のtop位置から表示されます。 どのようにスタイルシートで指定すればいいのでしょうか？
- ベストアンサー
- HTML
- 画像が抜け落ちて表示されない
ＨＰを作成中ですが表示を確認したところ 前日まで表示されていた画像が一部表示されなくなりました。 開いたページの「ソースを表示」をみてみると <img src="～>の表示が丸ごと抜け落ちています。 サーバーに問い合わせたところそちらでは問題なく表示されているとのことでした。 自分のＰＣの問題だとしてなにをどうしたらいいのでしょうか？ 仕様ＰＣ Windows XP home SP1 確認ブラウザ IE6.0 NN7.1 ＊＊ＦＴＰでのＨＴＭＬ記述（問題の一部分） <tr> <td><img src="saku3a-b.jpg" width="300" height="250" alt="周囲をぼかす" class="img-1"></td> <td>明るさ・コントラストの調節の後、<br>樹木に色付けをし周囲をぼかします。</td> </tr> <tr> <td><img src="saku3a-c.jpg" width="300" height="250" alt="油絵風" class="img-1"></td> <td>「油絵風」のフィルタを使用。 <br>以下各種フィルターは<br>各項目が細かく設定できます。</td> </tr> ＊＊ページ表示したときの「ソースを表示」 <tr> <td></td> <td>明るさ・コントラストの調節の後、<br>樹木に色付けをし周囲をぼかします。</td> </tr> <tr> <td></td> <td>「油絵風」のフィルタを使用。 <br>以下各種フィルターは<br>各項目が細かく設定できます。</td> </tr> 最後まで読んでいただき有難うございました。 お心当たりのある方、よろしくお願いいたします。
- ベストアンサー
- HTML
- css 背景画像（1つ）とリンク付き画像（複数）を中心に表示したい。（
css 背景画像（1つ）とリンク付き画像（複数）を中心に表示したい。（超初心者です。） 現在、Kompozerをつかってホームページを作成しています。 添付画像のような配置にしたいので、いろいろなサイトを参照したのですがどうしてもうまくいきません。 現在のソースは以下のようになっており、ブラウザで表示すると背景画像が表示されません。 あまりにも知識がなく、不快な思いをさせてしまったら申し訳ございません。 ご指導いただければうれしいです。 よろしくお願いします。 ＊ソース <html><head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>ページタイトル</title> <style type="text/css"> </style> </head><body> <div style="text-align: center;" background-image:="" url ＊＊.jpg ;width:450px;height:450px;=""><br> <br> <img style="width: 137px; height: 137px;" alt="" src="＊＊.gif" border="0"><br> <br><p style="text-align: center;"> <a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><img style="width: 92px; height: 230px;" alt="" src="＊＊.jpg"><a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><br></p> </div> </body></html>
- ベストアンサー
- HTML
お礼
ご回答ありがとうございます。 ご察しの通り、このページに書かれている問題を解消して アイコン画像とテキストを綺麗に並べたい （「<img src="test.jpg" align="absmiddle">テスト」の状態に） したいのですが、何か方法はございますでしょうか？
補足
今回はありがとうございましたm(_ _)m やはりMX2004現在の仕様ではテキスト表示に関しては このあたりが限度のようで、テキスト表示関連部分は まだまだ弱く、Ajaxと連動させて処理するしかないようです。 次期バージョンのFlashに期待です。 この度はありがとうございました。