画像の位置指定について

Test


0   名前: ぴゅるりん : 2006/01/15 10:16
背景画像とは別に、タイトル画像my-title.gif(とテキストを画像の下に少し加える予定)を左下に表示したいのですが
初心者ゆえに、どのように修正を加えていったらよいのか全く分かりません。
ページ右側は、私なりにテーブルを組んで位置指定しています。
おそらく、タイトル画像とテーブルの位置指定がうまくいかないのだと思います。
背景画像は希望通りの位置にあり、テーブルが指定したよりも少し下がっています。
3日間、いろいろ試してみたのですが、お手上げです。

http://fusigi2.web.fc2.com/my_affirmation.html

FC2の強制広告も入るため、そのことも考慮にいれなくてはならず
がんじがらめになっております。

よい方法と他に修正したほうがよい個所があれは、ご教授願います。
よろしくお願いします。


1   名前: oioiooi : 2006/01/15 10:16
「左下」が「ちょっと左下」なのか、「一番左下」なのか、
あなたの頭の中は見えませんのでわかりません。

「他に修正したほうがよい個所」
font要素を使うなら、設定する部分に
<font size="3" color="#ffffd5" face="Franklin Gothic Medium">私はいかなる変容も喜んで受け入れています。</font>
というようにいちいち設定します。

スタイル設定部分がずたずたな感じなので。
以下のように出来ます。
<STYLE TYPE="text/css">
<!--
BODY
{
color:#ffffd5;
background: #000 url(introduction/zenya_wall2_2.jpeg) no-repeat fixed;
margin: 50px 0px 30px 30px;
}
-->
</STYLE>

あと、間違い部分。

</tabele>←これは間違い。
</table>←正解。
───────────────────────────────────
画像の位置指定について [参照: 17]


名前: ぴゅるりん : 2006/01/09 15:58


背景画像とは別に、タイトル画像my-title.gif(とテキストを画像の下に少し加える予定)を左下に表示したいのですが
初心者ゆえに、どのように修正を加えていったらよいのか全く分かりません。
ページ右側は、私なりにテーブルを組んで位置指定しています。
おそらく、タイトル画像とテーブルの位置指定がうまくいかないのだと思います。
背景画像は希望通りの位置にあり、テーブルが指定したよりも少し下がっています。
3日間、いろいろ試してみたのですが、お手上げです。

http://fusigi2.web.fc2.com/my_affirmation.html

FC2の強制広告も入るため、そのことも考慮にいれなくてはならず
がんじがらめになっております。

よい方法と他に修正したほうがよい個所があれは、ご教授願います。
よろしくお願いします。

2   名前: ぴゅるりん : 2006/01/15 10:16
返信ありがとうございます。
つづり間違いがありましたか…お恥ずかしい。

つづりとスタイルシート部分を修正しました。



そして、フォントなのですが、
>font要素を使うなら、設定する部分に
><font size="3" color="#ffffd5" face="Franklin Gothic Medium">私はいかなる変容も喜んで受け入れています。</font>
>というようにいちいち設定します。

このページのフォントは色もサイズも同一のものにしようとしているのですが
一括して指定することはできないのでしょうか?



タイトル画像の位置ですが、現時点では左上にありますが、横位置は現状維持で
そのまま下におろして表示させたいです。
だいたい、縦軸の下から1/4あたりにです。
どのように組めば表示されるでしょうか?
ちなみに、その下に数行(5行以内で)のテキストを入れたいと思っています。

よろしくお願いします。

3   名前: oioiooi : 2006/01/15 10:16
コピペ、または、書き写すのなら間違いなくなさらないと、何にもなりません。
───────────────────────────────────
BODY {
color:#ffffd5;
background: #000 url("introduction/zenya_wall2_2.jpeg") no-repeat fixed;
margin-left: 50px 0px 30px 30px
}
───────────────────────────────────
margin-left: 50px 0px 30px 30px これはだめです。

margin: 50px 0px 30px 30px; としなければ。

マージンをtopは50px rightは0px bottomは30px leftは30pxとまとめて指定しているものです。
;←また、こいつも意味があるものなので省略はなさらないように。

「このページのフォントは色もサイズも同一のものにしようとしているのですが
一括して指定することはできないのでしょうか?」

スタイルで設定すればよいです。
ただし、現在設定しているFONT要素は*すべて*削除しなければなりません。

<STYLE TYPE="text/css">
<!--
BODY {
font: 94% "Franklin Gothic Medium", "MS Pゴシック", Osaka, sans-serif;
color:#ffffd5;
background: #000 url(introduction/zenya_wall2_2.jpeg) no-repeat fixed;
margin: 50px 0px 30px 30px;
}
td {
font: 94% "Franklin Gothic Medium", "MS Pゴシック", Osaka, sans-serif;
}
-->
</STYLE>

フォントのサイズは、上記で94%にしていますが、
ご所望の大きさをブラウザでプレビューしながら数値をいじってください。


レイアウトに関してですが、申し訳ないのですが、
私には、あなたにうまく説明する自信も、また時間もありません。

1からこのサイトでHTMLの各要素を勉強していただきたく思います。
そして、意味がわかれば、
気に入ったページのソースをのぞいて、
どのようにして表現しているのかを知ることも出来るようになるでしょう。

───────────────────────────────────


4   名前: ぴゅるりん : 2006/01/15 10:16
ご指摘の点、後ほど修正させていただきます。

また、タイトル画像も、今は放心状態になっているので
日を改めてトライしたいとおもいます。

お忙しい中、どうもありがとうございました。

5   名前: S : 2006/01/15 10:16
 HTMLの概論的なことは、下記資料がお奨め。
 要素を一つ一つ見ていって覚えようとしてもそうそうできるものじゃないと思う>HTMLの全体

http://www.kanzaki.com/docs/htminfo.html


余談)よい「Webページ製作ガイド」を見つけるにはコツがいる。
http://members.jcom.home.ne.jp/pctips/Tondemo/

一覧へ戻る