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

質問編集履歴

6

画像の修正をしました。

2020/05/05 08:36

投稿

fuhixx
fuhixx

スコア22

title CHANGED
File without changes
body CHANGED
@@ -4,7 +4,7 @@
4
4
  画像の「絵画クラス」の上にある、
5
5
  「青枠内の僅かな隙間」です。
6
6
 
7
- ![イメージ説明](de08613356aa03db7dfb623cfed61398.png)
7
+ ![イメージ説明](0f1a17b4f8aa686e3d28c9021cdb6114.png)
8
8
  marginやpaddingは関係ないと思いましたが、試しましたがダメでした。。
9
9
 
10
10
 

5

文章の修正をしました。

2020/05/05 08:35

投稿

fuhixx
fuhixx

スコア22

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,9 @@
1
1
  ↓この画像の「テキストの上の余白」は仕様なので消せないのでしょうか。。
2
+
3
+ ここでの「テキストの上の余白」は、
4
+ 画像の「絵画クラス」の上にある、
5
+ 「青枠内の僅かな隙間」です。
6
+
2
7
  ![イメージ説明](de08613356aa03db7dfb623cfed61398.png)
3
8
  marginやpaddingは関係ないと思いましたが、試しましたがダメでした。。
4
9
 

4

画像の追加です。

2020/05/05 08:10

投稿

fuhixx
fuhixx

スコア22

title CHANGED
File without changes
body CHANGED
@@ -30,4 +30,13 @@
30
30
  top: 100%;
31
31
  right: 43%;
32
32
  }
33
- ```
33
+ ```
34
+
35
+
36
+ h1を「GoogleChrome検証ツール」でクリックした時に出てくる画面はこちらです↓
37
+
38
+ ![イメージ説明](550d9f981270ad34cce7f01407f61465.png)
39
+
40
+ ![イメージ説明](3028c58ccfb312bede4b11392bac320c.png)
41
+
42
+ ![イメージ説明](c564af3ead60dd2a397a08da90f449dd.png)

3

軽微な修正。

2020/05/05 08:04

投稿

fuhixx
fuhixx

スコア22

title CHANGED
File without changes
body CHANGED
@@ -12,8 +12,8 @@
12
12
  @mixin txt_ttl {
13
13
  font-size: 36px;
14
14
  }
15
- @mixin txt_ttl-s {
15
+ @mixin txt-s {
16
- font-size: 20px;
16
+ font-size: 19px;
17
17
  }
18
18
 
19
19
  .center {

2

文章の大幅な変更をしました。

2020/05/05 07:58

投稿

fuhixx
fuhixx

スコア22

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,33 @@
1
1
  ↓この画像の「テキストの上の余白」は仕様なので消せないのでしょうか。。
2
2
  ![イメージ説明](de08613356aa03db7dfb623cfed61398.png)
3
- 試しましたがダメでした。。
3
+ marginやpaddingは関係いと思いましたが、試しましたがダメでした。。
4
+
5
+
6
+ ```html
7
+ <h1><span>絵画</span><span>クラス</span><span class="caption">3才〜小6</span></h1>
8
+ ```
9
+
10
+ ```scss
11
+
12
+ @mixin txt_ttl {
13
+ font-size: 36px;
14
+ }
15
+ @mixin txt_ttl-s {
16
+ font-size: 20px;
17
+ }
18
+
19
+ .center {
20
+ text-align: center;
21
+ }
22
+ .ttl_h1 {
23
+ @include txt_ttl;
24
+ position: relative;
25
+ text-align: center;
26
+ }
27
+ .caption {
28
+ @include txt-s;
29
+ position: absolute;
30
+ top: 100%;
31
+ right: 43%;
32
+ }
33
+ ```

1

誤解を招いてしまい大変申し訳ありませんでした。画像のpaddingを消させていただきました。。

2020/05/05 07:57

投稿

fuhixx
fuhixx

スコア22

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,3 @@
1
1
  ↓この画像の「テキストの上の余白」は仕様なので消せないのでしょうか。。
2
- ![イメージ説明](3b7f6140702a7ad7c4fc97b2a1e1a012.png)
2
+ ![イメージ説明](de08613356aa03db7dfb623cfed61398.png)
3
- padding0 margin0
4
3
  など試しましたがダメでした。。