Menu horizontal semelhante à esse:

ps: os links só ficam cinza quando o mouse está passando por cima dele

01. Adicione ao seu css o código a seguir:
#menu {
list-style: none;
float: left;
height: 25px;
width: 465px;
padding-left:15px;
margin-top: 150px;
}
#menu ul {
padding: 0px;
margin: 0px;
float: left;
width: 100%;
list-style:none;
font-weight: bold;
height: 18px;
line-height: 18px;
vertical-align:middle;
}
#menu ul li {
display: block;
float: left;
margin: 1px;
width: auto;
text-align: center;
border:0px;
}
#menu ul li a {
display: block;
width: 61px;
text-align: center;
font-size: 10px;
font-family : Verdana, Arial, sans-serif;
text-decoration: none;
color: #FEC2E1;
background-color: #FFF1F9;
border:1px solid #FEC2E1;
vertical-align:middle;
}
#menu ul li a:hover, #menu li.current a {
color: #c0c0c0;
background-color: #f8f8f8 ;
text-decoration: none;
border:1px solid #c0c0c0;
}

Pra posicionar o seu menu você muda as coordenadas em #menu

2. Onde quer que o menu apareça, use:
<div id="menu">
<ul>
<li><a href="http://www.link1.com">Link 1</a></li>
<li><a href="http://www.link2.com">Link 2</a></li>
<li><a href="http://www.link3.com">Link 3</a></li>
</ul>
</div>


Página pertencente ao blog http://itsabout.zip.net

» Voltar » Atualizar » Avançar <%DEFINE POST_TEXT STRING NULL%><%DEFINE POST_TITLE STRING NULL%><%DEFINE POST_DATE STRING NULL%><%DEFINE POST_USER STRING NULL%><%DEFINE POST_DATE_HEADER STRING NULL%><%DEFINE BLOG_POST_QTTY INTEGER 0%><%DEFINE BLOG_LINK_QTTY INTEGER 0%> <%DEFINE LINK_URL STRING NULL%> <%DEFINE LINK_TITLE STRING NULL%> <%DEFINE BLOG_NEIGHBOOR_QTTY INTEGER 0%> <%DEFINE NEIGHBOOR_URL STRING NULL%> <%DEFINE NEIGHBOOR_TITLE STRING NULL%> <%DEFINE BLOG_OWNER_NAME STRING NULL%> <%DEFINE BLOG_CURRENT_DATE STRING NULL%> <%DEFINE ARCHIVE_DATE_BEGIN STRING NULL%> <%DEFINE ARCHIVE_DATE_END STRING NULL%> <%DEFINE ARCHIVE_LINK STRING NULL%> <%DEFINE BLOG_ARCHIVE_QTTY INTEGER 0%> <%DEFINE BLOG_ARCHIVE_LINK BOOLEAN FALSE%> <%DEFINE BLOG_ARCHIVE_PAGE BOOLEAN FALSE%> <%DEFINE BLOG_ARCHIVE_LINK_URL STRING NULL%> <%DEFINE BLOG_ID STRING NULL%> <%DEFINE BLOG_SCRIPT_URI STRING NULL%> <%DEFINE POST_ID STRING NULL%> <%DEFINE BLOG_EMOTICON_HEAD STRING NULL%> <%DEFINE BLOG_EMOTICON_BODY STRING NULL%> <%DEFINE BLOG_EMOTICON_FOOT STRING NULL%> <%DEFINE BLOG_VOTE BOOLEAN FALSE%> <%DEFINE BLOG_RECOMMEND_BLOG BOOLEAN FALSE%> <%DEFINE BLOG_RECOMMEND_POST BOOLEAN FALSE%> <%DEFINE BLOG_ACCEPT_COMMENT BOOLEAN FALSE%> <%DEFINE POST_HAS_COMMENT BOOLEAN FALSE%> <%DEFINE BLOG_TITLE STRING NULL%> <%DEFINE BLOG_TEXT_NO_COMMENT STRING Sem comentários%> <%DEFINE BLOG_TEXT_ONE_COMMENT STRING Um comentário%> <%DEFINE BLOG_TEXT_MORE_COMMENTS STRING Comentários%> <%DEFINE BLOG_COUNTRY STRING NULL%> <%DEFINE BLOG_STATE STRING NULL%> <%DEFINE BLOG_CITY STRING NULL%> <%DEFINE BLOG_DISTRICT STRING NULL%> <%DEFINE BLOG_REGION STRING NULL%> <%DEFINE BLOG_GENDER STRING NULL%> <%DEFINE BLOG_AGE STRING NULL%> <%DEFINE BLOG_LANGUAGE1 STRING NULL%> <%DEFINE BLOG_LANGUAGE2 STRING NULL%> <%DEFINE BLOG_INTEREST1 STRING NULL%> <%DEFINE BLOG_INTEREST2 STRING NULL%> <%DEFINE BLOG_INTEREST STRING NULL%> <%DEFINE BLOG_IM_TYPE STRING NULL%> <%DEFINE BLOG_IM_ID STRING NULL%> <%DEFINE BLOG_OWNER_MOOD BOOLEAN FALSE%>