- ベストアンサー
jpgへの直リンクの場合のセンタリング
ある元ページの中に フレームを入れてjpgを直リンクさせて気づいたのですが、センタリングの仕方がわかりません。というか、考えても原理的になりたたない気もするのですが、ここならばという思いで・・・。 jpg１枚のためにセンタリングを施したhtmlを作らないとだめでしょうか？！
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
こういうのは？ <HTML> <HEAD> <TITLE>ファイトーー！( ゜ロ゜)乂(゜ロ゜ )イッパーーツ！！</TITLE> <SCRIPT LANGUAGE=javascript> <!-- function select1_onchange() { file =select1.options(select1.selectedIndex).value; ifr.document.write('<table border="0" width="100%" height="100%"><tr><td><div align="center"><p align="center"><img border="0" src="' + file + '" align=center></p></div></td></tr></table>'); ifr.document.close(); } //--> </SCRIPT> </HEAD> <BODY> <P> <SELECT id=select1 style="WIDTH: 163px; HEIGHT: 55px" size=2 name=select1 LANGUAGE=javascript onchange="return select1_onchange()"> <OPTION value="" selected>選択してね</OPTION> <OPTION value=http://ittochan/sample1.jpg>サンプル１</OPTION> <OPTION value=http://ittochan/sample2.jpg>サンプル２</OPTION> </SELECT></P> <P> <iframe id=ifr height=600 width=600></iframe> </P> </BODY> </HTML>
その他の回答 (4)
- ittochan
- ベストアンサー率64% (2667/4137)
document.writeは 何回もリンクをクリックすると駄目みたい function link1_onclick(URL) { ifr.document.body.innerHTML='<table border="0" width="100%" height="100%"><tr><td><div align="center"><p align="center"><img border="0" src=' + URL + ' align=center></p></div></td></tr></table>'; } こうしてinnerHTMLを使ってね。
お礼
ありがとうございました！ ばっちりです！！！！
- ittochan
- ベストアンサー率64% (2667/4137)
こう？ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE=javascript> <!-- function link1_onclick(URL) { ifr.document.write('<table border="0" width="100%" height="100%"><tr><td><div align="center"><p align="center"><img border="0" src="' + URL + '" align=center></p></div></td></tr></table>'); ifr.document.close(); } //--> </SCRIPT> </HEAD> <BODY> <P> <!--↓ここでiframeへリンク--> <P><a id=link1 href="javascript:link1_onclick('http://www.okweb.ne.jp/images/okweb_logo32c_130w_2.gif');">サンプル1</a> </P> <!--↑ここでiframeへリンク--> <iframe id=ifr height=600 width=600 framespacing="0" frameborder="no"></iframe> </BODY> </HTML>
単なるセンタリングですよね？ 下記でできますよ。ちなみにOKWEBの左上の画像への直リンです。 <div align="center"> <p><img src="http://okweb.jp/images/okweb_logo32c_130w_2.gif" alt="" height="130" width="130" border="0"></p> </div>
- ham_kamo
- ベストアンサー率55% (659/1197)
jpg直リンだとセンタリングは無理です。 ＞jpg１枚のためにセンタリングを施したhtmlを作らないとだめでしょうか？！ CGIが使えるなら、CGIを利用する、という手はあります。
お礼
早い回答ありがとうございました。 CGIの方法もあるんですか。
お礼
まさか、と思ったけどできるんですね！ ありがとうございます！ ただ、書いている内容の考え方はわかるのですが、hrefからの表記ならどう書き換えたらいいんでしょうか？ 忙しい中指導いただけたらうれしいです。 <HTML> <HEAD> <TITLE>ファイトーー！( ゜ロ゜)乂(゜ロ゜ )イッパーーツ！！</TITLE> <SCRIPT LANGUAGE=javascript> <!-- function select1_onchange() { file =select1.options(select1.selectedIndex).value; ifr.document.write('<table border="0" width="100%" height="100%"><tr><td><div align="center"><p align="center"><img border="0" src="' + file + '" align=center></p></div></td></tr></table>'); ifr.document.close(); } //--> </SCRIPT> </HEAD> <BODY> <P> <SELECT id=select1 style="WIDTH: 163px; HEIGHT: 55px" size=2 name=select1 LANGUAGE=javascript onchange="return select1_onchange()"> <OPTION value="" selected>選択してね</OPTION> <OPTION value="http://www.okweb.ne.jp/images/okweb_logo32c_130w_2.gif">サンプル１</OPTION> <OPTION value="http://ittochan/sample2.jpg">サンプル２</OPTION> </SELECT></P> <!--↓ここでiframeへリンク--> <P><a href="http://www.okweb.ne.jp/images/okweb_logo32c_130w_2.gif">サンプル1</a> </P> <!--↑ここでiframeへリンク--> <iframe id=ifr height=600 width=600 framespacing="0" frameborder="no"></iframe> </BODY> </HTML>