Fix Bar

Hi All

How Can I Get A Bar Like This Fixed In As Top Bar???



Thanks In Advance

 

You can use a Web Toolbar like HelloBar.

 

or you can code it yourself,

I would set it as a fixed position so it's always up there when you scroll the page

like this


<div class="topnav">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
</div>

<div class="body">
Content can go here<br/><br/>
Content can go here<br/><br/>
Content can go here<br/><br/>
Content can go here<br/><br/>
Content can go here<br/><br/>
Content can go here<br/><br/>
Content can go here<br/><br/>
Content can go here<br/><br/>
Content can go here<br/><br/>
</div>


css


.topnav {
position: fixed;
top:0;
width:100%;
height:20px;
background:red;
}

.body {
margin-top:20px;
}

 

http://jsfiddle.net/cadsii/rP2PN/

here is the live working version

 

May this help you:

bar{
width:100%;
height:200px;
background:#000;
position: fixed;
top:0;
left:0;
<div id="bar">content inside bar goes here</div>