Previous version was horrible... trying to keep things stupid simple

This commit is contained in:
William Miceli
2019-12-03 06:01:54 -05:00
parent e8a40fc89b
commit dff8bd9306
2 changed files with 17 additions and 27 deletions

View File

@@ -1,26 +1,16 @@
.topNavBar ul { .topNavBar {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333; background-color: #333;
position: fixed; overflow: hidden;
top: 0px;
width: 100%;
} }
.topNavBar li { .topNavBar a {
float: left; float: left;
} color: #f2f2f2;
.topNavBar li a {
display: block;
color: white;
text-align: center; text-align: center;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
font-size: 17px;
} }
.topNavBar li a:hover { .topNavBar a:hover {
background-color: #111; background-color: #ddd;
} color: black;
.topNavBar .active {
background-color: #4CAF50;
} }

View File

@@ -1,10 +1,10 @@
<ul class="topNavBar"> <div class="topNavBar">
<li><a href="/friends.php">See Friends</a></li> <a href="/friends.php">See Friends</a>
<li><a href="messages.php">See Messages</a></li> <a href="messages.php">See Messages</a>
<li><a href="search.php">Search</a></li> <a href="search.php">Search</a>
<li><a href="sendMessage.php">Message Someone</a></li> <a href="sendMessage.php">Message Someone</a>
<li><a href="findFriend.html">Find a New Friend</a></li> <a href="findFriend.html">Find a New Friend</a>
<li><a href="pendingFriend.html">Check Pending Friends</a></li> <a href="pendingFriend.html">Check Pending Friends</a>
<!--Maybe show the user's name here?--> <!--Maybe show the user's name here?-->
<li style="float:right"><a href="#">Logout</a></li> <a href="#" style="float:right">Logout</a>
</ul> </div>