質問編集履歴

1

文法の修正

2021/11/18 15:36

投稿

yuri.s
yuri.s

スコア6

test CHANGED
File without changes
test CHANGED
@@ -2,9 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- 文字の数によって背景が伸びるようにデザインを作成しました。。
6
-
7
- 文字の位置をどんなサイトのサイズでも固定したいです。
5
+ サイトを大きくしたり小さくしたりしても文字の位置を固定したいです。
8
6
 
9
7
 
10
8
 
@@ -26,7 +24,105 @@
26
24
 
27
25
  ```ここに言語名を入力
28
26
 
27
+ HTML
28
+
29
+
30
+
31
+ <div id="voice">
32
+
33
+ <br>
34
+
35
+ <div id="voicef"></div>
36
+
37
+ <div id="voicewrap">
38
+
39
+ <div id="container3">
40
+
41
+ <img style="float: left; padding-bottom: 0px; padding-top: 0px; padding-left: 760px; padding-right: 20px" src="images/kao.png">
42
+
43
+ <div id="text3">
44
+
45
+
46
+
47
+ ロードマップ拝見しました!<BR>
48
+
49
+ 今までいかに適当にやっていたかを思い知ること<BR>
50
+
51
+ ができました…!!<br>
52
+
53
+ 間違いなくこれを見て運用すれば目指すアカウン<br>
54
+
55
+ トに近づくと思います。ありがとうございました!
56
+
57
+ </div></div></div>
58
+
59
+ <div id="voicel"></div>
60
+
61
+ </div>
62
+
63
+
64
+
65
+ CSS
66
+
67
+
68
+
69
+ #voice { background: url("../images/bg_01.png") no-repeat top center; height: 640px; }
70
+
71
+ #voicef { background: url("../images/voice.png") no-repeat top center; height: 13px; }
72
+
73
+ #voicewrap {
74
+
75
+ background-image: url("../images/voice_wrap.png");
76
+
77
+ background-repeat: repeat-y;
78
+
79
+ background-position: center top;
80
+
81
+ background-position:50% 0%;
82
+
83
+ }
84
+
85
+ #voicel { background: url("../images/voice_last.png") no-repeat top center; height: 14px; }
86
+
87
+
88
+
29
- ソースコード
89
+ #text3{
90
+
91
+ padding-top: 0px;
92
+
93
+ padding-bottom: 5px;
94
+
95
+ padding-left:100px;
96
+
97
+ text-align: left;
98
+
99
+ font-size: 14px;
100
+
101
+ color: rgb(30, 122, 165);
102
+
103
+ font-weight: lighter;
104
+
105
+ }
106
+
107
+
108
+
109
+ #container3 {
110
+
111
+
112
+
113
+ padding-top: 10px;
114
+
115
+ padding-bottom: 4px;
116
+
117
+ padding-left:0px;
118
+
119
+ padding-right:200px;
120
+
121
+ text-align:left;
122
+
123
+
124
+
125
+ }
30
126
 
31
127
  ```
32
128
 
@@ -44,8 +140,4 @@
44
140
 
45
141
 
46
142
 
47
- ここにより詳細な情報を記載してください。
143
+ HTML Visual Sutadio
48
-
49
-
50
-
51
- vscode 最新