- 締切済み
タグで、画像が飛び出て来る設定は？
ＦＣ２ブログを運営してるんですが 運営後、２ヶ月位経過しました ＯＳはビスタで、ブラウザはＦｉｒｅｆｏｘ３.５です それで、最初は表示せず ボタン式のアイコンをクリック… 又は、何かにカーソルを合わせると 画像が出て来て、しかも出来れば…なんですが この画像に解説を入れられる様な設定を、したいと考えてます これは画像と解説が同時に出ても構いませんし 画像にカーソルを合わせると 解説が出る設定でも構いません その場合のタグは、どう設置したら良いんでしょうか？ 一応、私が知ってるタグは ◆１、<font title="言葉"><a href="画像のＵＲＬ" target="_blank"><img src="画像のＵＲＬ" alt="言 葉" border="0" width="178" height="100" /></a></font> で、これは画像にカーソルを合わせると 解説等の言葉が出て来る設定で使用してます それと、これは某タグ解説のＨＰから そのまま引用したタグなんですが ◆２、<INPUT type=button value="ここを押すと…" onClick="alert('こんなのが出ます。')"> という感じで「ここを押すと」のボタンをクリックすると 新しいウィンドが出て「こんなのが出ます」という言葉が入ってました ただ、似た様な状態を出すＨＰが、あり そのＨＰのソースを見たんですが こういうタグに、なっており ◆３、<td ><form action="javascript:wf_open_window(350,300,'d1000xN_entry.php? line=7','calender','yes','yes')" method="post">2294名<br> <input type="submit" value="エントリー"> </form></td></tr> しかし、私のブログに、そのまま貼り付けましたが 反映しませんでした ちなみに、このタグが添付した画像です という事で 私の条件に合うタグを教えて頂きたいと思います 尚、上記のタグで“◆１”に関しては 最初、ＩＥでしか反映しませんでしたが 推測で、改良したらＦｉｒｅｆｏｘでも反映しました 従って、出来れば両方で反映する方法を 御願いします それと、上記３種類のタグなんですが 私から見れば、同じ様な設定に見えますが どうして種類が違うんでしょうか？
- mitsuemon
- お礼率60% (1485/2450)
- ブログ
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
ブログの本文って、タグソースが見えるモードで貼り付けましたか？ 高機能エディタ等に切り替えてるなら、標準の編集モードに戻してください。 メモ帳に貼り付けて、test.htmlとか名前付けて保存して、そのファイルをブラウザに放り込めば動きますよ。
とりあえず、HTMLタグじゃ無理なので、JavaScript覚えてください。 [参考]とほほのJavaScriptリファレンス http://www.tohoho-web.com/js/ [参考]一撃必殺JavaScript日本語リファレンス http://www.openspc2.org/JavaScript/
お礼
回答有難う御座います でもスイマセン…御紹介して頂いたＨＰなんですが 最初のＵＲＬの解説で、例えば ここの通り http://www.tohoho-web.com/js/start.htm <html> <head> <title>サンプル</title> </head> <body> <script type="text/javascript"> <!-- document.write("Hello World!!"); // --> </script> </body> </html> 「ブラウザの画面に「Hello World!!」と表示されましたね」 と書いてありますが そんな画面は全く出ません 方法ですが、最初、自分のブログで 本文にコピーして貼り付けましたがダメで その後、メモ帳に貼り付け 私は通常Ｆｉｒｅｆｏｘ３.５を使用してますが ＩＥに切り替えて表示させましたが 上記のタグが、画面に出るだけで 「ブラウザの画面に「Hello World!!」と表示されましたね」 こんな画面は出ませんでした 勿論、次のタグでも 「ページを開いた時の時刻を表示します」 も全く出ませんでした それと…大変申し訳ないんですが ２番目のＵＲＬに関しては 残念ながら専門用語過ぎて、何が書いてあるのかが 分かりませんでした
関連するQ&A
- 特殊(？)なタグが知りたいです
以前にも似た様な質問を、しましたが もう少し深く知りたくて再投稿しました 現在ＦＣ２ブログを運営してから ２ヶ月が経過しました ちなみにＯＳはビスタで、ブラウザはＦｉｒｅｆｏｘ３.５です それで、面白い反映を、するタグを探してるんですが 結論から言うと ブログのプロフィール欄に ある画像を載せようと思ってます しかし、ただ載せるだけじゃ面白く無いんで 最初は画像が見えず、モーションを起こした時等に 画像と解説が出る様な設定を考えてます それで私も色々調べたんですが 私が知ってるＨＰは、こういうＨＰです http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/1/mojikome.htm http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/3/dialog-botan.htm そして、以前の投稿で教えて頂いたＨＰです http://www.intactmotor.com/hobby-interest/css-popup/ そこで聞きたいんですが 主に画像系が希望なんですが 他に、こういうタグを知りませんか？ あるいは、載ってるＨＰを御存知無いでしょうか？ 尚、現在使用してるタグは 画像にカーソルを載せると、文字が出るタグです それで、通常はＩＥしか 反映しないのかも知れませんが 出来ればＦｉｒｅｆｏｘでも反映するタグが有難いです 一応、自分でも探しましたが どう表現して良いかが分からなかった為… つまり、どういう言葉で検索すれば 見つかるかが分からなかった為 探せませんでした 従って、自分で探せ…と言う方 検索する言葉を教えて頂ければと思います
- 締切済み
- ブログ
- 面白い(？)タグが知りたいです
現在ＦＣ２ブログを運営してから ２ヶ月が経過しました ちなみにＯＳはビスタで、ブラウザはＦｉｒｅｆｏｘ３.５です それで、面白い反映を、するタグを探してるんですかが 私が知ってるＨＰは、こういうＨＰなんですが http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/1/mojikome.htm http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/3/dialog-botan.htm 現在使用してるタグは 画像にカーソルを載せると、文字が出るタグです それで、通常はＩＥしか 反映しないのかも知れませんが 出来ればＦｉｒｅｆｏｘでも反映するタグが有難いです そこで聞きたいんですが 主に画像系が希望なんですが 他に、こういうタグを知りませんか？ あるいは、載ってるＨＰを御存知無いでしょうか？ 一応、自分でも探しましたが どう表現して良いかが分からなかった為… つまり、どういう言葉で検索すれば 見つかるかが分からなかった為 探せませんでした 従って、自分で探せ…と言う方 検索する言葉を教えて頂ければと思います
- 締切済み
- ブログ
- 画像配列のタグが分かりません
以前に質問して解決しなかった為、再投稿しました 現在ＦＣ２ブログを運営して、２ヶ月が経過したと思いますが ブログの中で、画像と解説を上下に並べたく そのタグの方法で質問です それと、タグを入れた事で文章が長くなりました 申し訳ありません 尚、予め説明しておくと“--”の部分に関しては 内容の説明と、どう反映させたいかを 分かり易く…と思い、分けただけなんで 並べ方としては、この方法なんですが ----------------------------- ----------------------------- 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 ----------------------------- ----------------------------- 要するに、画像の隣に解説を置き 更に、間を、ほとんど(？)開かせずに 改行して、同じ様に画像の隣に解説… そう設置したいんです それで、今迄、私が設定した方法では この並びだったんですが ----------------------------- ----------------------------- 画像 解説 画像 解説 ----------------------------- ----------------------------- この設置方法で、タグとしては ここで教えて貰った方法で ----------------------------- <table border=0> <tr> <td>画像</td><td>解説</td> <td>画像</td><td>解説</td> </tr> </table> ----------------------------- でしたし、解説が２段以上の時には ----------------------------- <table border=0> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> ----------------------------- でした 要するに、今迄は、画像の隣に解説…で設置しても 改行は、した事が、ありません そこで、ここでも質問した所 下記の種類のタグを教えて頂きました ---------------------------- <table border=0 cellpadding=0 cellspacing=0 width=600> <tr> <td colspan=4>タイトル</td> </tr> <tr> <td width=200>画像</td><td width=100>解説1<br>解説2</td> <td width=200>画像</td><td width=100>解説3<br>解説4</td> </tr> <tr> <td width=200>画像</td><td width=100>解説1<br>解説2</td> <td width=200>画像</td><td width=100>解説3<br>解説4</td> </tr> </table> ------------------------------ タイトル <table border=0> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr><tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> ------------------------------ <table> <caption>タイトル</caption> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr><tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> ----------------------------------- しかし、いずれも タイトルと画像や、タイトルと上に 大きくスペースが開いてしまいます これは、どう設置したら良いんでしょうか？
- ベストアンサー
- ブログ
- 特殊(？)タグが反映しません
以前にも似た様な質問を、しましたが 反映しなかった為、再投稿します 現在ＦＣ２ブログを運営してから ２ヶ月が経過しました ちなみにＯＳはビスタで、ブラウザはＦｉｒｅｆｏｘ３.５です それで、面白い反映を、するタグを探してるんですが 出来ればジャパスクリプトを使用しない物が有難いです 結論から言うと ブログのプロフィール欄に ある画像を載せようと思ってます しかし、ただ載せるだけじゃ面白く無いんで 最初は画像が見えず、モーションを起こした時等に 画像と解説が出る様な設定を考えてます それで私も色々調べたんですが 私が知ってるＨＰは、こういうＨＰです http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/1/mojikome.htm http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/3/dialog-botan.htm ちなみに上記ＨＰに載ってるタグは反映してます そして、以前の投稿で教えて頂いたＨＰですが 反映しないタグが http://www.intactmotor.com/hobby-interest/css-popup/ ソース <div class="popup"> <a href=""><img class="pop" width="128" height="128" alt="firefox icon" src="http://garage.mods.jp/blog/image/icns/firefox.png" /> <img width="128" height="128" alt="サ ムネイル" src="http://garage.mods.jp/blog/image/icns/firefox.png" /> </a> </div> http://garage.mods.jp/ex/css-popup/ ソース <span class=”popup”> <a href=”http://www.intactmotor.com/out/ranking-more1″ target=”_blank”>(押しちゃダメ)<img src=”http://www.intactmotor.com/wp-content/uploads/2009/09/osuna.gif” width=”280″ height=” 180″ /></a> この２つです どう反映しないのかと言うと この２つを自分のブログ記事に入れたんですが いずれも最初から画像が表示されており 画像が隠れた状態では表示されません ちなみに私は普段Ｆｉｒｅｆｏｘを使用ですが ＩＥ６に切り替えても同じでした それと、もう１つ聞きたいんですが 主に画像系が希望なんですが 他に、こういうタグを知りませんか？ あるいは、載ってるＨＰを御存知無いでしょうか？ 尚、現在使用してるタグは 画像にカーソルを載せると、文字が出るタグです それで、通常はＩＥしか 反映しないのかも知れませんが 出来ればＦｉｒｅｆｏｘでも反映するタグが有難いです こういうタグ、一応、自分でも探しましたが どう表現して良いかが分からなかった為… つまり、どういう言葉で検索すれば 見つかるかが分からなかった為 探せませんでした 従って、自分で探せ…と言う方 検索する言葉を教えて頂ければと思います この最後の質問に関しては 今迄全く回答が無かったです
- ベストアンサー
- ブログ
- tableタグとformタグの組み合わせ
tableタグとformタグの組み合わせでどのように記述すれば、構文上正しいのでしょうか？ 私は下のパターンで書いておりますが、間違いでしたら早めに改めたいので お聞きしました。 ＜table＞ ＜form＞ ＜input type="hidden" name="a" value="1"> ＜tr＞ ＜td＞ ＜input type="text" name="b" value=""＞ ＜/td＞ ＜/tr＞ ＜tr＞ ＜td＞ ＜input type="submit" value="OK" value=""＞ ＜/td＞ ＜/tr＞ ＜/fomr> ＜/table＞
- ベストアンサー
- HTML
- このタグの方法は？
ブログの中で、画像と解説を上下に並べたいんですが そのタグの方法で質問です 尚、予め説明しておくと “--”の部分に関しては 内容の説明と、どう反映させたいかを 分かり易く…と思い、分けただけなんで 並べ方としては、この方法なんですが ----------------------------- ----------------------------- 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 ----------------------------- ----------------------------- 要するに、画像の隣に解説を置き 更に、間を、ほとんど(？)開かせずに 改行して、同じ様に画像の隣に解説… そう設置したいんです それで、今迄、私が設定した方法では この並びだったんですが ----------------------------- ----------------------------- 画像 解説 画像 解説 ----------------------------- ----------------------------- この設置方法で、タグとしては ここで教えて貰った方法で ----------------------------- <table border=0> <tr> <td>画像</td><td>解説</td> <td>画像</td><td>解説</td> </tr> </table> ----------------------------- でしたし、解説が２段以上の時には ----------------------------- <table border=0> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> ----------------------------- でした 要するに、今迄は、画像の隣に解説…で設置しても 改行は、した事が、ありません 但し今回の設置方法の場合、今迄の応用と考え ----------------------------- <table border=0> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr><tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> ----------------------------- と、画像と解説の後に改行したい所で <tr>～</tr>設置しました すると、画像と解説の並びとしては 特に問題も無く出来ましたが ----------------------------- タイトル 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 ----------------------------- と入れたくて ----------------------------- タイトル <table border=0> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr><tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> ------------------------------ と設置したら ------------------------------ タイトル 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 画像 解説 ------------------------------ と、タイトルと画像＆解説の間に かなりのスペースが空いてしまいました 仕方が無いからと思い 現在は ----------------------------- <table border=0> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> <table border=0> <tr> <td>画像</td><td>解説1<br>解説2</td> <td>画像</td><td>解説3<br>解説4</td> </tr> </table> ----------------------------- と設定してますが 今度は、画像と解説の改行部分に間が空いてるのと 現在の設置方法では、解説文が長い時だと ---------------------------- 画像 解説解説 画像 解説 画像 解説 画像 解説 画像 解説解説 画像 解説 ---------------------------- と、解説の後に画像が付く様に設置される為 解説が短い画像と長い画像では ズレてしまい、上手く配列出来ません これは、どう設置したら良いんでしょうか？
- 締切済み
- ブログ
- 見出し用(？)タグ、両方で反映するタイプは？
見出し用(？)タグ、両方で反映するタイプは？ 最近、ＦＣ２でホームページを作りました その時のレイアウトとして 文章を分り易くする為に 一応、箇条書きで、文章にもサブタイトルの様に 見出しの様な感じで付けました しかし、反映したものを見るとブラウザで反映が違います それで、結論から言うと 今回使用したタグに、こだわってる訳じゃないんで 出来れば、どんな(？)ブラウザ…又は メインのブラウザで反映するタグを知りたいという質問です 尚、私は現在Ｆｉｒｅｆｏｘを使用してますが 一応、ＦｉｒｅｆｏｘとＩＥで反映してくれれば… と思います それと、私は現在ＦＣ２ブログを複数運営してますが ＨＰは初心者で、ＨＰもＦＣ２で作成しました ただ、タグに関しては、ブログでも 主にテーブルタグを使用してましたが それ以外のタグは、あまり知りません それで、私が探したタグとしては 最初はテーブルタグで、枠の色を使用して…だったんですが まず、ブログとＨＰでＦｉｒｅｆｏｘと ＩＥの両方で試験的に作ってみました すると、この解説では http://www.tagindex.com/html_tag/table/table_bordercolor.html 表示が違いますし、実際に使用すると 反映しませんでした 更に、この両者も試したんですが ここは、一番下のテスト用タグを使用した所 全く反映せず http://plaza.rakuten.co.jp/ochie240/8020 ここの解説に関しては、一応反映しました しかし、ブログとＨＰで試した所 両者でレイアウト等、かなり違いが出ました http://kodawari-affiliate.wablog.com/55.html 正確に言うと、ブログでは一応Ｆｉｒｅｆｏｘ、ＩＥ共に 正常に反映しますが ＨＰでは、相当レイアウトが崩れてました 本当は、どう崩れたかを画像で御紹介出来れば 分り易いんだと思いますが 上記内容では、画像が４つ以上必要な感じで そうすると、配置等、どう考えて載せれば良いかが分らず 今回は文章での説明のみで書かせて頂きました
- ベストアンサー
- その他（インターネット・Webサービス）
- FORMタグ挿入による勝手に改行されてしまう
こんにちは。 ホームページビルダー9を使用しています。 TABLEタグ内に、FORMを使用しているのですが、BRタグはないのに、勝手に改行が入ってしまいます。 過去の質問から、 TDタグの外側にFORMを移動すれば良いとあったのですが、FORMタグ内にactionが入っています。 INPUTタグなども存在しているのですが、そのような場合、どのようにしてFORMタグを移動するのでしょう？ もしくは、タグを移動させなくても、勝手に入る改行を防ぐことは出来るのでしょうか？ 宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- IEでFORMタグを入れると空白ができる
IEだけなのですがFORMタグを入れるとTABLEとTABLEの間に空白ができます。 自分なりに切り分けをしたみたところ下記のような結果になりました。 １、XHTML1.0をHTML4.0に変更すると正常に表示 ２、Firefoxで開くと正常に表示 ３、FORMタグを外すと正常に表示 ４、このhtmlファイルをローカル(自身のPC上)で表示すると正常に表示 (Webサーバにアップロードすると現象が現れる) ソースは以下の通りです <!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"> <table border="0" width="800"><tr> <td><font color="#000080"><b>サブメニュー</b></font></td> <td width="20"></td> <td align="right"> <input type="button" value="戻る" onclick=window.open("http://www.xxxx.xxx/xxx.html","_top")> </td></tr></table> ※この間に空白ができます※ <table border="1" cellspacing="0" cellpadding="5" width="800"> <tr><th nowrap class="l" width="270">商品A</th> <th nowrap class="l" width="100">商品A</th> <th nowrap class="l" width="270">商品名B</th> <th nowrap class="l" width="100">商品B</th> <p></tr> <tr> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> </tr> <tr> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> </tr> </table> </p> </html> 実際にはもっと長い表になるのですが<tr></tr>を増やせば増やすほど空白が大きくなります。 どうすれば解消できるでしょうか ご存知の方がいらっしゃいましたらご教授願います。 いろいろなサイトを拝見して試してみましたが解決できないのでよろしくお願いします。
- ベストアンサー
- HTML
- リンクにカーソルを乗せると画像が表示されるタグ（ＪＡＶＡっぽい）
リンクにカーソルを載せると、画像が表示されるようにしたいのですが。 例えばこちらのブログhttp://hikaru.blogzine.jp/dress_you_up/ リンクの上にカーソルを合わせると「クリック！」と表示されます。 このように設定するにはどのようなタグを打ち込めばよいのでしょうか？ 多分JAVA関連だと思いますが、ソースを覗いても見つかりませんでした。 ソースを載せてくれるだけでも結構です。 ご解説よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
回答有難う御座います 結論から言うと、この件に関しては 半分解決しました 半分…って言うのはメモ帳の事なんですが これは私の勘違いで、メモ帳に貼り付けた後 保存する時、テキスト形式で保存してました 従って、これを「html」に変更して起動したら 正常に反映しました ちなみに、これはＩＥもＦｉｒｅｆｏｘも 関係なく反映してます それで、もう半分なんですが ブログの本文に関して… “タグソースが見えるモードで…高機能…標準の編集モード…” なんですが、これは、どう解釈したら良いんでしょうか？ 一応、初期設定は変更してないと思いますし 本文はhtmlタグ対応ですが そういう意味ではないんでしょうか？