Could you guys please tell me where i could find html code for this?

Discussion in 'HTML & Website Design' started by china9, Nov 2, 2010.

0
  1. #1
    u know on some websites how there's a banner that you can always see no matter how far you scroll down? could you guys please tell me where to get some html like that?
     
    china9, Nov 2, 2010 IP
  2. jbladeus

    jbladeus Peon

    Messages:
    485
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Such floating bars are nothing but simple divs having CSS position: fixed and either top: 0px (for header bar) or bottom: 0px (for footer bar).

    Use javascript to toggle their visible/invisible states.
     
    jbladeus, Nov 2, 2010 IP
  3. sunbros

    sunbros Active Member

    Messages:
    175
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    You can find tutorial for rounded corners or css layouts and you will be able to get there not sure but try to find on tutorialized
     
    sunbros, Nov 2, 2010 IP
  4. thinkdj

    thinkdj Peon

    Messages:
    114
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Do you mean the banner on top or the footer panel?
    Sohtanaka has a good(no, awesome) tutorial for footer panels. Check it out :
    http://www.sohtanaka.com/web-design/examples/footer-panel/

    If you meant a simple panel on top, use the following CSS

    #banner {
    position: fixed;
    top:0;
    left:0;
    height:30px;
    width100%;
    z-index:999;
    }
    * html #banner { /*IE6 hack*/
    position: absolute;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
    }
     
    thinkdj, Nov 2, 2010 IP