質問編集履歴

4

2019/02/18 08:12

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,297 +1 @@
1
- htmlでのウェブサイト作りをしているのですが、bxsliderが解かれて縦に並ぶようになってしまいました。原因と解決策を教えて下さい。
1
+ bxsliderが解かれてしまいます。どうしたら良でしょうか
2
-
3
- ```
4
-
5
- > <html>
6
-
7
- <head>
8
-
9
- <title>Official Website</title>
10
-
11
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
12
-
13
- <script src="jquery.bxslider.min.js"></script>
14
-
15
- <script src="jquery.bxslider.min.js"></script>
16
-
17
- <link href="jquery.bxslider.css" rel="stylesheet" />
18
-
19
- <style type="text/css">
20
-
21
-
22
-
23
-
24
-
25
- #apDiv1 {
26
-
27
-         position: fixed;
28
-
29
-         width: 100%;
30
-
31
-         height: 75;
32
-
33
-         z-index:30;
34
-
35
-         top: 0;
36
-
37
-         left: 0;
38
-
39
- }
40
-
41
-
42
-
43
- #apDiv2 {
44
-
45
-         position: absolute;
46
-
47
-         width: 100%;
48
-
49
-         height: 75;
50
-
51
-         z-index:100;
52
-
53
-         top: 640;
54
-
55
-         left: 100;
56
-
57
- }
58
-
59
-
60
-
61
- body {
62
-
63
-         background-image: url(image/0.jpg);
64
-
65
-         background-repeat: no-repeat;
66
-
67
- }
68
-
69
-
70
-
71
- </style>
72
-
73
-
74
-
75
- <script type="text/javascript">
76
-
77
-   $(document).ready(function(){
78
-
79
- $('.slider').Slider({
80
-
81
- minSlides: 2,
82
-
83
-     maxSlides: 3,
84
-
85
-     slideWidth: 400,
86
-
87
-     slideMargin: 5,
88
-
89
-     ticker: true,
90
-
91
-     pager: true,
92
-
93
-     controls: true,
94
-
95
-     speed: 10000,
96
-
97
-
98
-
99
- });
100
-
101
-   });
102
-
103
-
104
-
105
- function MM_swapImgRestore() { //v3.0
106
-
107
-   var i,x,a=document.MM_sr;
108
-
109
- for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
110
-
111
- }
112
-
113
- function MM_preloadImages() { //v3.0
114
-
115
-   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
116
-
117
-     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
118
-
119
- i<a.length; i++)
120
-
121
-     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
122
-
123
- }
124
-
125
-
126
-
127
- function MM_findObj(n, d) { //v4.01
128
-
129
-   var p,i,x;  if(!d) d=document;
130
-
131
- if((p=n.indexOf("?"))>0&&parent.frames.length) {
132
-
133
-     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
134
-
135
-   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
136
-
137
- x=d.forms[i][n];
138
-
139
-   for(i=0;!x&&d.layers&&i<d.layers.length;i++)
140
-
141
- x=MM_findObj(n,d.layers[i].document);
142
-
143
-   if(!x && d.getElementById) x=d.getElementById(n); return x;
144
-
145
- }
146
-
147
-
148
-
149
- function MM_swapImage() { //v3.0
150
-
151
-   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
152
-
153
- for(i=0;i<(a.length-2);i+=3)
154
-
155
-    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
156
-
157
- x.oSrc=x.src; x.src=a[i+2];}
158
-
159
- }
160
-
161
- </script>
162
-
163
-
164
-
165
- <meta http-equiv="Content-Type" content="text/html; charset=unicode">
166
-
167
-
168
-
169
-
170
-
171
- <STYLE TYPE="text/css">
172
-
173
- <!--
174
-
175
- BODY {
176
-
177
- overflow-x: hidden;
178
-
179
- }
180
-
181
- -->
182
-
183
- </STYLE></head>
184
-
185
-
186
-
187
-
188
-
189
-
190
-
191
- <body onLoad="MM_preloadImages('instagram2.gif','favorite2.gif','mymaga2.gif','mycm2.gif')">
192
-
193
-
194
-
195
- margin: 0;
196
-
197
- padding: 0;
198
-
199
- border: none;
200
-
201
-
202
-
203
- <style>
204
-
205
- a { text-decoration: none; }
206
-
207
- </style>
208
-
209
-
210
-
211
- <div id="apDiv1">
212
-
213
- <table width="100%" border="0" cellspacing="0" cellpadding="0"
214
-
215
- align="center" bgcolor="#b4c0e0">
216
-
217
-   <tr>
218
-
219
-     <td><a href="https://www.instagram.com/"
220
-
221
- onMouseOut="MM_swapImgRestore()"
222
-
223
- onMouseOver="MM_swapImage('Image25','','instagram2.gif',1)"><img
224
-
225
- src="instagram.gif" width="150" height="75" id="Image25"></a></td>
226
-
227
-     <td><img src="square.gif"></td>
228
-
229
-     <td><a href="http://www.nikoand.jp/"
230
-
231
- onMouseOut="MM_swapImgRestore()"
232
-
233
- onMouseOver="MM_swapImage('Image24','','favorite2.gif',1)"><img
234
-
235
- src="favorite.gif" width="150" height="75" id="Image24"></a></td>
236
-
237
-     <td><img src="square.gif"></td>
238
-
239
-     <td><a href="2d02ishibashi.pdf" onMouseOut="MM_swapImgRestore()"
240
-
241
- onMouseOver="MM_swapImage('Image23','','mymaga2.gif',1)"><img
242
-
243
- src="mymaga.gif" width="150" height="75" id="Image23"></a></td>
244
-
245
-     <td><img src="square.gif"></td>
246
-
247
-     <td><a href="mycm.mp4" onMouseOut="MM_swapImgRestore()"
248
-
249
- onMouseOver="MM_swapImage('Image22','','mycm2.gif',1)"><img
250
-
251
- src="mycm.gif" width="150" height="75" id="Image22"></a></td>
252
-
253
-   </tr>
254
-
255
- </table>
256
-
257
-
258
-
259
- </div>
260
-
261
-
262
-
263
- <div id="apDiv2">
264
-
265
-         <ul class="slider">
266
-
267
-                      <li><img src="image/1.jpg" title⁼"" /></li>
268
-
269
-                      <li><img src="image/2.jpg" title="" /></li>
270
-
271
-                      <li><img src="image/3.jpg" title=""/></li>
272
-
273
-                      <li><img src="image/4.jpg" title="" /></li>
274
-
275
-                      <li><img src="image/5.jpg" title="" /></li>
276
-
277
-                      <li><img src="image/6.jpg" title="" /></li>
278
-
279
-                      <li><img src="image/7.jpg" title="" /></li>
280
-
281
-                      <li><img src="image/8.jpg" title="" /></li>
282
-
283
-                      <li><img src="image/9.jpg" title="" /></li>
284
-
285
-                      <li><img src="image/10.jpg" title="" /></li>
286
-
287
-                </ul>
288
-
289
- </div>
290
-
291
-
292
-
293
- </body>
294
-
295
- </html>
296
-
297
- ```

3

2019/02/18 08:12

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,5 +1,7 @@
1
1
  htmlでのウェブサイト作りをしているのですが、bxsliderが解かれて縦に並ぶようになってしまいました。原因と解決策を教えて下さい。
2
2
 
3
+ ```
4
+
3
5
  > <html>
4
6
 
5
7
  <head>
@@ -291,3 +293,5 @@
291
293
  </body>
292
294
 
293
295
  </html>
296
+
297
+ ```

2

2019/02/17 16:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

1

2019/02/17 15:04

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,6 @@
1
1
  htmlでのウェブサイト作りをしているのですが、bxsliderが解かれて縦に並ぶようになってしまいました。原因と解決策を教えて下さい。
2
2
 
3
-
4
-
5
- <html>
3
+ > <html>
6
4
 
7
5
  <head>
8
6