[
[返信する]]
画像リンクの枠線表示について
by ハル
2019-10-30 01:18
「画像」「枠」「縁」などに関する質問は全て閲覧しましたが、同じトピックが見つからなかったため作成させていただきました。
画像をサムネイル表示でリンクさせています。
アルバムから引っ張ってきた画像データの一部を切り取る形でリンクさせているのですが、PCだと画像の周りに枠線が出るのですが、iPhoneからだと枠線が表示されません。
HEAD内の何かが悪さをしているのかと思いましたが、HEADをなにも書いていないまっさらな子ページでも枠線表示されなかったため、困っております。
リンクに使用しているタグは下記のものになります。
<a href="リンクurl"><img src="#sozai768_url#" alt="*" width="50" height="100" border="3" style="background:url(画像url) no-repeat 65% 35%;" /></a>
この方法だとiPhoneでは枠線が表示されないのでしょうか？
サムネイルを縮小ではなく切り取る形でのリンクはやめたくないので、もしiPhoneからでも枠線が表示できる方法がありましたらお教えいただけると幸いです。
pc
[編集]
by 無名
2019-10-31 09:03
border="3"となっている部分を消して、styleの中に「border: 3px solid #カラーコード;」を追加したらいいと思います。
太さや線の種類、カラーコード(省略可)はお好みで設定してください。
pc
[編集]
by ハル
2019-10-31 11:06
レスありがとうございます。
書いていた方法で問題なくリンク画像に枠がついたのでくが、リンク以外の画像にも枠線がついてしまいます。
そちらを消す方法はありますでしょうか？
pc
[編集]
by 匿名
2019-10-31 21:41
検索サイトにて「css クラス」「css セレクタ」等で検索してみてください。
ついでに幅高さ背景画像のリピート設定等もそこでやっておくと捗ると思います。
pc
[編集]
by 無名
2019-10-31 23:41
<a href="#v_url#"><img src="#img_url#" alt="*" style="width: 50px; height: 100px; border: 3px solid; object-fit: none;"></a>
これを一覧画面に書くとリンク先の画像を縮小させずにトリミングして50x100で表示、画像を押したら画像画面にジャンプするようになってます。
アルバムはあまり弄ったことがないので、求めている答えと違ったらお役に立てず申し訳ないです。
pc
[編集]
[返信する]
[
戻る
]
[返信する]]
2019-10-30 01:18
pc
戻る
]