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

質問編集履歴

3

rel=stylesheet/>';の追記

2018/06/21 06:23

投稿

uepon
uepon

スコア17

title CHANGED
File without changes
body CHANGED
@@ -120,4 +120,8 @@
120
120
  width:100%;
121
121
  }
122
122
 
123
- ```
123
+ ```
124
+
125
+ ![イメージ説明](6405ef326324c8b52aeb7404081bcb72.png)
126
+ アドバイス頂いたcssを閉じたところ変化がありました。
127
+ $css_link='<LINK href="./css_files/default.css" type=text/css rel=stylesheet/>';

2

CSSの追記

2018/06/21 06:23

投稿

uepon
uepon

スコア17

title CHANGED
File without changes
body CHANGED
@@ -48,4 +48,76 @@
48
48
  <a href="javascript: reloadFrame();">[リロード]</a>
49
49
  </body>
50
50
  </html>
51
+ ```
52
+
53
+ CSSは、下記のようになっています。
54
+ ```ここに言語を入力
55
+ @charset "utf-8";
56
+ /* CSS Document */
57
+ /* CSS ver 1.0.1 */
58
+ div.char
59
+ {
60
+ position: absolute;
61
+ z-index: 100;
62
+ }
63
+
64
+ div.balloon
65
+ {
66
+ position: absolute;
67
+ z-index: 120;
68
+ }
69
+
70
+ div.text
71
+ {
72
+ position: absolute;
73
+ z-index: 130;
74
+ width: 92px;
75
+ margin: 2px 2px 2px 16px;
76
+ color: #333333;
77
+ font-size: 10px;
78
+ }
79
+
80
+ a:link, a:visited
81
+ {
82
+ color: #B0B0B0;
83
+ text-decoration: none;
84
+ }
85
+
86
+ a:hover
87
+ {
88
+ color: #333333;
89
+ text-decoration: none;
90
+ }
91
+
92
+ body
93
+ {
94
+ margin: 0px;
95
+ }
96
+
97
+ #footer2{
98
+ position:absolute;
99
+ bottom:0;
100
+ left:0;
101
+ height:30px;
102
+ width:100%;
103
+ }
104
+
105
+ #header1{
106
+ position:absolute;
107
+ bottom:0;
108
+ left:0;
109
+ height:30px;
110
+ width:100%;
111
+ }
112
+
113
+ #main{
114
+ /* height:70%;*/
115
+ width:100%;
116
+ }
117
+
118
+ #input{
119
+ /* height:30%;*/
120
+ width:100%;
121
+ }
122
+
51
123
  ```

1

HTMLの追加

2018/06/21 05:24

投稿

uepon
uepon

スコア17

title CHANGED
File without changes
body CHANGED
@@ -25,4 +25,27 @@
25
25
 
26
26
  ```
27
27
 
28
- どなたか、アドバイスの程、よろしくお願いいたします。
28
+ どなたか、アドバイスの程、よろしくお願いいたします。
29
+
30
+ すみません。HTMLのソースは、下記です。
31
+ ```ここに言語を入力
32
+ <html>
33
+ <head>
34
+ <title>岡村ちゃんフアン交流チャット</title>
35
+ <LINK href="./css_files/default.css" type=text/css rel=stylesheet>
36
+ <script type="text/javascript"
37
+ language="JavaScript" src="rpg4.js" defer></script>
38
+ </head>
39
+ <body marginwidth="0" marginheight="0"
40
+ onload="init(0, 0, 352, 288, 32, 30);">
41
+ <div class="char" style="left:160px; top:128px;"><img src="images/char0.png"></div>
42
+ <div id="char0" class="char" style="left:160px; top:128px;"><img src="images/char0.png"></div>
43
+ <table border="0" cellpadding="0" cellspacing="0" style="border-style: none; border-spacing:0px 0px;" >
44
+ <tr><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/5.gif"></td></tr>
45
+ <tr><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/2.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/1.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td><td style="height:32px; top:32px; border-style: none; border-spacing:0px 0px;"><img src="images/3.gif"></td></tr>
46
+
47
+ </table>
48
+ <a href="javascript: reloadFrame();">[リロード]</a>
49
+ </body>
50
+ </html>
51
+ ```