• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:HTMLで画像を上下中央に表示したい)

HTMLで画像を上下中央に表示する方法

このQ&Aのポイント
  • HTML初心者のため、Windows8とGoogleChromeを使用して自社HPを作成中です。
  • 会社のロゴをページの上下中央に表示することが求められていますが、うまく表示されません。
  • HTMLのコードを確認してみた結果、テーブルと画像の設定が適切でない可能性があります。助けを求めています。

質問者が選んだベストアンサー

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

レイアウトのためのテーブルは好ましくありません、使わないようにしましょう。 ロゴ一枚ならCSSで背景とした方が楽に設定出来ます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>タイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="keywords" content=""> <meta name="description" content=""> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- body{ background-image:url(images/logo800.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%; } --> </style> </head> <body> </body> </html>

achaacha
質問者

お礼

うまくできました! ありがとうございました。

関連するQ&A