forestpage

】さんのロビー
ロビーに戻る 新しいHPを作成 フォレストID設定変更 フォレストサービスを利用する ログアウト

森のフォーラム

フォーラム検索

このカテゴリ内で検索が可能です

フォーラム一覧

トップ >> HTMLタグについて >> 新しいページに背景をひとつの画像を貼る

6件のレスが見つかりました
[1-6]

新しい投稿順 | 古い投稿順

投稿者 親記事
[記事No.636215]新しいページに背景をひとつの画像を貼る

向日葵
 A2rtjReE
ID:[tumasaki86]
PC
投稿日時:07/26 10:34

HPアドレス   レスを削除する   違反連絡

検索しても自分の思う答えがでなかったので質問させていただきます。
自分は今、新しいページの中心にひとつだけ画像をぽつんと置きたいと考えています。
その横に一つコンテンツを置きたいんですが、その置いた画像の大きさの分コンテンツの場所がずれてしまいます。

         画像
コンテンツ

↑うまくできているかわかりませんが、こんな感じになってます
画像を置いているだけだからずれるのはわかっているので、画像を置くのではなく背景にするタグを教えてください。

投稿者 スレッド
[記事No.636969]Re:Re:Re:Re:Re:

向日葵
 A2rtjReE
ID:[tumasaki86]
PC
投稿日時:07/31 13:02

HPアドレス   レスを削除する   違反連絡
記事No.636960への返信
Qsさん

お早い回答ありがとうございます。
今数字を消してやってみたところ、画像ちゃんと表示されました。

一度映らなかったのですが、URLの最後に空欄が入ってしまっていたからでした。
Qsさん、詳しく回答してくださりありがとうございました。
[記事No.636960]Re:Re:Re:Re:

Qs
ID:[QSC]
W54T
投稿日時:07/31 11:04

HPアドレス   レスを削除する   違反連絡
記事No.636956への返信
「数字」は不要です。
中央にしたいなら
<style type="text/css"><!--body{background:#ffffff url(画像URL) fixed no-repeat 50% 50%;}--></style>
のように。

それでも画像が表示されないとしたら、画像URL自体が間違っているか、画像URLの入れ方を間違っている可能性があります。
例えばurl()を消してしまうと画像は表示されません。
念のため御確認ください。
[記事No.636956]Re:Re:Re:

向日葵
 A2rtjReE
ID:[tumasaki86]
PC
投稿日時:07/31 09:46

HPアドレス   レスを削除する   違反連絡
記事No.636226への返信

Qsさん、回答ありがとうございます。

検索した質問結果で出てきたその「質問前に読むスレ」へ飛び、その「一枚固定」を貼り付けてました。

<style type="text/css"><!--body{background:#ffffff url(画像URL) fixed no-repeat 数字50% 数字50%;}--></style>

と貼り付けました。
画像は表示されませんでしたので質問させていただきました。

<div style="background:url(画像URL) no-repeat 50% 数字50;">コンテンツ</div>

↑蛇足で書き込まれてたものも試したのですが、
コンテンツは表示されても画像は表示されませんでした。

書き忘れていましたが私はパソコンからサイトを作っているのですが、
それではまたタグのつくり方が違うのでしょうか?
[記事No.636226]Re:Re:

Qs
ID:[QSC]
W54T
投稿日時:07/26 14:57

HPアドレス   レスを削除する   違反連絡
記事No.636225への返信
蛇足

画像とコンテンツを重ねたい(並べたい)場合は、一枚固定は不適当だと思います。
div等で背景を貼ればそれっぽくなるかと。

(例)
<div style="background:url(画像URL) no-repeat 数字% 数字%;">コンテンツ</div>

コンテンツ位置はpadding等で適当に。
[記事No.636225]Re:

Qs
ID:[QSC]
W54T
投稿日時:07/26 14:43

HPアドレス   レスを削除する   違反連絡
記事No.636215への返信
質問前に読むスレ
http://id.fm-p.jp/index.php?module=forum&action=prlist&fid=2&tid=50147&srt=asc
の「一枚固定」をお試しください。

それでできなかった場合または理想と違った場合は、
・貼ったタグ
・背景表示されたのか
・表示されたとしたら、理想とどこが違うのか
を添えて、(このスレに)もう一度質問してください。
分からない場合は、何が分からないのかを添えて質問してください。
[記事No.636218]Re:新しいページに背景をひとつの画像を貼る

向日葵
 A2rtjReE
ID:[tumasaki86]
PC
投稿日時:07/26 10:40

HPアドレス   レスを削除する   違反連絡
記事No.636215への返信
すいません、題名がものすごく意味不明になってしまいました。

「新しいページの背景にひとつ画像を貼る」です。