一部にリンクを貼った画像をホームページのトップページに置きたいのですが、サイドに余白ができてしまいます。
**パソコン、スマートフォン、タブレットなどあらゆる端末で、余白ができないようにフルスクリーン表示させる方法を教えてください。**下にスクロールする分には構いません。
初心者なので、わからないことだらけで申し訳ないですがよろしくお願いします。
HTML
1<p> 2 <img src="https://placehold.jp/1500x3500.png" usemap="#ImageMap" alt="" /> 3<map name="ImageMap"> 4 <area shape="rect" coords="195,209,989,737" href="#" alt="" /> 5</map> 6</p> 7
CSS
1p img { 2 max-width: 100%; 3}
完成イメージは「ホームページのトップページに画像が全画面表示される。」です。
現在、どのようにHTML , css を記載しているのかを 質問に追記してください。
どのようにHTML , css を記載しているのかを <code>ボタンを押して、質問に追記してください。そうすれば回答される率が上がります。
追記しました。
ソース中に、イメージマップ(例:https://allabout.co.jp/gm/gc/23823/)の箇所がありますが、リンクは設定されていませんね…。イメージマップは必ず必要ですか?それとも、画像さえ表示できればそれでいいですか?(イメージマップ消していいんですか?)
「↑に追記」<code>ないに記入されているソースはご自分で理解されていますか?それともとりあえずコピペされたやつですか?
イメージマップは必要です。そのソースは理解してます。でもとりあえずコピペです。
わかりました。こちらも初心者ですが考えてみます…。(タグに「javascript」もつけるとちゃんとした技術のあるまともな人からの回答率が上がるかもしれません…。)
回答4件
あなたの回答
tips
プレビュー