• 文字サイズ


解決済

スマホのトップページにHTMLで枠を付ける方法について

  • 相談者:非公開
  • 2021/12/20 10:29
お世話になっております。
スマホのトップページに、HTMLで枠を作ったリンクを入れたいと思います。
PCは以下のもので大丈夫だったのですが、スマホだとdivが使えません。
同じような見た目にすることが出来ますか?

二重線の角丸ではないものなら以前作ったものがあるのですが、シンプルめにしたいです。

よろしくお願いいたします。


※リンクはまだ入れてません。後から入れます。

<table width="720"><tr><td>
<div style="padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px; text-align: center;">
~1,000円
</div>
</td><td>
<div style="padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px; text-align: center;">
1,001~5,000円
</div>
</td><td>
<div style="padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px; text-align: center;">
5,000~10,000円
</div>
</td><td>
<div style="padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px; text-align: center;">
10,001円~
</div>
</td></tr></table>
キーワード:SPTOP一重枠線
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2021/12/20 11:04
ECマスターズの三輪です。

いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします………(省略)………
  • 返信者:非公開
  • 2021/12/20 17:49
ECマスターズの三輪です。

> スマホのトップページに、HTMLで枠を作ったリンクを入れたいと思います。
> PCは以下のもので大丈夫だったのですが、ス………(省略)………
  • 返信者:非公開(質問者)
  • 2021/12/21 08:22
角丸が無理でも、枠がつけられるだけでも構いません。

<table border="1" cellpadding="5" align="center" wi………(省略)………
  • 返信者:非公開
  • 2021/12/21 11:23
ECマスターズの三輪です。

> 上記で二重線の枠が入っているので、
> そのような感じで二重じゃないものにしたいです。

先頭の<table>タグに………(省略)………
  • 返信者:非公開(質問者)
  • 2021/12/22 09:36
ありがとうございます。
これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか?

□□□□
こんな感じです。
全体の外枠は不要です。
………(省略)………
  • 返信者:非公開
  • 2021/12/22 14:11
ECマスターズの三輪です。

> これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか?
> □□□□
> こんな感じです。
> 全体の外………(省略)………
  • 返信者:非公開(質問者)
  • 2021/12/24 16:55
ありがとうございます。

何度もすみません。

幅を固定することは出来ますか?
4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しい………(省略)………
  • 返信者:非公開
  • 2021/12/24 19:31
ECマスターズの三輪です。

> 幅を固定することは出来ますか?
> 4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しいです。

………(省略)………
  • 返信者:非公開(質問者)
  • 2021/12/27 10:33
いい感じです!
ありがとうございました………(省略)………
このフォーラムへの質問は終了しました