質問編集履歴
5
更新
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
更新
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
更新
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
更新
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
テーブルのwidth設定
|
1
|
+
HTML テーブルのwidth設定
|
test
CHANGED
File without changes
|
1
画像修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -74,7 +74,7 @@
|
|
74
74
|
|
75
75
|
```
|
76
76
|
|
77
|
-
![イメージ説明](
|
77
|
+
![イメージ説明](2ebd8e357d8a2c09771f4067f960e744.jpeg)
|
78
78
|
|
79
79
|
環境
|
80
80
|
|