teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

このようにしたい、という画像を追加しました!

2019/12/20 08:23

投稿

yyymmm
yyymmm

スコア30

title CHANGED
File without changes
body CHANGED
@@ -161,7 +161,9 @@
161
161
 
162
162
 
163
163
 
164
+ 以下のようにしたいです。
164
165
 
166
+ ![イメージ説明](4f7d23f18bd528fdcdb42a5f931980cc.png)
165
167
 
166
168
 
167
169
 
@@ -170,8 +172,6 @@
170
172
 
171
173
 
172
174
 
173
-
174
-
175
175
  追記です。今の状態です↓
176
176
 
177
177
  ```ここに言語を入力

2

追記しました!

2019/12/20 08:23

投稿

yyymmm
yyymmm

スコア30

title CHANGED
File without changes
body CHANGED
@@ -155,4 +155,135 @@
155
155
 
156
156
 
157
157
 
158
- ![イメージ説明](31dccfc74586f91269e9b6a2606f817c.png)
158
+ ![イメージ説明](31dccfc74586f91269e9b6a2606f817c.png)
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+
168
+
169
+
170
+
171
+
172
+
173
+
174
+
175
+ 追記です。今の状態です↓
176
+
177
+ ```ここに言語を入力
178
+ html
179
+
180
+ <div id="tickets">
181
+
182
+ <h1 class="section2">tickets</h1>
183
+ <h2>チケットについて</h2>
184
+  <p class="line"><img src="sen.png"></p>
185
+
186
+ <p class="about_sentence">説明文ーーーーーーーーーーーーー</p>
187
+
188
+ <div id="left">
189
+
190
+ <ul><li><span class="price">01. </span><span class="price_title">入場券</span><span class="price_title2"> (お一人につき一枚必要) </span>‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ <span class="price">&yen;3,000</span>
191
+
192
+ </li>
193
+ <li><span class="price">02. </span><span class="price_title">テント券</span><span class="price_title2"> (ひと組につき一枚必要) </span>‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ <span class="price">&yen;3,000</span>
194
+ </li>
195
+ <li><span class="price">03. </span><span class="price_title">テント券</span><span class="price_title2"> (ひと組につき一枚必要) </span>‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ <span class="price">&yen;8,000</span>
196
+ </li>
197
+ <li><span class="price">04. </span><span class="price_title">テント券</span><span class="price_title2"> (ひと組につき一枚必要) </span>‥‥‥‥‥‥‥‥‥ <span class="price">&yen;12,000</span>
198
+ </li>
199
+ <p id="tickets_higaeri">*説明文</p>
200
+ </ul>
201
+
202
+ <h3>チケットに含まれるもの</h3>
203
+
204
+ <ul><li>-------------------</li>
205
+ <li>--------------------</li>
206
+ <li>--------------------</li></ul>
207
+
208
+ <p>*説明文<br>
209
+ *説明文</p>
210
+
211
+ <p>説明文</p>
212
+
213
+
214
+
215
+
216
+ </div>
217
+
218
+
219
+ </div> <!--ticket-->
220
+
221
+
222
+ css
223
+
224
+ #tickets{
225
+ position: relative;
226
+ background-color: #F7F5F0;
227
+ padding: 20px;
228
+ }
229
+
230
+
231
+ .price_title{
232
+ font-size: 18px;
233
+ font-weight: 500;
234
+ }
235
+
236
+ .price_title2{
237
+ font-size: 15px;
238
+ }
239
+
240
+ #tickets ul li{
241
+ line-height: 1;
242
+ padding-bottom: 27px;
243
+ }
244
+
245
+ #tickets_higaeri{
246
+ font-size: 12px;
247
+ color: #696969;
248
+ }
249
+
250
+ #left{
251
+
252
+ position: absolute;
253
+ left: 0;
254
+ right: 0;
255
+ margin: auto;
256
+ width: 936px;
257
+ height: 582px;
258
+ background-image: url(hukidasi.png);
259
+ }
260
+
261
+ #left ul{
262
+ display: inline-block;
263
+ text-align: left;
264
+
265
+
266
+
267
+ }
268
+
269
+
270
+
271
+
272
+
273
+
274
+
275
+
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+
286
+
287
+
288
+ コード
289
+ ```

1

画像追加しました

2019/12/17 02:08

投稿

yyymmm
yyymmm

スコア30

title CHANGED
File without changes
body CHANGED
@@ -150,4 +150,9 @@
150
150
  ```
151
151
 
152
152
 
153
- ![イメージ説明](5d8816158d555a90bcc8615104b62a53.jpeg)
153
+ ![イメージ説明](5d8816158d555a90bcc8615104b62a53.jpeg)
154
+
155
+
156
+
157
+
158
+ ![イメージ説明](31dccfc74586f91269e9b6a2606f817c.png)