teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問ASP.NETの画面デザインの書き方について

編集履歴

質問編集履歴

19

aa

2018/08/27 01:53

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  　ASP.NET WebForm
10
10
 
11
- 　.NET Framework6.1
11
+ 　.NET Framework4.6.1
12
12
 
13
13
  　GrapeCity.Web.Input.v100
14
14
 

18

ああ

2018/08/27 01:53

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -48,7 +48,9 @@
48
48
 
49
49
 
50
50
 
51
-
51
+ ★ソースＵＰするときに個人情報やらパスワード云々であげれなかったので
52
+
53
+ パスワードとかPAsswordとかのキーワードをHOGEとかに変えてます。
52
54
 
53
55
  ★どうしても最後のソースがＵＰできなかったので
54
56
 

17

ああ

2018/08/25 16:03

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  　.NET Framework6.1
12
12
 
13
-
13
+ 　GrapeCity.Web.Input.v100
14
14
 
15
15
 
16
16
 

16

ああ

2018/08/25 16:00

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -50,7 +50,13 @@
50
50
 
51
51
 
52
52
 
53
+ ★どうしても最後のソースがＵＰできなかったので
54
+
53
- ※コードの貼り付けでエラーが起こりはりつけできませんでした。
55
+ 試しに回答へ貼り付けたらＵＰ成功しました
56
+
57
+
58
+
59
+
54
60
 
55
61
 
56
62
 

15

aaa

2018/08/25 15:59

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
File without changes

14

aa

2018/08/25 15:55

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -599,37 +599,3 @@
599
599
  }
600
600
 
601
601
  ```
602
-
603
-
604
-
605
-
606
-
607
- ```HTML5
608
-
609
- <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
610
-
611
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
612
-
613
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
614
-
615
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
616
-
617
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
618
-
619
- <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
620
-
621
-
622
-
623
-
624
-
625
- </asp:Content>
626
-
627
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
628
-
629
-
630
-
631
-
632
-
633
-
634
-
635
- ```

13

ａａ

2018/08/25 15:52

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -266,8 +266,6 @@
266
266
 
267
267
 
268
268
 
269
-
270
-
271
269
  ```CSS
272
270
 
273
271
  /* DEFAULTS
@@ -601,3 +599,37 @@
601
599
  }
602
600
 
603
601
  ```
602
+
603
+
604
+
605
+
606
+
607
+ ```HTML5
608
+
609
+ <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
610
+
611
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
612
+
613
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
614
+
615
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
616
+
617
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
618
+
619
+ <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
620
+
621
+
622
+
623
+
624
+
625
+ </asp:Content>
626
+
627
+ <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
628
+
629
+
630
+
631
+
632
+
633
+
634
+
635
+ ```

12

ａａ

2018/08/25 15:51

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -268,38 +268,336 @@
268
268
 
269
269
 
270
270
 
271
-
272
-
273
-
274
-
275
-
276
-
277
- ***********************************
278
-
279
-
280
-
281
-
282
-
283
-
284
-
285
-
286
-
287
- ```HTML5
288
-
289
-
290
-
291
-
292
-
293
-
294
-
295
-
271
+ ```CSS
272
+
273
+ /* DEFAULTS
274
+
275
+ ----------------------------------------------------------*/
276
+
277
+ body {
278
+
279
+ padding: 0 20px;
280
+
281
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
282
+
283
+ }
284
+
285
+
286
+
287
+ .fakeContainer { /* The parent container */
288
+
289
+ border-style: none;
290
+
291
+ border-color: inherit;
292
+
293
+ border-width: medium;
294
+
295
+ margin: 0 0 20px;
296
+
297
+ width: 709px; /* Required to set */
298
+
299
+ height: 18px; /* Required to set */
300
+
301
+ overflow: hidden; /* Required to set */
302
+
303
+ }
304
+
305
+
306
+
307
+ .spreadbtn
308
+
309
+ {
310
+
311
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
312
+
313
+ font-size: 9px;
314
+
315
+ }
316
+
317
+
318
+
319
+ .btn
320
+
321
+ {
322
+
323
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
324
+
325
+ font-size: 11px;
326
+
327
+ }
328
+
329
+
330
+
331
+ .btn:hover {
332
+
333
+ background-color: #fff;
334
+
335
+ border-color: #59b1eb;
336
+
337
+ color: #59b1eb;
338
+
339
+ }
340
+
341
+
342
+
343
+ .lbl
344
+
345
+ {
346
+
347
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
348
+
349
+ font-size: 11px;
350
+
351
+ }
352
+
353
+
354
+
355
+ .lblHead
356
+
357
+ {
358
+
359
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
360
+
361
+ font-size: 11px;
362
+
363
+ }
364
+
365
+
366
+
367
+ .rdo
368
+
369
+ {
370
+
371
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
372
+
373
+ font-size: 11px;
374
+
375
+ }
376
+
377
+
378
+
379
+ .chk
380
+
381
+ {
382
+
383
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
384
+
385
+ font-size: 11px;
386
+
387
+ }
388
+
389
+
390
+
391
+ .txt
392
+
393
+ {
394
+
395
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
396
+
397
+ font-size: 11px;
398
+
399
+ }
400
+
401
+
402
+
403
+ .date
404
+
405
+ {
406
+
407
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
408
+
409
+ font-size: 11px;
410
+
411
+ }
412
+
413
+
414
+
415
+ .cmb
416
+
417
+ {
418
+
419
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
420
+
421
+ font-size: 11px;
422
+
423
+ }
424
+
425
+
426
+
427
+ .lnk
428
+
429
+ {
430
+
431
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
432
+
433
+ font-size: 11px;
434
+
435
+ }
436
+
437
+
438
+
439
+ body {
440
+
441
+ background: #F0F0F0;
442
+
443
+ font-size: .80em;
444
+
445
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
446
+
447
+ margin-right: auto;
448
+
449
+ margin-left: auto;
450
+
451
+ padding: 0px;
452
+
453
+ color: #000066;
454
+
455
+ }
456
+
457
+
458
+
459
+ a:link, a:visited
460
+
461
+ {
462
+
463
+ color: #034af3;
464
+
465
+ }
466
+
467
+
468
+
469
+ a:hover
470
+
471
+ {
472
+
473
+ color: #1d60ff;
474
+
475
+ text-decoration: none;
476
+
477
+ }
478
+
479
+
480
+
481
+ /* HEADINGS
482
+
483
+ ----------------------------------------------------------*/
484
+
485
+
486
+
487
+
488
+
489
+ /* PRIMARY LAYOUT ELEMENTS
490
+
491
+ ----------------------------------------------------------*/
492
+
493
+ .center {
494
+
495
+ border: 0px;
496
+
497
+ text-align: center;
498
+
499
+ }
500
+
501
+
502
+
503
+ .page {
504
+
505
+ position: static;
506
+
507
+ height: 650px;
508
+
509
+ width: 1050px;
510
+
511
+ background-color: #fbfffe;
512
+
513
+ border: 1px solid #496077;
514
+
515
+ margin-right: auto;
516
+
517
+ margin-left: auto;
518
+
519
+ }
520
+
521
+
522
+
523
+ .header {
524
+
525
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
526
+
527
+ position: relative;
528
+
529
+ margin: 0px;
530
+
531
+ padding: 0px;
532
+
533
+ background: #fbfffe;
534
+
535
+ width: 99%;
536
+
537
+ top: 0px;
538
+
539
+ margin-right: auto;
540
+
541
+ margin-left: auto;
542
+
543
+ height: 114px;
544
+
545
+ }
546
+
547
+
548
+
549
+ .main {
550
+
551
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
552
+
553
+ padding: 0px 12px;
554
+
555
+ margin: 12px 8px 8px 8px;
556
+
557
+ min-height: 420px;
558
+
559
+ }
560
+
561
+
562
+
563
+ .footer
564
+
565
+ {
566
+
567
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
568
+
569
+ color: #4e5766;
570
+
571
+ padding: 8px 0px 0px 0px;
572
+
573
+ margin: 0px auto;
574
+
575
+ text-align: center;
576
+
577
+ line-height: normal;
578
+
579
+ }
580
+
581
+
582
+
583
+ .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
584
+
585
+ {
586
+
587
+ height:auto !important;
588
+
589
+ }
590
+
591
+
592
+
593
+ .FpImage img
594
+
595
+ {
596
+
597
+ height: 20px;
598
+
599
+ width: 20px;
600
+
601
+ }
296
602
 
297
603
  ```
298
-
299
-
300
-
301
-
302
-
303
-
304
-
305
- **********************************

11

ａａ

2018/08/25 15:48

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -284,7 +284,7 @@
284
284
 
285
285
 
286
286
 
287
- ```ASP.NET
287
+ ```HTML5
288
288
 
289
289
 
290
290
 
@@ -303,347 +303,3 @@
303
303
 
304
304
 
305
305
  **********************************
306
-
307
-
308
-
309
-
310
-
311
-
312
-
313
-
314
-
315
-
316
-
317
- ```CSS
318
-
319
- /* DEFAULTS
320
-
321
- ----------------------------------------------------------*/
322
-
323
- body {
324
-
325
- padding: 0 20px;
326
-
327
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
328
-
329
- }
330
-
331
-
332
-
333
- .fakeContainer { /* The parent container */
334
-
335
- border-style: none;
336
-
337
- border-color: inherit;
338
-
339
- border-width: medium;
340
-
341
- margin: 0 0 20px;
342
-
343
- width: 709px; /* Required to set */
344
-
345
- height: 18px; /* Required to set */
346
-
347
- overflow: hidden; /* Required to set */
348
-
349
- }
350
-
351
-
352
-
353
- .spreadbtn
354
-
355
- {
356
-
357
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
358
-
359
- font-size: 9px;
360
-
361
- }
362
-
363
-
364
-
365
- .btn
366
-
367
- {
368
-
369
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
370
-
371
- font-size: 11px;
372
-
373
- }
374
-
375
-
376
-
377
- .btn:hover {
378
-
379
- background-color: #fff;
380
-
381
- border-color: #59b1eb;
382
-
383
- color: #59b1eb;
384
-
385
- }
386
-
387
-
388
-
389
- .lbl
390
-
391
- {
392
-
393
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
394
-
395
- font-size: 11px;
396
-
397
- }
398
-
399
-
400
-
401
- .lblHead
402
-
403
- {
404
-
405
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
406
-
407
- font-size: 11px;
408
-
409
- }
410
-
411
-
412
-
413
- .rdo
414
-
415
- {
416
-
417
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
418
-
419
- font-size: 11px;
420
-
421
- }
422
-
423
-
424
-
425
- .chk
426
-
427
- {
428
-
429
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
430
-
431
- font-size: 11px;
432
-
433
- }
434
-
435
-
436
-
437
- .txt
438
-
439
- {
440
-
441
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
442
-
443
- font-size: 11px;
444
-
445
- }
446
-
447
-
448
-
449
- .date
450
-
451
- {
452
-
453
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
454
-
455
- font-size: 11px;
456
-
457
- }
458
-
459
-
460
-
461
- .cmb
462
-
463
- {
464
-
465
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
466
-
467
- font-size: 11px;
468
-
469
- }
470
-
471
-
472
-
473
- .lnk
474
-
475
- {
476
-
477
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
478
-
479
- font-size: 11px;
480
-
481
- }
482
-
483
-
484
-
485
- body {
486
-
487
- background: #F0F0F0;
488
-
489
- font-size: .80em;
490
-
491
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
492
-
493
- margin-right: auto;
494
-
495
- margin-left: auto;
496
-
497
- padding: 0px;
498
-
499
- color: #000066;
500
-
501
- }
502
-
503
-
504
-
505
- a:link, a:visited
506
-
507
- {
508
-
509
- color: #034af3;
510
-
511
- }
512
-
513
-
514
-
515
- a:hover
516
-
517
- {
518
-
519
- color: #1d60ff;
520
-
521
- text-decoration: none;
522
-
523
- }
524
-
525
-
526
-
527
- /* HEADINGS
528
-
529
- ----------------------------------------------------------*/
530
-
531
-
532
-
533
-
534
-
535
- /* PRIMARY LAYOUT ELEMENTS
536
-
537
- ----------------------------------------------------------*/
538
-
539
- .center {
540
-
541
- border: 0px;
542
-
543
- text-align: center;
544
-
545
- }
546
-
547
-
548
-
549
- .page {
550
-
551
- position: static;
552
-
553
- height: 650px;
554
-
555
- width: 1050px;
556
-
557
- background-color: #fbfffe;
558
-
559
- border: 1px solid #496077;
560
-
561
- margin-right: auto;
562
-
563
- margin-left: auto;
564
-
565
- }
566
-
567
-
568
-
569
- .header {
570
-
571
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
572
-
573
- position: relative;
574
-
575
- margin: 0px;
576
-
577
- padding: 0px;
578
-
579
- background: #fbfffe;
580
-
581
- width: 99%;
582
-
583
- top: 0px;
584
-
585
- margin-right: auto;
586
-
587
- margin-left: auto;
588
-
589
- height: 114px;
590
-
591
- }
592
-
593
-
594
-
595
- .main {
596
-
597
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
598
-
599
- padding: 0px 12px;
600
-
601
- margin: 12px 8px 8px 8px;
602
-
603
- min-height: 420px;
604
-
605
- }
606
-
607
-
608
-
609
- .footer
610
-
611
- {
612
-
613
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
614
-
615
- color: #4e5766;
616
-
617
- padding: 8px 0px 0px 0px;
618
-
619
- margin: 0px auto;
620
-
621
- text-align: center;
622
-
623
- line-height: normal;
624
-
625
- }
626
-
627
-
628
-
629
- .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
630
-
631
- {
632
-
633
- height:auto !important;
634
-
635
- }
636
-
637
-
638
-
639
- .FpImage img
640
-
641
- {
642
-
643
- height: 20px;
644
-
645
- width: 20px;
646
-
647
- }
648
-
649
- ```

10

aa

2018/08/25 15:47

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -264,6 +264,56 @@
264
264
 
265
265
  ```
266
266
 
267
+
268
+
269
+
270
+
271
+
272
+
273
+
274
+
275
+
276
+
277
+ ***********************************
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+
286
+
287
+ ```ASP.NET
288
+
289
+
290
+
291
+
292
+
293
+
294
+
295
+
296
+
297
+ ```
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+ **********************************
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
314
+
315
+
316
+
267
317
  ```CSS
268
318
 
269
319
  /* DEFAULTS

9

a

2018/08/25 15:45

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -66,7 +66,203 @@
66
66
 
67
67
  `
68
68
 
69
-
69
+ ```HTML5
70
+
71
+ <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="SiteOther.master.cs" Inherits="SiSyokuinKanriWeb.SiteOther" %>
72
+
73
+
74
+
75
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
76
+
77
+
78
+
79
+ <html xmlns="http://www.w3.org/1999/xhtml">
80
+
81
+ <head runat="server">
82
+
83
+ <base target="_self" />
84
+
85
+ <title><%= formtitle %></title>
86
+
87
+ <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
88
+
89
+ <!--戻るボタンで戻りたくない画面に記述-->
90
+
91
+ <script type="text/javascript">
92
+
93
+ history.forward();
94
+
95
+ </script>
96
+
97
+
98
+
99
+ <script src="../../script/Html5Viewer/jquery-1.10.2.js" type="text/javascript"></script>
100
+
101
+ <script>
102
+
103
+
104
+
105
+ $(function () {
106
+
107
+ //------------------------
108
+
109
+ // jQueryキー制御
110
+
111
+ // return値falseによりキーキャンセル
112
+
113
+ //------------------------
114
+
115
+ $(document).keydown(function (event) {
116
+
117
+ //alert("AAA");
118
+
119
+ // クリックされたキーのコード
120
+
121
+ var keyCode = event.keyCode;
122
+
123
+ // キーイベントが発生した対象のオブジェクト
124
+
125
+ var obj = event.target;
126
+
127
+ // バックスペースキーを制御する
128
+
129
+ if (keyCode == 8) {
130
+
131
+ //alert(obj.tagName);
132
+
133
+ //alert(obj.type);
134
+
135
+ // テキストボックス／テキストエリアを制御する
136
+
137
+ if ((obj.tagName == "INPUT" && (obj.type == "TEXT" || obj.type == "text"))
138
+
139
+ || obj.tagName == "TEXTAREA") {
140
+
141
+ // 入力できる場合は制御しない
142
+
143
+ if (!obj.readOnly && !obj.disabled) {
144
+
145
+ //alert("OK");
146
+
147
+ return true;
148
+
149
+ }
150
+
151
+ }
152
+
153
+ return false;
154
+
155
+ }
156
+
157
+ });
158
+
159
+ });
160
+
161
+ </script>
162
+
163
+ <script type="text/javascript">
164
+
165
+ window.document.onkeydown = function () {
166
+
167
+ if (event.keyCode == 116) {
168
+
169
+ alert("F5 キーが押されました。F5ボタンやブラウザ更新ボタンは誤作動の原因となるため押下しないでください。もし再表示確認の画面が表示された場合はキャンセルボタンで戻ってください。");
170
+
171
+ event.keyCode = 0;
172
+
173
+ return false;
174
+
175
+ }
176
+
177
+ }
178
+
179
+ </script>
180
+
181
+
182
+
183
+ <asp:ContentPlaceHolder ID="head" runat="server">
184
+
185
+ </asp:ContentPlaceHolder>
186
+
187
+
188
+
189
+ </head>
190
+
191
+ <body>
192
+
193
+ <div class="page" >
194
+
195
+ <form id="form1" runat="server">
196
+
197
+
198
+
199
+ <div class="main" style="position: relative; top: -7px; height:620px; border:dotted;">
200
+
201
+ <asp:ContentPlaceHolder ID="MainContent" runat="server">
202
+
203
+
204
+
205
+
206
+
207
+
208
+
209
+
210
+
211
+ </asp:ContentPlaceHolder>
212
+
213
+ </div>
214
+
215
+
216
+
217
+ <asp:Panel ID="Panel2" runat="server" class="footer"
218
+
219
+ style="position: relative; top:-13px; height: 10px; width: 1050px; background: #0066FF;" >
220
+
221
+
222
+
223
+ <asp:Label ID="Label1" runat="server"
224
+
225
+ style="position: relative; left:2px; top:-3px; text-align:left; vertical-align:top;"
226
+
227
+ Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White" Text="CAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"></asp:Label>
228
+
229
+
230
+
231
+ <asp:Label ID="Label2" runat="server"
232
+
233
+ style="position: relative; left:2px;"
234
+
235
+ Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White"></asp:Label>
236
+
237
+
238
+
239
+ <asp:Label ID="Label4" runat="server"
240
+
241
+ Font-Italic="True" Font-Size="9px"
242
+
243
+ style="position: relative; left:300px; top:-3px; text-align:right; vertical-align:top;"
244
+
245
+ Text="Copyright c 株式会社xxxxxxxx　All Rights Reserved." Font-Bold="True" ForeColor="Yellow"></asp:Label>
246
+
247
+ </asp:Panel>
248
+
249
+
250
+
251
+ </form>
252
+
253
+ </div>
254
+
255
+
256
+
257
+ </body>
258
+
259
+ </html>
260
+
261
+
262
+
263
+
264
+
265
+ ```
70
266
 
71
267
  ```CSS
72
268
 

8

aa

2018/08/25 15:39

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -66,492 +66,338 @@
66
66
 
67
67
  `
68
68
 
69
- ```ASP.NET
70
-
71
- <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
72
-
73
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
74
-
75
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
76
-
77
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
78
-
79
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
80
-
81
- <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
82
-
83
-
84
-
85
-
86
-
87
- </asp:Content>
88
-
89
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
90
-
91
-
92
-
93
-
69
+
70
+
71
+ ```CSS
72
+
73
+ /* DEFAULTS
74
+
75
+ ----------------------------------------------------------*/
76
+
77
+ body {
78
+
79
+ padding: 0 20px;
80
+
81
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
82
+
83
+ }
84
+
85
+
86
+
87
+ .fakeContainer { /* The parent container */
88
+
89
+ border-style: none;
90
+
91
+ border-color: inherit;
92
+
93
+ border-width: medium;
94
+
95
+ margin: 0 0 20px;
96
+
97
+ width: 709px; /* Required to set */
98
+
99
+ height: 18px; /* Required to set */
100
+
101
+ overflow: hidden; /* Required to set */
102
+
103
+ }
104
+
105
+
106
+
107
+ .spreadbtn
108
+
109
+ {
110
+
111
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
112
+
113
+ font-size: 9px;
114
+
115
+ }
116
+
117
+
118
+
119
+ .btn
120
+
121
+ {
122
+
123
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
124
+
125
+ font-size: 11px;
126
+
127
+ }
128
+
129
+
130
+
131
+ .btn:hover {
132
+
133
+ background-color: #fff;
134
+
135
+ border-color: #59b1eb;
136
+
137
+ color: #59b1eb;
138
+
139
+ }
140
+
141
+
142
+
143
+ .lbl
144
+
145
+ {
146
+
147
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
148
+
149
+ font-size: 11px;
150
+
151
+ }
152
+
153
+
154
+
155
+ .lblHead
156
+
157
+ {
158
+
159
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
160
+
161
+ font-size: 11px;
162
+
163
+ }
164
+
165
+
166
+
167
+ .rdo
168
+
169
+ {
170
+
171
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
172
+
173
+ font-size: 11px;
174
+
175
+ }
176
+
177
+
178
+
179
+ .chk
180
+
181
+ {
182
+
183
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
184
+
185
+ font-size: 11px;
186
+
187
+ }
188
+
189
+
190
+
191
+ .txt
192
+
193
+ {
194
+
195
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
196
+
197
+ font-size: 11px;
198
+
199
+ }
200
+
201
+
202
+
203
+ .date
204
+
205
+ {
206
+
207
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
208
+
209
+ font-size: 11px;
210
+
211
+ }
212
+
213
+
214
+
215
+ .cmb
216
+
217
+ {
218
+
219
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
220
+
221
+ font-size: 11px;
222
+
223
+ }
224
+
225
+
226
+
227
+ .lnk
228
+
229
+ {
230
+
231
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
232
+
233
+ font-size: 11px;
234
+
235
+ }
236
+
237
+
238
+
239
+ body {
240
+
241
+ background: #F0F0F0;
242
+
243
+ font-size: .80em;
244
+
245
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
246
+
247
+ margin-right: auto;
248
+
249
+ margin-left: auto;
250
+
251
+ padding: 0px;
252
+
253
+ color: #000066;
254
+
255
+ }
256
+
257
+
258
+
259
+ a:link, a:visited
260
+
261
+ {
262
+
263
+ color: #034af3;
264
+
265
+ }
266
+
267
+
268
+
269
+ a:hover
270
+
271
+ {
272
+
273
+ color: #1d60ff;
274
+
275
+ text-decoration: none;
276
+
277
+ }
278
+
279
+
280
+
281
+ /* HEADINGS
282
+
283
+ ----------------------------------------------------------*/
284
+
285
+
286
+
287
+
288
+
289
+ /* PRIMARY LAYOUT ELEMENTS
290
+
291
+ ----------------------------------------------------------*/
292
+
293
+ .center {
294
+
295
+ border: 0px;
296
+
297
+ text-align: center;
298
+
299
+ }
300
+
301
+
302
+
303
+ .page {
304
+
305
+ position: static;
306
+
307
+ height: 650px;
308
+
309
+ width: 1050px;
310
+
311
+ background-color: #fbfffe;
312
+
313
+ border: 1px solid #496077;
314
+
315
+ margin-right: auto;
316
+
317
+ margin-left: auto;
318
+
319
+ }
320
+
321
+
322
+
323
+ .header {
324
+
325
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
326
+
327
+ position: relative;
328
+
329
+ margin: 0px;
330
+
331
+ padding: 0px;
332
+
333
+ background: #fbfffe;
334
+
335
+ width: 99%;
336
+
337
+ top: 0px;
338
+
339
+ margin-right: auto;
340
+
341
+ margin-left: auto;
342
+
343
+ height: 114px;
344
+
345
+ }
346
+
347
+
348
+
349
+ .main {
350
+
351
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
352
+
353
+ padding: 0px 12px;
354
+
355
+ margin: 12px 8px 8px 8px;
356
+
357
+ min-height: 420px;
358
+
359
+ }
360
+
361
+
362
+
363
+ .footer
364
+
365
+ {
366
+
367
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
368
+
369
+ color: #4e5766;
370
+
371
+ padding: 8px 0px 0px 0px;
372
+
373
+ margin: 0px auto;
374
+
375
+ text-align: center;
376
+
377
+ line-height: normal;
378
+
379
+ }
380
+
381
+
382
+
383
+ .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
384
+
385
+ {
386
+
387
+ height:auto !important;
388
+
389
+ }
390
+
391
+
392
+
393
+ .FpImage img
394
+
395
+ {
396
+
397
+ height: 20px;
398
+
399
+ width: 20px;
400
+
401
+ }
94
402
 
95
403
  ```
96
-
97
- ```ASP.NET
98
-
99
- <asp:Panel ID="PnlMain" runat="server">
100
-
101
-
102
-
103
- <asp:Label ID="lblAAAAAANm" runat="server" Text="XXXXXX" Font-Bold="True"
104
-
105
- style="position: relative; top: 95px; left: 323px; width: 370px; margin-bottom: 0px;"
106
-
107
- Font-Size="XX-Large"></asp:Label>
108
-
109
- <asp:Label ID="lblTitle2" runat="server" Text="AAAAAAシステム" Font-Bold="True"
110
-
111
- style="position: relative; top: 137px; left: 322px; width: 370px; margin-bottom: 0px; font-size: xx-large;"></asp:Label>
112
-
113
- <asp:Label ID="LblMessage" runat="server" ForeColor="Red"
114
-
115
- style="position: relative; top: 417px; left: 67px; width: 87px; margin-bottom: 0px;"
116
-
117
- ></asp:Label>
118
-
119
-
120
-
121
- <asp:Label ID="Label3" runat="server" class="lbl" Text="AAAAAA選択"
122
-
123
- style="position: relative; top: 190px; left: 725px; width: 87px; margin-bottom: 0px;"
124
-
125
- Visible="False"></asp:Label>
126
-
127
-
128
-
129
- <im_combo:GcComboBox ID="CmbSelectableAAAAAA" runat="server"
130
-
131
- HasLoadFromXml="True"
132
-
133
- style="position: relative; top: 207px; left: 737px; width: 156px; height: 14px; bottom: 409px; right: 107px;"
134
-
135
- TabIndex="1" Visible="False">
136
-
137
- </im_combo:GcComboBox>
138
-
139
-
140
-
141
- <asp:Label ID="Label5" runat="server" class="lbl"
142
-
143
- style="position: relative; top: 258px; left: 377px; width: 87px; margin-bottom: 0px;"
144
-
145
- Text="職員番号"></asp:Label>
146
-
147
-
148
-
149
- <im_edit:GcTextBox ID="TxtSyokuinNo" runat="server" AcceptsCrLf="Cut"
150
-
151
- Format="#@aA9" HasLoadFromXml="True" HighlightText="True" MaxLength="10"
152
-
153
- style="position: relative; top: 256px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 360px; right: 392px; height: 14px;"
154
-
155
- ImeMode="Disabled" TabIndex="3">
156
-
157
- </im_edit:GcTextBox>
158
-
159
-
160
-
161
- <asp:Label ID="Label6" runat="server" class="lbl"
162
-
163
- style="position: relative; top: 291px; left: 378px; width: 87px; margin-bottom: 0px;"
164
-
165
- Text="ＨＯＧＥ"></asp:Label>
166
-
167
-
168
-
169
- <im_edit:GcTextBox ID="Txthogeword" runat="server" Format="Aa@9"
170
-
171
- HasLoadFromXml="True" HighlightText="True" ImeMode="Disabled" MaxLength="10"
172
-
173
- style="position: relative; top: 289px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 327px; right: 392px; height: 14px;"
174
-
175
- hogewordChar="*" UseClipboard="False" TabIndex="4">
176
-
177
- </im_edit:GcTextBox>
178
-
179
-
180
-
181
- 　　　<asp:Button ID="BtnLogin" runat="server" Text="ログイン"
182
-
183
- style="position: relative; top: 336px; left: 458px; width: 98px; bottom: 265px; right: 444px; height: 29px;"
184
-
185
- onclick="BtnLogin_Click" TabIndex="5"
186
-
187
- onclientclick="this.disabled = true; this.value = 'Submitting...';"
188
-
189
- UseSubmitBehavior="False" />
190
-
191
-
192
-
193
- </asp:Panel>
194
-
195
- ```
196
-
197
- ```ASP.NET
198
-
199
- <im_extenders:GcShortcut ID="GcShortcut1" runat="server">
200
-
201
- <shortcutitem controlid = "CmbSelectableRengoKai" value = "NextControl,13,PreviousControl,65549"/>
202
-
203
- <shortcutitem controlid = "TxtSyokokaiCd" value = "NextControl,13,PreviousControl,65549"/>
204
-
205
- <shortcutitem controlid = "TxtSyokuinNo" value = "NextControl,13,PreviousControl,65549"/>
206
-
207
- <shortcutitem controlid = "Txthogeword" value = "NextControl,13,PreviousControl,65549"/>
208
-
209
- <shortcutitem controlid = "TxtSecureCd" value = "NextControl,13,PreviousControl,65549"/>
210
-
211
- </im_extenders:GcShortcut>
212
-
213
-
214
-
215
- </asp:Content>
216
-
217
-
218
-
219
-
220
-
221
- ```
222
-
223
-
224
-
225
- ```CSS
226
-
227
- /* DEFAULTS
228
-
229
- ----------------------------------------------------------*/
230
-
231
- body {
232
-
233
- padding: 0 20px;
234
-
235
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
236
-
237
- }
238
-
239
-
240
-
241
- .fakeContainer { /* The parent container */
242
-
243
- border-style: none;
244
-
245
- border-color: inherit;
246
-
247
- border-width: medium;
248
-
249
- margin: 0 0 20px;
250
-
251
- width: 709px; /* Required to set */
252
-
253
- height: 18px; /* Required to set */
254
-
255
- overflow: hidden; /* Required to set */
256
-
257
- }
258
-
259
-
260
-
261
- .spreadbtn
262
-
263
- {
264
-
265
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
266
-
267
- font-size: 9px;
268
-
269
- }
270
-
271
-
272
-
273
- .btn
274
-
275
- {
276
-
277
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
278
-
279
- font-size: 11px;
280
-
281
- }
282
-
283
-
284
-
285
- .btn:hover {
286
-
287
- background-color: #fff;
288
-
289
- border-color: #59b1eb;
290
-
291
- color: #59b1eb;
292
-
293
- }
294
-
295
-
296
-
297
- .lbl
298
-
299
- {
300
-
301
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
302
-
303
- font-size: 11px;
304
-
305
- }
306
-
307
-
308
-
309
- .lblHead
310
-
311
- {
312
-
313
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
314
-
315
- font-size: 11px;
316
-
317
- }
318
-
319
-
320
-
321
- .rdo
322
-
323
- {
324
-
325
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
326
-
327
- font-size: 11px;
328
-
329
- }
330
-
331
-
332
-
333
- .chk
334
-
335
- {
336
-
337
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
338
-
339
- font-size: 11px;
340
-
341
- }
342
-
343
-
344
-
345
- .txt
346
-
347
- {
348
-
349
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
350
-
351
- font-size: 11px;
352
-
353
- }
354
-
355
-
356
-
357
- .date
358
-
359
- {
360
-
361
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
362
-
363
- font-size: 11px;
364
-
365
- }
366
-
367
-
368
-
369
- .cmb
370
-
371
- {
372
-
373
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
374
-
375
- font-size: 11px;
376
-
377
- }
378
-
379
-
380
-
381
- .lnk
382
-
383
- {
384
-
385
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
386
-
387
- font-size: 11px;
388
-
389
- }
390
-
391
-
392
-
393
- body {
394
-
395
- background: #F0F0F0;
396
-
397
- font-size: .80em;
398
-
399
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
400
-
401
- margin-right: auto;
402
-
403
- margin-left: auto;
404
-
405
- padding: 0px;
406
-
407
- color: #000066;
408
-
409
- }
410
-
411
-
412
-
413
- a:link, a:visited
414
-
415
- {
416
-
417
- color: #034af3;
418
-
419
- }
420
-
421
-
422
-
423
- a:hover
424
-
425
- {
426
-
427
- color: #1d60ff;
428
-
429
- text-decoration: none;
430
-
431
- }
432
-
433
-
434
-
435
- /* HEADINGS
436
-
437
- ----------------------------------------------------------*/
438
-
439
-
440
-
441
-
442
-
443
- /* PRIMARY LAYOUT ELEMENTS
444
-
445
- ----------------------------------------------------------*/
446
-
447
- .center {
448
-
449
- border: 0px;
450
-
451
- text-align: center;
452
-
453
- }
454
-
455
-
456
-
457
- .page {
458
-
459
- position: static;
460
-
461
- height: 650px;
462
-
463
- width: 1050px;
464
-
465
- background-color: #fbfffe;
466
-
467
- border: 1px solid #496077;
468
-
469
- margin-right: auto;
470
-
471
- margin-left: auto;
472
-
473
- }
474
-
475
-
476
-
477
- .header {
478
-
479
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
480
-
481
- position: relative;
482
-
483
- margin: 0px;
484
-
485
- padding: 0px;
486
-
487
- background: #fbfffe;
488
-
489
- width: 99%;
490
-
491
- top: 0px;
492
-
493
- margin-right: auto;
494
-
495
- margin-left: auto;
496
-
497
- height: 114px;
498
-
499
- }
500
-
501
-
502
-
503
- .main {
504
-
505
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
506
-
507
- padding: 0px 12px;
508
-
509
- margin: 12px 8px 8px 8px;
510
-
511
- min-height: 420px;
512
-
513
- }
514
-
515
-
516
-
517
- .footer
518
-
519
- {
520
-
521
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
522
-
523
- color: #4e5766;
524
-
525
- padding: 8px 0px 0px 0px;
526
-
527
- margin: 0px auto;
528
-
529
- text-align: center;
530
-
531
- line-height: normal;
532
-
533
- }
534
-
535
-
536
-
537
- .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
538
-
539
- {
540
-
541
- height:auto !important;
542
-
543
- }
544
-
545
-
546
-
547
- .FpImage img
548
-
549
- {
550
-
551
- height: 20px;
552
-
553
- width: 20px;
554
-
555
- }
556
-
557
- ```

7

aa

2018/08/25 15:38

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -196,23 +196,25 @@
196
196
 
197
197
  ```ASP.NET
198
198
 
199
-
200
-
201
- <asp:Panel ID="PnlSecureHead" runat="server" Visible="False">
202
-
203
- <im_messagebox:GcMessageBox ID="GcMessageBox" runat="server">
199
+ <im_extenders:GcShortcut ID="GcShortcut1" runat="server">
200
+
204
-
201
+ <shortcutitem controlid = "CmbSelectableRengoKai" value = "NextControl,13,PreviousControl,65549"/>
202
+
203
+ <shortcutitem controlid = "TxtSyokokaiCd" value = "NextControl,13,PreviousControl,65549"/>
204
+
205
+ <shortcutitem controlid = "TxtSyokuinNo" value = "NextControl,13,PreviousControl,65549"/>
206
+
207
+ <shortcutitem controlid = "Txthogeword" value = "NextControl,13,PreviousControl,65549"/>
208
+
209
+ <shortcutitem controlid = "TxtSecureCd" value = "NextControl,13,PreviousControl,65549"/>
210
+
205
- </im_messagebox:GcMessageBox>
211
+ </im_extenders:GcShortcut>
206
-
207
- <asp:Label ID="lblTitle3" runat="server" Text="セキュリティコード入力" Font-Bold="True"
212
+
208
-
209
- style="position: relative; top: 49px; width: 512px; margin-bottom: 0px; text-align:center; height: 24px; left: 141px;"
213
+
210
-
211
- Font-Size="15pt"></asp:Label>
214
+
212
-
213
-
214
-
215
- </asp:Panel>
215
+ </asp:Content>
216
+
217
+
216
218
 
217
219
 
218
220
 

6

aa

2018/08/25 15:31

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -194,6 +194,32 @@
194
194
 
195
195
  ```
196
196
 
197
+ ```ASP.NET
198
+
199
+
200
+
201
+ <asp:Panel ID="PnlSecureHead" runat="server" Visible="False">
202
+
203
+ <im_messagebox:GcMessageBox ID="GcMessageBox" runat="server">
204
+
205
+ </im_messagebox:GcMessageBox>
206
+
207
+ <asp:Label ID="lblTitle3" runat="server" Text="セキュリティコード入力" Font-Bold="True"
208
+
209
+ style="position: relative; top: 49px; width: 512px; margin-bottom: 0px; text-align:center; height: 24px; left: 141px;"
210
+
211
+ Font-Size="15pt"></asp:Label>
212
+
213
+
214
+
215
+ </asp:Panel>
216
+
217
+
218
+
219
+ ```
220
+
221
+
222
+
197
223
  ```CSS
198
224
 
199
225
  /* DEFAULTS

5

aa

2018/08/25 15:30

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -68,6 +68,34 @@
68
68
 
69
69
  ```ASP.NET
70
70
 
71
+ <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
72
+
73
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
74
+
75
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
76
+
77
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
78
+
79
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
80
+
81
+ <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
82
+
83
+
84
+
85
+
86
+
87
+ </asp:Content>
88
+
89
+ <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
90
+
91
+
92
+
93
+
94
+
95
+ ```
96
+
97
+ ```ASP.NET
98
+
71
99
  <asp:Panel ID="PnlMain" runat="server">
72
100
 
73
101
 

4

zzz

2018/08/25 15:28

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -66,7 +66,105 @@
66
66
 
67
67
  `
68
68
 
69
-
69
+ ```ASP.NET
70
+
71
+ <asp:Panel ID="PnlMain" runat="server">
72
+
73
+
74
+
75
+ <asp:Label ID="lblAAAAAANm" runat="server" Text="XXXXXX" Font-Bold="True"
76
+
77
+ style="position: relative; top: 95px; left: 323px; width: 370px; margin-bottom: 0px;"
78
+
79
+ Font-Size="XX-Large"></asp:Label>
80
+
81
+ <asp:Label ID="lblTitle2" runat="server" Text="AAAAAAシステム" Font-Bold="True"
82
+
83
+ style="position: relative; top: 137px; left: 322px; width: 370px; margin-bottom: 0px; font-size: xx-large;"></asp:Label>
84
+
85
+ <asp:Label ID="LblMessage" runat="server" ForeColor="Red"
86
+
87
+ style="position: relative; top: 417px; left: 67px; width: 87px; margin-bottom: 0px;"
88
+
89
+ ></asp:Label>
90
+
91
+
92
+
93
+ <asp:Label ID="Label3" runat="server" class="lbl" Text="AAAAAA選択"
94
+
95
+ style="position: relative; top: 190px; left: 725px; width: 87px; margin-bottom: 0px;"
96
+
97
+ Visible="False"></asp:Label>
98
+
99
+
100
+
101
+ <im_combo:GcComboBox ID="CmbSelectableAAAAAA" runat="server"
102
+
103
+ HasLoadFromXml="True"
104
+
105
+ style="position: relative; top: 207px; left: 737px; width: 156px; height: 14px; bottom: 409px; right: 107px;"
106
+
107
+ TabIndex="1" Visible="False">
108
+
109
+ </im_combo:GcComboBox>
110
+
111
+
112
+
113
+ <asp:Label ID="Label5" runat="server" class="lbl"
114
+
115
+ style="position: relative; top: 258px; left: 377px; width: 87px; margin-bottom: 0px;"
116
+
117
+ Text="職員番号"></asp:Label>
118
+
119
+
120
+
121
+ <im_edit:GcTextBox ID="TxtSyokuinNo" runat="server" AcceptsCrLf="Cut"
122
+
123
+ Format="#@aA9" HasLoadFromXml="True" HighlightText="True" MaxLength="10"
124
+
125
+ style="position: relative; top: 256px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 360px; right: 392px; height: 14px;"
126
+
127
+ ImeMode="Disabled" TabIndex="3">
128
+
129
+ </im_edit:GcTextBox>
130
+
131
+
132
+
133
+ <asp:Label ID="Label6" runat="server" class="lbl"
134
+
135
+ style="position: relative; top: 291px; left: 378px; width: 87px; margin-bottom: 0px;"
136
+
137
+ Text="ＨＯＧＥ"></asp:Label>
138
+
139
+
140
+
141
+ <im_edit:GcTextBox ID="Txthogeword" runat="server" Format="Aa@9"
142
+
143
+ HasLoadFromXml="True" HighlightText="True" ImeMode="Disabled" MaxLength="10"
144
+
145
+ style="position: relative; top: 289px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 327px; right: 392px; height: 14px;"
146
+
147
+ hogewordChar="*" UseClipboard="False" TabIndex="4">
148
+
149
+ </im_edit:GcTextBox>
150
+
151
+
152
+
153
+ 　　　<asp:Button ID="BtnLogin" runat="server" Text="ログイン"
154
+
155
+ style="position: relative; top: 336px; left: 458px; width: 98px; bottom: 265px; right: 444px; height: 29px;"
156
+
157
+ onclick="BtnLogin_Click" TabIndex="5"
158
+
159
+ onclientclick="this.disabled = true; this.value = 'Submitting...';"
160
+
161
+ UseSubmitBehavior="False" />
162
+
163
+
164
+
165
+ </asp:Panel>
166
+
167
+ ```
70
168
 
71
169
  ```CSS
72
170
 

3

あああ

2018/08/25 15:27

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -65,3 +65,339 @@
65
65
  ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
66
66
 
67
67
  `
68
+
69
+
70
+
71
+ ```CSS
72
+
73
+ /* DEFAULTS
74
+
75
+ ----------------------------------------------------------*/
76
+
77
+ body {
78
+
79
+ padding: 0 20px;
80
+
81
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
82
+
83
+ }
84
+
85
+
86
+
87
+ .fakeContainer { /* The parent container */
88
+
89
+ border-style: none;
90
+
91
+ border-color: inherit;
92
+
93
+ border-width: medium;
94
+
95
+ margin: 0 0 20px;
96
+
97
+ width: 709px; /* Required to set */
98
+
99
+ height: 18px; /* Required to set */
100
+
101
+ overflow: hidden; /* Required to set */
102
+
103
+ }
104
+
105
+
106
+
107
+ .spreadbtn
108
+
109
+ {
110
+
111
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
112
+
113
+ font-size: 9px;
114
+
115
+ }
116
+
117
+
118
+
119
+ .btn
120
+
121
+ {
122
+
123
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
124
+
125
+ font-size: 11px;
126
+
127
+ }
128
+
129
+
130
+
131
+ .btn:hover {
132
+
133
+ background-color: #fff;
134
+
135
+ border-color: #59b1eb;
136
+
137
+ color: #59b1eb;
138
+
139
+ }
140
+
141
+
142
+
143
+ .lbl
144
+
145
+ {
146
+
147
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
148
+
149
+ font-size: 11px;
150
+
151
+ }
152
+
153
+
154
+
155
+ .lblHead
156
+
157
+ {
158
+
159
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
160
+
161
+ font-size: 11px;
162
+
163
+ }
164
+
165
+
166
+
167
+ .rdo
168
+
169
+ {
170
+
171
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
172
+
173
+ font-size: 11px;
174
+
175
+ }
176
+
177
+
178
+
179
+ .chk
180
+
181
+ {
182
+
183
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
184
+
185
+ font-size: 11px;
186
+
187
+ }
188
+
189
+
190
+
191
+ .txt
192
+
193
+ {
194
+
195
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
196
+
197
+ font-size: 11px;
198
+
199
+ }
200
+
201
+
202
+
203
+ .date
204
+
205
+ {
206
+
207
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
208
+
209
+ font-size: 11px;
210
+
211
+ }
212
+
213
+
214
+
215
+ .cmb
216
+
217
+ {
218
+
219
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
220
+
221
+ font-size: 11px;
222
+
223
+ }
224
+
225
+
226
+
227
+ .lnk
228
+
229
+ {
230
+
231
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
232
+
233
+ font-size: 11px;
234
+
235
+ }
236
+
237
+
238
+
239
+ body {
240
+
241
+ background: #F0F0F0;
242
+
243
+ font-size: .80em;
244
+
245
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
246
+
247
+ margin-right: auto;
248
+
249
+ margin-left: auto;
250
+
251
+ padding: 0px;
252
+
253
+ color: #000066;
254
+
255
+ }
256
+
257
+
258
+
259
+ a:link, a:visited
260
+
261
+ {
262
+
263
+ color: #034af3;
264
+
265
+ }
266
+
267
+
268
+
269
+ a:hover
270
+
271
+ {
272
+
273
+ color: #1d60ff;
274
+
275
+ text-decoration: none;
276
+
277
+ }
278
+
279
+
280
+
281
+ /* HEADINGS
282
+
283
+ ----------------------------------------------------------*/
284
+
285
+
286
+
287
+
288
+
289
+ /* PRIMARY LAYOUT ELEMENTS
290
+
291
+ ----------------------------------------------------------*/
292
+
293
+ .center {
294
+
295
+ border: 0px;
296
+
297
+ text-align: center;
298
+
299
+ }
300
+
301
+
302
+
303
+ .page {
304
+
305
+ position: static;
306
+
307
+ height: 650px;
308
+
309
+ width: 1050px;
310
+
311
+ background-color: #fbfffe;
312
+
313
+ border: 1px solid #496077;
314
+
315
+ margin-right: auto;
316
+
317
+ margin-left: auto;
318
+
319
+ }
320
+
321
+
322
+
323
+ .header {
324
+
325
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
326
+
327
+ position: relative;
328
+
329
+ margin: 0px;
330
+
331
+ padding: 0px;
332
+
333
+ background: #fbfffe;
334
+
335
+ width: 99%;
336
+
337
+ top: 0px;
338
+
339
+ margin-right: auto;
340
+
341
+ margin-left: auto;
342
+
343
+ height: 114px;
344
+
345
+ }
346
+
347
+
348
+
349
+ .main {
350
+
351
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
352
+
353
+ padding: 0px 12px;
354
+
355
+ margin: 12px 8px 8px 8px;
356
+
357
+ min-height: 420px;
358
+
359
+ }
360
+
361
+
362
+
363
+ .footer
364
+
365
+ {
366
+
367
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
368
+
369
+ color: #4e5766;
370
+
371
+ padding: 8px 0px 0px 0px;
372
+
373
+ margin: 0px auto;
374
+
375
+ text-align: center;
376
+
377
+ line-height: normal;
378
+
379
+ }
380
+
381
+
382
+
383
+ .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
384
+
385
+ {
386
+
387
+ height:auto !important;
388
+
389
+ }
390
+
391
+
392
+
393
+ .FpImage img
394
+
395
+ {
396
+
397
+ height: 20px;
398
+
399
+ width: 20px;
400
+
401
+ }
402
+
403
+ ```

2

ああ

2018/08/25 08:09

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -50,6 +50,8 @@
50
50
 
51
51
 
52
52
 
53
+ ※コードの貼り付けでエラーが起こりはりつけできませんでした。
54
+
53
55
 
54
56
 
55
57
  以上、よろしくお願いします。

1

内容を変えました

2018/08/25 08:09

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -1,64 +1,50 @@
1
- 画面の書き方を教えてください。
1
+ ※質問の内容を変えています。
2
2
 
3
- 下記はマスターページ（抜粋）とログイン画面ですが
4
3
 
5
- 他の画面も同じような書き方で作っています。
6
4
 
7
- しかし全てposition: absoluteで固定化しているため位置は変わりません。
5
+ 環境は
8
6
 
9
- 画面自体を常にブラウザの真ん中に表示したいのですが
7
+ 　VS2017
10
8
 
11
- どのように書けば良いかを教えてください。
9
+ 　ASP.NET WebForm
12
10
 
13
- よろしくお願いします。
11
+ 　.NET Framework6.1
14
12
 
15
13
 
16
14
 
17
15
 
18
16
 
19
- ■マスターページ（抜粋）
17
+ 下記のような画面を作っていますが
20
18
 
21
- ```ASP.NET
22
-
23
- <body>
24
-
25
- <div class="page"
26
-
27
- style="position: absolute; top: 1px; left: 3px; height: 630px; width: 997px;">
28
-
29
- <form id="form1" runat="server">
19
+ Styleのpositionをabsoluteで作成しているため常に固定位置となっています。
30
-
31
- <div class="header" style="position: absolute; top: 0px; left: 0px;" >
32
-
33
- <asp:Label ID="lblFootter" runat="server"
34
-
35
- style="position: absolute; top: 610px; height: 20px; width: 997px; background: #0066FF; left: 0px;"
36
-
37
- Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White"></asp:Label>
38
20
 
39
21
 
40
22
 
41
- <asp:Label ID="lblFoot" runat="server"
23
+ ⇒少し、調べたところ、positionにはrelativeというものがあり
42
24
 
43
- style="position: absolute; top: 615px; height: 15px; width: 631px; text-align:left; left: -1px;"
25
+ 　これは相関位置指定できるものとわかりました。
44
26
 
45
- Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White"></asp:Label>
46
27
 
47
-
48
28
 
49
- <asp:Label ID="Label3" runat="server"
29
+ １．画面を常にブラウザの中央に表示したい
50
30
 
51
- style="position: absolute; top: 615px; height: 15px; right: -5px; width: 367px; text-align:Right; "
31
+ ⇒positionをrelativeに変更して
52
32
 
53
- Font-Italic="True" Font-Size="9px"
33
+ margin-right: auto;
54
34
 
55
- Text="Copyright © 株式会社XXXXXXXXXXX　All Rights Reserved." Font-Bold="True" ForeColor="White"></asp:Label>
35
+ margin-left: auto;
56
36
 
57
- </div>
37
+ 　　とすることで左右の中央にできましたが、上下は一番上に固定のままです。
58
38
 
59
- <div class="main" style="height:450px;">
39
+ 　　上下を中央にする場合も何かmargin-right、margin-leftのようなものがあるのでしょうか？
60
40
 
41
+
42
+
61
- <asp:ContentPlaceHolder ID="MainContent" runat="server">
43
+ ２．現在、テキストやラベルの設置位置や高さ、幅などの設定をベタ書きしてますが
44
+
45
+ 　　一般的に設置する際に設置位置や高さ、幅などの設定は
46
+
47
+ 　　CSSで各テキストやラベル毎に設定を行うものなのでしょうか？
62
48
 
63
49
 
64
50
 
@@ -66,150 +52,14 @@
66
52
 
67
53
 
68
54
 
69
-
70
-
71
- </asp:ContentPlaceHolder>
72
-
73
- </div>
55
+ 以上、よろしくお願いします。
74
-
75
-
76
-
77
- </form>
78
-
79
- </div>
80
-
81
-
82
-
83
- </body>
84
-
85
-
86
-
87
- ```
88
-
89
-
90
-
91
- ■ログイン画面（抜粋）（マスターページにハメこむ）
92
-
93
- ```ASP.NET
94
-
95
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
96
-
97
-
98
-
99
- <div align="center" style="height: 567px">
100
-
101
-
102
-
103
- <asp:Panel ID="PnlMain" runat="server">
104
-
105
-
106
-
107
- <img alt="" src="../../image/Weblogin_Enclose.png" style="position: absolute; left: 23px; width: 966px; bottom: 304px; height: 91px;" />
108
-
109
-
110
-
111
- <asp:Label ID="lblOkyakusamaNm" runat="server" Text="XXXXXX" Font-Bold="True"
112
-
113
- style="position: absolute; top: 95px; left: 323px; width: 370px; margin-bottom: 0px;"
114
-
115
- Font-Size="XX-Large"></asp:Label>
116
-
117
- <asp:Label ID="lblTitle2" runat="server" Text="＠＠＠＠システム" Font-Bold="True"
118
-
119
-
120
-
121
- style="position: absolute; top: 137px; left: 322px; width: 370px; margin-bottom: 0px; font-size: xx-large;"></asp:Label>
122
-
123
- <asp:Label ID="LblMessage" runat="server" ForeColor="Red"
124
-
125
- style="position: absolute; top: 417px; left: 67px; width: 87px; margin-bottom: 0px;"
126
-
127
- ></asp:Label>
128
-
129
-
130
-
131
- <asp:Label ID="Label3" runat="server" class="lbl" Text=""
132
-
133
- style="position: absolute; top: 190px; left: 725px; width: 87px; margin-bottom: 0px;"
134
-
135
- Visible="False"></asp:Label>
136
-
137
-
138
-
139
- <im_combo:GcComboBox ID="CmbSelectableOKyakusama" runat="server"
140
-
141
- HasLoadFromXml="True"
142
-
143
- style="position: absolute; top: 207px; left: 737px; width: 156px; height: 14px; bottom: 409px; right: 107px;"
144
-
145
- TabIndex="1" Visible="False">
146
-
147
- </im_combo:GcComboBox>
148
-
149
-
150
-
151
- <asp:Label ID="Label5" runat="server" class="lbl"
152
-
153
- style="position: absolute; top: 258px; left: 377px; width: 87px; margin-bottom: 0px;"
154
-
155
- Text="職員番号"></asp:Label>
156
-
157
-
158
-
159
- <im_edit:GcTextBox ID="TxtSyokuinNo" runat="server" AcceptsCrLf="Cut"
160
-
161
- Format="#@aA9" HasLoadFromXml="True" HighlightText="True" MaxLength="10"
162
-
163
- style="position: absolute; top: 256px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 360px; right: 392px; height: 14px;"
164
-
165
- ImeMode="Disabled" TabIndex="3">
166
-
167
- </im_edit:GcTextBox>
168
-
169
-
170
-
171
- <asp:Label ID="Label6" runat="server" class="lbl"
172
-
173
- style="position: absolute; top: 291px; left: 378px; width: 87px; margin-bottom: 0px;"
174
-
175
- Text="パスワード"></asp:Label>
176
-
177
-
178
-
179
- <im_edit:GcTextBox ID="TxtPassword" runat="server" Format="Aa@9"
180
-
181
- HasLoadFromXml="True" HighlightText="True" ImeMode="Disabled" MaxLength="10"
182
-
183
- style="position: absolute; top: 289px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 327px; right: 392px; height: 14px;"
184
-
185
- PasswordChar="*" UseClipboard="False" TabIndex="4">
186
-
187
- </im_edit:GcTextBox>
188
-
189
-
190
-
191
- 　　　<asp:Button ID="BtnLogin" runat="server" Text="ログイン"
192
-
193
- style="position: absolute; top: 336px; left: 458px; width: 98px; bottom: 265px; right: 444px; height: 29px;"
194
-
195
- onclick="BtnLogin_Click" TabIndex="5"
196
-
197
- onclientclick="this.disabled = true; this.value = 'Submitting...';"
198
-
199
- UseSubmitBehavior="False" />
200
-
201
-
202
-
203
- </asp:Panel>
204
56
 
205
57
 
206
58
 
207
59
 
208
60
 
61
+ ※Styleのpositionをabsoluteで作成していたときの画面
209
62
 
63
+ ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
210
64
 
211
- </asp:Content>
212
-
213
-
214
-
215
- ```
65
+ `