Child Care HomePage

このページの悪いところ、改善点をお願いします。 ```html Child Care HomePage

``` ```CSS /* COMP112 Assignment 18% tkimura Tomofumi Kimura stylesheet*/ body{ background-color:rgb(224, 200, 202); margin:0px; } /* main heading*/ #header h1{ background-color:rgb(223,51,63); text-align: center; width:100%; margin:0px; padding:20px; position:fixed; top:0; left:0; right:0; } /* Navigation whole area */ #nav{ background-color:rgb(87, 209, 204); position:fixed; top:75px; left:0; right:0; width:100%; margin:0px; } /* Navigation whole ul ara */ #nav ul{ max-width:100%; list-style-type:none; padding:0; margin-top:0px; margin-left:150px; margin-right:auto; margin-bottom:auto; overflow:hidden; background-color:inherit; } /* Navigation list area*/ #nav li{ float:left; } /* Navigation list link, DropDown menu*/ #nav li a, .dropbtn{ display:block; color:inherit; text-align:center; padding:14px 30px 10px 30px; text-decoration: none; } /* when user move the pointer to the place */ #nav li a:hover, .dropdown:hover .dropbtn{ background-color:yellow; } #nav li.dropdown{ display:block; } /* drop down area*/ .dropdown-content{ display:none; position:absolute; background-color:#f9f9f9; min-width:100px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* drop down list element*/ .dropdown-content a{ color:black; padding:12px 16px; text-decoration: none; display:block; text-align:left; } /* when mouse is over the drop down list element */ .dropdown-content a:hover{ background-color:#f1f1f1; } .dropdown:hover .dropdown-content{ display:inline; } /* Main Area*/ .content{ margin-top:170px; margin-right:20px; height:auto; } /* h2 Mama Bear CHild Care heading */ h2{ text-align: center; color:rgb(0, 102,255); } h3{ text-align: center; } .content h4{ text-align:center; } .content span{ color:red; } #attention{ text-align:center; background-color:rgb(153,204,255); border:dotted 2px ; padding-left:-10px; border-radius: 40px; } /* Education Services UList*/ .content ul{ margin:auto; border-radius: 50px; border:2px solid #73AD21; padding:40px; padding-top:10px; width:300px; height:140px; background-color:rgb(153,204,255); list-style-image: url('../Images/list_image/icn_12.gif'); } .content li{ padding:20px; } /* Philosophy page List */ #philo_list{ border-radius:50%; background-color:white; width:800px; height:500px; background-image: url(../Images/babypaint.jpg); background-repeat: no-repeat; background-position: 50px center; } #philo_list li{ margin-left:30px; font-size:15px; } /* First list in philosophy List */ #philo_list #list1{ margin-left:130px; margin-top:50px; } /* Second list in philosophy List*/ #philo_list #list2{ margin-left:160px; } /* Third List in philosophy List*/ #philo_list #list3{ margin-left:180px; } /* Fourth List in philosophy List*/ #philo_list #list4{ margin-left:200px; } /* Fifth List in philosophy List*/ #philo_list #download{ margin-left:200px; color:blue; } #philo_list #download span{ color:red; text-decoration: underline; } /* Staff page layout */ #staff{ border:solid 2px; } /* Staff page List*/ .content #teachers li{ list-style-image: none; padding:5px; } /* Conatact Page Layout*/ form{ margin:160px auto auto auto; } #form_area{ background-color:rgb(231,223,151); float:left; width:500px; margin-left:100px; border:2px solid; } #form_area h3{ text-align:center; } #form_area p{ margin-left:20px; } #info_area{ background-color:white; float:left; width:400px; display:inline-block; margin:10px; border:2px solid; } #info_area h4{ margin:10px; color:red; } fieldset{ border:none; } legend{ color:blue; } span{ color:red; } #send{ background: rgb(122, 187, 224); color: rgb(215,81,72); border-style: outset; border-color: white; height: 50px; width: 100px; font: bold 15px arial, sans-serif; text-shadow:none; } #footer{ clear:left; } ```

Welcome to Mama Bear Child Care

Contact

Send Us a Message !!!

Contact Us!!

If you have any questions about the Mama Bear please contact us at:

	@@ -1 +1 @@
1	- この~~サイトの改善点をお願い~~します。
1	+ div を綺麗に並べる方法はどうやるのでしょうか？？。

質問編集履歴