Guest User

Untitled

a guest
Jan 22nd, 2018
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.63 KB | None | 0 0
  1. <div class="appLines">
  2. <table>
  3. <tr class="appLineDummy">
  4. <td style="width: 8.3%;"><button class="cdsrch" type="button"><img src="img/検索.png"></button><input type="text" name="cd[]" style="width: 62%; ime-mode: inactive;" /></td>
  5. <td style="width: 29%;" class="extd"><label name="name" style="width: 100%;"></label><input type="hidden" name="name_inp[]" /></td>
  6. <td style="width: 10%;" class="extd"><div style="overflow: hidden"><label name="capa"></label></div><input type="hidden" name="capa_inp[]" /></td>
  7. <td style="width: 8%;" class="extd"><label name="scond"></label><input type="hidden" name="scond_inp[]" /></td>
  8. <td style="width: 14%;"><button class="lotsrch" type="button"><img src="img/検索.png"></button><input type="text" name="lot[]" style="width: 100%; ime-mode: inactive;" readonly /></td>
  9. <td style="width: 5%;"><input type="text" name="amount[]" style="width: 82%; ime-mode: inactive;" /></td>
  10. <td style="width: 7%;" class="extd_kin"><label name="unitp"></label><input type="hidden" name="unitp_inp[]" /></td>
  11. <td style="width: 11%;" class="extd_kin"><label name="totalp"></label><input type="hidden" name="totalp_inp[]" /></td>
  12. <td style="width: 2%;" class="extd"><label class="errmark"></label></td>
  13. <td style="width: 1%;"><button class="rowins" type="button">+</button></td>
  14. <td style="width: 1%;"><button class="rowdel" type="button">-</button></td>
  15. </tr>
  16. </table>
  17. </div>
  18.  
  19. body {
  20. margin: 0 0 0 0;
  21. padding: 0 0 0 0;
  22. background-color: #f5f3eb;
  23. font-family: meiryo ,sans-serif;
  24. }
  25.  
  26. table {
  27. border-collapse: collapse;
  28. }
  29.  
  30. button {
  31. height: 1.6em;
  32. vertical-align: bottom;
  33. padding: 0;
  34. }
  35. button:hover {
  36. cursor: pointer ;
  37. color: #f00 ;
  38. }
  39.  
  40. .tcdsrch, .scdsrch, .cdsrch, .lotsrch {
  41. background: none;
  42. }
  43.  
  44.  
  45. .wrapper {
  46. margin: 0 auto 0 auto;
  47. width: 970px;
  48. }
  49.  
  50. .appLines {
  51. overflow:auto;
  52. height: 15.44em;
  53. }
  54.  
  55.  
  56. /* 列内容は基本 真ん中に内容を表示したい */
  57. td {
  58. text-align: center;
  59. white-space: nowrap;
  60.  
  61. border-top-color: #CCCCCC;
  62. border-top-style: solid;
  63. border-left-color: #CCCCCC;
  64. border-left-style: solid;
  65. border-right-color: #CCCCCC;
  66. border-right-style: solid;
  67. border-bottom-color: #CCCCCC;
  68. border-bottom-style: solid;
  69.  
  70. line-height: 1em;
  71. padding: 0;
  72. }
  73.  
  74. /* 例外の列は左詰めで内容を表示し、背景は白にしたい */
  75. td.extd {
  76. text-align: left;
  77. background-color: #FFFFFF;
  78. color: #0000FF;
  79. }
  80.  
  81. table {
  82. table-layout: fixed;
  83. width: 100%;
  84. ...
  85. }
Add Comment
Please, Sign In to add comment