質問編集履歴

1

htmlファイルで正常に表示されていたコードを追記しました

2017/06/15 06:43

投稿

yamaoka
yamaoka

スコア27

test CHANGED
File without changes
test CHANGED
@@ -113,3 +113,171 @@
113
113
  remove_action('wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0)
114
114
 
115
115
  ```
116
+
117
+
118
+
119
+ html ファイルのリストコード
120
+
121
+ ```ここに言語を入力
122
+
123
+ <div id="saide-ranking">
124
+
125
+ <ul>
126
+
127
+ <li class="saide-ranking-li"><a href="#">
128
+
129
+ <img src="image/cube.jpg" alt="drone" class="saide-ranking-img" />
130
+
131
+ <p class="date">2017.05.05</p>
132
+
133
+ <p class="ranking-title"> リストタイトル</p>
134
+
135
+ </a>
136
+
137
+ </li>
138
+
139
+ <li class="saide-ranking-li"><a href="#">
140
+
141
+ <img src="image/cube.jpg" alt="drone" class="saide-ranking-img" />
142
+
143
+ <p class="date">2017.05.05</p>
144
+
145
+ <p class="ranking-title">リストタイトル</p>
146
+
147
+ </a>
148
+
149
+ </li>
150
+
151
+ <li class="saide-ranking-li"><a href="#">
152
+
153
+ <img src="image/cube.jpg" alt="drone" class="saide-ranking-img" />
154
+
155
+ <p class="date">2017.05.05</p>
156
+
157
+ <p class="ranking-title"> リストタイトル</p>
158
+
159
+ </a>
160
+
161
+ </li>
162
+
163
+ <li class="saide-ranking-li"><a href="#">
164
+
165
+ <img src="image/cube.jpg" alt="drone" class="saide-ranking-img" />
166
+
167
+ <p class="date">2017.05.05</p>
168
+
169
+ <p class="ranking-title"> リストタイトル</p>
170
+
171
+ </a>
172
+
173
+ </li>
174
+
175
+ <li class="saide-ranking-bottom"><a href="#">
176
+
177
+ <img src="image/cube.jpg" alt="drone" class="saide-ranking-img" />
178
+
179
+ <p class="date">2017.05.05</p>
180
+
181
+ <p class="ranking-title">リストタイトル</p>
182
+
183
+ </a>
184
+
185
+ </li>
186
+
187
+ </ul>
188
+
189
+ </div>
190
+
191
+ ```
192
+
193
+
194
+
195
+ htmlファイルのcss```ここに言語を入力
196
+
197
+ #saide-ranking ul{
198
+
199
+ width: 235px;
200
+
201
+ height: auto;
202
+
203
+ list-style:none;
204
+
205
+ background-color: white;
206
+
207
+ margin: 10px 47px 10px 49px;
208
+
209
+ }
210
+
211
+ #saide-ranking li{
212
+
213
+ display: inline;
214
+
215
+ padding: 0;
216
+
217
+ margin: 0;
218
+
219
+ }
220
+
221
+ .saide-ranking-li p {
222
+
223
+ color: #4A4A4A;
224
+
225
+ }
226
+
227
+ .date{
228
+
229
+ font-weight: 600;
230
+
231
+ font-size: 12px;
232
+
233
+ }
234
+
235
+ .ranking-title{
236
+
237
+ font-weight: bold;
238
+
239
+ font-size: 13px;
240
+
241
+ color: #4A4A4A;
242
+
243
+ }
244
+
245
+ .saide-ranking-img{
246
+
247
+ width: 90px;
248
+
249
+ height: 80px;
250
+
251
+ padding-right: 8px;
252
+
253
+ float: left;
254
+
255
+ }
256
+
257
+ .saide-ranking-bottom a{
258
+
259
+ display: block;
260
+
261
+ padding: 10px 10px 10px 10px;
262
+
263
+ border: 1px solid #E6E6E6;
264
+
265
+ border-bottom-right-radius: 12px;
266
+
267
+ }
268
+
269
+ .saide-ranking-li a{
270
+
271
+ display: block;
272
+
273
+ padding: 10px 10px 10px 10px;
274
+
275
+ border-right: 1px solid #E6E6E6;
276
+
277
+ border-left: 1px solid #E6E6E6;
278
+
279
+ border-top: 1px solid #E6E6E6;
280
+
281
+ }
282
+
283
+ ```