Modify header and menu template

css/default_style.css

@@ -46,8 +46,8 @@ a:hover {
 	opacity: 0.6%;
 }
 
-/*.menu {
+.menu {
     border: 0.5px solid black; 
-    width: 200px; 
+    width: 199px; 
     float: left;
-}*/
\ No newline at end of file
+}
\ No newline at end of file

css/header.css

 .header {
     border-bottom-style: solid;
-    height: 10%;
+    height: 55px;
 }
 .logo {
     float: left;
@@ -24,8 +24,8 @@
     margin: 0 ;
     margin-top: 10px;
 }
-.menu {
+/*.menu {
     text-align: center;
     background-color: rgb(65,62,119);
     height: 20px;
-}
+}*/

css/profile.css

@@ -90,3 +90,6 @@ input.upload_file {
     height: 17px;
     width: 100px;
 }
+#profile_link {
+    background-color: #465d43;
+}
\ No newline at end of file

profile_page/profile.php

@@ -26,7 +26,7 @@
                 mysqli_close($con);
             ?>
         </div>
-        <div class="menu">
+        <div style="background-color: white; max-width: 600px; margin-left: auto; margin-right: auto">
             <?php include'../template/menu.php';?>
         </div>
         <div class="profile_container">

template/menu.php

 <?php
     echo '
-    <div style="background-color: white; max-width: 600px; margin-left: auto; margin-right: auto">
-			<a href="order/order.php" name="order_link">
-			<div style="background-color: red; width: 200px; float: left">
-				<h2>Order</h2>
-			</div>
-			</a>
-			<a href="history/history.php" name="history_link">
-			<div style="background-color: green; width: 200px; float: left">
-				<h2>History</h2>
-			</div>
-			</a>
-			<a href="profile/profile.php" name="profile_link">
-			<div style="background-color: yellow; width: 200px; float: left">
-				<h2>My Profile</h2>
-			</div>
-			</a>
-		</div>
+    <a href="order/order.php" name="order_link">
+	<div class="menu" id="order_link">
+		<h2>Order</h2>
+	</div>
+	</a>
+	<a href="history/history.php" name="history_link">
+	<div class="menu" id="history_link">
+		<h2>History</h2>
+	</div>
+	</a>
+	<a href="profile/profile.php" name="profile_link">
+	<div class="menu" id="profile_link">
+		<h2>My Profile</h2>
+	</div>
+	</a>
     ';
 ?>