電子書籍の厳選無料作品が豊富！

HTMLで画像を上下中央に表示したい

解決済

  • 質問者：achaacha
  • 質問日時：
  • 回答数：1件

HTML初心者です。
会社でWindows8、GoogleChromを使用しています。

新規でレンタルサーバより自社HPを持ったのですが、制作会社を見つけるまでの間、会社のロゴをページ中央に表示しておくように言われました。
ネットで検索し、以下のように記述してみたのですが、ページ上の中央に配置されるものの、
上下中央にロゴが表示されません。

頭の2行は、トップページがレンタルサーバの広告＆準備中となっていたので、そのページに記述されていたものを残しています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="keywords" content="">
<meta name="description" content="">
<title>タイトル</title>
</head>
<BODY>
<table width="90%" height="90%" border="0" align="center">
<tr>
<td><div align="center"><img src="/images/logo800.jpg" alt="logo" width="50%" height="50%"></div></td>
</tr>
</table>
</BODY>
</html>

まったくの初心者でお恥ずかしいのですが、力を貸していただけると助かります。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： torayoshi
  • 回答日時：

レイアウトのためのテーブルは好ましくありません、使わないようにしましょう。


ロゴ一枚なら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>
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2012/12/20 09:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報