質問編集履歴

3

css追記

2016/07/31 11:26

投稿

tama_art6
tama_art6

スコア7

test CHANGED
File without changes
test CHANGED
@@ -26,43 +26,25 @@
26
26
 
27
27
  <meta charset="UTF-8">
28
28
 
29
- <title>aroma&amp;herb B.B.FOREST | B.B.FOREST</title>
29
+ <title>タイトル</title>
30
30
 
31
31
  <meta name="viewport" content="width=device-width,initial-scale=1">
32
32
 
33
33
  <link href="../common.css" rel="stylesheet" type="text/css">
34
34
 
35
-
36
-
37
35
  </head>
38
36
 
39
-
40
-
41
37
  <body>
42
38
 
43
39
  <!--ヘッダー略-->
44
40
 
45
-
46
-
47
41
  <div id="bbforest">
48
42
 
49
-
50
-
51
43
  <div class="concept">
52
44
 
53
45
  <h2>ごあいさつ</h2>
54
46
 
55
- <p>
56
-
57
- HPをご覧いただきありがとうございます。<br/>
47
+ <p>テキスト</p>
58
-
59
- B.B.FORESTは富良野スキー場・北の峰エリアでひっそりと営業している隠れ家的な自宅サロンです。<br/>
60
-
61
- 日々の忙しい時間から一歩離れて、ゆっくり自分のココロとカラダに向き合ってみませんか?<br/>
62
-
63
- 自分では気づかなかったココロとカラダの疲れが温まりますように。。。とケアを心がけています。<br/>
64
-
65
- ココロとカラダの「冷え」をとりバランスよく「健康」に!</p>
66
48
 
67
49
  <img src="img/concept.jpg" width="400" alt="concept"/>
68
50
 
@@ -78,53 +60,21 @@
78
60
 
79
61
  <p class="prof_1">
80
62
 
81
- <span>ココロとカラダを温めることで「健康」になったわたしは<br/>
63
+ <span>テキスト<br/>
82
-
83
- ゆる~く楽しめるような生き方を選んでいます♪<br/>
84
64
 
85
65
  <br/><br/>
86
66
 
87
- オーナーセラピスト 大森 のり子</span></p>
67
+ テキスト</span></p>
88
68
 
89
69
  <p class="prof_2">
90
70
 
91
- 北海道生まれ。ホームタウンの旭川から2006年B.B.FOREST開業に伴い心機一転、富良野へ。<br/>
92
-
93
- 20代は看護職をしながら、スノーボードに明け暮れた生活で風邪一つひかない健康体でしたが、出産後から風邪がひきやすくなり、平熱が36度以下の低体温!!<br/>
94
-
95
- そのため様々な不調が続き、ついにカラダの「冷え」からうつ病と診断されました。<br/>
96
-
97
- 薬では治らないと直感し、自己免疫力を高めるホリスティック医学に興味を持ちはじめ、その中で出会ったアロマセラピーは、ココロもカラダも冷え冷えの私が「学びたい!」と人生の転機となりました。<br/>
98
-
99
- そして潜在意識に働きかけるスピリチュアルな世界や自己啓発などを知り、真面目で几帳面だった過去の自分とは正反対にゆる~く生きるようになりました。<br/>
100
-
101
- 「健康」がなにより一番の幸せと思っています。<br/>
102
-
103
- <br/>
71
+ テキスト
104
-
105
- マヤ歴 : 白い風*青いサル 銀河の音12 Kin142<br/>
106
-
107
- すきなキーワード : くま・ねこ・ピンク・雪・森・遊
108
72
 
109
73
  </p>
110
74
 
111
75
  <dl>
112
76
 
113
- <dt>'06</dt><dd>JAA日本アロマコーディネート協会アロマコーディネーター<br/>アロマハンドリラックス</dd>
114
-
115
- <dt>'09</dt><dd>ハーブコーディネーター</dd>
116
-
117
- <dt>'10</dt><dd>魔法のしつもん認定講師</dd>
77
+ <dt>'14</dt><dd>テキスト</dd>
118
-
119
- <dt>'11</dt><dd>JRFA日本リラクゼーションフットケア協会<br/>フットケアセラピスト</dd>
120
-
121
- <dt>'12</dt><dd>魔法のしつもんキッズインストラクター</dd>
122
-
123
- <dt>'13</dt><dd>現代レイキヒーリング レベル1<br/>JTPAイヤーポイントセラピスト<br/>さとう式リンパケア上級セラピスト</dd>
124
-
125
- <dt>'14</dt><dd>現代レイキヒーリング レベル2</dd>
126
-
127
- <dt>'15</dt><dd>現代レイキヒーリング レベル3<br/>すまいるすごろくコーチ</dd>
128
78
 
129
79
  </dl>
130
80
 
@@ -176,7 +126,7 @@
176
126
 
177
127
  padding:20px 0 0 10px;
178
128
 
179
- margin-bottom:30px;
129
+ margin:0 auto 30px;
180
130
 
181
131
  border-bottom:#433F30 dotted 2px;
182
132
 
@@ -204,7 +154,7 @@
204
154
 
205
155
  height:auto;
206
156
 
207
- margin:0 auto;/*効いてる*/
157
+ margin:0 auto;
208
158
 
209
159
  overflow:hidden;
210
160
 
@@ -230,18 +180,24 @@
230
180
 
231
181
  .profile{
232
182
 
183
+ background-color:#f8f8f8;
184
+
185
+ text-align:center;
186
+
233
- width:90%;
187
+ width:90%;
234
-
188
+
235
- height:auto;
189
+ height:auto;
236
-
190
+
237
- overflow:hidden;
191
+ overflow:hidden;
238
-
192
+
239
- margin:0 auto;/*効いてる?*/
193
+ margin:0 auto;
240
194
 
241
195
  }
242
196
 
243
197
  .profile h2{
244
198
 
199
+ text-align:left;
200
+
245
201
  letter-spacing:0.15em;
246
202
 
247
203
  }
@@ -254,9 +210,7 @@
254
210
 
255
211
  border-radius:100%;
256
212
 
257
- display:block;
258
-
259
- margin:0 auto; /*効いてない*/
213
+ margin:0 auto; /*効いてない*/
260
214
 
261
215
  }
262
216
 
@@ -276,7 +230,7 @@
276
230
 
277
231
  .profile .prof_2{
278
232
 
279
- margin:0 auto;/*効いてる*/
233
+ margin:0 auto;
280
234
 
281
235
  width:90%;
282
236
 
@@ -288,7 +242,7 @@
288
242
 
289
243
  width:90%;
290
244
 
291
- margin:20px auto 0 auto;/*効いてない*/
245
+ margin:20px auto 0 auto;
292
246
 
293
247
  color:#64513d;
294
248
 
@@ -312,6 +266,28 @@
312
266
 
313
267
  }
314
268
 
269
+ .profile .elefun{
270
+
271
+ display:none;
272
+
273
+ }
274
+
315
275
  }
316
276
 
317
277
  ```
278
+
279
+ ###全体css
280
+
281
+ 全体のcssが文字数をオーバーしてしまったのでこちらに掲載させていただきました。
282
+
283
+ お手数をおかけします・・・。
284
+
285
+ > HTML
286
+
287
+ http://3695711ea2cb27c7.main.jp/css/index.html
288
+
289
+
290
+
291
+ > CSS
292
+
293
+ http://3695711ea2cb27c7.main.jp/css/common.css

2

抜けていた部分を追加しました。

2016/07/31 11:26

投稿

tama_art6
tama_art6

スコア7

test CHANGED
File without changes
test CHANGED
@@ -254,6 +254,8 @@
254
254
 
255
255
  border-radius:100%;
256
256
 
257
+ display:block;
258
+
257
259
  margin:0 auto; /*効いてない*/
258
260
 
259
261
  }

1

HTMLを追加しました

2016/07/30 09:11

投稿

tama_art6
tama_art6

スコア7

test CHANGED
File without changes
test CHANGED
@@ -14,10 +14,144 @@
14
14
 
15
15
 
16
16
 
17
- ###該当のソースコード
17
+ ###html
18
18
 
19
19
  ```ここに言語を入力
20
20
 
21
+ <!doctype html>
22
+
23
+ <html>
24
+
25
+ <head>
26
+
27
+ <meta charset="UTF-8">
28
+
29
+ <title>aroma&amp;herb B.B.FOREST | B.B.FOREST</title>
30
+
31
+ <meta name="viewport" content="width=device-width,initial-scale=1">
32
+
33
+ <link href="../common.css" rel="stylesheet" type="text/css">
34
+
35
+
36
+
37
+ </head>
38
+
39
+
40
+
41
+ <body>
42
+
43
+ <!--ヘッダー略-->
44
+
45
+
46
+
47
+ <div id="bbforest">
48
+
49
+
50
+
51
+ <div class="concept">
52
+
53
+ <h2>ごあいさつ</h2>
54
+
55
+ <p>
56
+
57
+ HPをご覧いただきありがとうございます。<br/>
58
+
59
+ B.B.FORESTは富良野スキー場・北の峰エリアでひっそりと営業している隠れ家的な自宅サロンです。<br/>
60
+
61
+ 日々の忙しい時間から一歩離れて、ゆっくり自分のココロとカラダに向き合ってみませんか?<br/>
62
+
63
+ 自分では気づかなかったココロとカラダの疲れが温まりますように。。。とケアを心がけています。<br/>
64
+
65
+ ココロとカラダの「冷え」をとりバランスよく「健康」に!</p>
66
+
67
+ <img src="img/concept.jpg" width="400" alt="concept"/>
68
+
69
+ </div><!--concept-->
70
+
71
+
72
+
73
+ <div class="profile">
74
+
75
+ <h2><span>Profile</span></h2>
76
+
77
+ <img src="img/avatar.jpg" width="250" height="250" alt="avatar"/>
78
+
79
+ <p class="prof_1">
80
+
81
+ <span>ココロとカラダを温めることで「健康」になったわたしは<br/>
82
+
83
+ ゆる~く楽しめるような生き方を選んでいます♪<br/>
84
+
85
+ <br/><br/>
86
+
87
+ オーナーセラピスト 大森 のり子</span></p>
88
+
89
+ <p class="prof_2">
90
+
91
+ 北海道生まれ。ホームタウンの旭川から2006年B.B.FOREST開業に伴い心機一転、富良野へ。<br/>
92
+
93
+ 20代は看護職をしながら、スノーボードに明け暮れた生活で風邪一つひかない健康体でしたが、出産後から風邪がひきやすくなり、平熱が36度以下の低体温!!<br/>
94
+
95
+ そのため様々な不調が続き、ついにカラダの「冷え」からうつ病と診断されました。<br/>
96
+
97
+ 薬では治らないと直感し、自己免疫力を高めるホリスティック医学に興味を持ちはじめ、その中で出会ったアロマセラピーは、ココロもカラダも冷え冷えの私が「学びたい!」と人生の転機となりました。<br/>
98
+
99
+ そして潜在意識に働きかけるスピリチュアルな世界や自己啓発などを知り、真面目で几帳面だった過去の自分とは正反対にゆる~く生きるようになりました。<br/>
100
+
101
+ 「健康」がなにより一番の幸せと思っています。<br/>
102
+
103
+ <br/>
104
+
105
+ マヤ歴 : 白い風*青いサル 銀河の音12 Kin142<br/>
106
+
107
+ すきなキーワード : くま・ねこ・ピンク・雪・森・遊
108
+
109
+ </p>
110
+
111
+ <dl>
112
+
113
+ <dt>'06</dt><dd>JAA日本アロマコーディネート協会アロマコーディネーター<br/>アロマハンドリラックス</dd>
114
+
115
+ <dt>'09</dt><dd>ハーブコーディネーター</dd>
116
+
117
+ <dt>'10</dt><dd>魔法のしつもん認定講師</dd>
118
+
119
+ <dt>'11</dt><dd>JRFA日本リラクゼーションフットケア協会<br/>フットケアセラピスト</dd>
120
+
121
+ <dt>'12</dt><dd>魔法のしつもんキッズインストラクター</dd>
122
+
123
+ <dt>'13</dt><dd>現代レイキヒーリング レベル1<br/>JTPAイヤーポイントセラピスト<br/>さとう式リンパケア上級セラピスト</dd>
124
+
125
+ <dt>'14</dt><dd>現代レイキヒーリング レベル2</dd>
126
+
127
+ <dt>'15</dt><dd>現代レイキヒーリング レベル3<br/>すまいるすごろくコーチ</dd>
128
+
129
+ </dl>
130
+
131
+ <img src="img/elefun.png" height="350" alt="" class="elefun"/>
132
+
133
+ </div><!--profile-->
134
+
135
+
136
+
137
+ </div><!--bbforest-->
138
+
139
+
140
+
141
+ </div><!--/#container-->
142
+
143
+ </body>
144
+
145
+ </html>
146
+
147
+
148
+
149
+ ```
150
+
151
+ ###css
152
+
153
+ ```ここに言語を入力
154
+
21
155
  @media screen and (max-width: 639px) {
22
156
 
23
157