質問編集履歴
5
一部変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
現在、カラオケの曲登録アプリを作成しております。
|
|
3
3
|
|
|
4
4
|
マウスオーバーするとliタグが表示されるようになったのですが、tableの高さが変わったり、アイコンの位置がずれてしまいます。
|
|
5
|
-
そこでposition: relative;を付与するもどこにおいても反応しないです。(エラーが出てしまったりします)
|
|
6
5
|
spanタグをtd内に記述していることが原因でしょうか。
|
|
7
6
|
しかし、ｔｄ外にspanを書くとエラーが出ます。
|
|
8
7
|
何か良い方法はないでしょうか。
|
4
一部変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -51,12 +51,10 @@
|
|
|
51
51
|
border-bottom: 2px dashed #87CEFA;
|
|
52
52
|
}
|
|
53
53
|
tbody {
|
|
54
|
-
position: relative;
|
|
55
54
|
tr {
|
|
56
55
|
border-bottom: 2px dashed #87CEFA;
|
|
57
56
|
line-height: 5em
|
|
58
57
|
span {
|
|
59
|
-
position: absolute;
|
|
60
58
|
}
|
|
61
59
|
:hover ul{
|
|
62
60
|
display: block;
|
|
@@ -64,12 +62,16 @@
|
|
|
64
62
|
ul {
|
|
65
63
|
display: none;
|
|
66
64
|
li {
|
|
67
|
-
text-decoration: none;
|
|
68
|
-
margin:
|
|
65
|
+
margin: 1em auto;
|
|
69
|
-
color: #666666;
|
|
70
66
|
background-color: #f7f7f7;
|
|
71
|
-
border:
|
|
67
|
+
border-left: 1px solid #d8d8d8;
|
|
68
|
+
border-right: 1px solid #d8d8d8;
|
|
69
|
+
box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
|
|
72
70
|
border-radius: 4px;
|
|
71
|
+
a {
|
|
72
|
+
text-decoration: none;
|
|
73
|
+
color: #666666;
|
|
74
|
+
}
|
|
73
75
|
}
|
|
74
76
|
}
|
|
75
77
|
}
|
|
@@ -94,7 +96,6 @@
|
|
|
94
96
|
margin-top: 50px;
|
|
95
97
|
}
|
|
96
98
|
}
|
|
97
|
-
|
|
98
99
|
}
|
|
99
100
|
}
|
|
100
101
|
```
|
3
一部変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
マウスオーバーするとliタグが表示されるようになったのですが、tableの高さが変わったり、アイコンの位置がずれてしまいます。
|
|
5
5
|
そこでposition: relative;を付与するもどこにおいても反応しないです。(エラーが出てしまったりします)
|
|
6
|
-
span
|
|
6
|
+
spanタグをtd内に記述していることが原因でしょうか。
|
|
7
|
-
しかし、
|
|
7
|
+
しかし、ｔｄ外にspanを書くとエラーが出ます。
|
|
8
8
|
何か良い方法はないでしょうか。
|
|
9
9
|
|
|
10
10
|
main.html.haml
|
2
一部変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
現在、カラオケの曲登録アプリを作成しております。
|
|
3
3
|
|
|
4
4
|
マウスオーバーするとliタグが表示されるようになったのですが、tableの高さが変わったり、アイコンの位置がずれてしまいます。
|
|
5
|
+
そこでposition: relative;を付与するもどこにおいても反応しないです。(エラーが出てしまったりします)
|
|
5
6
|
spanとtd内に記述していることが原因でしょうか。
|
|
6
7
|
しかし、table外にspanを書くとエラーが出ます。
|
|
7
8
|
何か良い方法はないでしょうか。
|
1
内容の一部変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
お世話になっております。
|
|
2
2
|
現在、カラオケの曲登録アプリを作成しております。
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
マウスオーバーするとliタグが表示されるようになったのですが、tableの高さが変わったり、アイコンの位置がずれてしまいます。
|
|
5
|
+
spanとtd内に記述していることが原因でしょうか。
|
|
6
|
+
しかし、table外にspanを書くとエラーが出ます。
|
|
7
|
+
何か良い方法はないでしょうか。
|
|
5
8
|
|
|
6
|
-
調べて実装するも、状況は変わらず検討が付かなくなりました。
|
|
7
|
-
|
|
8
9
|
main.html.haml
|
|
9
10
|
```Ruby
|
|
10
11
|
.main
|
|
@@ -43,17 +44,24 @@
|
|
|
43
44
|
font-size: 20px;
|
|
44
45
|
.chart {
|
|
45
46
|
width: 60%;
|
|
47
|
+
height: 100vh;
|
|
46
48
|
margin: 0 auto;
|
|
47
49
|
thead {
|
|
48
50
|
border-bottom: 2px dashed #87CEFA;
|
|
49
51
|
}
|
|
50
52
|
tbody {
|
|
53
|
+
position: relative;
|
|
51
54
|
tr {
|
|
52
55
|
border-bottom: 2px dashed #87CEFA;
|
|
53
56
|
line-height: 5em
|
|
54
57
|
span {
|
|
58
|
+
position: absolute;
|
|
55
59
|
}
|
|
60
|
+
:hover ul{
|
|
61
|
+
display: block;
|
|
62
|
+
}
|
|
56
63
|
ul {
|
|
64
|
+
display: none;
|
|
57
65
|
li {
|
|
58
66
|
text-decoration: none;
|
|
59
67
|
margin: 2em auto;
|
|
@@ -85,6 +93,7 @@
|
|
|
85
93
|
margin-top: 50px;
|
|
86
94
|
}
|
|
87
95
|
}
|
|
96
|
+
|
|
88
97
|
}
|
|
89
98
|
}
|
|
90
99
|
```
|