質問編集履歴

13

CSSのみにしました

2021/01/20 02:13

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,256 +1,6 @@
1
- 解決したいこと:H1が続けて3列になっているのH1→H2、H1→H2、H1→H2 こんなふうになるようにたい。か教えてほしいです
1
+ 解決したいこと:Lhankor_Mhyうにしてほしい
2
2
 
3
- itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
3
 
5
- XSLTのところを編集したらなおるはずなんですがどこを直していいのかがわかりません
6
-
7
- 自分でもやってみたんですが何も変化せずそのまんまでした!
8
-
9
- XMLとXSLTとCSSの3セットになっています!
10
-
11
- ```XML
12
-
13
- <?xml version="1.0" encoding="UTF-8" ?>
14
-
15
- <!-- below is a data for order -->
16
-
17
- <?xml-stylesheet type="text/xsl" href="kadai1.xsl" ?>
18
-
19
- <itemdata>
20
-
21
- <item number="i001">
22
-
23
- <itemId>pc-x1</itemId>
24
-
25
- <itemName>desktopPC X1</itemName>
26
-
27
- <registDate>2009-05-10</registDate>
28
-
29
- <description>
30
-
31
- <![CDATA[
32
-
33
- powerful! & high grade!, <win7>usable,
34
-
35
- URL http://www.pcx1/
36
-
37
- ]]>
38
-
39
- </description>
40
-
41
- <note />
42
-
43
- <stock>95</stock>
44
-
45
- <check />
46
-
47
- </item>
48
-
49
- <item number="i002">
50
-
51
- <itemId>pri-p1</itemId>
52
-
53
- <itemName>razer pirnter P1</itemName>
54
-
55
- <registDate>2009-02-03</registDate>
56
-
57
- <description>
58
-
59
- <![CDATA[
60
-
61
- powerful! & high grade!, <win7>usable,
62
-
63
- URL http://www.pcx1/
64
-
65
- ]]>
66
-
67
- </description>
68
-
69
- <note>
70
-
71
- now discount <saving>30%</saving>buy now<saving>30% OFF!</saving>
72
-
73
- </note>
74
-
75
- <stock>115</stock>
76
-
77
- <check />
78
-
79
- </item>
80
-
81
- <item number="i003">
82
-
83
- <itemId>pc-a3</itemId>
84
-
85
- <itemName>laptop a3</itemName>
86
-
87
- <registDate>2015-12-03</registDate>
88
-
89
- <description>
90
-
91
- <![CDATA[
92
-
93
- hi-spec laptop, win10pro & free office
94
-
95
- URL http://www.pcx1/
96
-
97
- ]]>
98
-
99
- </description>
100
-
101
- <note>
102
-
103
- discount<saving>10%</saving>(util Dec.) <saving>30%</saving>(from Jan.)
104
-
105
- </note>
106
-
107
- <stock>15</stock>
108
-
109
- <check />
110
-
111
- </item>
112
-
113
- </itemdata>
114
-
115
- ```
116
-
117
- ```XSLT
118
-
119
- <?xml version="1.0" encoding="utf-8" ?>
120
-
121
- <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
122
-
123
- <xsl:output method="html" encoding="utf-8" />
124
-
125
- <xsl:template match="/">
126
-
127
- <html>
128
-
129
- <head>
130
-
131
- <title>
132
-
133
- <xsl:text>課題</xsl:text>
134
-
135
- </title>
136
-
137
- <link rel="stylesheet" href="sixth3to5.css" type="text/css" />
138
-
139
- </head>
140
-
141
- <body>
142
-
143
- <xsl:apply-templates select=".//itemId" />
144
-
145
- <xsl:apply-templates select=".//item" />
146
-
147
- </body>
148
-
149
- </html>
150
-
151
- </xsl:template>
152
-
153
- <xsl:template match="itemId">
154
-
155
- <h1>
156
-
157
- <xsl:value-of select="name()" />
158
-
159
- <xsl:text>:</xsl:text>
160
-
161
- <xsl:value-of select="." />
162
-
163
- <xsl:text>/photo:</xsl:text>
164
-
165
- <img>
166
-
167
- <xsl:attribute name="src">
168
-
169
- <xsl:value-of select="." />
170
-
171
- <xsl:text>.jpg</xsl:text>
172
-
173
- </xsl:attribute>
174
-
175
- <xsl:attribute name="width">
176
-
177
- <xsl:text>50px</xsl:text>
178
-
179
- </xsl:attribute>
180
-
181
- <xsl:attribute name="height">
182
-
183
- <xsl:text>50px</xsl:text>
184
-
185
- </xsl:attribute>
186
-
187
- </img>
188
-
189
- </h1>
190
-
191
- </xsl:template>
192
-
193
- <xsl:template match="item">
194
-
195
- <h2><xsl:value-of select="@number" /></h2>
196
-
197
- <table>
198
-
199
- <tr>
200
-
201
- <td><xsl:value-of select="name(itemId)" /></td>
202
-
203
- <td><xsl:value-of select="itemId" /></td>
204
-
205
- </tr>
206
-
207
- <tr>
208
-
209
- <td><xsl:value-of select="name(itemName)" /></td>
210
-
211
- <td><xsl:value-of select="itemName" /></td>
212
-
213
- </tr>
214
-
215
- <tr>
216
-
217
- <td><xsl:value-of select="name(registDate)" /></td>
218
-
219
- <td><xsl:value-of select="registDate" /></td>
220
-
221
- </tr>
222
-
223
- <tr>
224
-
225
- <td><xsl:value-of select="name(description)" /></td>
226
-
227
- <td><xsl:value-of select="description" /></td>
228
-
229
- </tr>
230
-
231
- <tr>
232
-
233
- <td><xsl:value-of select="name(note)" /></td>
234
-
235
- <td><xsl:value-of select="note" /></td>
236
-
237
- </tr>
238
-
239
- <tr>
240
-
241
- <td><xsl:value-of select="name(stock)" /></td>
242
-
243
- <td><xsl:value-of select="stock" /></td>
244
-
245
- </tr>
246
-
247
- </table>
248
-
249
- </xsl:template>
250
-
251
- </xsl:stylesheet>
252
-
253
- ```
254
4
 
255
5
  ```CSS
256
6
 

12

意図的に内容が抹消された質問に該当するため

2021/01/20 02:12

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,7 +1,329 @@
1
+ 解決したいこと:H1が続けて3列になっているのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。てか教えてほしいです
2
+
3
+ itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
+
5
+ XSLTのところを編集したらなおるはずなんですがどこを直していいのかがわかりません
6
+
7
+ 自分でもやってみたんですが何も変化せずそのまんまでした!
8
+
9
+ XMLとXSLTとCSSの3セットになっています!
10
+
11
+ ```XML
12
+
13
+ <?xml version="1.0" encoding="UTF-8" ?>
14
+
15
+ <!-- below is a data for order -->
16
+
17
+ <?xml-stylesheet type="text/xsl" href="kadai1.xsl" ?>
18
+
19
+ <itemdata>
20
+
21
+ <item number="i001">
22
+
23
+ <itemId>pc-x1</itemId>
24
+
25
+ <itemName>desktopPC X1</itemName>
26
+
27
+ <registDate>2009-05-10</registDate>
28
+
29
+ <description>
30
+
31
+ <![CDATA[
32
+
33
+ powerful! & high grade!, <win7>usable,
34
+
35
+ URL http://www.pcx1/
36
+
37
+ ]]>
38
+
39
+ </description>
40
+
41
+ <note />
42
+
43
+ <stock>95</stock>
44
+
45
+ <check />
46
+
47
+ </item>
48
+
49
+ <item number="i002">
50
+
51
+ <itemId>pri-p1</itemId>
52
+
53
+ <itemName>razer pirnter P1</itemName>
54
+
55
+ <registDate>2009-02-03</registDate>
56
+
57
+ <description>
58
+
59
+ <![CDATA[
60
+
61
+ powerful! & high grade!, <win7>usable,
62
+
63
+ URL http://www.pcx1/
64
+
65
+ ]]>
66
+
67
+ </description>
68
+
69
+ <note>
70
+
71
+ now discount <saving>30%</saving>buy now<saving>30% OFF!</saving>
72
+
73
+ </note>
74
+
75
+ <stock>115</stock>
76
+
77
+ <check />
78
+
79
+ </item>
80
+
81
+ <item number="i003">
82
+
83
+ <itemId>pc-a3</itemId>
84
+
85
+ <itemName>laptop a3</itemName>
86
+
87
+ <registDate>2015-12-03</registDate>
88
+
89
+ <description>
90
+
91
+ <![CDATA[
92
+
93
+ hi-spec laptop, win10pro & free office
94
+
95
+ URL http://www.pcx1/
96
+
97
+ ]]>
98
+
99
+ </description>
100
+
101
+ <note>
102
+
103
+ discount<saving>10%</saving>(util Dec.) <saving>30%</saving>(from Jan.)
104
+
105
+ </note>
106
+
107
+ <stock>15</stock>
108
+
109
+ <check />
110
+
111
+ </item>
112
+
113
+ </itemdata>
114
+
115
+ ```
116
+
117
+ ```XSLT
118
+
119
+ <?xml version="1.0" encoding="utf-8" ?>
120
+
121
+ <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
122
+
123
+ <xsl:output method="html" encoding="utf-8" />
124
+
125
+ <xsl:template match="/">
126
+
127
+ <html>
128
+
129
+ <head>
130
+
131
+ <title>
132
+
133
+ <xsl:text>課題</xsl:text>
134
+
135
+ </title>
136
+
137
+ <link rel="stylesheet" href="sixth3to5.css" type="text/css" />
138
+
139
+ </head>
140
+
141
+ <body>
142
+
143
+ <xsl:apply-templates select=".//itemId" />
144
+
145
+ <xsl:apply-templates select=".//item" />
146
+
147
+ </body>
148
+
149
+ </html>
150
+
151
+ </xsl:template>
152
+
153
+ <xsl:template match="itemId">
154
+
155
+ <h1>
156
+
157
+ <xsl:value-of select="name()" />
158
+
159
+ <xsl:text>:</xsl:text>
160
+
161
+ <xsl:value-of select="." />
162
+
163
+ <xsl:text>/photo:</xsl:text>
164
+
165
+ <img>
166
+
167
+ <xsl:attribute name="src">
168
+
169
+ <xsl:value-of select="." />
170
+
171
+ <xsl:text>.jpg</xsl:text>
172
+
173
+ </xsl:attribute>
174
+
175
+ <xsl:attribute name="width">
176
+
177
+ <xsl:text>50px</xsl:text>
178
+
179
+ </xsl:attribute>
180
+
181
+ <xsl:attribute name="height">
182
+
183
+ <xsl:text>50px</xsl:text>
184
+
185
+ </xsl:attribute>
186
+
187
+ </img>
188
+
189
+ </h1>
190
+
191
+ </xsl:template>
192
+
193
+ <xsl:template match="item">
194
+
195
+ <h2><xsl:value-of select="@number" /></h2>
196
+
197
+ <table>
198
+
199
+ <tr>
200
+
201
+ <td><xsl:value-of select="name(itemId)" /></td>
202
+
203
+ <td><xsl:value-of select="itemId" /></td>
204
+
205
+ </tr>
206
+
207
+ <tr>
208
+
209
+ <td><xsl:value-of select="name(itemName)" /></td>
210
+
211
+ <td><xsl:value-of select="itemName" /></td>
212
+
213
+ </tr>
214
+
215
+ <tr>
216
+
217
+ <td><xsl:value-of select="name(registDate)" /></td>
218
+
219
+ <td><xsl:value-of select="registDate" /></td>
220
+
221
+ </tr>
222
+
223
+ <tr>
224
+
225
+ <td><xsl:value-of select="name(description)" /></td>
226
+
227
+ <td><xsl:value-of select="description" /></td>
228
+
229
+ </tr>
230
+
231
+ <tr>
232
+
233
+ <td><xsl:value-of select="name(note)" /></td>
234
+
235
+ <td><xsl:value-of select="note" /></td>
236
+
237
+ </tr>
238
+
239
+ <tr>
240
+
241
+ <td><xsl:value-of select="name(stock)" /></td>
242
+
243
+ <td><xsl:value-of select="stock" /></td>
244
+
245
+ </tr>
246
+
247
+ </table>
248
+
249
+ </xsl:template>
250
+
251
+ </xsl:stylesheet>
252
+
253
+ ```
254
+
255
+ ```CSS
256
+
257
+ body{
258
+
259
+ margin-top:20px;
260
+
261
+ margin-left:20px;
262
+
263
+ padding:0;
264
+
265
+ line-height:160%;
266
+
267
+ letter-spacing:0.2em;
268
+
269
+ font-size:1em;
270
+
271
+ font-family:'Arial','sans-serif';
272
+
273
+ color:#333333;
274
+
1
- Lhankor_Mhy にマジでいじめらてるわー
275
+ background-color:#ffffff;
276
+
2
-
277
+ }
278
+
279
+ h1{
280
+
281
+ margin:0px;
282
+
283
+ border-left:15px solid #ff3333;
284
+
285
+ border-bottom:2px solid #ff3333;
286
+
287
+ padding:10px 2px 10px 9px;
288
+
289
+ }
290
+
291
+ h2{
292
+
293
+ width:100px;
294
+
295
+ margin:10px;
296
+
297
+ background-color:#ffccff;
298
+
299
+ padding:3px;
300
+
301
+ margin:5px 20px 5px;
302
+
303
+ }
304
+
3
- 汚い大人やでw
305
+ table{
306
+
4
-
307
+ border-collapse:collapse;
308
+
309
+ border:1px solid #111111;
310
+
311
+ text-align:center;
312
+
313
+ margin:0px 20px 20px;
314
+
315
+ }
316
+
317
+ table tr td{
318
+
319
+ padding:3px;
320
+
5
- 解決しましたよー
321
+ margin:1px;
322
+
6
-
323
+ border:1px solid;
324
+
325
+ white-space:nowrap;
326
+
327
+ }
328
+
7
- もう結構です!
329
+ ```

11

タイトルを変更しました

2021/01/12 01:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,329 +1,7 @@
1
- 解決したこと:H1が続け3列になっていのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。てか教えてほしいです
1
+ Lhankor_Mhy にマジでじめらてるわー
2
2
 
3
- itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたな感じ
3
+ 大人や
4
4
 
5
- XSLTのところを編集したらなおるはずなんですがどこを直していいのかがわかりません
5
+ 解決ましよー
6
6
 
7
- 自分でもやってみたんですが何も変化せずそのまんまでした!
8
-
9
- XMLとXSLTとCSSの3セットになっています!
10
-
11
- ```XML
12
-
13
- <?xml version="1.0" encoding="UTF-8" ?>
14
-
15
- <!-- below is a data for order -->
16
-
17
- <?xml-stylesheet type="text/xsl" href="kadai1.xsl" ?>
18
-
19
- <itemdata>
20
-
21
- <item number="i001">
22
-
23
- <itemId>pc-x1</itemId>
24
-
25
- <itemName>desktopPC X1</itemName>
26
-
27
- <registDate>2009-05-10</registDate>
28
-
29
- <description>
30
-
31
- <![CDATA[
32
-
33
- powerful! & high grade!, <win7>usable,
34
-
35
- URL http://www.pcx1/
36
-
37
- ]]>
38
-
39
- </description>
40
-
41
- <note />
42
-
43
- <stock>95</stock>
44
-
45
- <check />
46
-
47
- </item>
48
-
49
- <item number="i002">
50
-
51
- <itemId>pri-p1</itemId>
52
-
53
- <itemName>razer pirnter P1</itemName>
54
-
55
- <registDate>2009-02-03</registDate>
56
-
57
- <description>
58
-
59
- <![CDATA[
60
-
61
- powerful! & high grade!, <win7>usable,
62
-
63
- URL http://www.pcx1/
64
-
65
- ]]>
66
-
67
- </description>
68
-
69
- <note>
70
-
71
- now discount <saving>30%</saving>buy now<saving>30% OFF!</saving>
72
-
73
- </note>
74
-
75
- <stock>115</stock>
76
-
77
- <check />
78
-
79
- </item>
80
-
81
- <item number="i003">
82
-
83
- <itemId>pc-a3</itemId>
84
-
85
- <itemName>laptop a3</itemName>
86
-
87
- <registDate>2015-12-03</registDate>
88
-
89
- <description>
90
-
91
- <![CDATA[
92
-
93
- hi-spec laptop, win10pro & free office
94
-
95
- URL http://www.pcx1/
96
-
97
- ]]>
98
-
99
- </description>
100
-
101
- <note>
102
-
103
- discount<saving>10%</saving>(util Dec.) <saving>30%</saving>(from Jan.)
104
-
105
- </note>
106
-
107
- <stock>15</stock>
108
-
109
- <check />
110
-
111
- </item>
112
-
113
- </itemdata>
114
-
115
- ```
116
-
117
- ```XSLT
7
+ もう結構です!
118
-
119
- <?xml version="1.0" encoding="utf-8" ?>
120
-
121
- <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
122
-
123
- <xsl:output method="html" encoding="utf-8" />
124
-
125
- <xsl:template match="/">
126
-
127
- <html>
128
-
129
- <head>
130
-
131
- <title>
132
-
133
- <xsl:text>課題</xsl:text>
134
-
135
- </title>
136
-
137
- <link rel="stylesheet" href="sixth3to5.css" type="text/css" />
138
-
139
- </head>
140
-
141
- <body>
142
-
143
- <xsl:apply-templates select=".//itemId" />
144
-
145
- <xsl:apply-templates select=".//item" />
146
-
147
- </body>
148
-
149
- </html>
150
-
151
- </xsl:template>
152
-
153
- <xsl:template match="itemId">
154
-
155
- <h1>
156
-
157
- <xsl:value-of select="name()" />
158
-
159
- <xsl:text>:</xsl:text>
160
-
161
- <xsl:value-of select="." />
162
-
163
- <xsl:text>/photo:</xsl:text>
164
-
165
- <img>
166
-
167
- <xsl:attribute name="src">
168
-
169
- <xsl:value-of select="." />
170
-
171
- <xsl:text>.jpg</xsl:text>
172
-
173
- </xsl:attribute>
174
-
175
- <xsl:attribute name="width">
176
-
177
- <xsl:text>50px</xsl:text>
178
-
179
- </xsl:attribute>
180
-
181
- <xsl:attribute name="height">
182
-
183
- <xsl:text>50px</xsl:text>
184
-
185
- </xsl:attribute>
186
-
187
- </img>
188
-
189
- </h1>
190
-
191
- </xsl:template>
192
-
193
- <xsl:template match="item">
194
-
195
- <h2><xsl:value-of select="@number" /></h2>
196
-
197
- <table>
198
-
199
- <tr>
200
-
201
- <td><xsl:value-of select="name(itemId)" /></td>
202
-
203
- <td><xsl:value-of select="itemId" /></td>
204
-
205
- </tr>
206
-
207
- <tr>
208
-
209
- <td><xsl:value-of select="name(itemName)" /></td>
210
-
211
- <td><xsl:value-of select="itemName" /></td>
212
-
213
- </tr>
214
-
215
- <tr>
216
-
217
- <td><xsl:value-of select="name(registDate)" /></td>
218
-
219
- <td><xsl:value-of select="registDate" /></td>
220
-
221
- </tr>
222
-
223
- <tr>
224
-
225
- <td><xsl:value-of select="name(description)" /></td>
226
-
227
- <td><xsl:value-of select="description" /></td>
228
-
229
- </tr>
230
-
231
- <tr>
232
-
233
- <td><xsl:value-of select="name(note)" /></td>
234
-
235
- <td><xsl:value-of select="note" /></td>
236
-
237
- </tr>
238
-
239
- <tr>
240
-
241
- <td><xsl:value-of select="name(stock)" /></td>
242
-
243
- <td><xsl:value-of select="stock" /></td>
244
-
245
- </tr>
246
-
247
- </table>
248
-
249
- </xsl:template>
250
-
251
- </xsl:stylesheet>
252
-
253
- ```
254
-
255
- ```CSS
256
-
257
- body{
258
-
259
- margin-top:20px;
260
-
261
- margin-left:20px;
262
-
263
- padding:0;
264
-
265
- line-height:160%;
266
-
267
- letter-spacing:0.2em;
268
-
269
- font-size:1em;
270
-
271
- font-family:'Arial','sans-serif';
272
-
273
- color:#333333;
274
-
275
- background-color:#ffffff;
276
-
277
- }
278
-
279
- h1{
280
-
281
- margin:0px;
282
-
283
- border-left:15px solid #ff3333;
284
-
285
- border-bottom:2px solid #ff3333;
286
-
287
- padding:10px 2px 10px 9px;
288
-
289
- }
290
-
291
- h2{
292
-
293
- width:100px;
294
-
295
- margin:10px;
296
-
297
- background-color:#ffccff;
298
-
299
- padding:3px;
300
-
301
- margin:5px 20px 5px;
302
-
303
- }
304
-
305
- table{
306
-
307
- border-collapse:collapse;
308
-
309
- border:1px solid #111111;
310
-
311
- text-align:center;
312
-
313
- margin:0px 20px 20px;
314
-
315
- }
316
-
317
- table tr td{
318
-
319
- padding:3px;
320
-
321
- margin:1px;
322
-
323
- border:1px solid;
324
-
325
- white-space:nowrap;
326
-
327
- }
328
-
329
- ```

10

意図的に内容が抹消された質問に該当するため

2021/01/11 01:54

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
@@ -1 +1 @@
1
- わからないこと、解決したいことをかいてくだいさい!
1
+ XMLをXSLTを使ってHTML文書にしたがうまくいか
test CHANGED
@@ -1,3 +1,329 @@
1
+ 解決したいこと:H1が続けて3列になっているのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。てか教えてほしいです
2
+
3
+ itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
+
5
+ XSLTのところを編集したらなおるはずなんですがどこを直していいのかがわかりません
6
+
7
+ 自分でもやってみたんですが何も変化せずそのまんまでした!
8
+
1
- Lhankor_Mhyさんは中2になったばかりの私をじめてます!
9
+ XMLとXSLTとCSSの3セットになっいます!
10
+
2
-
11
+ ```XML
12
+
13
+ <?xml version="1.0" encoding="UTF-8" ?>
14
+
15
+ <!-- below is a data for order -->
16
+
17
+ <?xml-stylesheet type="text/xsl" href="kadai1.xsl" ?>
18
+
19
+ <itemdata>
20
+
21
+ <item number="i001">
22
+
23
+ <itemId>pc-x1</itemId>
24
+
25
+ <itemName>desktopPC X1</itemName>
26
+
27
+ <registDate>2009-05-10</registDate>
28
+
29
+ <description>
30
+
3
- 最低な大人だと思いました
31
+ <![CDATA[
32
+
33
+ powerful! & high grade!, <win7>usable,
34
+
35
+ URL http://www.pcx1/
36
+
37
+ ]]>
38
+
39
+ </description>
40
+
41
+ <note />
42
+
43
+ <stock>95</stock>
44
+
45
+ <check />
46
+
47
+ </item>
48
+
49
+ <item number="i002">
50
+
51
+ <itemId>pri-p1</itemId>
52
+
53
+ <itemName>razer pirnter P1</itemName>
54
+
55
+ <registDate>2009-02-03</registDate>
56
+
57
+ <description>
58
+
59
+ <![CDATA[
60
+
61
+ powerful! & high grade!, <win7>usable,
62
+
63
+ URL http://www.pcx1/
64
+
65
+ ]]>
66
+
67
+ </description>
68
+
69
+ <note>
70
+
71
+ now discount <saving>30%</saving>buy now<saving>30% OFF!</saving>
72
+
73
+ </note>
74
+
75
+ <stock>115</stock>
76
+
77
+ <check />
78
+
79
+ </item>
80
+
81
+ <item number="i003">
82
+
83
+ <itemId>pc-a3</itemId>
84
+
85
+ <itemName>laptop a3</itemName>
86
+
87
+ <registDate>2015-12-03</registDate>
88
+
89
+ <description>
90
+
91
+ <![CDATA[
92
+
93
+ hi-spec laptop, win10pro & free office
94
+
95
+ URL http://www.pcx1/
96
+
97
+ ]]>
98
+
99
+ </description>
100
+
101
+ <note>
102
+
103
+ discount<saving>10%</saving>(util Dec.) <saving>30%</saving>(from Jan.)
104
+
105
+ </note>
106
+
107
+ <stock>15</stock>
108
+
109
+ <check />
110
+
111
+ </item>
112
+
113
+ </itemdata>
114
+
115
+ ```
116
+
117
+ ```XSLT
118
+
119
+ <?xml version="1.0" encoding="utf-8" ?>
120
+
121
+ <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
122
+
123
+ <xsl:output method="html" encoding="utf-8" />
124
+
125
+ <xsl:template match="/">
126
+
127
+ <html>
128
+
129
+ <head>
130
+
131
+ <title>
132
+
133
+ <xsl:text>課題</xsl:text>
134
+
135
+ </title>
136
+
137
+ <link rel="stylesheet" href="sixth3to5.css" type="text/css" />
138
+
139
+ </head>
140
+
141
+ <body>
142
+
143
+ <xsl:apply-templates select=".//itemId" />
144
+
145
+ <xsl:apply-templates select=".//item" />
146
+
147
+ </body>
148
+
149
+ </html>
150
+
151
+ </xsl:template>
152
+
153
+ <xsl:template match="itemId">
154
+
155
+ <h1>
156
+
157
+ <xsl:value-of select="name()" />
158
+
159
+ <xsl:text>:</xsl:text>
160
+
161
+ <xsl:value-of select="." />
162
+
163
+ <xsl:text>/photo:</xsl:text>
164
+
165
+ <img>
166
+
167
+ <xsl:attribute name="src">
168
+
169
+ <xsl:value-of select="." />
170
+
171
+ <xsl:text>.jpg</xsl:text>
172
+
173
+ </xsl:attribute>
174
+
175
+ <xsl:attribute name="width">
176
+
177
+ <xsl:text>50px</xsl:text>
178
+
179
+ </xsl:attribute>
180
+
181
+ <xsl:attribute name="height">
182
+
183
+ <xsl:text>50px</xsl:text>
184
+
185
+ </xsl:attribute>
186
+
187
+ </img>
188
+
189
+ </h1>
190
+
191
+ </xsl:template>
192
+
193
+ <xsl:template match="item">
194
+
195
+ <h2><xsl:value-of select="@number" /></h2>
196
+
197
+ <table>
198
+
199
+ <tr>
200
+
201
+ <td><xsl:value-of select="name(itemId)" /></td>
202
+
203
+ <td><xsl:value-of select="itemId" /></td>
204
+
205
+ </tr>
206
+
207
+ <tr>
208
+
209
+ <td><xsl:value-of select="name(itemName)" /></td>
210
+
211
+ <td><xsl:value-of select="itemName" /></td>
212
+
213
+ </tr>
214
+
215
+ <tr>
216
+
217
+ <td><xsl:value-of select="name(registDate)" /></td>
218
+
219
+ <td><xsl:value-of select="registDate" /></td>
220
+
221
+ </tr>
222
+
223
+ <tr>
224
+
225
+ <td><xsl:value-of select="name(description)" /></td>
226
+
227
+ <td><xsl:value-of select="description" /></td>
228
+
229
+ </tr>
230
+
231
+ <tr>
232
+
233
+ <td><xsl:value-of select="name(note)" /></td>
234
+
235
+ <td><xsl:value-of select="note" /></td>
236
+
237
+ </tr>
238
+
239
+ <tr>
240
+
241
+ <td><xsl:value-of select="name(stock)" /></td>
242
+
243
+ <td><xsl:value-of select="stock" /></td>
244
+
245
+ </tr>
246
+
247
+ </table>
248
+
249
+ </xsl:template>
250
+
251
+ </xsl:stylesheet>
252
+
253
+ ```
254
+
255
+ ```CSS
256
+
257
+ body{
258
+
259
+ margin-top:20px;
260
+
261
+ margin-left:20px;
262
+
263
+ padding:0;
264
+
265
+ line-height:160%;
266
+
267
+ letter-spacing:0.2em;
268
+
269
+ font-size:1em;
270
+
271
+ font-family:'Arial','sans-serif';
272
+
273
+ color:#333333;
274
+
275
+ background-color:#ffffff;
276
+
277
+ }
278
+
279
+ h1{
280
+
281
+ margin:0px;
282
+
283
+ border-left:15px solid #ff3333;
284
+
285
+ border-bottom:2px solid #ff3333;
286
+
287
+ padding:10px 2px 10px 9px;
288
+
289
+ }
290
+
291
+ h2{
292
+
293
+ width:100px;
294
+
295
+ margin:10px;
296
+
297
+ background-color:#ffccff;
298
+
299
+ padding:3px;
300
+
301
+ margin:5px 20px 5px;
302
+
303
+ }
304
+
305
+ table{
306
+
307
+ border-collapse:collapse;
308
+
309
+ border:1px solid #111111;
310
+
311
+ text-align:center;
312
+
313
+ margin:0px 20px 20px;
314
+
315
+ }
316
+
317
+ table tr td{
318
+
319
+ padding:3px;
320
+
321
+ margin:1px;
322
+
323
+ border:1px solid;
324
+
325
+ white-space:nowrap;
326
+
327
+ }
328
+
329
+ ```

9

変更

2021/01/06 02:06

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- XMLをXSLTを使ってHTML文書にしたがうまくいか
1
+ わからないこと、解決したいことをかいてくだいさい!
test CHANGED
File without changes

8

変更

2021/01/05 13:11

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1 +1,3 @@
1
- Lhankor_Mhyさんは中2になったばかりの私をいじめてます
1
+ Lhankor_Mhyさんは中2になったばかりの私をいじめてます
2
+
3
+ 最低な大人だと思いました

7

説明文変更

2021/01/05 13:08

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,353 +1 @@
1
- 解決したいこと:H1が続けて3列になっているのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。てか教えてほしいです
2
-
3
- itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
-
5
- XSLTのところを編集したらなおるはずなんですがどこを直していいのかがわかりません
6
-
7
- 自分でもやってみたんですが何も変化せずそのまんまでした!
8
-
9
- XMLとXSLTとCSSの3セットになっています!
10
-
11
-
12
-
13
- 追記
14
-
15
1
  Lhankor_Mhyさんは中2になったばかりの私をいじめてます
16
-
17
- ```XML
18
-
19
- <?xml version="1.0" encoding="UTF-8" ?>
20
-
21
- <!-- below is a data for order -->
22
-
23
- <?xml-stylesheet type="text/xsl" href="kadai1.xsl" ?>
24
-
25
- <itemdata>
26
-
27
- <item number="i001">
28
-
29
- <itemId>pc-x1</itemId>
30
-
31
- <itemName>desktopPC X1</itemName>
32
-
33
- <registDate>2009-05-10</registDate>
34
-
35
- <description>
36
-
37
- <![CDATA[
38
-
39
- powerful! & high grade!, <win7>usable,
40
-
41
- URL http://www.pcx1/
42
-
43
- ]]>
44
-
45
- </description>
46
-
47
- <note />
48
-
49
- <stock>95</stock>
50
-
51
- <check />
52
-
53
- </item>
54
-
55
- <item number="i002">
56
-
57
- <itemId>pri-p1</itemId>
58
-
59
- <itemName>razer pirnter P1</itemName>
60
-
61
- <registDate>2009-02-03</registDate>
62
-
63
- <description>
64
-
65
- <![CDATA[
66
-
67
- powerful! & high grade!, <win7>usable,
68
-
69
- URL http://www.pcx1/
70
-
71
- ]]>
72
-
73
- </description>
74
-
75
- <note>
76
-
77
- now discount <saving>30%</saving>buy now<saving>30% OFF!</saving>
78
-
79
- </note>
80
-
81
- <stock>115</stock>
82
-
83
- <check />
84
-
85
- </item>
86
-
87
- <item number="i003">
88
-
89
- <itemId>pc-a3</itemId>
90
-
91
- <itemName>laptop a3</itemName>
92
-
93
- <registDate>2015-12-03</registDate>
94
-
95
- <description>
96
-
97
- <![CDATA[
98
-
99
- hi-spec laptop, win10pro & free office
100
-
101
- URL http://www.pcx1/
102
-
103
- ]]>
104
-
105
- </description>
106
-
107
- <note>
108
-
109
- discount<saving>10%</saving>(util Dec.) <saving>30%</saving>(from Jan.)
110
-
111
- </note>
112
-
113
- <stock>15</stock>
114
-
115
- <check />
116
-
117
- </item>
118
-
119
- </itemdata>
120
-
121
- ```
122
-
123
- ```XSLT
124
-
125
- <?xml version="1.0" encoding="utf-8" ?>
126
-
127
- <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
128
-
129
- <xsl:output method="html" encoding="utf-8" />
130
-
131
- <xsl:template match="/">
132
-
133
- <html>
134
-
135
- <head>
136
-
137
- <title>
138
-
139
- <xsl:text>課題</xsl:text>
140
-
141
- </title>
142
-
143
- <link rel="stylesheet" href="sixth3to5.css" type="text/css" />
144
-
145
- </head>
146
-
147
- <body>
148
-
149
- <xsl:apply-templates select=".//itemId" />
150
-
151
- <xsl:apply-templates select=".//item" />
152
-
153
- </body>
154
-
155
- </html>
156
-
157
- </xsl:template>
158
-
159
-
160
-
161
- <xsl:template match="itemId">
162
-
163
- <h1>
164
-
165
- <xsl:value-of select="name()" />
166
-
167
- <xsl:text>:</xsl:text>
168
-
169
- <xsl:value-of select="." />
170
-
171
- <xsl:text>/photo:</xsl:text>
172
-
173
- <img>
174
-
175
- <xsl:attribute name="src">
176
-
177
- <xsl:value-of select="." />
178
-
179
- <xsl:text>.jpg</xsl:text>
180
-
181
- </xsl:attribute>
182
-
183
- <xsl:attribute name="width">
184
-
185
- <xsl:text>50px</xsl:text>
186
-
187
- </xsl:attribute>
188
-
189
- <xsl:attribute name="height">
190
-
191
- <xsl:text>50px</xsl:text>
192
-
193
- </xsl:attribute>
194
-
195
- </img>
196
-
197
- </h1>
198
-
199
- </xsl:template>
200
-
201
-
202
-
203
- <xsl:template match="item">
204
-
205
- <h2><xsl:value-of select="@number" /></h2>
206
-
207
- <table>
208
-
209
- <tr>
210
-
211
- <td><xsl:value-of select="name(itemId)" /></td>
212
-
213
- <td><xsl:value-of select="itemId" /></td>
214
-
215
- </tr>
216
-
217
- <tr>
218
-
219
- <td><xsl:value-of select="name(itemName)" /></td>
220
-
221
- <td><xsl:value-of select="itemName" /></td>
222
-
223
- </tr>
224
-
225
- <tr>
226
-
227
- <td><xsl:value-of select="name(registDate)" /></td>
228
-
229
- <td><xsl:value-of select="registDate" /></td>
230
-
231
- </tr>
232
-
233
- <tr>
234
-
235
- <td><xsl:value-of select="name(description)" /></td>
236
-
237
- <td><xsl:value-of select="description" /></td>
238
-
239
- </tr>
240
-
241
- <tr>
242
-
243
- <td><xsl:value-of select="name(note)" /></td>
244
-
245
- <td><xsl:value-of select="note" /></td>
246
-
247
- </tr>
248
-
249
- <tr>
250
-
251
- <td><xsl:value-of select="name(stock)" /></td>
252
-
253
- <td><xsl:value-of select="stock" /></td>
254
-
255
- </tr>
256
-
257
-
258
-
259
- </table>
260
-
261
- </xsl:template>
262
-
263
-
264
-
265
- </xsl:stylesheet>
266
-
267
- ```
268
-
269
- ```CSS
270
-
271
- body{
272
-
273
- margin-top:20px;
274
-
275
- margin-left:20px;
276
-
277
- padding:0;
278
-
279
- line-height:160%;
280
-
281
- letter-spacing:0.2em;
282
-
283
- font-size:1em;
284
-
285
- font-family:'Arial','sans-serif';
286
-
287
- color:#333333;
288
-
289
- background-color:#ffffff;
290
-
291
- }
292
-
293
-
294
-
295
- h1{
296
-
297
- margin:0px;
298
-
299
- border-left:15px solid #ff3333;
300
-
301
- border-bottom:2px solid #ff3333;
302
-
303
- padding:10px 2px 10px 9px;
304
-
305
- }
306
-
307
-
308
-
309
- h2{
310
-
311
- width:100px;
312
-
313
- margin:10px;
314
-
315
- background-color:#ffccff;
316
-
317
- padding:3px;
318
-
319
- margin:5px 20px 5px;
320
-
321
- }
322
-
323
-
324
-
325
- table{
326
-
327
- border-collapse:collapse;
328
-
329
- border:1px solid #111111;
330
-
331
- text-align:center;
332
-
333
- margin:0px 20px 20px;
334
-
335
- }
336
-
337
-
338
-
339
- table tr td{
340
-
341
- padding:3px;
342
-
343
- margin:1px;
344
-
345
- border:1px solid;
346
-
347
- white-space:nowrap;
348
-
349
- }
350
-
351
-
352
-
353
- ```

6

説明文変更5

2021/01/05 13:07

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
4
 
5
+ XSLTのところを編集したらなおるはずなんですがどこを直していいのかがわかりません
6
+
5
7
  自分でもやってみたんですが何も変化せずそのまんまでした!
6
8
 
7
9
  XMLとXSLTとCSSの3セットになっています!

5

tuikiwotuika

2021/01/05 11:13

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -8,6 +8,10 @@
8
8
 
9
9
 
10
10
 
11
+ 追記
12
+
13
+ Lhankor_Mhyさんは中2になったばかりの私をいじめてます
14
+
11
15
  ```XML
12
16
 
13
17
  <?xml version="1.0" encoding="UTF-8" ?>

4

説明文変更3

2021/01/05 10:51

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,8 @@
1
- 解決したいこと:H1が続けて3列になっているのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。てか教えてほしい
1
+ 解決したいこと:H1が続けて3列になっているのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。てか教えてほしいです
2
2
 
3
3
  itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
4
 
5
- 自分でもやってみたんですが何も変化せずそのまんまでした
5
+ 自分でもやってみたんですが何も変化せずそのまんまでした
6
6
 
7
7
  XMLとXSLTとCSSの3セットになっています!
8
8
 

3

説明文変更2

2021/01/05 10:45

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
4
 
5
+ 自分でもやってみたんですが何も変化せずそのまんまでしたw
6
+
5
7
  XMLとXSLTとCSSの3セットになっています!
6
8
 
7
9
 

2

説明文変更

2021/01/05 05:11

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- 解決したいこと:H1が続けて3列になっているのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。
1
+ 解決したいこと:H1が続けて3列になっているのをH1→H2、H1→H2、H1→H2 こんなふうになるようにしたい。てか教えてほしいw
2
2
 
3
3
  itemId:pc-x1/photoの次にi001、itemId:pri-p1/photoの次にi002みたいな感じです
4
4
 

1

タイトルを変更しました

2021/01/05 03:31

投稿

ARAZIN
ARAZIN

スコア15

test CHANGED
@@ -1 +1 @@
1
- XMLをXSLTを使ってHTML文書にしたがうまくいない
1
+ XMLをXSLTを使ってHTML文書にしたがうまくいない
test CHANGED
File without changes