質問編集履歴

5

更新

2020/07/12 02:17

投稿

LBciel.
LBciel.

スコア18

test CHANGED
File without changes
test CHANGED
@@ -74,6 +74,36 @@
74
74
 
75
75
  ```
76
76
 
77
+ **タブのコード**
78
+
79
+ ```html
80
+
81
+ <div class="tab_wrap">
82
+
83
+ <div class="tab_area">
84
+
85
+ <label class="tab_label active" for="tab1">1大学</label>
86
+
87
+ <label class="tab_label" for="tab2">2大学</label>
88
+
89
+ <label class="tab_label" for="tab3">3大学</label>
90
+
91
+ </div>
92
+
93
+ <div class="panel_area">
94
+
95
+ <div id="panel1" class="tab_panel active">
96
+
97
+ <table class="t1">
98
+
99
+ <tr><th class="t1-1">3年生</th><th class="t1-2">イベント</th></tr>
100
+
101
+ <tr><td class="t1-1">4月1週</td><td class="t1-2">新学期開始</td></tr>
102
+
103
+ ```
104
+
105
+
106
+
77
107
  ![イメージ説明](2ebd8e357d8a2c09771f4067f960e744.jpeg)
78
108
 
79
109
 

4

更新

2020/07/12 02:17

投稿

LBciel.
LBciel.

スコア18

test CHANGED
File without changes
test CHANGED
@@ -102,7 +102,7 @@
102
102
 
103
103
 
104
104
 
105
- **注**:こちらには記載していませんがタブがある場合は同じ結果にならない様でしたので、いろいろ試してみたいと思います。わからない場合はまた更新すると思います。
105
+ **注**:こちらには記載していませんが作成しているタブ有りの状態で同じ結果になりませんでしたので、いろいろ試してみたいと思います。わからない場合はまた更新すると思います。
106
106
 
107
107
 
108
108
 

3

更新

2020/07/12 02:02

投稿

LBciel.
LBciel.

スコア18

test CHANGED
File without changes
test CHANGED
@@ -76,6 +76,36 @@
76
76
 
77
77
  ![イメージ説明](2ebd8e357d8a2c09771f4067f960e744.jpeg)
78
78
 
79
+
80
+
81
+ タブが無ければ解決策
82
+
83
+ ---
84
+
85
+ ```css
86
+
87
+ main{display:flex;}
88
+
89
+ table {border-collapse: collapse; flex:1;}
90
+
91
+ th, td {border: solid; padding: 0.5em;}
92
+
93
+ .t1-1, .t2-1 {width: 5%;}
94
+
95
+ .t1-2, .t2-2 {width: 45%;}
96
+
97
+ ```
98
+
99
+ 他のサイトで教えて頂きました。
100
+
101
+ bodyの中にmainを追加してこちらのcssで希望通りの構成になりました。
102
+
103
+
104
+
105
+ **注**:こちらには記載していませんがタブがある場合は同じ結果にならない様でしたので、いろいろ試してみたいと思います。わからない場合はまた更新すると思います。
106
+
107
+
108
+
79
109
  環境
80
110
 
81
111
  ---

2

更新

2020/07/12 02:00

投稿

LBciel.
LBciel.

スコア18

test CHANGED
@@ -1 +1 @@
1
- テーブルのwidth設定
1
+ HTML テーブルのwidth設定
test CHANGED
File without changes

1

画像修正

2020/07/12 00:33

投稿

LBciel.
LBciel.

スコア18

test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  ```
76
76
 
77
- ![イメージ説明](1b59c674fc66b955bdaf3b4772fd7350.jpeg)
77
+ ![イメージ説明](2ebd8e357d8a2c09771f4067f960e744.jpeg)
78
78
 
79
79
  環境
80
80