How do you do this?

Discussion in 'HTML & Website Design' started by comanche82, Nov 15, 2008.

  1. #1
    Can someone please tell me how to do this?
    If you go to this website: Maxsynergy look on the top left side of the page, at the little green banner that says "garden of the day". What is this called and how do I implement it into my website?
    Thanks
     
    comanche82, Nov 15, 2008 IP
  2. mjewel

    mjewel Prominent Member

    Messages:
    6,693
    Likes Received:
    514
    Best Answers:
    0
    Trophy Points:
    360
    #2
    It's an absolute positioned div...

    add this to html:

    <div id="yourdivname"><a href="http://www.yourlink.com/" target="_blank">link text</a></div>


    css (adjust image dimension to suit)

    div#yourdivname { position: absolute; left: 0; top: 0; z-index: 4; background: url(../img/yourimage.png) no-repeat; width: 150px; height:100px; text-indent: -999px; display: block; }
     
    mjewel, Nov 15, 2008 IP
  3. millionaire08

    millionaire08 Guest

    Messages:
    35
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Wow great idea thanks to you mjewel
     
    millionaire08, Nov 15, 2008 IP
  4. comanche82

    comanche82 Well-Known Member

    Messages:
    731
    Likes Received:
    79
    Best Answers:
    0
    Trophy Points:
    118
    #4
    Thanks for all your help mjewel. I really appreciate it.
     
    comanche82, Nov 15, 2008 IP