初ホームページ

質問

初めてＨＰを作ってます。
その中で今１番悩んでることなんですが、
ＨＰを作ったときに画面を最大化しても縮小してもちゃんと全体が真ん中にくるようにしたいんです。
イラストを真ん中に置いてその中に文字を書きたくても、イラストは「center」で真ん中にくるけど文字は「開始位置設定」にしてるので画面の大きさを変えるとズレちゃうし。。
イラストの中に文字は書けないなんてことはないですよね？

いろいろ調べてみましたが、もう限界気味です。。；
わかる方いたら、教えてください。
お願いします。

※わかりにくい説明でごめんなさい。

回答No.2

hisajiro · ベストアンサー

こんにちは
画像に文字を重ねたい・・・との解釈でよろしいでしょうか？

それでしたら
head内に
<STYLE type="text/css">
<!--
div.base {
position: relative;　　　　　　　
}
div.insidefrog {
position: absolute;　　　　　　
top: 30px;　　　　　　　　　　　
left: 50px;　　　　　　　　　　　
width: 200px;　　　　　　　　　
}
-->
</STYLE>
と記述してください。
top、left、widthのピクセル値はご自由に変えて大丈夫です。
topは画像の上からどのくらい下の位置で書き始めるかを指定し、
leftは画像の左端からどのくらい右側の位置で文字を書き始めるかを指定するものです。
widthは文字の表示幅を決めるものです。
そして、画像を張る場所に
<DIV class="base" align="center">
<IMG src="画像ファイル" width="画像の横幅" height="画像の縦幅" border="0"><BR>
<div class="insidefrog">
重ねたい文字
</div>
</div>
とやればできます。

お礼

ありがとうございます！
上手くいきました！
丁寧にタグまで載せていただいて、初心者の私にはすごく助かりました！
本当にありがとうございました！

回答No.1

suzu_zou

少し長めの文章を入れておいて、画面を小さくすると、
勝手に文章の途中で改行される、ということですかね。
改行されると後ろの方にある文章や画像は下に「ズレ」ます。
そういうものだと思いますけどね。

文章も画像化してしまってその画像を貼り付けることはできます。
ペイントソフトでそういう画像を作って、貼り付ければいいです。
ただ個人的にはそういうサイトはちょっとご遠慮願いたいです。

補足

早い回答嬉しいです。
ん～もうどうしてもわからなかったので、画面は縮小したままイラストの枠に合わせて文字を入れてたんです。
でもやっぱり最大化したときには合わないんですよね。。；
もちろん最大化に合わせれば縮小したときに合わないし…。
文字の大きさも改行も変わらないですけど、文字は「center」で入れてるわけじゃないので、枠の中に収まらなくなっちゃうんです。