teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問ASP.NET 4つの.ascxで作った画面を一つの.aspxに取り込もうとしているのですが上手くいきません。

編集履歴

質問編集履歴

4

編集

2021/03/06 02:13

投稿

pentagon
pentagon

スコア11

test CHANGED
File without changes
test CHANGED
@@ -188,70 +188,58 @@
188
188
 
189
189
  <head>
190
190
 
191
- <meta charset="UTF-8">
192
-
193
- <!-- <link rel="stylesheet" href="css/style.css"> -->
191
+ <link rel="stylesheet" href="Styles/style.css" />
194
-
192
+
195
- <title>HTMLの書き方</title>
193
+ <title>HTML書き方</title>
196
194
 
197
195
  </head>
198
196
 
199
- <body>
200
-
201
- <h1>HTMLの書き方</h1>
202
-
203
- <p>はじめてのHTMLを作りました</p>
204
-
205
197
 
206
198
 
207
199
  <div class="ryohi">
208
200
 
209
201
 
210
202
 
211
- <div class="left_01">
203
+ <h1>HTML-01の書き方</h1>
204
+
205
+ <p>はじめてのHTML-01を作りました</p>
212
206
 
213
207
 
214
208
 
215
209
  <table border="1">
216
210
 
217
- <TR style= "text-align: center;" ><TD>月/日</TD><TD>区分</TD><TD colspan="3">区　間</TD><TD colspan="2">金　額</TD></TR>
211
+ <tr style= "text-align: center;" ><td>月/日</td><td>区分</td><td colspan="3">区　間</td><td colspan="2">金　額</td></tr>
218
-
219
-
220
-
212
+
213
+
214
+
221
- <TR><TD>10/10</TD><TD></TD> <TD>++</TD> <TD>〜</TD> <TD></TD> <TD>8000円</TD> </TR>
215
+ <tr><td>10/10</td><td></td> <td>++</td> <td>〜</td> <td></td> <td>8000円</td> </tr>
222
-
216
+
223
- <TR><TD>10/12</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
217
+ <tr><td>10/12</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
224
-
218
+
225
- <TR><TD>10/13</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
219
+ <tr><td>10/13</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
226
-
220
+
227
- <TR><TD>10/14</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
221
+ <tr><td>10/14</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
228
-
222
+
229
- <TR><TD>10/15</TD> <TD></TD> <TD>*</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
223
+ <tr><td>10/15</td> <td></td> <td>*</td> <td>〜</td> <td></td> <td>159円</td> </tr>
230
-
224
+
231
- <TR><TD>10/16</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
225
+ <tr><td>10/16</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
232
-
226
+
233
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
227
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
234
-
228
+
235
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
229
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
236
-
230
+
237
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
231
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
238
-
232
+
239
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
233
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
240
234
 
241
235
  </table>
242
236
 
243
237
 
244
238
 
245
- </div>
246
-
247
-
248
-
249
239
  </div>
250
240
 
251
241
 
252
242
 
253
- </body>
254
-
255
243
  </html>
256
244
 
257
245
  ```

3

修正

2021/03/06 02:12

投稿

pentagon
pentagon

スコア11

test CHANGED
File without changes
test CHANGED
@@ -12,6 +12,20 @@
12
12
 
13
13
 
14
14
 
15
+ WebRyohiX1.ascxとWebRyohiX2.ascx が上段左右に
16
+
17
+ その下の行に
18
+
19
+ WebRyohiX3.ascxとWebRyohiX4.ascx を左右に表示したいのです。
20
+
21
+ 現在の表示は
22
+
23
+ WebRyohiX1
24
+
25
+ WebRyohiX3,WebRyohiX2
26
+
27
+ WebRyohiX4 と表示されています。
28
+
15
29
  ### 発生している問題・エラーメッセージ
16
30
 
17
31
 

2

スタイルシートの変更

2021/03/06 00:38

投稿

pentagon
pentagon

スコア11

test CHANGED
File without changes
test CHANGED
@@ -102,19 +102,17 @@
102
102
 
103
103
  ---スタイルシート
104
104
 
105
-
105
+ '''
106
106
 
107
107
  .ryohi {
108
108
 
109
- display: inline-block; /* インラインブロック要素にする */
110
-
111
- background-color: #ccc; /* 背景色指定 */
109
+ background-color: #ccc; /* 背景色指定 */
112
-
110
+
113
- padding: 20px; /* 余白指定 */
111
+ border: solid 2px; /* 枠線指定 */
114
-
115
- height: 350px;
112
+
116
-
117
- width: 495px;
113
+ width: 495px;
114
+
115
+ float: left;
118
116
 
119
117
  }
120
118
 
@@ -122,15 +120,13 @@
122
120
 
123
121
  .meisai {
124
122
 
125
- display: inline-block; /* インラインブロック要素にする */
126
-
127
- background-color: #ccc; /* 背景色指定 */
123
+ background-color: #ccc; /* 背景色指定 */
128
-
124
+
129
- padding: 20px; /* 余白指定 */
125
+ border: solid 2px; /* 枠線指定 */
130
-
131
- height: 350px; /* 高さ指定 */
126
+
132
-
133
- width: 495px;
127
+ width: 495px;
128
+
129
+ float: left;
134
130
 
135
131
  }
136
132
 
@@ -138,15 +134,13 @@
138
134
 
139
135
  .menseki {
140
136
 
141
- display: inline-block; /* インラインブロック要素にする */
142
-
143
- background-color: #ccc; /* 背景色指定 */
137
+ background-color: #ccc; /* 背景色指定 */
144
-
138
+
145
- padding: 20px; /* 余白指定 */
139
+ border: solid 2px; /* 枠線指定 */
146
-
147
- height: 350px; /* 高さ指定 */
140
+
148
-
149
- width: 495px;
141
+ width: 495px;
142
+
143
+ float: left;
150
144
 
151
145
  }
152
146
 
@@ -154,21 +148,19 @@
154
148
 
155
149
  .homon {
156
150
 
157
- display: inline-block; /* インラインブロック要素にする */
158
-
159
- background-color: #ccc; /* 背景色指定 */
151
+ background-color: #ccc; /* 背景色指定 */
160
-
152
+
161
- padding: 20px; /* 余白指定 */
153
+ border: solid 2px; /* 枠線指定 */
162
-
163
- height: 350px; /* 高さ指定 */
154
+
164
-
165
- width: 495px;
155
+ width: 495px;
156
+
166
-
157
+ float: left;
158
+
167
- }
159
+ }
160
+
168
-
161
+ '''
162
+
169
-
163
+ ```
170
-
171
-
172
164
 
173
165
  ```WebRyohix1.ascx
174
166
 
@@ -247,3 +239,5 @@
247
239
  </body>
248
240
 
249
241
  </html>
242
+
243
+ ```

1

ソースの追加

2021/03/06 00:34

投稿

pentagon
pentagon

スコア11

test CHANGED
File without changes
test CHANGED
@@ -170,4 +170,80 @@
170
170
 
171
171
 
172
172
 
173
- ```
173
+ ```WebRyohix1.ascx
174
+
175
+ <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="WebRyohiX1.ascx.vb" Inherits="WebPartList.WebRyohiX1" %>
176
+
177
+
178
+
179
+ <!DOCTYPE html>
180
+
181
+ <html lang="ja">
182
+
183
+ <head>
184
+
185
+ <meta charset="UTF-8">
186
+
187
+ <!-- <link rel="stylesheet" href="css/style.css"> -->
188
+
189
+ <title>HTMLの書き方</title>
190
+
191
+ </head>
192
+
193
+ <body>
194
+
195
+ <h1>HTMLの書き方</h1>
196
+
197
+ <p>はじめてのHTMLを作りました</p>
198
+
199
+
200
+
201
+ <div class="ryohi">
202
+
203
+
204
+
205
+ <div class="left_01">
206
+
207
+
208
+
209
+ <table border="1">
210
+
211
+ <TR style= "text-align: center;" ><TD>月/日</TD><TD>区分</TD><TD colspan="3">区　間</TD><TD colspan="2">金　額</TD></TR>
212
+
213
+
214
+
215
+ <TR><TD>10/10</TD><TD></TD> <TD>++</TD> <TD>〜</TD> <TD></TD> <TD>8000円</TD> </TR>
216
+
217
+ <TR><TD>10/12</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
218
+
219
+ <TR><TD>10/13</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
220
+
221
+ <TR><TD>10/14</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
222
+
223
+ <TR><TD>10/15</TD> <TD></TD> <TD>*</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
224
+
225
+ <TR><TD>10/16</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
226
+
227
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
228
+
229
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
230
+
231
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
232
+
233
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
234
+
235
+ </table>
236
+
237
+
238
+
239
+ </div>
240
+
241
+
242
+
243
+ </div>
244
+
245
+
246
+
247
+ </body>
248
+
249
+ </html>