質問するログイン新規登録

質問編集履歴

1

ハイライト化を行いました。誤表記を修正しました。ブラウザ確認表記を追加しました。文字化けfont-family部分を削除しました。

2018/06/07 07:47

投稿

n2018
n2018

スコア19

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
- -------css部分--------
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-bottom:2px solid #666;
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
  ご回答よろしくお願いいたします。