teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

HTML、質問の1部修正

2017/01/17 07:53

投稿

taishi_574
taishi_574

スコア39

title CHANGED
File without changes
body CHANGED
@@ -7,43 +7,42 @@
7
7
  オプションを指定している訳でもありません。
8
8
 
9
9
  考えられる原因はなんでしょうか?
10
- それとも本当はこういった仕様なのでしょうか?
11
- (ちなみに全角60文字くらいまでなら正常に動作します。)
10
+ 全角60文字くらいまでなら正常に動作します。(30文字のliが2つ、20文字のliが3つなども動作します。
12
11
 
13
12
  お知恵お借りできればと思います。
14
13
  よろしくお願いします。
15
14
 
16
15
  ```ここに言語を入力
17
- /* jquery */
16
+ <!doctype html>
17
+ <html>
18
+ <head>
19
+ <meta charset="utf-8">
20
+ <title>無題ドキュメント</title>
21
+ <link rel="stylesheet" href="test.css">
18
- <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
22
+ <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
19
- <script type="text/javascript" src="js/jquery.webticker.js"></script>
23
+ <script type="text/javascript" src="../js/jquery.webticker.js"></script>
20
-
21
24
  <script type="text/javascript">
25
+ <!--
22
26
  $(function(){
23
27
  $('#webTicker').webTicker();
24
28
  });
29
+ // -->
25
30
  </script>
26
-
27
- /* php */
31
+ </head>
28
- <?php
32
+ <body>
29
- echo ' <ul id="webTicker">'."\r\n";
30
- for($i=0;$i<count($pValAbs);$i++){
31
- if($pValAbs){
32
- echo ' <li>'.$pValAbs[$i].'</li>';
33
- }
34
- }
35
- echo ' </ul>'."\r\n";
33
+ <div class="tick">
36
- ?>
37
-
38
- /* 出力されたHTML */
39
34
  <ul id="webTicker">
40
- <li>aaaaaa</li>
35
+ <li>ああああああああああああああああああああ</li>
41
- <li>bbbbbb</li>
36
+ <li>いいいいいいいいいいいいいいいいいいいい</li>
42
- <li>cccccc</li>
37
+ <li>うううううううううううううううううううう</li>
43
38
  </ul>
39
+ </div>
40
+ </body>
41
+ </html>
44
42
 
45
43
 
46
44
 
45
+
47
46
  /* css */
48
47
  ul#webTicker a{color: #fff;overflow: hidden;}
49
48
  .tick{clear:both;width:460px;padding: 0 10px; background-color:#2D4059;margin:0 auto;border-radius: 10px;position: relative;top: 6px;}

1

HTMLの追記

2017/01/17 07:53

投稿

taishi_574
taishi_574

スコア39

title CHANGED
File without changes
body CHANGED
@@ -35,6 +35,15 @@
35
35
  echo ' </ul>'."\r\n";
36
36
  ?>
37
37
 
38
+ /* 出力されたHTML */
39
+ <ul id="webTicker">
40
+ <li>aaaaaa</li>
41
+ <li>bbbbbb</li>
42
+ <li>cccccc</li>
43
+ </ul>
44
+
45
+
46
+
38
47
  /* css */
39
48
  ul#webTicker a{color: #fff;overflow: hidden;}
40
49
  .tick{clear:both;width:460px;padding: 0 10px; background-color:#2D4059;margin:0 auto;border-radius: 10px;position: relative;top: 6px;}