質問編集履歴
1
ハイライト化を行いました。誤表記を修正しました。ブラウザ確認表記を追加しました。文字化けfont-family部分を削除しました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,19 +1,10 @@
|
|
1
1
|
html、cssでメールフォームを作成しています。
|
2
|
-
border-topが効く形に修正したいです。
|
2
|
+
#formtable内にあるtrにborder-topが効く形に修正したいです。
|
3
3
|
|
4
4
|
trにborder-topを効かせるにはどうすればよいでしょうか。
|
5
5
|
以下がコード部分になります。
|
6
6
|
|
7
|
-
|
7
|
+
```html
|
8
|
-
|
9
|
-
#formtable tr {
|
10
|
-
border-bottom:2px solid #666;
|
11
|
-
min-height:50px;
|
12
|
-
}
|
13
|
-
が効くように修正したいのです。
|
14
|
-
|
15
|
-
------html部分--------
|
16
|
-
|
17
8
|
<!DOCTYPE html>
|
18
9
|
<html>
|
19
10
|
<head>
|
@@ -55,11 +46,9 @@
|
|
55
46
|
</div>
|
56
47
|
</body>
|
57
48
|
</html>
|
49
|
+
```
|
58
50
|
|
59
|
-
---------------
|
60
|
-
|
51
|
+
```css
|
61
|
-
(form/css/common.css)
|
62
|
-
|
63
52
|
@charset "utf-8";
|
64
53
|
|
65
54
|
html {
|
@@ -247,11 +236,9 @@
|
|
247
236
|
}
|
248
237
|
|
249
238
|
}
|
239
|
+
```
|
250
240
|
|
251
|
-
|
241
|
+
```css
|
252
|
-
|
253
|
-
(form/css/form.css)
|
254
|
-
|
255
242
|
@charset "utf-8";
|
256
243
|
|
257
244
|
#termsofuse {
|
@@ -394,7 +381,6 @@
|
|
394
381
|
}
|
395
382
|
|
396
383
|
#formtable td {
|
397
|
-
*border-top:2px solid #d6d4d6;
|
398
384
|
padding: 5px 0;
|
399
385
|
font-size: 12px;
|
400
386
|
}
|
@@ -480,7 +466,7 @@
|
|
480
466
|
|
481
467
|
|
482
468
|
#formtable tr {
|
483
|
-
border-
|
469
|
+
border-top:2px solid #666;
|
484
470
|
min-height:50px;
|
485
471
|
}
|
486
472
|
|
@@ -490,10 +476,12 @@
|
|
490
476
|
vertical-align:top;
|
491
477
|
color:#ab272d;
|
492
478
|
}
|
493
|
-
|
479
|
+
```
|
494
480
|
|
495
|
-
trの記述や順位を入れ替えてみたり、importantを入れたりしてみましたがだめでした。
|
481
|
+
trの記述や順位を入れ替えてみたり、tdのボーダーを消してみたり、importantを入れたりしてみましたがだめでした。
|
496
482
|
使用環境はIMAC OSX バージョン10.9.5
|
497
483
|
DREAMEWEAVER CS6 動作確認はChromeとfirefoxを使用しています。
|
498
484
|
|
485
|
+
※Chromeでは効いていることになっているようで、原因が分かりませんでした。
|
486
|
+
|
499
487
|
ご回答よろしくお願いいたします。
|