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 11 of 11
  1. #1
    New Coder
    Join Date
    May 2006
    Location
    blackpool
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts

    background position problem

    hi i am having a problem positioning a background image i can get the image to do most things like across the top of the page or down the left of the page or cover the whole page but what i cant do is position the image any where i want on the page behind a div or divs ive tried all sorts of things but cant seem to get it working when i try positioning using float all the other content moves below the image it seems to me you must be able to place the image anywhere on the page behind other div tags the way you would position a dive tag on the page can anyone help and show me the code to place an image anywhere thanks

  • #2
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Post a link up to your page and then say exactly where you want it!

  • #3
    New Coder
    Join Date
    May 2006
    Location
    blackpool
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    www.home-of-poker.com
    the image would be under the menu system in between the left and center divs.
    thankyou

  • #4
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Possibly the most confusing page ever!

    Which image and where is it going exactly?

  • #5
    New Coder
    Join Date
    May 2006
    Location
    blackpool
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    AH i havent uploaded the image on the page as i couldnt get it to position correctly would it help you if i placed the image inside a dive on the page or placed it as a background image if i do this it would apear behind the logo top left?

  • #6
    New Coder
    Join Date
    May 2006
    Location
    blackpool
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry mark i am uploading the image now to the webpage it will apear behind the logo top left i want to place ot below the menu system behind the left and centre column i still need to alter the image so its faded but i can do theat after it can be positioned correctly thanks.

  • #7
    New Coder
    Join Date
    May 2006
    Location
    blackpool
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i have uploaded the image it is behind the main logo which is now not apearing to be clear i want the image between the first and second column (3 column layout) under the menu thanks.

  • #8
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm still not picturing where you want it sorry! There's no space really between the columns... :/

  • #9
    New Coder
    Join Date
    May 2006
    Location
    blackpool
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ah i want it to show through both columns mark.

  • #10
    New Coder
    Join Date
    May 2006
    Location
    blackpool
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i can get the image to repeat on the page behind everything but i just want the image not to repeat but show up in once on the page behind the content of the first and second column.

  • #11
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try using background-repeat: no-repeat and background-position: 100px 500px ... I just made up those numbers but have a play with them to get it to the position you want (first one is the x value, second is the y).


  •  

    Posting Permissions

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