Results 1 to 2 of 2

Thread: Looking for a way to anchor a background image

  1. #1
    Join Date
    Aug 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Looking for a way to anchor a background image

    Hello all,
    I have a website in the works, and we're really liking the way the design is heading. However, I've got a small issue. The site is for a company that builds Radio and TV towers. Using their logo (a tower) at the top, I want to place a background image in the body that's like a signal radiating out (concentric circles). I've got that done, and it looks nice, but only at a certain window size. The logo is contained in a wrapper that has it's margins set to 0 auto. The background image is positioned with %. But if you resize the window, the center of the circles do not stay with the tower in the logo.
    Does anyone have any ideas on how I can keep the circles always aligned with the tower logo, no matter the browers window size?
    You can see an example here:
    http://www.cycletower.com/BETA/index.html
    Thanks in advance for your help!
    Abs0lute

  2. #2
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    472
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default

    Code:
    body {
    	width:auto;
    	background-image:url(#);
    	background-repeat:no-repeat;
    	background-position:bottom center;
    	margin:0 auto;
    	left:auto;
    	top:auto;
    }
    you can add that code in your css style, that code will help you to keep the background and all component stay in the middle of your browser, even you resize your browser.

Bookmarks

Posting Permissions

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