質問編集履歴

3

css修正

2017/09/11 20:07

投稿

KentaroOnoda
KentaroOnoda

スコア17

test CHANGED
File without changes
test CHANGED
@@ -32,563 +32,565 @@
32
32
 
33
33
  <!-- content -->
34
34
 
35
+ ```
36
+
37
+ ファイル名:style.css
38
+
39
+ ```
40
+
41
+ #hpb-main-nav{
42
+
43
+ width: 100%;
44
+
45
+ min-width: 900px;
46
+
47
+ font-size: 1.4em;
48
+
49
+ margin-top: 1.6em;
50
+
51
+ background-color: #022e5b;
52
+
53
+ overflow:auto;
54
+
55
+ }
56
+
57
+
58
+
59
+
60
+
61
+ #hpb-main-nav ul{
62
+
63
+ width: 900px;
64
+
65
+ margin-left: auto;
66
+
67
+ margin-right: auto;
68
+
69
+ }
70
+
71
+
72
+
73
+ #hpb-main-nav li{
74
+
75
+ white-space: nowrap;
76
+
77
+ padding-left: 2px;
78
+
79
+ padding-right: 2px;
80
+
81
+ float: left;
82
+
83
+ background-color: #022e5b;
84
+
85
+ display: block;
86
+
87
+ }
88
+
89
+
90
+
91
+ #hpb-main-nav li a{
92
+
93
+ color: #FFFFFF;
94
+
95
+ padding-bottom: 17px;
96
+
97
+ padding-left: 10px;
98
+
99
+ padding-right: 10px;
100
+
101
+ padding-top: 16px;
102
+
103
+ display: block;
104
+
105
+ }
106
+
107
+
108
+
109
+ #hpb-main-nav li a:hover,
110
+
111
+ #hpb-main-nav li.current-menu-item a,
112
+
113
+ #hpb-main-nav li.current-menu-ancestor a,
114
+
115
+ #hpb-main-nav li.current-menu-item:hover a:hover,
116
+
117
+ #hpb-main-nav li.current-menu-ancestor:hover a:hover{
118
+
119
+ background-image: url('img/nav-hover-back.png');
120
+
121
+ }
122
+
123
+
124
+
125
+ #hpb-main-nav li:hover{
126
+
127
+ position: relative;
128
+
129
+ }
130
+
131
+ ```
132
+
133
+ ファイル名:header.php
134
+
135
+ ```/**
136
+
137
+ * ヘッダーを表示する
138
+
139
+ */
140
+
141
+ function headershow($projectName){
142
+
143
+ include 'pullDownMenu.php';
144
+
145
+
146
+
147
+ echo "<header id=hpb-grobal-header>";
148
+
149
+ echo "<hgroup id=hpb-header-main>";
150
+
151
+ echo "<div id=headlogo>ヒト、組織、会社を 資源を “生かし 活かす”</br>";
152
+
153
+ echo "<span class=headtitle>有限会社JPG(ジェイ・ピー・ジー)</span></br>";
154
+
155
+ echo "&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<span class=cmpname>Just Profit Guide</span>";
156
+
157
+ echo "</hgroup>";
158
+
159
+ echo "<div id=hpb-header-extra1><span> TEL.</span>052-○○○-△△△△";
160
+
161
+ echo "<p class=address>〒○○○-△△△△ 愛知県名古屋市□□□□</p>";
162
+
163
+ echo "</div>";
164
+
165
+
166
+
167
+ echo "<nav id=hpb-main-nav>";
168
+
169
+ echo "<div class=menu-mainnav-container>";
170
+
171
+
172
+
173
+ //メニューを表示する
174
+
175
+ menushow($projectName);
176
+
177
+
178
+
179
+ echo "</div></nav></header>";
180
+
181
+
182
+
183
+ }//headershow()
184
+
35
185
  コード
36
186
 
37
187
  ```
38
188
 
39
- ファイル名:style.css
40
-
41
- ```#hpb-main-nav li ul{
42
-
43
- display: none;
44
-
45
- }
46
-
47
- #hpb-main-nav li:hover > ul{
48
-
49
- width: 200px;
50
-
51
- margin: 0;
52
-
53
- border-left: 1px solid #D5D5D5;
54
-
55
- border-right: 1px solid #D5D5D5;
56
-
57
- background-color: #FFFFFF;
58
-
59
- display: block;
60
-
61
- position: absolute;
62
-
63
- top: 100%;
64
-
65
- left: 0;
66
-
67
- z-index: 9999;
68
-
69
- }
70
-
71
- #hpb-main-nav li:hover ul li{
72
-
73
- width: 200px;
74
-
75
- border-bottom: 1px solid #D5D5D5;
76
-
77
- padding-bottom: 0;
78
-
79
- padding-left: 0;
80
-
81
- padding-right: 0;
82
-
83
- padding-top: 0;
84
-
85
- background-image: none;
86
-
87
- background-color: #FFFFFF;
88
-
89
- }
90
-
91
- #hpb-main-nav li.current-menu-item li a,
92
-
93
- #hpb-main-nav li.current-menu-ancestor li a,
94
-
95
- #hpb-main-nav li:hover ul li a{
96
-
97
- color: #333333;
98
-
99
- padding-bottom: 10px;
100
-
101
- padding-left: 5px;
102
-
103
- padding-right: 5px;
104
-
105
- padding-top: 10px;
106
-
107
- background-image: none;
108
-
109
- background-color: #FFFFFF;
110
-
111
- }
112
-
113
- #hpb-main-nav li.current-menu-item:hover li a:hover,
114
-
115
- #hpb-main-nav li.current-menu-ancestor:hover li a:hover,
116
-
117
- #hpb-main-nav li:hover ul li a:hover{
118
-
119
- color: #333333;
120
-
121
- background-image: none;
122
-
123
- background-color: #EDEDED;
124
-
125
- }
189
+ ファイル名:pullDownMenu.php
190
+
191
+ ``` /**
192
+
193
+ * プルダウンのヘッダーメニューを表示する
194
+
195
+ *
196
+
197
+ */
198
+
199
+ function menuShow($projectName){
200
+
201
+ echo "<ul id=normal class=dropmenu>";
202
+
203
+
204
+
205
+ switch ($projectName){
206
+
207
+
208
+
209
+ case "jpg":
210
+
211
+ //メインメニュータイトル
212
+
213
+ $menuName = jpg_menu_title();
214
+
215
+
216
+
217
+ //サブメニューの配列
218
+
219
+ $submenu = jpg_submenu();
220
+
221
+ break;
222
+
223
+
224
+
225
+
226
+
227
+ }//switch
228
+
229
+
230
+
231
+ menuListShow($menuName,$projectName,$submenu);
232
+
233
+
234
+
235
+
236
+
237
+ echo "</ul>";
238
+
239
+ }//menuListShow()
240
+
241
+
242
+
243
+ /**
244
+
245
+ * メニューリストを表示する
246
+
247
+ */
248
+
249
+ function menuListShow($menuName,$projectName,$submenu){
250
+
251
+
252
+
253
+
254
+
255
+ foreach ($menuName as $key => $val){
256
+
257
+ //初期化
258
+
259
+ $cnt=0;
260
+
261
+
262
+
263
+ for($i = 1; $i < count($submenu); $i++){
264
+
265
+
266
+
267
+ $row = count($submenu[$i]); //$i行目の要素を$rowにコピーする
268
+
269
+
270
+
271
+ //メインメニュー名を表示するfor文の二重ループ
272
+
273
+ for($j = 0; $j < $row; $j++){ //count($row)は列数となる。
274
+
275
+
276
+
277
+ $key1 = $submenu[$i-1][$j];
278
+
279
+
280
+
281
+ if($key == $key1 && $cnt<=0){
282
+
283
+ switch ($projectName){
284
+
285
+ //プロジェクトによって処理を分ける
286
+
287
+ case "jpg":
288
+
289
+ if ($key == "index") {
290
+
291
+
292
+
293
+ //パスを取得する
294
+
295
+ $filepath = PathReturn($key,$projectName);
296
+
297
+
298
+
299
+ echo "<li><a href=". $filepath .">" . $val . "</a>";
300
+
301
+ echo "<ul>";
302
+
303
+
304
+
305
+ $cnt++;
306
+
307
+
308
+
309
+ break;
310
+
311
+ }else{
312
+
313
+
314
+
315
+ echo "<li><a href=#>" . $val . "</a>";
316
+
317
+ echo "<ul>";
318
+
319
+
320
+
321
+ $cnt++;
322
+
323
+
324
+
325
+ break;
326
+
327
+
328
+
329
+ }//if
330
+
331
+
332
+
333
+ }//switch
334
+
335
+
336
+
337
+ }elseif($j >= $row - 1 && $cnt <= 0){
338
+
339
+ //サブメニューがない場合
340
+
341
+
342
+
343
+ switch ($projectName){
344
+
345
+ //プロジェクトによって処理を分ける
346
+
347
+ case "jpg":
348
+
349
+
350
+
351
+ //パスを取得する
352
+
353
+ $filepath = PathReturn($key,$projectName);
354
+
355
+
356
+
357
+ echo "<li><a href=". $filepath .">" . $val . "</a>";
358
+
359
+ echo "<ul>";
360
+
361
+
362
+
363
+ break;
364
+
365
+
366
+
367
+ }//switch
368
+
369
+
370
+
371
+ }//if
372
+
373
+
374
+
375
+ }//for
376
+
377
+
378
+
379
+ }//for
380
+
381
+
382
+
383
+
384
+
385
+ //}//foreach
386
+
387
+
388
+
389
+ //foreach ($menuName as $key => $val){
390
+
391
+ for($i = 1; $i < count($submenu); $i++){
392
+
393
+
394
+
395
+ $row = count($submenu[$i]); //$i行目の要素を$rowにコピーする
396
+
397
+ $cnt = 0;//キー数カウント
398
+
399
+
400
+
401
+ //for文の二重ループ
402
+
403
+ for($j = 0; $j < $row; $j++){ //count($row)は列数となる。
404
+
405
+
406
+
407
+ $key1 = $submenu[$i-1][$j];
408
+
409
+
410
+
411
+ if($key == $key1){
412
+
413
+
414
+
415
+ $page = $submenu[$i][$j];
416
+
417
+
418
+
419
+ //<li>属性を表示する
420
+
421
+ listshow($page,$projectName);
422
+
423
+
424
+
425
+ $cnt++;
426
+
427
+
428
+
429
+ //echo "</ul></li>";
430
+
431
+
432
+
433
+ }//if
434
+
435
+
436
+
437
+ }//for
438
+
439
+
440
+
441
+ }//for
442
+
443
+ echo "</ul></li>";
444
+
445
+
446
+
447
+ }//foreach
448
+
449
+
450
+
451
+ }//menuListShow()
452
+
453
+
454
+
455
+
456
+
457
+ /**
458
+
459
+ * <li>属性を表示する
460
+
461
+ */
462
+
463
+ function listshow($page,$projectName){
464
+
465
+
466
+
467
+
468
+
469
+
470
+
471
+ $filepath = PathReturn($page,$projectName);
472
+
473
+ $path = basename($filepath);
474
+
475
+ $title = titleShow($path,$projectName);
476
+
477
+
478
+
479
+ if($filepath == $_SERVER['PHP_SELF']){
480
+
481
+ //現在いるページ
482
+
483
+ echo "<li class=current-menu-item>";
484
+
485
+
486
+
487
+ }else{
488
+
489
+ echo "<li>";
490
+
491
+
492
+
493
+ }//if
494
+
495
+
496
+
497
+ echo "<a href=" . $filepath . ">" . $title . "</a></li>";
498
+
499
+
500
+
501
+
502
+
503
+ }//listshow()
126
504
 
127
505
  コード
128
506
 
129
507
  ```
130
508
 
131
- ファイル名:header.php
509
+ ファイル名:array.php
132
510
 
133
511
  ```/**
134
512
 
135
- * ヘッダーを表示
513
+ * ジのパスとページタイトル
514
+
515
+ *
136
516
 
137
517
  */
138
518
 
139
- function headershow($projectName){
140
-
141
- include 'pullDownMenu.php';
142
-
143
-
144
-
145
- echo "<header id=hpb-grobal-header>";
146
-
147
- echo "<hgroup id=hpb-header-main>";
148
-
149
- echo "<div id=headlogo>ヒト、組織、会社を 資源を “生かし 活かす”</br>";
150
-
151
- echo "<span class=headtitle>有限会社JPG(ジェイ・ピー・ジー)</span></br>";
152
-
153
- echo "&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<span class=cmpname>Just Profit Guide</span>";
154
-
155
- echo "</hgroup>";
156
-
157
- echo "<div id=hpb-header-extra1><span> TEL.</span>052-○○○-△△△△";
158
-
159
- echo "<p class=address>〒○○○-△△△△ 愛知県名古屋市□□□□</p>";
160
-
161
- echo "</div>";
162
-
163
-
164
-
165
- echo "<nav id=hpb-main-nav>";
166
-
167
- echo "<div class=menu-mainnav-container>";
168
-
169
-
170
-
171
- //メニューを表示する
172
-
173
- menushow($projectName);
174
-
175
-
176
-
177
- echo "</div></nav></header>";
178
-
179
-
180
-
181
- }//headershow()
519
+ function jpg_page_array(){
520
+
521
+
522
+
523
+ $pageArray = array("index.php"=>"トップページ","concept.php"=>"会社方針","company.php"=>"企業概要","reuse_recycle.php"=>"リユース・リサイクル","lubricant.php"=>"特殊潤滑油",
524
+
525
+ "contact.php"=>"お問い合わせ","contactsure.php"=>"お問い合わせ内容確認","newsContent.php"=>"更新情報内容"
526
+
527
+ ,"newsList.php"=>"更新情報一覧","informationTreat.php"=>"個人情報の取り扱いについて","productInf.php"=>"引取可能商品について","lubproductInf.php"=>"Tacbecon取り扱い商品について"
528
+
529
+ ,"productDetail.php"=>"引取可能商品詳細","lubproductDetail.php" => "取り扱い商品詳細","itsolution.php"=>"ITソリューション事業"
530
+
531
+ );
532
+
533
+
534
+
535
+ return $pageArray;
536
+
537
+
538
+
539
+ }//jpg_page_array()
540
+
541
+
542
+
543
+ /**
544
+
545
+ * メニュータイトルを返す
546
+
547
+ */
548
+
549
+ function jpg_menu_title(){
550
+
551
+
552
+
553
+ $pageArray = array("index"=>"トップページ","jpg"=>"ジェイ・ピー・ジーについて","jigyou"=>"事業内容","contact"=>"お問い合わせ");
554
+
555
+
556
+
557
+ return $pageArray;
558
+
559
+
560
+
561
+ }//jpg_menu_title()
562
+
563
+
564
+
565
+ /**
566
+
567
+ *プルダウンメニュー表示用
568
+
569
+ */
570
+
571
+ function jpg_submenu(){
572
+
573
+ $mainmenu = array("index","jpg","jpg","jigyou","jigyou","jigyou","jigyou","jigyou");
574
+
575
+ $submenu = array("newsList","concept","company","reuse_recycle","productInf","lubricant","lubproductInf","itsolution");
576
+
577
+
578
+
579
+ $pageArray = array($mainmenu,$submenu);
580
+
581
+ return $pageArray;
582
+
583
+
584
+
585
+ }//jpg_submenu()
182
586
 
183
587
  コード
184
588
 
185
589
  ```
186
590
 
187
- ファイル名:pullDownMenu.php
188
-
189
- ``` /**
190
-
191
- * プルダウンのヘッダーメニューを表示する
192
-
193
- *
194
-
195
- */
196
-
197
- function menuShow($projectName){
198
-
199
- echo "<ul id=normal class=dropmenu>";
200
-
201
-
202
-
203
- switch ($projectName){
204
-
205
-
206
-
207
- case "jpg":
208
-
209
- //メインメニュータイトル
210
-
211
- $menuName = jpg_menu_title();
212
-
213
-
214
-
215
- //サブメニューの配列
216
-
217
- $submenu = jpg_submenu();
218
-
219
- break;
220
-
221
-
222
-
223
-
224
-
225
- }//switch
226
-
227
-
228
-
229
- menuListShow($menuName,$projectName,$submenu);
230
-
231
-
232
-
233
-
234
-
235
- echo "</ul>";
236
-
237
- }//menuListShow()
238
-
239
-
240
-
241
- /**
242
-
243
- * メニューリストを表示する
244
-
245
- */
246
-
247
- function menuListShow($menuName,$projectName,$submenu){
248
-
249
-
250
-
251
-
252
-
253
- foreach ($menuName as $key => $val){
254
-
255
- //初期化
256
-
257
- $cnt=0;
258
-
259
-
260
-
261
- for($i = 1; $i < count($submenu); $i++){
262
-
263
-
264
-
265
- $row = count($submenu[$i]); //$i行目の要素を$rowにコピーする
266
-
267
-
268
-
269
- //メインメニュー名を表示するfor文の二重ループ
270
-
271
- for($j = 0; $j < $row; $j++){ //count($row)は列数となる。
272
-
273
-
274
-
275
- $key1 = $submenu[$i-1][$j];
276
-
277
-
278
-
279
- if($key == $key1 && $cnt<=0){
280
-
281
- switch ($projectName){
282
-
283
- //プロジェクトによって処理を分ける
284
-
285
- case "jpg":
286
-
287
- if ($key == "index") {
288
-
289
-
290
-
291
- //パスを取得する
292
-
293
- $filepath = PathReturn($key,$projectName);
294
-
295
-
296
-
297
- echo "<li><a href=". $filepath .">" . $val . "</a>";
298
-
299
- echo "<ul>";
300
-
301
-
302
-
303
- $cnt++;
304
-
305
-
306
-
307
- break;
308
-
309
- }else{
310
-
311
-
312
-
313
- echo "<li><a href=#>" . $val . "</a>";
314
-
315
- echo "<ul>";
316
-
317
-
318
-
319
- $cnt++;
320
-
321
-
322
-
323
- break;
324
-
325
-
326
-
327
- }//if
328
-
329
-
330
-
331
- }//switch
332
-
333
-
334
-
335
- }elseif($j >= $row - 1 && $cnt <= 0){
336
-
337
- //サブメニューがない場合
338
-
339
-
340
-
341
- switch ($projectName){
342
-
343
- //プロジェクトによって処理を分ける
344
-
345
- case "jpg":
346
-
347
-
348
-
349
- //パスを取得する
350
-
351
- $filepath = PathReturn($key,$projectName);
352
-
353
-
354
-
355
- echo "<li><a href=". $filepath .">" . $val . "</a>";
356
-
357
- echo "<ul>";
358
-
359
-
360
-
361
- break;
362
-
363
-
364
-
365
- }//switch
366
-
367
-
368
-
369
- }//if
370
-
371
-
372
-
373
- }//for
374
-
375
-
376
-
377
- }//for
378
-
379
-
380
-
381
-
382
-
383
- //}//foreach
384
-
385
-
386
-
387
- //foreach ($menuName as $key => $val){
388
-
389
- for($i = 1; $i < count($submenu); $i++){
390
-
391
-
392
-
393
- $row = count($submenu[$i]); //$i行目の要素を$rowにコピーする
394
-
395
- $cnt = 0;//キー数カウント
396
-
397
-
398
-
399
- //for文の二重ループ
400
-
401
- for($j = 0; $j < $row; $j++){ //count($row)は列数となる。
402
-
403
-
404
-
405
- $key1 = $submenu[$i-1][$j];
406
-
407
-
408
-
409
- if($key == $key1){
410
-
411
-
412
-
413
- $page = $submenu[$i][$j];
414
-
415
-
416
-
417
- //<li>属性を表示する
418
-
419
- listshow($page,$projectName);
420
-
421
-
422
-
423
- $cnt++;
424
-
425
-
426
-
427
- //echo "</ul></li>";
428
-
429
-
430
-
431
- }//if
432
-
433
-
434
-
435
- }//for
436
-
437
-
438
-
439
- }//for
440
-
441
- echo "</ul></li>";
442
-
443
-
444
-
445
- }//foreach
446
-
447
-
448
-
449
- }//menuListShow()
450
-
451
-
452
-
453
-
454
-
455
- /**
456
-
457
- * <li>属性を表示する
458
-
459
- */
460
-
461
- function listshow($page,$projectName){
462
-
463
-
464
-
465
-
466
-
467
-
468
-
469
- $filepath = PathReturn($page,$projectName);
470
-
471
- $path = basename($filepath);
472
-
473
- $title = titleShow($path,$projectName);
474
-
475
-
476
-
477
- if($filepath == $_SERVER['PHP_SELF']){
478
-
479
- //現在いるページ
480
-
481
- echo "<li class=current-menu-item>";
482
-
483
-
484
-
485
- }else{
486
-
487
- echo "<li>";
488
-
489
-
490
-
491
- }//if
492
-
493
-
494
-
495
- echo "<a href=" . $filepath . ">" . $title . "</a></li>";
496
-
497
-
498
-
499
-
500
-
501
- }//listshow()
502
-
503
- コード
504
-
505
- ```
506
-
507
- ファイル名:array.php
508
-
509
- ```/**
510
-
511
- * ページのパスとページタイトルを返す
512
-
513
- *
514
-
515
- */
516
-
517
- function jpg_page_array(){
518
-
519
-
520
-
521
- $pageArray = array("index.php"=>"トップページ","concept.php"=>"会社方針","company.php"=>"企業概要","reuse_recycle.php"=>"リユース・リサイクル","lubricant.php"=>"特殊潤滑油",
522
-
523
- "contact.php"=>"お問い合わせ","contactsure.php"=>"お問い合わせ内容確認","newsContent.php"=>"更新情報内容"
524
-
525
- ,"newsList.php"=>"更新情報一覧","informationTreat.php"=>"個人情報の取り扱いについて","productInf.php"=>"引取可能商品について","lubproductInf.php"=>"Tacbecon取り扱い商品について"
526
-
527
- ,"productDetail.php"=>"引取可能商品詳細","lubproductDetail.php" => "取り扱い商品詳細","itsolution.php"=>"ITソリューション事業"
528
-
529
- );
530
-
531
-
532
-
533
- return $pageArray;
534
-
535
-
536
-
537
- }//jpg_page_array()
538
-
539
-
540
-
541
- /**
542
-
543
- * メニュータイトルを返す
544
-
545
- */
546
-
547
- function jpg_menu_title(){
548
-
549
-
550
-
551
- $pageArray = array("index"=>"トップページ","jpg"=>"ジェイ・ピー・ジーについて","jigyou"=>"事業内容","contact"=>"お問い合わせ");
552
-
553
-
554
-
555
- return $pageArray;
556
-
557
-
558
-
559
- }//jpg_menu_title()
560
-
561
-
562
-
563
- /**
564
-
565
- *プルダウンメニュー表示用
566
-
567
- */
568
-
569
- function jpg_submenu(){
570
-
571
- $mainmenu = array("index","jpg","jpg","jigyou","jigyou","jigyou","jigyou","jigyou");
572
-
573
- $submenu = array("newsList","concept","company","reuse_recycle","productInf","lubricant","lubproductInf","itsolution");
574
-
575
-
576
-
577
- $pageArray = array($mainmenu,$submenu);
578
-
579
- return $pageArray;
580
-
581
-
582
-
583
- }//jpg_submenu()
584
-
585
- コード
586
-
587
- ```
588
-
589
591
  自分でいろいろ原因を探ってみたところ、
590
592
 
591
- CSSの426行目で「float:left;」と設定していると
593
+ CSSの#hpb-main-nav liで「float:left;」と設定していると
592
594
 
593
595
  現在の状況になってしまうことが分かりました。
594
596
 

2

住所を修正

2017/09/11 20:07

投稿

KentaroOnoda
KentaroOnoda

スコア17

test CHANGED
File without changes
test CHANGED
@@ -154,9 +154,9 @@
154
154
 
155
155
  echo "</hgroup>";
156
156
 
157
- echo "<div id=hpb-header-extra1><span> TEL.</span>052-899-1223";
157
+ echo "<div id=hpb-header-extra1><span> TEL.</span>052-○○○-△△△△";
158
-
158
+
159
- echo "<p class=address>〒458-0021 愛知県名古屋市緑区滝ノ水2-1909-17</p>";
159
+ echo "<p class=address>〒○○○-△△△△ 愛知県名古屋市□□□□</p>";
160
160
 
161
161
  echo "</div>";
162
162
 

1

ソースの内容を写真からコードに変更

2017/09/11 19:40

投稿

KentaroOnoda
KentaroOnoda

スコア17

test CHANGED
File without changes
test CHANGED
@@ -12,27 +12,579 @@
12
12
 
13
13
  ファイル名:index.php
14
14
 
15
- ![イメージ説明](53a6a3ae1cae3d83a31f3196dccfc521.jpeg)
15
+ ```<body class="page"><!-- コンテナ -->
16
+
17
+ <div id="hpb-container">
18
+
19
+ <!-- ヘッダー -->
20
+
21
+ <?php
22
+
23
+ //ヘッダーを表示する
24
+
25
+ headershow($projectName);
26
+
27
+ ?>
28
+
29
+
30
+
31
+ <!-- inner -->
32
+
33
+ <!-- content -->
34
+
35
+ コード
36
+
37
+ ```
16
38
 
17
39
  ファイル名:style.css
18
40
 
41
+ ```#hpb-main-nav li ul{
42
+
43
+ display: none;
44
+
45
+ }
46
+
47
+ #hpb-main-nav li:hover > ul{
48
+
49
+ width: 200px;
50
+
51
+ margin: 0;
52
+
53
+ border-left: 1px solid #D5D5D5;
54
+
55
+ border-right: 1px solid #D5D5D5;
56
+
57
+ background-color: #FFFFFF;
58
+
59
+ display: block;
60
+
61
+ position: absolute;
62
+
63
+ top: 100%;
64
+
65
+ left: 0;
66
+
67
+ z-index: 9999;
68
+
69
+ }
70
+
71
+ #hpb-main-nav li:hover ul li{
72
+
73
+ width: 200px;
74
+
75
+ border-bottom: 1px solid #D5D5D5;
76
+
77
+ padding-bottom: 0;
78
+
79
+ padding-left: 0;
80
+
81
+ padding-right: 0;
82
+
83
+ padding-top: 0;
84
+
85
+ background-image: none;
86
+
87
+ background-color: #FFFFFF;
88
+
89
+ }
90
+
91
+ #hpb-main-nav li.current-menu-item li a,
92
+
93
+ #hpb-main-nav li.current-menu-ancestor li a,
94
+
95
+ #hpb-main-nav li:hover ul li a{
96
+
97
+ color: #333333;
98
+
99
+ padding-bottom: 10px;
100
+
101
+ padding-left: 5px;
102
+
103
+ padding-right: 5px;
104
+
105
+ padding-top: 10px;
106
+
107
+ background-image: none;
108
+
109
+ background-color: #FFFFFF;
110
+
111
+ }
112
+
19
- ![イメージ説明](702a6a1f9b5575f1e63ae01b81a504b5.jpeg)
113
+ #hpb-main-nav li.current-menu-item:hover li a:hover,
114
+
115
+ #hpb-main-nav li.current-menu-ancestor:hover li a:hover,
116
+
117
+ #hpb-main-nav li:hover ul li a:hover{
118
+
119
+ color: #333333;
120
+
121
+ background-image: none;
122
+
123
+ background-color: #EDEDED;
124
+
125
+ }
126
+
127
+ コード
128
+
129
+ ```
20
130
 
21
131
  ファイル名:header.php
22
132
 
133
+ ```/**
134
+
135
+ * ヘッダーを表示する
136
+
137
+ */
138
+
139
+ function headershow($projectName){
140
+
141
+ include 'pullDownMenu.php';
142
+
143
+
144
+
23
- ![イメージ説明](daad80bee2fbf290f096a29e7cde31c1.jpeg)
145
+ echo "<header id=hpb-grobal-header>";
24
-
146
+
25
- ![イメージ説明](f19146a257985b4921905cd95b78b9ae.jpeg)
147
+ echo "<hgroup id=hpb-header-main>";
148
+
26
-
149
+ echo "<div id=headlogo>ヒト、組織、会社を 資源を “生かし 活かす”</br>";
150
+
151
+ echo "<span class=headtitle>有限会社JPG(ジェイ・ピー・ジー)</span></br>";
152
+
153
+ echo "&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<span class=cmpname>Just Profit Guide</span>";
154
+
27
- ![イメージ説明](16796ed63f584970760163e4fd86fb0c.jpeg)
155
+ echo "</hgroup>";
156
+
28
-
157
+ echo "<div id=hpb-header-extra1><span> TEL.</span>052-899-1223";
158
+
159
+ echo "<p class=address>〒458-0021 愛知県名古屋市緑区滝ノ水2-1909-17</p>";
160
+
161
+ echo "</div>";
162
+
163
+
164
+
29
- ![イメージ説明](69332b983a131a14facb2ffeaa4ecd1e.jpeg)
165
+ echo "<nav id=hpb-main-nav>";
30
-
166
+
31
- ![イメージ説明](10258c6eb439cc73c0b89a72a8eaad6c.jpeg)
167
+ echo "<div class=menu-mainnav-container>";
168
+
169
+
170
+
171
+ //メニューを表示する
172
+
173
+ menushow($projectName);
174
+
175
+
176
+
177
+ echo "</div></nav></header>";
178
+
179
+
180
+
181
+ }//headershow()
182
+
183
+ コード
184
+
185
+ ```
32
186
 
33
187
  ファイル名:pullDownMenu.php
34
188
 
189
+ ``` /**
190
+
191
+ * プルダウンのヘッダーメニューを表示する
192
+
193
+ *
194
+
195
+ */
196
+
197
+ function menuShow($projectName){
198
+
199
+ echo "<ul id=normal class=dropmenu>";
200
+
201
+
202
+
203
+ switch ($projectName){
204
+
205
+
206
+
207
+ case "jpg":
208
+
209
+ //メインメニュータイトル
210
+
211
+ $menuName = jpg_menu_title();
212
+
213
+
214
+
215
+ //サブメニューの配列
216
+
217
+ $submenu = jpg_submenu();
218
+
219
+ break;
220
+
221
+
222
+
223
+
224
+
225
+ }//switch
226
+
227
+
228
+
229
+ menuListShow($menuName,$projectName,$submenu);
230
+
231
+
232
+
233
+
234
+
235
+ echo "</ul>";
236
+
237
+ }//menuListShow()
238
+
239
+
240
+
241
+ /**
242
+
243
+ * メニューリストを表示する
244
+
245
+ */
246
+
247
+ function menuListShow($menuName,$projectName,$submenu){
248
+
249
+
250
+
251
+
252
+
253
+ foreach ($menuName as $key => $val){
254
+
255
+ //初期化
256
+
257
+ $cnt=0;
258
+
259
+
260
+
261
+ for($i = 1; $i < count($submenu); $i++){
262
+
263
+
264
+
265
+ $row = count($submenu[$i]); //$i行目の要素を$rowにコピーする
266
+
267
+
268
+
269
+ //メインメニュー名を表示するfor文の二重ループ
270
+
271
+ for($j = 0; $j < $row; $j++){ //count($row)は列数となる。
272
+
273
+
274
+
275
+ $key1 = $submenu[$i-1][$j];
276
+
277
+
278
+
279
+ if($key == $key1 && $cnt<=0){
280
+
281
+ switch ($projectName){
282
+
283
+ //プロジェクトによって処理を分ける
284
+
285
+ case "jpg":
286
+
287
+ if ($key == "index") {
288
+
289
+
290
+
291
+ //パスを取得する
292
+
293
+ $filepath = PathReturn($key,$projectName);
294
+
295
+
296
+
297
+ echo "<li><a href=". $filepath .">" . $val . "</a>";
298
+
299
+ echo "<ul>";
300
+
301
+
302
+
303
+ $cnt++;
304
+
305
+
306
+
307
+ break;
308
+
309
+ }else{
310
+
311
+
312
+
313
+ echo "<li><a href=#>" . $val . "</a>";
314
+
315
+ echo "<ul>";
316
+
317
+
318
+
319
+ $cnt++;
320
+
321
+
322
+
323
+ break;
324
+
325
+
326
+
327
+ }//if
328
+
329
+
330
+
331
+ }//switch
332
+
333
+
334
+
335
+ }elseif($j >= $row - 1 && $cnt <= 0){
336
+
337
+ //サブメニューがない場合
338
+
339
+
340
+
341
+ switch ($projectName){
342
+
343
+ //プロジェクトによって処理を分ける
344
+
345
+ case "jpg":
346
+
347
+
348
+
349
+ //パスを取得する
350
+
351
+ $filepath = PathReturn($key,$projectName);
352
+
353
+
354
+
355
+ echo "<li><a href=". $filepath .">" . $val . "</a>";
356
+
357
+ echo "<ul>";
358
+
359
+
360
+
361
+ break;
362
+
363
+
364
+
365
+ }//switch
366
+
367
+
368
+
369
+ }//if
370
+
371
+
372
+
373
+ }//for
374
+
375
+
376
+
377
+ }//for
378
+
379
+
380
+
381
+
382
+
383
+ //}//foreach
384
+
385
+
386
+
35
- ![イメージ説明](0c38530d53b026f3088a5506e03f4d9c.jpeg)
387
+ //foreach ($menuName as $key => $val){
388
+
389
+ for($i = 1; $i < count($submenu); $i++){
390
+
391
+
392
+
393
+ $row = count($submenu[$i]); //$i行目の要素を$rowにコピーする
394
+
395
+ $cnt = 0;//キー数カウント
396
+
397
+
398
+
399
+ //for文の二重ループ
400
+
401
+ for($j = 0; $j < $row; $j++){ //count($row)は列数となる。
402
+
403
+
404
+
405
+ $key1 = $submenu[$i-1][$j];
406
+
407
+
408
+
409
+ if($key == $key1){
410
+
411
+
412
+
413
+ $page = $submenu[$i][$j];
414
+
415
+
416
+
417
+ //<li>属性を表示する
418
+
419
+ listshow($page,$projectName);
420
+
421
+
422
+
423
+ $cnt++;
424
+
425
+
426
+
427
+ //echo "</ul></li>";
428
+
429
+
430
+
431
+ }//if
432
+
433
+
434
+
435
+ }//for
436
+
437
+
438
+
439
+ }//for
440
+
441
+ echo "</ul></li>";
442
+
443
+
444
+
445
+ }//foreach
446
+
447
+
448
+
449
+ }//menuListShow()
450
+
451
+
452
+
453
+
454
+
455
+ /**
456
+
457
+ * <li>属性を表示する
458
+
459
+ */
460
+
461
+ function listshow($page,$projectName){
462
+
463
+
464
+
465
+
466
+
467
+
468
+
469
+ $filepath = PathReturn($page,$projectName);
470
+
471
+ $path = basename($filepath);
472
+
473
+ $title = titleShow($path,$projectName);
474
+
475
+
476
+
477
+ if($filepath == $_SERVER['PHP_SELF']){
478
+
479
+ //現在いるページ
480
+
481
+ echo "<li class=current-menu-item>";
482
+
483
+
484
+
485
+ }else{
486
+
487
+ echo "<li>";
488
+
489
+
490
+
491
+ }//if
492
+
493
+
494
+
495
+ echo "<a href=" . $filepath . ">" . $title . "</a></li>";
496
+
497
+
498
+
499
+
500
+
501
+ }//listshow()
502
+
503
+ コード
504
+
505
+ ```
506
+
507
+ ファイル名:array.php
508
+
509
+ ```/**
510
+
511
+ * ページのパスとページタイトルを返す
512
+
513
+ *
514
+
515
+ */
516
+
517
+ function jpg_page_array(){
518
+
519
+
520
+
521
+ $pageArray = array("index.php"=>"トップページ","concept.php"=>"会社方針","company.php"=>"企業概要","reuse_recycle.php"=>"リユース・リサイクル","lubricant.php"=>"特殊潤滑油",
522
+
523
+ "contact.php"=>"お問い合わせ","contactsure.php"=>"お問い合わせ内容確認","newsContent.php"=>"更新情報内容"
524
+
525
+ ,"newsList.php"=>"更新情報一覧","informationTreat.php"=>"個人情報の取り扱いについて","productInf.php"=>"引取可能商品について","lubproductInf.php"=>"Tacbecon取り扱い商品について"
526
+
527
+ ,"productDetail.php"=>"引取可能商品詳細","lubproductDetail.php" => "取り扱い商品詳細","itsolution.php"=>"ITソリューション事業"
528
+
529
+ );
530
+
531
+
532
+
533
+ return $pageArray;
534
+
535
+
536
+
537
+ }//jpg_page_array()
538
+
539
+
540
+
541
+ /**
542
+
543
+ * メニュータイトルを返す
544
+
545
+ */
546
+
547
+ function jpg_menu_title(){
548
+
549
+
550
+
551
+ $pageArray = array("index"=>"トップページ","jpg"=>"ジェイ・ピー・ジーについて","jigyou"=>"事業内容","contact"=>"お問い合わせ");
552
+
553
+
554
+
555
+ return $pageArray;
556
+
557
+
558
+
559
+ }//jpg_menu_title()
560
+
561
+
562
+
563
+ /**
564
+
565
+ *プルダウンメニュー表示用
566
+
567
+ */
568
+
569
+ function jpg_submenu(){
570
+
571
+ $mainmenu = array("index","jpg","jpg","jigyou","jigyou","jigyou","jigyou","jigyou");
572
+
573
+ $submenu = array("newsList","concept","company","reuse_recycle","productInf","lubricant","lubproductInf","itsolution");
574
+
575
+
576
+
577
+ $pageArray = array($mainmenu,$submenu);
578
+
579
+ return $pageArray;
580
+
581
+
582
+
583
+ }//jpg_submenu()
584
+
585
+ コード
586
+
587
+ ```
36
588
 
37
589
  自分でいろいろ原因を探ってみたところ、
38
590