2 replies to this topic

[zetsumei]

I am suppose to have this done in 2 days, but there's something stopping me. I can't figure out why my menu is like it is. Can someone please help me fix this menu I have.

body {
  background-color: #213953;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
}
#layout {
  background-color: #ffffff;
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
#head {
  background-color: #ffffff;
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  width: 500px;
  height: 100px;
}
#content {
  background-color: #ffffff;
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  width: 490px;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
#nav {
  background-color: #213953;
  color: #ffffff;
  font-family: verdana;
  font-size: 10px;
  width: 490px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
#footer {
  background-color: #213953;
  color: #ffffff;
  font-family: verdana;
  font-size: 10px;
  width: 490px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.entries {
  background-color: #ffffff;
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  width: 480px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.post {
  background-color: #ffffff;
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  width: 480px;
  padding-left: 5px;
  padding-right: 5px;
}
.post_title {
  color: #000000;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
}
hr {
  color: #000000;
  border-style: dotted;
  size: 1px;
}
.links {
   list-style: none;
   margin: 0; padding: 0;
}
.links li {
   float: left;
}
.links li a {
   display: block;
   background: #213953;
   width: 98px;
   text-align: center;
   color: #ffffff;
   padding: 3px 0;
}
.links li a:hover {
   background: #005c90;
   color: #ffffff;
}
a.nav:link {
  background-color: #213953;
  color: #ffffff;
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
  width: 90px;
  text-align: center;
}
a.nav:visited {
  background-color: #213953;
  color: #ffffff;
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
  width: 90px;
  text-align: center;
}
a.nav:hover {
  background-color: #005c90;
  color: #ffffff;
  font-family: verdana;
  font-size: 10px;
  padding: 3px;
  text-decoration: none;
  width: 90px;
  text-align: center;
}
a.content:link {
  color: #0000ff;
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
}
a.content:visited {
  color: #0000ff;
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
}
a.content:hover {
  color: #0000ff;
  font-family: verdana;
  font-size: 10px;
  text-decoration: underline;
}
a:link {
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
}
a:visited {
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
}
a:hover {
  color: #000000;
  font-family: verdana;
  font-size: 10px;
  text-decoration: none;
}
img {
  border: 0px;
}

There's my CSS code and heres the list navigation code

  <div id="nav">
   <ul class="links">
	<li><a href="?id=home" title="Home">Home</a></li>
	<li><a href="?id=about" title="About">About</a></li>
	<li><a href="?id=resume" title="Resume">Resume</a></li>
	<li><a href="?id=portfolio" title="Porfolio">Porfolio</a></li>
	<li><a href="?id=contact" title="Contact">Contact</a></li>
   </ul>
  </div>

http://www.vxlabs.com/ef

My other URL hasn't resolved yet.

Thanks in advance.

Edited by zetsumei, 17 September 2007 - 02:23 PM.

[Not Dan]

Whats the problem? How do you want the nav?

Edited by Not Dan, 17 September 2007 - 04:26 PM.

[zetsumei]

I fixed it. I just needed the nav inside the #nav section. But I got it now.