質問編集履歴
2
追加 : JavaScript タグ
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
td タグ内のリンク反応 / hover 範囲を隣 td にまで広げたい。
|
test
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
### 実現したいこと
|
|
2
|
-
1. 隣
|
|
2
|
+
1. 隣 td タグ内でもリンクが反応する
|
|
3
|
-
2. 隣
|
|
3
|
+
2. 隣 td タグ内での Hover でリンク文字色が変わる (白になる)
|
|
4
4
|
|
|
5
5
|
### 発生している問題
|
|
6
6
|
```
|
|
7
|
-
1. 左
|
|
7
|
+
1. 左 td 内ではリンクが反応しない
|
|
8
|
-
2. 左
|
|
8
|
+
2. 左 td 内での Hover ではリンク文字色が変わらない
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
|
|
@@ -41,7 +41,29 @@
|
|
|
41
41
|
リンクのブロック指定。
|
|
42
42
|
display:block;
|
|
43
43
|
|
|
44
|
-
###
|
|
44
|
+
### 補足情報（FW/ツールのバージョンなど）
|
|
45
|
-
|
|
45
|
+
SharePoint Online Web パーツ内のタグ構造を使用しているため、
|
|
46
|
+
id や class が指定されていない場合はタグ構造から指定する必要があります。
|
|
47
|
+
こちらの html ソースはその一部になります。
|
|
48
|
+
|
|
49
|
+
css 単独では対応できない場合、javaScript で html タグを例えば以下のように書き換えれば、
|
|
46
50
|
|
|
51
|
+
```html
|
|
52
|
+
<div id="button">
|
|
53
|
+
<table>
|
|
54
|
+
<tr>
|
|
55
|
+
<td valign="top" width="50%" class="box">
|
|
56
|
+
<table border="0" width="100%">
|
|
57
|
+
<tr>
|
|
58
|
+
<td class="sLabel" width="" ></td>
|
|
59
|
+
<td class="sBody" width="" style="margin-left:20px;"><a href="#">リンク</a></td>
|
|
60
|
+
</tr>
|
|
61
|
+
</table>
|
|
62
|
+
</td>
|
|
63
|
+
</tr>
|
|
64
|
+
</table>
|
|
65
|
+
</div>
|
|
66
|
+
```
|
|
47
67
|
|
|
68
|
+
左に空白を残しながら、全域にリンクが動作するようになるのでしょうか?
|
|
69
|
+
|
1
追加 : 問題現象画像
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
### 発生している問題
|
|
6
6
|
```
|
|
7
|
-
1. 隣セル域ではリンクが反応しない
|
|
7
|
+
1. 左隣セル域ではリンクが反応しない
|
|
8
|
-
2. 隣セルでの Hover ではリンク文字色が変わらない
|
|
8
|
+
2. 左隣セルでの Hover ではリンク文字色が変わらない
|
|
9
|
-
[イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-05-22/a4865321-043f-4b2c-a0ff-71c43b165688.png)
|
|
10
9
|
```
|
|
10
|
+
|
|
11
11
|
|
|
12
12
|
### 該当のソースコード
|
|
13
13
|
|