画像にURL、電話、上部のHTMLのタグについて

画像にURLと電話番号を入れて発信させるタグを入れたいのですが、
どうしても反映するとうまくできず、バナーが変になってしまいます。
下記の画像の中にリンク先のURLと<a href="tel:電話番号"> </a>
を入れる場合はどこに入れるのが正しいのでしょうか？
また、「上部へ」のタグも入れたいです。

<img class="alignnone size-full wp-image-779" src="https://pleasurenakameguro.jp/wp-content/uploads …バナーPOP.jpg" alt="" width="1125" height="216" />

ご教示いただけますと幸いです。
宜しくお願い致します。

No.3 回答者： Ogre7077 回答日時： 2022/02/22 17:51

画像(に重ね合わせるよう)に

URL(の文言とリンク要素)と
電話番号(の文言とリンク要素)と
上部へのリンク要素
を入れる例

<style>
.overlap-container { position:relative; display:inline-block; }
.overlap-container > div { position:absolute; }
</style>
<div class=overlap-container>
<img src="xxx.jpg" width=? height=?>
<div style="left:?px;top:?px;"><a href=URL>URL</a></div>
<div style="left:?px;top:?px;"><a href=電話>電話</a></div>
<div style="left:?px;top:?px;"><a href=上部>上部</a></div>
</div>

No.2 回答者： t_fumiaki 回答日時： 2022/02/22 16:39

>>また、「上部へ」のタグも入れたいです。

ここで言う「上部へ」とは？

No.1 回答者： ほーほけきょッ 回答日時： 2022/02/22 16:11

<a href="tel:電話番号"><img class="alignnone size-full wp-image-779"

src="https://pleasurenakameguro.jp/wp-content/uploads …バナーPOP.jpg" alt="" width="1125" height="216" /></a>