ロゴ画像をウィンドウに合わせて

[新着] Webテンプレートを仮オープンしました



0   名前: エツコ : 2005/11/24 15:01
ロゴ画像をウィンドゥサイズに合わせて必ず左に表示する為にはどうすればいいのでしょうか?
詳細を説明すると、今サイズ1024*768で右上に会社ロゴの画像を貼っております。
しかし、画面幅が小さくなるとロゴが隠れてしまいます。
ウィンドウ枠に合わせて、画面表示幅を小さくしても必ず右上に会社ロゴが表示する為にはどの様にすればいいのでしょうか?

1   名前: うっちー : 2005/11/24 15:01  [URL
ロゴ画像が1024×768ピクセルでしょうか?
だとしたら、まず、画像サイズがでかすぎます。

>ロゴ画像をウィンドゥサイズに合わせて必ず左に表示する為にはどうすればいいのでしょうか?
>必ず右上に会社ロゴが表示する為にはどの様にすればいいのでしょうか?

結局、右・左どっち?

2   名前: エツコ : 2005/11/24 15:01
ロゴ画像が1024×768ピクセルでしょうか?
だとしたら、まず、画像サイズがでかすぎます。
↑すみません。画像サイズは幅100高さ50程度なのですが
全体のページが1024×768サイズに合わせたページ寸法です。

結局、右・左どっち?
↑右です。
右上に画像があり、ウィンドゥを若干小さく表示すると
右上にある画像が隠れてしまいます。

言葉足らずですみませんでした。

3   名前: うっちー : 2005/11/24 15:01  [URL
具体的にそのページのソースかアドレスは?

4   名前: エツコ : 2005/11/24 15:01
ページのソースとなります。
WEBページ作成初心者なものであまりよく分からず何度もすみません。
ソース中の「ueno_login_03」をウィンドゥ幅が変更しても
必ず右に表示できる様にしたいのです。
--------------------------------------------------
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<style type="text/css">
<!--
.style1 {
color: #FFFFFF;
font-size: 12px;
}
.back {
background-image: url(images/ueno_login_01.jpg);
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Table_01" width="947" height="574" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="35" colspan="4" class="back"><div align="right"><img src="images/ueno_login_03.jpg" width="135"

height="57"> </div></td>
</tr>
<tr>
<td colspan="4">
<img src="images/ueno_login_04.jpg" width="947" height="145" alt=""></td>
</tr>
<tr align="right" valign="middle" bgcolor="1C4A1B">
<td height="20" colspan="4"><span class="style1">Copyright (c) 2005 JR East Company All Rights Reserved.

</span></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="87" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="245" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="480" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="135" height="1" alt=""></td>
</tr>
</table>
<center>
</body>
</html>

5   名前: 匿名希望 : 2005/11/24 15:01
<div align="right" style="width:100%"><img src="images/ueno_login_03.jpg" width="135" height="57"></div
をtableじゃなくてbodyの直下に書いたら?
スクロールには対応してないけど

6   名前: 匿名希望 : 2005/11/24 15:01
テーブルを使わなければいいんですよ。
第一テーブルはレイアウトの為にあるものじゃないし。
それと<td height="35" colspan="4" class="back"><div align="right"><img src="images/ueno_login_03.jpg" width="135" height="57"></div></td>のDIVも使う意味ないですね。.back{}にtext-align:right;を加えればいい話です。

7   名前: エツコ : 2005/11/24 15:01
TO匿名希望さま
解決しました。ありがとうございました!

TOうっちーさま
色々ありがとうございました!

一覧へ戻る