Alister West

home is where your code is ...

A top-nav bar similar to Googles #gbar

!/images/gbar.png!

I keep doing this for multiple intranet dashboards, now I won't forget! At the moment its just the left-justified list, right-justified comming soon. I also have an alternative version done as a list somewhere ...

<style>
    /* Google style top nav */
    div#gbar {
        height: 20px;
        width:  100%;
    }
    #gbar {
        float: left;
        font-size: 13px;
        padding: 3px 8px 1px 8px;
        border-bottom: 1px solid #C9D7F1;
        margin-bottom: 2px;
        white-space: nowrap;
    }
    .gb1 {
        zoom: 1;
        color: black;
        margin-right: 0.5em;
    }
    a.gb1 {
        color: #00C !important;
    }
</style>
<div id="gbar">
    <b class="gb1">Gmail</b>
    <a target="_blank" href="#" class='gb1' >Calendar</a>
    <a target="_blank" href="#" class='gb1' >Documents</a>
    <a target="_blank" href="#" class='gb1' >Reader</a>
    <a target="_blank" href="#" class='gb1' >Web</a>
</div>
By Alister West