- ベストアンサー
どの環境でも画像を中央表示
どのような環境でも画像を中央表示させる方法を教えてください。(フレームは使いたくありません) できればテーブルを使用し枠線(400×400程度)の中央に画像(350×350)表示(スライドショー)したいのですが・・・。 どなたかよろしくお願いいたします。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
まずは、ブラウザ上で必ず中心にしないといけないということですね。 <BODY> <TABLE border="0" width="100%" height="100%"> <TBODY> <TR> <TD align="center"></TD> </TR> </TBODY> </TABLE> </BODY> width="100%" height="100%と指定することでブラウザのサイズに左右されること無くブラウザのサイズ=枠の幅となり、ここに<center>を持ってくることでどの環境でも中心に文字などが来ます。 で、この中心に400x400の枠を置きさらにその中心に…なので、 <BODY> <TABLE border="0" width="100%" height="100%"> <TBODY> <TR> <TD align="center"> <TABLE border="1" width="400" height="400"> <TBODY> <TR> <TD align="center">ここにソース</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </BODY> これでOKです。 とりあえず、このまま表示して、拡大縮小してみてください。
その他の回答 (1)
- shy00
- ベストアンサー率34% (2081/5977)
<table align="center"> <tr> <td> スライドショー用のタグ </td> </tr> </table> これで、テーブルが中央表示になります align:詳細は http://tohoho.wakusei.ne.jp/html/attr/align.htm を参照してください
補足
shy00さん ありがとうございます。 早速やってみましたが、うまくいきません。(画像がテーブルの外に表示されます。) よろしければ下記につきご指摘お願いしたいのですが・・・ <table align="center"width=400 height=400 border color=#cccccc> <tr><td> <java Applet>(width=250 height=250) </td></tr> </table>
お礼
master-3rdさん ありがとうございました。 解決しました。 初めてのホームページで悪戦苦闘しているところ 助かりました。ぜひまたよろしくお願いいたします。