how do i do a sitewide bookmark image in the corner like this...

Discussion in 'HTML & Website Design' started by articledirectory, May 26, 2008.

  1. #1
    I want to do a "bookmark this site" image and i want to display it in the top right had corner like this.

    is there an easy way to do this?
     
    articledirectory, May 26, 2008 IP
  2. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Sure. Say you call your div #bookmark:

    
    <div id="bookmark">Click to bookmark</div>
    Code (markup):
    
    div#bookmark {
         position: absolute;
         top: 0;
         right: 0;
         width: 200px;
         height: 200px;
         }
    Code (markup):

    There are other methods of achieving a similar result using a float, but it would depend on your current layout and if you set your body's margins to 0 or not. Basically, the method above should work just fine.
     
    steelfrog, May 26, 2008 IP
    articledirectory likes this.
  3. articledirectory

    articledirectory Peon

    Messages:
    1,704
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for the help :)
     
    articledirectory, May 26, 2008 IP