Hola, Mira puedes usar divs donde quieras que aparesca tu menu.
Código HTML:
<style type="text/css">
/* ---------------------- Menu Vertical --------------------- */
ul{
list-style: none;
margin: 0;
padding: 0;
}
#menu1 {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
width: 120px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
}
#menu1 li a {
height: 25px;
display: block;
/* estas dos lines deberas incluir para que se vea mejor en otro explorador como Firefox 2 y Opera 8.5 */
voice-family: "\"}\"";
voice-family: inherit;
/* Fin */
height: 17px;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
}
#menu1 li a:link, #menu1 li a:visited {
color: #666666;
padding: 4px 5px 4px 5px;
}
#menu1 li a:hover, #menu1 li #primeropcion{
background-color: #333333;
color: #FFFFFF;
padding: 4px 5px 4px 5px;
}
/* ---------------------- Menu Horizontal --------------------- */
#menu2 {
background-color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
}
#menu2 li {
float: left;
display: inline;
}
#menu2 li a {
height: 25px;
text-decoration: none;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#menu2 li a:link, #menu2 li a:visited {
color: #666666;
padding: 4px 5px 4px 5px;
}
#menu2 li a:hover, #menu2 li #primeropcion{
background-color: #333333;
color: #FFFFFF;
padding: 4px 5px 4px 5px;
}
</style>
</head>
<body>
<!-- ---------------------- Menu Vertical --------------------- -->
<div id="menu1">
<ul>
<li><a id="primeropcion" href="">Opción 1</a></li>
<li><a href="">Opción 2</a></li>
<li><a href="">Opción 3</a></li>
</ul>
</div>
<br>
<!-- ---------------------- Menu Horizontal --------------------- -->
<div id="menu2">
<ul>
<li><a id="primeropcion" href="">Opción 1</a></li>
<li><a href="">Opción 2</a></li>
<li><a href="">Opción 3</a></li>
</ul>
</div>
</body> cuando termines siempre revisa tu codigo, asi sabras cual es el problema
W3C.org (css validator), también busca lo siguiente q te puede servir muchisimo:
- TopStyle y CSS Tab designer (software gratis)
- Dynamic Drive CSS Library (pagina con codigo de ejemplos css)
- W3C.es ( Guía de Referencia
CSS 2.1)