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 7 of 7
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Location
    Stillwater Ok
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts

    background position in CSS

    I would like the image to begin repeating 100px from the top of the containg block. Here is what I'm using.
    Code:
      background: URL(images/imagename.png) transparent 0 100px repeat;
    Which is not preforming how I expected it to, instead it corners the image at that point 100px down, but still repeats it throughout the entire element.

    How would I go about getting the results I desire? Or am I just dreaming?
    "Never offend people with style when you can offend them with substance."
    --Sam Brown

  • #2
    Regular Coder Skyzyx's Avatar
    Join Date
    Aug 2002
    Location
    Silicon Valley, CA
    Posts
    980
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It sounds like the initial position of the graphic is correct, correct? And you're telling it to repeat, which is what it's doing. How else did you want it to repeat?

    Creator of SimplePie and Tarzan AWS, co-founder of WarpShare, co-built the Y! Messenger website, usability-focused, and an INFJ personality.

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Stillwater Ok
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I would like the top 100px of the element to remain transparent, and the repeating image to begin repeating after.
    "Never offend people with style when you can offend them with substance."
    --Sam Brown

  • #4
    Senior Coder
    Join Date
    Aug 2002
    Location
    Kansas City, Kansas
    Posts
    1,518
    Thanks
    0
    Thanked 2 Times in 2 Posts
    you may have to just make the 100px transparent in some graphic editing program.

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Stillwater Ok
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Its not that i can't make the image transparent. I could do that, but then as the element changed in height, the background would have a stripped look to it.
    "Never offend people with style when you can offend them with substance."
    --Sam Brown

  • #6
    Regular Coder Skyzyx's Avatar
    Join Date
    Aug 2002
    Location
    Silicon Valley, CA
    Posts
    980
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah, sorry. If you set it to repeat, it will repeat all-around. You might try nesting an absolutely positioned element inside it, and apply the background image to that.

    Sorry...

    Creator of SimplePie and Tarzan AWS, co-founder of WarpShare, co-built the Y! Messenger website, usability-focused, and an INFJ personality.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Stillwater Ok
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ya, I was trying to avoid putting an extra element in there. Just had to make sure I wasn't missing somthing.

    Thx guys.
    "Never offend people with style when you can offend them with substance."
    --Sam Brown


  •  

    Posting Permissions

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