Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Feb 2011
    Posts
    75
    Thanks
    9
    Thanked 2 Times in 2 Posts

    Smile Tab in right corner of the site

    Hello All

    On some sites they have a tab hanging in the top right hand corner of the site with login link logout link register maybe even a search bar.

    What it called where Can I find some information on how to build it

    Many Thanks For Replys
    David

  • #2
    Regular Coder
    Join Date
    Mar 2011
    Posts
    148
    Thanks
    0
    Thanked 20 Times in 20 Posts
    Hi,
    You can add the code of that content into a DIV with CSS position:absolute; (or position:fixed;), and top:0; right:0; (eventualy with z-indez:9990; ).

  • #3
    New Coder
    Join Date
    Feb 2011
    Posts
    75
    Thanks
    9
    Thanked 2 Times in 2 Posts
    Hi Marplo

    Thank you for Reply

    I did a css part for the div

    Code:
      div.topright{
        display:block;
        position:absolute;
        right:30px;
        width:450px;
        font: bold 14px arial, helvetica, sans-serif;
        color:#eee;
        background:#014464;
        border:0px solid #014464;
      }
    it works in google chrome , firefox , safia but does not work in IE any idea why this is?

    Thank you for replys

  • #4
    Regular Coder Mooseman's Avatar
    Join Date
    Sep 2010
    Posts
    123
    Thanks
    7
    Thanked 3 Times in 3 Posts
    You need to apply position: relative to the parent element


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •