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 2 of 2
  1. #1
    New Coder
    Join Date
    Oct 2006
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    very tricky placement...how could I do it?

    Hey folks...

    Before I spend the next two hours trying to get this to work, I need a plan. I have an image which rides halfway between the webpage main area and the sidebar background. The background is a gradient.

    You'll see exactly what I'm talking about at www.jontakiff.com

    Is it a matter of having the background behind the balloon be pixel-dead on perfect with the gradient to maintain the illusion I'm going for? Do I need to slice the graphic, put half on the background, half on the main page? And I'm assuming I could run into big problems with different screen widths, etc. as well. How do you think I could make this happen?

    thanks!

  • #2
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by johnnyblotter View Post
    Is it a matter of having the background behind the balloon be pixel-dead on perfect with the gradient to maintain the illusion I'm going for
    That's the way I'd do it, maybe a tad finicky, but certainly doable.

    You shouldn't really run into any problems with the background - as it's static anyway (as opposed to fixed).

    The other alternative - would be to use a transparent PNG, and a bit of javascript (the javascript would be required assuming you want it to work in IE versions earlier than 7)

    But you can avoid all that, by going for the method quoted above.

    Kind regards,

    Gary
    Last edited by Graft-Creative; 12-23-2006 at 02:48 AM.


  •  

    Posting Permissions

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