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 {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
.topNavBar {
background-color: #333;
position: fixed;
top: 0px;
width: 100%;
overflow: hidden;
}
.topNavBar li {
.topNavBar a {
float: left;
}
.topNavBar li a {
display: block;
color: white;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topNavBar li a:hover {
background-color: #111;
}
.topNavBar .active {
background-color: #4CAF50;
.topNavBar a:hover {
background-color: #ddd;
color: black;
}

View File

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