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

質問編集履歴

5

文章の修正

2019/01/22 12:51

投稿

masaru_666
masaru_666

スコア13

title CHANGED
File without changes
body CHANGED
@@ -5,9 +5,10 @@
5
5
  ### 発生している問題・エラーメッセージ
6
6
 
7
7
  display gridを使いレイアウトをしているのですが、タブのボタン部分とタブの中身のレイアウトにgridが効かなく、配置がうまくできません。
8
- articleはレイアウトできるのですが、その中のimgがうまく配置できません。
8
+ articleやほかの外枠はレイアウトできるのですが、その中のimgがうまく配置できません。
9
- 本来でしたら下の行に配置するようにしたく考えています。
9
+ .imgbox1 {grid-column: 2/3;grid-row: 6/7;}で本来でしたら下の行に配置するようにしたく考えていますがうまくいきません
10
10
  ![イメージ説明](64db6a05d4ac544e259285d9b5ad5a91.png)
11
+
11
12
  ### 該当のソースコード
12
13
 
13
14
  ```html

4

コードと画像の追加

2019/01/22 12:51

投稿

masaru_666
masaru_666

スコア13

title CHANGED
File without changes
body CHANGED
@@ -6,9 +6,13 @@
6
6
 
7
7
  display gridを使いレイアウトをしているのですが、タブのボタン部分とタブの中身のレイアウトにgridが効かなく、配置がうまくできません。
8
8
  articleはレイアウトできるのですが、その中のimgがうまく配置できません。
9
+ 本来でしたら下の行に配置するようにしたく考えています。
10
+ ![イメージ説明](64db6a05d4ac544e259285d9b5ad5a91.png)
9
11
  ### 該当のソースコード
10
12
 
11
13
  ```html
14
+ <body>
15
+ <div class="warpper">
12
16
  <article>
13
17
  <div class="js-tab">
14
18
  <div class="tab1 active">タブその1</div>
@@ -22,6 +26,7 @@
22
26
  </div>
23
27
  </div>
24
28
  </article>
29
+ </body>
25
30
  ```
26
31
 
27
32
  ```css

3

文章の修正

2019/01/22 12:47

投稿

masaru_666
masaru_666

スコア13

title CHANGED
File without changes
body CHANGED
@@ -5,6 +5,7 @@
5
5
  ### 発生している問題・エラーメッセージ
6
6
 
7
7
  display gridを使いレイアウトをしているのですが、タブのボタン部分とタブの中身のレイアウトにgridが効かなく、配置がうまくできません。
8
+ articleはレイアウトできるのですが、その中のimgがうまく配置できません。
8
9
  ### 該当のソースコード
9
10
 
10
11
  ```html

2

前提・実現したいことの文章の修正

2019/01/22 11:40

投稿

masaru_666
masaru_666

スコア13

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- jQueryを使いページ内でタブ切り替えをつけてタブの中に3×3で画像を配置してタブを切り替えることで違う種類の3×3の画像に切り替える機能の導入を考えています。
3
+ jQueryを使いページ内でタブ切り替えをつけてタブの中に画像を配置してタブを切り替えることで違う種類の画像に切り替える機能の導入を考えています。
4
4
 
5
5
  ### 発生している問題・エラーメッセージ
6
6
 

1

前提・実現したいことの文章の修正

2019/01/22 11:29

投稿

masaru_666
masaru_666

スコア13

title CHANGED
File without changes
body CHANGED
File without changes