Saludos,
Estimados amigos tengo un menu en css estilo windows vista y deseo que este siempre en el top de la pagina, el cuerpo del documento es una tabla, este es el codigo del menu:
#vista_toolbar {
float:left;
font:normal 12px 'Century Gothic';
width:100%;
top: 0; /* esto lo fuerza a ubicarse en la parte inferior de la pantalla */
right: 0; /* y que se extienda de lado a lado */
margin: 0 auto; /* su contenido se centrará */
padding: 0; /* eliminamos cualquier relleno para que la altura sea exacta */
position: fixed; /* lo fijamos para que no se mueva y permanezca siempre visible */
}
#vista_toolbar ul {
background-image:url(../imagenes/herramientas/toolbar/back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
/*padding:0 10px 0 10px;
width:500px;*/
}
#vista_toolbar li {
display:inline;
padding:0;
}
#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */
text-decoration:none;
}
#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}
#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}
/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(../imagenes/herramientas/toolbar/left.png) no-repeat left center;
}
#vista_toolbar a:hover span {
background:url(../imagenes/herramientas/toolbar/right2.png) no-repeat right center;
}
#vista_toolbar a.right {
float:right; /* for help button - just add class "right" -> <a class="right"... */
}