質問編集履歴
2
追記を行いました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
<article class="contents-form-right">
|
|
21
21
|
<p><a href="#" class="btn-green" style="vertical-align:middle;">
|
|
22
|
-
<i class="phone">電話する</i></a></p>
|
|
22
|
+
<i class="fa fa-phone">電話する</i></a></p>
|
|
23
23
|
</article>
|
|
24
24
|
|
|
25
25
|
```
|
|
@@ -28,4 +28,14 @@
|
|
|
28
28
|
|
|
29
29
|
現在は元の画面より単純化しておりますが、CSS読み込みの位置を調整したり、<a>タグの内部の位置を調整するなどしましたが、アイコンは表示されておりません。
|
|
30
30
|
|
|
31
|
-
<i>タグを使ってボタンを作るのは不得手なので、美味いやり方をご存知の方がいれば教えてもらえればと思います。
|
|
31
|
+
<i>タグを使ってボタンを作るのは不得手なので、美味いやり方をご存知の方がいれば教えてもらえればと思います。
|
|
32
|
+
|
|
33
|
+
### 追記
|
|
34
|
+
申し訳ございません。
|
|
35
|
+
最初に掲載したソースに間違いがございました。
|
|
36
|
+
|
|
37
|
+
ご指摘の通り、ソースを変更したらアイコンは表示されました。
|
|
38
|
+
しかし、サンプル画像のようなボタンを作ろうとすると、アイコンが表示されなくなってしまいます。
|
|
39
|
+
アイコンが表示されるボタンにしたいのですが、どのようにすればよいでしょうか？
|
|
40
|
+
|
|
41
|
+
私のミスで不要な時間を取らせてしまい、申し訳ございません。
|
1
サンプル画像を掲載しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<i>タグで使用するアイコンを<article>要素などで作ったボタンの中に表示したい。
|
|
4
4
|
|
|
5
|
+
画像はサンプルですが、以下のようなボタンを作りたいと考えております。
|
|
6
|
+
|
|
7
|
+
|
|
5
8
|
### 発生している問題・エラーメッセージ
|
|
6
9
|
|
|
7
10
|
アイコンを表示させようとしたところ、表示されないもしくは小さくて見えないなどの問題が発生しております。
|