- ベストアンサー
画像を一枚、画面の中央に.....
写真を一枚だけ、画面の中央に配置して、リンクを張りたいのですが...... タグ関連の部屋を覗いて見たのですが、なかなかなくてσ(^_^;)アセアセ... テーブルを使ってみても、中央にならなくて困っています。 ご存知の方、どうかお知恵をお貸し下さいm(_ _"m)ペコリ
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートを使用してみてはいかがですか？ <body marginwidth="0" marginheight="0"> <div style="width:100%; height:100%"> <div style="text-align:center; vertical-align:middle;"><a href="abc.html" target="_top"><img src="xxx.gif" width="xxx" height="yyy" alt="あかさたな" border="0"></a></div> </div> </body> 確か、こんなんで出来ると思うけど....
その他の回答 (3)
- arukamun
- ベストアンサー率35% (842/2394)
こんにちは <HTML> <BODY> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=100% HEIGHT=100%> <TR> <TD ALIGN=center VALIGN=middle><A HREF="ここににLINKするURLを記述"><IMG SRC="ここに画像のURLを記述" BORDER=0></A></TD> </TR> </BODY> </HTML> これでいかがでしょうか？
お礼
宿題が片付かなくて、ネット禁止令がでて、御礼が遅くなって済みません(^^;; ALIGNタグを利用すればいいのですね♪ まだ勉強して無いタグだったので、是非参考にさせていただきます。 有難うございましたm(_ _"m)ペコリ
- achimaru
- ベストアンサー率64% (9/14)
こんにちは ＞テーブルを使ってみても、中央にならなくて困っています。 とのことですが、テーブルを使わずともできると思うので…(テーブルタグ打つのがめんどいだけ) <center></center>タグでとりあえず画面の”横”に対しては中央にできると思います もしかしてお困りなのは画面の”縦”に対して中央にならないということなのかな？と… それを解決するのに<BODY>のタグの中に topmargin (トップマージン)という属性を指定してあげれば画面縦中央にできると思います <!--サンプルタグ--> <html> <head> <title>ページタイトル</title> </head> <body topmargin="150"> <center> <a href="リンク先URL"><img src="画像URL(～.jpgなど)" width="画像の横サイズ" height="画像の縦サイズ" alt="画像のコメント"></a> </center> </body> </html> <!--サンプル終わり--> 上の<BODY topmargin="150">の中の"topmargin"というのは 「ブラウザの画面上部(top)から(この場合は)１５０ピクセルの余白を開けますよ」というタグです これは画像に限らずテキストにも有効です １５０という数字は表示する画像の大きさによって調節しなければならないので何度か数値を変えては確認する、という感じでn--nさんが変更して下さい ちなみにこの１５０の数値では２５０×２５０の画像を中央に表示できました（ただし画像の上下にテキスト等いっさい無い場合） しかしながら、閲覧する人の環境の違いにより見え方が異なる恐れも否めません。 ネットスケープ4.×バージョンではTopmarginのタグは無効な様です 今回確認したのはMacのIE5とNN7.0とwinIE6とNN6.2です Netscape4.×で中央に見せるなら <br>（改行）沢山打ってイメージを中央に下げるという荒技もありますが ブラウザで表示文字サイズを変更しただけで呆気無くレイアウトが崩壊しますので(滝汗) これを使うのはデンジャラスですね… と、Netscape4.×の対応を除けば これでわりと簡単に中央に表示させる事ができるのでは無いでしょうか？ ウェブデザイナーでは無いアマチュアの意見ですので他にも簡単にできる方法があるかも知れません 私ならこうするかなーと言う事で(^-^;)アハハ… 一応これも１つの方法としてアドバイスさせていただきました お役にたてれば幸いです
お礼
宿題が片付かなくて、ネット禁止令がでて、御礼が遅くなって済みません(^^;; 本当に丁寧な解説ありがとうございました♪ そうですよね、ネスケの方のことも考えなくてはいけなかったです(汗 本当にいろいろな方法があるみたいですね、tomarginうのタグ、是非使ってみようと思います。 有難うございました(^o^)丿
こんにちは！ <body> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"><img src="aaa.jpg" width="160" height="300"></td> </tr> </table> </body> こんな感じで・・
お礼
宿題が片付かなくて、ネット禁止令がでて、御礼が遅くなって済みません(^^;; alignタグ...まだ使ってませんでした♪ シンプルに出来るのですね～ 是非参考にさせていただきます(^o^)丿 有難うございましたm(_ _"m)ペコリ
お礼
宿題が片付かなくて、ネット禁止令がでて、御礼が遅くなって済みません(^^;; スタイルシートでも出来るのですね♪ 高度な方法有難うございました(^o^)丿 やぱり、スタイルシートも勉強したいので、是非参考にさせていただきます。 有難うございましたm(_ _"m)ペコリ