68 users online (0 members and 68 guests)  


  Results 1 to 7 of 7

Related

  1. Replies: 3
  2. Replies: 14
  3. How do I swap an image for BOTH an image and a sound?    Forum: Website Scripts Forum
    Replies: 1
  1. #1
    chinni's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2002
    Posts
    5

    Bankground image is tiled @ high resolutions

    Hello everybody,

    I see the back ground image tiled at high resolutions(1024 x 768) and is fixed at low.How can i see it the same at any resolution.

    Thanks for your time.

  2. #2
    MiKeY251680's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    8

    Lightbulb

    When You Edit Your Page Add This Line In The <body> section
    //////////////////////////////////
    <body backround="URL of IMG" backround properities="fixed">
    /////////////////////////////////
    You Dont Need The /'s

  3. #3
    MiKeY251680's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    8
    MMM-Kay

  4. #4
    chinni's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2002
    Posts
    5
    Hello Mike,

    I did that before but still of no use.
    Here how it looks like:
    <body background="background_copy1.gif" bgcolor="#000000" bgproperties="fixed" scroll="no">
    Any other ideas??

    Thanks once again.

  5. #5
    coreybryant's Avatar
    Texan at Heart

    Status
    Offline
    Join Date
    Jun 2003
    Location
    Castle Rock, CO
    Posts
    107
    Actually Chinni, you will need to use CSS to have the background on there only once . The code that he gave you still allow the background to tile (repeat).

    Try this in the <HEAD>:
    <style type="text/css">
    body
    {
    background-image: url("images/background_copy1.gif");
    background-repeat: no-repeat;
    background-color: #000000
    }
    </style>

    And then get rid of the other background information in the opening body tag

  6. #6
    chinni's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2002
    Posts
    5
    Thanks corey, that helped me.I did something like the following and it worked for me.
    HTML Code:
    <style type="text/css">
    body
    {
    background: #000000
    url("background_copy1.gif")
    no-repeat 
    center
    }
    </style>
    At high and low resolutions, I see the image being centred.I have another image on this image which acts as a button and I've written this snipet:
    Code:
    <a href="javascript:;" onClick="openWindow('frameset.html','','toolbar=no,status=no','724','470','true')"> 
    <img src="main1.jpg" border="0" style="position:absolute;left:450;top:280"></a>
    Interestingly this image(main1.jpg) well appear in the center at high resolutions and appears down at low resolutions.Changing the left parameter affects one resolution.Any ideas???Sorry if this is a wrong place to ask about java-script.

    Anyways, thanks once again.

  7. #7
    coreybryant's Avatar
    Texan at Heart

    Status
    Offline
    Join Date
    Jun 2003
    Location
    Castle Rock, CO
    Posts
    107
    Well you can try this:
    Code:
    <style type="text/css">
    body
    { 
    background-image: url("background_copy1.gif");
    background-repeat: no-repeat;
    background-position: center center
    }
    </style>
    And then in the background-position, play with:
    top left
    top center
    top right
    center left
    center center
    center right
    bottom left
    bottom center
    bottom right
    x-% y-%
    x-pos y-pos