質問編集履歴

1

<code>を囲っていないとのご指摘をいただきましたので修正しました。

2018/04/16 07:03

投稿

sue2700
sue2700

スコア8

test CHANGED
@@ -1 +1 @@
1
- 画像にCSSでつくったボタンを複数のせ、それぞれに異なるリンク先を設定したい。
1
+ CSSボタンを定した位置に表示できない。
test CHANGED
@@ -1,8 +1,8 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- 1つの画像の上に、CSSでつくったボタンを複数のせて、
3
+ 1つの画像の上に、CSSでつくったボタンを複数のせて、それぞれに異なるリンク先を設定したい。
4
-
4
+
5
- それぞれ異なるリンク先を設定したい。
5
+ ・ボタンは整列ではなく、すべて任意の位置を設定したい。
6
6
 
7
7
 
8
8
 
@@ -32,18 +32,24 @@
32
32
 
33
33
  html
34
34
 
35
+ ```ここに言語を入力
36
+
35
37
  <div class="btn01">
36
38
 
37
39
  <img src="examle01.jpg"alt="">
38
40
 
39
41
  <a href="リンク先"class=btn target="_blank" ></a></div>
40
42
 
43
+ ```
44
+
41
45
 
42
46
 
43
47
 
44
48
 
45
49
  CSS
46
50
 
51
+ ```ここに言語を入力
52
+
47
53
  .btn{
48
54
 
49
55
  display: inline-block;
@@ -98,6 +104,8 @@
98
104
 
99
105
  }
100
106
 
107
+ ```
108
+
101
109
 
102
110
 
103
111
  ### 試したこと
@@ -108,7 +116,9 @@
108
116
 
109
117
  html
110
118
 
119
+ ```ここに言語を入力
120
+
111
- <div class="page01"><img src="example01.jpg" alt="">
121
+ <div class="page01"><img src="example01.jpg" alt="">
112
122
 
113
123
  <a href="リンク先1" class="btn btn01" target="_blank"></a>
114
124
 
@@ -116,10 +126,14 @@
116
126
 
117
127
  </div>
118
128
 
129
+ ```
130
+
119
131
 
120
132
 
121
133
  CSS
122
134
 
135
+ ```ここに言語を入力
136
+
123
137
  .btn{
124
138
 
125
139
  display: inline-block;
@@ -188,6 +202,8 @@
188
202
 
189
203
  }
190
204
 
205
+ ```
206
+
191
207
 
192
208
 
193
209