Ya, eso es simple.
Pongamonos en los siguientes casos:
* Quieres hacer una barra como la de fayerwayer, que al bajar el scroll desaparezca.
* Hacer una barra superior, que aunque sea desplazado el scroll se mantenga en su posición.
Te invito a probar ambas opciones y ves cual te gusta mas.
La primera - La barra de fayerwayer se hace con el siguiente código:
Code:
<html>
<head>
<title> Aquí tu título </title>
<style type="text/css">
body{
margin:0;
padding:0;
}
#menubar{
background-color:black;
color: white;
font:8pt Arial;
}
</style>
</head>
<body>
<!-- Aquí la barrita -->
<div>
<table id="menubar" width="100%" cellpadding=0 cellspacing=0>
<tr>
<td>Menu 1</td>
<td>Menu 2</td>
</tr>
</table>
</div>
<div id="header"><!-- Aquí el header --></div>
<div id="content"><!-- Aquí el cuerpo --></div>
<div id="footer"><!-- Aquí el footer --></div>
</body>
</html>
La segunda - La barra de estática se hace con el siguiente código:
Code:
<html>
<head>
<title> Aquí tu título </title>
<style type="text/css">
body{
margin:0;
padding:0;
}
#bar{
position:static;
top:0;
}
#menubar{
background-color:black;
color: white;
font:8pt Arial;
}
</style>
</head>
<body>
<!-- Aquí la barrita -->
<div id="bar">
<table id="menubar" width="100%" cellpadding=0 cellspacing=0>
<tr>
<td>Menu 1</td>
<td>Menu 2</td>
</tr>
</table>
</div>
<div id="header"><!-- Aquí el header --></div>
<div id="content"><!-- Aquí el cuerpo --></div>
<div id="footer"><!-- Aquí el footer --></div>
</body>
</html>
Prueba con eso, ojalá te resulte lo que quieres, ahi lo modificas a tu gusto, saludos
Ayuda! Como Crear Barra Sobre el Header Como En Fayerwayer?
