teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問画像の中心を表示＋左右に10pxの余白を設ける

編集履歴

質問編集履歴

6

参考サイトの追記

2019/01/16 15:10

投稿

sonnani1374
sonnani1374

スコア15

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,9 @@
20
20
 
21
21
  （画像サイズは横1300px、縦511pxです。）
22
22
 
23
- （参考サイトhttp://www.coolwebwindow.com/csstips/csstechnic/templatelayout/000347.php）
23
+ （参考サイトhttp://www.coolwebwindow.com/csstips/csstechnic/templatelayout/000347.php
24
+
25
+ https://create.irec.jp/sample02/）
24
26
 
25
27
  ※この画像をjQueryプラグインのbxSliderで使用しようと考えております。
26
28
 

5

コードブロックに書き換え

2019/01/16 15:10

投稿

sonnani1374
sonnani1374

スコア15

test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  〜現在の状況～
30
30
 
31
- 【HTML】
31
+ ```HTML
32
32
 
33
33
  <div class="image">
34
34
 
@@ -36,7 +36,11 @@
36
36
 
37
37
  </div>
38
38
 
39
+ ```
40
+
41
+
42
+
39
- 【CSS】
43
+ ```CSS
40
44
 
41
45
  .image {
42
46
 
@@ -63,3 +67,5 @@
63
67
  margin-left:-650px;
64
68
 
65
69
  }
70
+
71
+ ```

4

2019/01/16 15:01

投稿

sonnani1374
sonnani1374

スコア15

test CHANGED
File without changes
test CHANGED
@@ -22,9 +22,11 @@
22
22
 
23
23
  （参考サイトhttp://www.coolwebwindow.com/csstips/csstechnic/templatelayout/000347.php）
24
24
 
25
+ ※この画像をjQueryプラグインのbxSliderで使用しようと考えております。
25
26
 
26
27
 
28
+
27
- ～現在の状況～
29
+ 〜現在の状況～
28
30
 
29
31
  【HTML】
30
32
 

3

2019/01/16 07:07

投稿

sonnani1374
sonnani1374

スコア15

test CHANGED
File without changes
test CHANGED
File without changes

2

2019/01/16 07:06

投稿

sonnani1374
sonnani1374

スコア15

test CHANGED
File without changes
test CHANGED
File without changes

1

条件訂正

2019/01/16 07:05

投稿

sonnani1374
sonnani1374

スコア15

test CHANGED
File without changes
test CHANGED
@@ -15,6 +15,8 @@
15
15
  ・横幅は画面幅に応じて収縮するが、画像の中心がずれない
16
16
 
17
17
  ・widthは100％
18
+
19
+ ・左右と上にmarginを10px設ける
18
20
 
19
21
  （画像サイズは横1300px、縦511pxです。）
20
22