質問編集履歴

5

a

2019/03/07 08:42

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,4 +4,46 @@
4
4
 
5
5
 
6
6
 
7
- ### ブロック要素のにテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい
7
+ ### 前提・実現したいこと
8
+
9
+ ブロック要素の前にテキストを挿入したい。
10
+
11
+
12
+
13
+ ### 発生している問題・エラーメッセージ
14
+
15
+
16
+
17
+ ```
18
+
19
+ エラーメッセージ
20
+
21
+ ```
22
+
23
+
24
+
25
+ ### 該当のソースコード
26
+
27
+
28
+
29
+ ```ここに言語名を入力
30
+
31
+ ソースコード
32
+
33
+ ```
34
+
35
+
36
+
37
+ ### 試したこと
38
+
39
+
40
+
41
+ ここに問題に対して試したことを記載してください。
42
+
43
+
44
+
45
+ ### 補足情報(FW/ツールのバージョンなど)
46
+
47
+
48
+
49
+ ここにより詳細な情報を記載してください。

4

k

2019/03/07 08:42

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,157 +1,7 @@
1
1
  ### ブロック要素の前にテキストを挿入したい
2
-
3
-
4
-
5
- ブロック要素の前に順位を5位まで表示させたいです。
6
-
7
- HTML初心者で挑戦しましたが、うまくいかなかったので、
8
-
9
- 分かる方いましたら教えてください。
10
2
 
11
3
 
12
4
 
13
5
 
14
6
 
15
- ### 該当ソーコード
16
-
17
-
18
-
19
- ```html
20
-
21
- <div class="ranking">
22
-
23
- <div id="ranking_search">
24
-
25
- ランキングから探す:
26
-
27
- </div>
28
-
29
- </div>
30
-
31
- <br>
32
-
33
- <div class="ran_q">
34
-
35
- <div class="ran_acran"><p>第1位:<label for="ran_qafour01">質問テキスト</label>
36
-
37
- </div></p>
38
-
39
- <div class="ran_acran"><p>第2位:<label for="ran_qafour02">質問テキスト</label>
40
-
41
- </div></p>
42
-
43
- <div class="ran_acran"><p>第3位:
44
-
45
- <label for="ran_qafour03">質問テキスト</label>
46
-
47
- </div></p>
48
-
49
- <div class="ran_acran"><p>第4位:
50
-
51
- <label for="ran_qafour04">質問テキスト</label>
52
-
53
- </div></p>
54
-
55
- <div class="ran_acran"><p>第5位:
56
-
57
- <label for="ran_qafour05">質問テキスト</label>
58
-
59
- </div></p>
60
-
61
- </div>
62
-
63
- ```
64
-
65
-
66
-
67
- ```css
68
-
69
- /*ランキングの順位*/
70
-
71
- .ran_q *, .ran_q *:after, .ran_q *:before {
72
-
73
- -webkit-box-sizing: border-box;
74
-
75
- box-sizing: border-box;
76
-
77
- }
78
-
79
- .ran_q .ran_acran {
80
-
81
- position: relative;
82
-
83
- overflow: hidden;
84
-
85
- width: 100%;
86
-
87
- margin: 0 0 1em 0;
88
-
89
- color: #1b2538;
90
-
91
- }
92
-
93
- .ran_q .ran_acran input {
94
-
95
- position: absolute;
96
-
97
- opacity: 0;
98
-
99
- }
100
-
101
- /* 質問 */
102
-
103
- .ran_q .ran_acran label {
104
-
105
- font-weight: bold;
106
-
107
- font-size: 14px;
108
-
109
- line-height: 1.6em;
110
-
111
- position: relative;
112
-
113
- display: block;
114
-
115
- margin: 0 0 0 0;
116
-
117
- padding: 1em 2em 1em 2.5em;
118
-
119
-
120
-
121
- cursor: pointer;
122
-
123
- text-indent: 1em;
124
-
125
- border-radius: 0.5em;
126
-
127
- background: rgba(27,37,56,0.1);
128
-
129
- }
130
-
131
- .ran_q .ran_acran label::before {
132
-
133
- font-family: serif;
134
-
135
- font-size: 1.5em;
136
-
137
- margin-left: -2em;
138
-
139
- padding-right: 0.5em;
140
-
141
- content: "Q";
142
-
143
-
144
-
145
- }
146
-
147
- .ran_q .ran_acran label:hover {
148
-
149
- transition: all 0.3s;
150
-
151
- color: #00838f;
152
-
153
- }
154
-
155
-
156
-
157
- ```
7
+ ### ブロック要素前にテキトを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい### ブロック要素の前にテキストを挿入したい

3

コードを変更するため、新しく、質問させていただきます。

2019/03/07 08:41

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -155,11 +155,3 @@
155
155
 
156
156
 
157
157
  ```
158
-
159
-
160
-
161
- ### したいイメージ画像
162
-
163
-
164
-
165
- ![イメージ説明](f853040aab57db27f7d6798aa8f6e0be.png)

2

文字の修正

2019/03/04 08:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ブロック要素の前に順位を5位まで表示させたいです。
6
6
 
7
- HTML初心者で色々挑戦しましたが、うまくいかなかったので、
7
+ HTML初心者で挑戦しましたが、うまくいかなかったので、
8
8
 
9
9
  分かる方いましたら教えてください。
10
10
 

1

htmlへ順位部分のコードを追記いたしました。

2019/03/04 02:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -32,33 +32,31 @@
32
32
 
33
33
  <div class="ran_q">
34
34
 
35
- <div class="ran_acran"><label for="ran_qafour01">質問テキスト</label>
35
+ <div class="ran_acran"><p>第1位:<label for="ran_qafour01">質問テキスト</label>
36
36
 
37
- </div>
37
+ </div></p>
38
38
 
39
- <div class="ran_acran"><label for="ran_qafour02">質問テキスト</label>
39
+ <div class="ran_acran"><p>第2位:<label for="ran_qafour02">質問テキスト</label>
40
40
 
41
- </div>
41
+ </div></p>
42
42
 
43
- <div class="ran_acran">
43
+ <div class="ran_acran"><p>第3位:
44
44
 
45
45
  <label for="ran_qafour03">質問テキスト</label>
46
46
 
47
- </div>
47
+ </div></p>
48
48
 
49
- <div class="ran_acran">
49
+ <div class="ran_acran"><p>第4位:
50
50
 
51
51
  <label for="ran_qafour04">質問テキスト</label>
52
52
 
53
- </div>
53
+ </div></p>
54
54
 
55
- <div class="ran_acran">
55
+ <div class="ran_acran"><p>第5位:
56
56
 
57
57
  <label for="ran_qafour05">質問テキスト</label>
58
58
 
59
- </div>
59
+ </div></p>
60
-
61
-
62
60
 
63
61
  </div>
64
62