- 文字サイズ変更
- 小
- 中
- 大
解決済
スマホのトップページに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>
スマホのトップページに、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>
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2021/12/20 11:04
ECマスターズの三輪です。
いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします………（省略）………
いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします………（省略）………
- 返信者：非公開
- 2021/12/20 17:49
ECマスターズの三輪です。
> スマホのトップページに、HTMLで枠を作ったリンクを入れたいと思います。
> PCは以下のもので大丈夫だったのですが、ス………（省略）………
> スマホのトップページに、HTMLで枠を作ったリンクを入れたいと思います。
> PCは以下のもので大丈夫だったのですが、ス………（省略）………
- 返信者：非公開（質問者）
- 2021/12/21 08:22
角丸が無理でも、枠がつけられるだけでも構いません。
<table border="1" cellpadding="5" align="center" wi………（省略）………
<table border="1" cellpadding="5" align="center" wi………（省略）………
- 返信者：非公開
- 2021/12/21 11:23
ECマスターズの三輪です。
> 上記で二重線の枠が入っているので、
> そのような感じで二重じゃないものにしたいです。
先頭の<table>タグに………（省略）………
> 上記で二重線の枠が入っているので、
> そのような感じで二重じゃないものにしたいです。
先頭の<table>タグに………（省略）………
- 返信者：非公開（質問者）
- 2021/12/22 09:36
ありがとうございます。
これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか？
□□□□
こんな感じです。
全体の外枠は不要です。
………（省略）………
これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか？
□□□□
こんな感じです。
全体の外枠は不要です。
………（省略）………
- 返信者：非公開
- 2021/12/22 14:11
ECマスターズの三輪です。
> これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか？
> □□□□
> こんな感じです。
> 全体の外………（省略）………
> これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか？
> □□□□
> こんな感じです。
> 全体の外………（省略）………
- 返信者：非公開（質問者）
- 2021/12/24 16:55
ありがとうございます。
何度もすみません。
幅を固定することは出来ますか？
4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しい………（省略）………
何度もすみません。
幅を固定することは出来ますか？
4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しい………（省略）………
- 返信者：非公開
- 2021/12/24 19:31
ECマスターズの三輪です。
> 幅を固定することは出来ますか？
> 4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しいです。
………（省略）………
> 幅を固定することは出来ますか？
> 4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しいです。
………（省略）………
- 返信者：非公開（質問者）
- 2021/12/27 10:33
いい感じです！
ありがとうございました………（省略）………
ありがとうございました………（省略）………
このフォーラムへの質問は終了しました
質問を検索する