質問編集履歴

1

css マークダウンしました。パンくずと思われるところ記入しました。

2021/01/29 02:28

投稿

reiNaka
reiNaka

スコア6

test CHANGED
File without changes
test CHANGED
@@ -64,137 +64,177 @@
64
64
 
65
65
  </ul>
66
66
 
67
- コード
67
+
68
+
69
+ * {```css
70
+
71
+ padding: 0;
72
+
73
+ margin: 0;
74
+
75
+ box-sizing: border-box;
76
+
77
+ font-size: 14px;
78
+
79
+ }
80
+
81
+ li {
82
+
83
+ list-style: none;
84
+
85
+ }
86
+
87
+ a {
88
+
89
+ text-decoration: none;
90
+
91
+ color: #ffffff;
92
+
93
+ display: inline-block;
94
+
95
+ width: 100%;
96
+
97
+ }
98
+
99
+
100
+
101
+ .btn:hover {
102
+
103
+ color: #000000;
104
+
105
+ background-color: #E5E5E5;
106
+
107
+
108
+
109
+ }
110
+
111
+
112
+
113
+ .triangle {
114
+
115
+ position: absolute;
116
+
117
+ display: inline-block;
118
+
119
+ top: auto;
120
+
121
+ right: 5px;
122
+
123
+ width: 8px;
124
+
125
+ height: 8px;
126
+
127
+ border: 1px solid;
128
+
129
+ border-color: black black transparent transparent;
130
+
131
+ transform: rotate(45deg);
132
+
133
+ }
134
+
135
+
136
+
137
+
138
+
139
+ .btn-row-1 {
140
+
141
+ width: 100vw;
142
+
143
+ display: flex;
144
+
145
+ flex-wrap: wrap;
146
+
147
+ margin: 10px auto;
148
+
149
+ justify-content: center;
150
+
151
+ }
152
+
153
+ .btn-1-box {
154
+
155
+ display: flex;
156
+
157
+ align-items: center;
158
+
159
+ position: relative;
160
+
161
+ width: 190px;
162
+
163
+ margin: 8px;
164
+
165
+ }
166
+
167
+ .btn-1 {
168
+
169
+ background-color: #8CC8F7;
170
+
171
+ color: #000000;
172
+
173
+ /* ボタン内の余白 */
174
+
175
+ padding: 10px 10px;
176
+
177
+ text-align: start;
178
+
179
+ border: 1px solid #E5E5E5;
180
+
181
+ border-radius: 2px;
182
+
183
+
184
+
185
+ }
186
+
187
+
188
+
189
+
190
+
191
+ }
192
+
193
+ ```
194
+
195
+
196
+
197
+ ### パンくずのところ
198
+
199
+ ```html
200
+
201
+ <div style="margin-left:0;margin-right:auto;">
202
+
203
+ <div class="BrowserBreadCrumbs_Pref01" style="width:100%;background-color:#ffffff;">
204
+
205
+ &nbsp;&nbsp;現在の位置:<a id="H7_141925_BreadList_ctl00_BreadLink" href="./">ホーム</a><img src="css/Browser_C/BreadCrumbs_pref01/r-arrow.gif" alt="" width="12" height="6" style="vertical-align: middle !important;" /><a id="H7_141925_BreadList_ctl02_BreadLink" href="soshiki/">○○○○○</a><img src="css/Browser_C/BreadCrumbs_pref01/r-arrow.gif" alt="" width="12" height="6" style="vertical-align: middle !important;" /><a id="H7_141925_BreadList_ctl04_BreadLink" href="fukushi/">○○○○</a><img src="css/Browser_C/BreadCrumbs_pref01/r-arrow.gif" alt="" width="12" height="6" style="vertical-align: middle !important;" /><a id="H7_141925_BreadList_ctl06_BreadLink" href="#">○○○</a>
206
+
207
+ </div>
208
+
209
+ </div><div class="EndClear"></div>
210
+
211
+ <!--BreadCrumbs_Pref01 end--></div>
212
+
213
+
214
+
215
+ ```
68
216
 
69
217
  ```css
70
218
 
71
- * {
72
-
73
- padding: 0;
219
+ .BrowserBreadCrumbs_Pref01{
74
-
220
+
75
- margin: 0;
221
+ color: black;
76
-
77
- box-sizing: border-box;
222
+
78
-
79
- font-size: 14px;
223
+ font-size: 100%;
224
+
80
-
225
+ text-align: left;
226
+
227
+ background-image:url(ac13.gif);
228
+
229
+ padding:10px 0px 10px 0px;
230
+
231
+ margin: 0 0 10px 0px;
232
+
233
+ float:left;
234
+
81
- }
235
+ }
82
-
83
- li {
236
+
84
-
85
- list-style: none;
86
-
87
- }
88
-
89
- a {
90
-
91
- text-decoration: none;
92
-
93
- color: #ffffff;
94
-
95
- display: inline-block;
96
-
97
- width: 100%;
98
-
99
- }
100
-
101
-
102
-
103
- .btn:hover {
104
-
105
- color: #000000;
106
-
107
- background-color: #E5E5E5;
108
-
109
-
110
-
111
- }
112
-
113
-
114
-
115
- .triangle {
116
-
117
- position: absolute;
118
-
119
- display: inline-block;
120
-
121
- top: auto;
122
-
123
- right: 5px;
124
-
125
- width: 8px;
126
-
127
- height: 8px;
128
-
129
- border: 1px solid;
130
-
131
- border-color: black black transparent transparent;
132
-
133
- transform: rotate(45deg);
134
-
135
- }
136
-
137
-
138
-
139
-
140
-
141
- .btn-row-1 {
142
-
143
- width: 100vw;
144
-
145
- display: flex;
146
-
147
- flex-wrap: wrap;
148
-
149
- margin: 10px auto;
150
-
151
- justify-content: center;
152
-
153
- }
154
-
155
- .btn-1-box {
156
-
157
- display: flex;
158
-
159
- align-items: center;
160
-
161
- position: relative;
162
-
163
- width: 190px;
164
-
165
- margin: 8px;
166
-
167
- }
168
-
169
- .btn-1 {
170
-
171
- background-color: #8CC8F7;
172
-
173
- color: #000000;
174
-
175
- /* ボタン内の余白 */
176
-
177
- padding: 10px 10px;
178
-
179
- text-align: start;
180
-
181
- border: 1px solid #E5E5E5;
182
-
183
- border-radius: 2px;
184
-
185
-
186
-
187
- }
188
-
189
-
190
-
191
-
192
-
193
- }
194
-
195
- ```
237
+ ```
196
-
197
-
198
238
 
199
239
  ### 試したこと
200
240
 
@@ -207,3 +247,9 @@
207
247
  ###
208
248
 
209
249
  ![イメージ説明](5894ed78617cf97012c0847d56e31789.gif)
250
+
251
+
252
+
253
+ 親ページ(上の組織)からの子ページです。
254
+
255
+ i-SITE PORTAL という CMS を使用しています。