cssでpositionがうまく使えません。 画像の上に文字を置いて、さらにそれをボタン(リンク)にしたいです。 しかし、ウィンドウの幅を変えたとき、画像と文字の動きが一致しません。

補足

こちらに自分が書いたコードを載せました! 作ろうとしている大体の形もここにあります。 形を整えて、PCでもスマホでもきれいにうつるようにしたいです。 https://uploda1.ysklog.net/uploda/018b534743.jpg

HTML、CSS | ホームページ作成53閲覧xmlns="http://www.w3.org/2000/svg">50

ベストアンサー

1

1人がナイス!しています

ThanksImg質問者からのお礼コメント

こちらを使ってみようと思います! 皆様ありがうございます。

お礼日時:9/28 12:21

その他の回答(2件)

1

基本は下記のようになります。 画像「234142.png」は変更して下さい。 とりあえず、それ以外は完全コピペで表示を確認して下さい。 class="Display_InlineBlock_Box"は「width: 30%」で表示しています。 CSSデモ/画像の上に文字を縦横・中央寄せ「transform: translate」 http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+000001EA&tsn+000001EA&bts+2021/09/25%2001%3A14%3A40&

1人がナイス!しています

もし、フロントエンドをガッツリやりたいなら、下記を参考に実用的なWebページを作ってみると良いでしょう。 実用的なWebページ:ユーザー・フレンドリー(レスポンシブ・デザイン)・Webページ作成の注意点 http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+00000037&tsn+00000037&bts+2021/03/21%2013%3A55%3A19& (各解像度のチェック自体は それほど難しく無いので)現在 Webページを作成しているなら、実際にChromeのデベロッパー・ツールのモバイル・エミュレーターで「PC、タブレット、スマホ」の各解像度をチェックしてみると良いでしょう。

2

もともとのコードと 作りたいイメージを教えてください そうすると皆さん回答しやすいと思います

2人がナイス!しています