「お気に入り」などを開くと文字がずれるのですが、固定できますか？

質問

初心者です。

ホームページで画像の上に文字をかぶせたく、絶対位置？というのでしょうか？で指定して何とかうまく出来たかに思えました・・・。

しかし、お気に入りなどを出す際に、左側に一覧が出て画面が少し小さくなりますよね？この時に画像や文字がずれてしまうのです・・・。また解像度の違うディスプレイで見ると、これもまた違う風に見えるようです。

なんとか固定して動かなくする方法は無いものでしょうか？？

ご存知の方おられましたらアドバイスいただけたら幸いです。宜しくお願いいたします。

回答No.2

goldfox · ベストアンサー

どのように書いてずれるのか、の説明（ソース提示）がないので適当になりますが、画像も絶対位置指定すればよいのではないですか？

まあ、もっといいのは、相対位置指定のブロックの中に、画像と絶対位置指定の文字を配置することと思いますが。
<div style="position:relative; top:0; left:0 ;">
<img src="" alt="">
<p style="position:absolute; top:--px; left:--px ;">文字</p>
</div>

回答No.3

firebee

強引かも知れませんが、文字を画像に組み込んでしまい、画像内のエリアを指定してリンクを貼れば絶対にずれることはありません。

ただリンクをポイント時に引っ込ませたりは出来ませんし、クリックした時に、指定したエリアが点線で表示されてしまうためデザイン性には欠けてしまうかも知れません…

私はこれを重宝しております。
一情報としてご参考になさってみてください。

参考URL：

http://www.tagindex.com/html_tag/img/img_map.html

回答No.1

noname#17189

画像を文字の背景にしてしまうとか。
それだったら文字が動いても画像もくっついてってくれます。

お礼

ありがとう御座います。

一応リンクポイントとなっているので背景ではなく、画像ということで対応したいと思っております。

引き続き、宜しくお願いいたします。