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

質問編集履歴

3

もう一度直しました。

2019/03/25 04:16

投稿

lemosuke
lemosuke

スコア13

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- ##![イメージ説明](d9b4a36ad44c94e8e77a1e40d67d3320.png)現したいこと
1
+ ### 表現したいこと
2
2
  ドットインストールの実践!Webページを作ろうという講座に沿ってコードを書いていたのですが、widthで値を設定したものの適用されないので改善方法が知りたいです。
3
3
 
4
4
  エラーメッセージ

2

画像の追加

2019/03/25 04:16

投稿

lemosuke
lemosuke

スコア13

title CHANGED
@@ -1,1 +1,1 @@
1
- CSSでwidthが適用されないです
1
+ CSSでwidthが適用されません
body CHANGED
@@ -1,4 +1,4 @@
1
- ### 前提・実現したいこと
1
+ ##![イメージ説明](d9b4a36ad44c94e8e77a1e40d67d3320.png)現したいこと
2
2
  ドットインストールの実践!Webページを作ろうという講座に沿ってコードを書いていたのですが、widthで値を設定したものの適用されないので改善方法が知りたいです。
3
3
 
4
4
  エラーメッセージ
@@ -31,4 +31,5 @@
31
31
 
32
32
  ### 補足情報(FW/ツールのバージョンなど)
33
33
  atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)![エラーが出ている画面](aa70f7326fcf4441a6fefdba58ce43ce.png)
34
- ![![widthなどの画面](023f3a6f90fd0acbc031a605af62c144.png)](6a1293304f2952934bce59ccbcf42ad3.png)
34
+ ![![widthなどの画面](023f3a6f90fd0acbc031a605af62c144.png)]![(6a129](23f48783e4d26e4edeb026eb4ed0dad5.png)3304f2952934bce59ccbcf42ad3.png)
35
+ ![イメージ説明](0759a284aba25712c9aed34356fb667b.png)

1

スクリーンショットの追加、またcodeを規定の書き方に修正しました。勝手がわからずすみません。

2019/03/25 04:15

投稿

lemosuke
lemosuke

スコア13

title CHANGED
File without changes
body CHANGED
@@ -5,19 +5,17 @@
5
5
  \u8(chromeのディベロッパーツールで検証をかけた時に赤い丸とこのエラーコードが表示されました。)
6
6
 
7
7
  ### 該当のソースコード
8
+
8
- HTML
9
+ ```HTML
9
- <section class="feature">
10
+ <section class="feature">
10
11
  <img src="img/feature1.png" width="420" height="270" alt="特徴1">
11
12
  <div class="desc">
12
13
  <h1>すごい特徴があるよ</h1>
13
14
  <p>色々あります。</p>
14
15
  </div>
15
- </section>
16
+ </section>
16
-
17
+ ```
17
- CSS
18
+ ```CSS
18
- ソースコード
19
-
20
-
21
19
  .feature .desc {
22
20
  width: 360px;
23
21
  }
@@ -25,10 +23,12 @@
25
23
  float: right;
26
24
  padding-left: 40px;
27
25
  }
26
+ ```
28
27
 
29
28
  ### 試したこと
30
29
 
31
30
  googleでエラーコードを検索しても何も出てこないので、自分でコードの間違いがないかずっと確認していたのですがわからずに質問させていただきました。
32
31
 
33
32
  ### 補足情報(FW/ツールのバージョンなど)
34
- atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)
33
+ atomを使っております。googleの検証ツールで確認したところwidthは780pxになっていました。(のwidthを820px,また、descの右側paddingを40pxにしたためだと思いますがなぜか360pxが適用されません。)![エラーが出ている画面](aa70f7326fcf4441a6fefdba58ce43ce.png)
34
+ ![![widthなどの画面](023f3a6f90fd0acbc031a605af62c144.png)](6a1293304f2952934bce59ccbcf42ad3.png)