Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Jun 2003
    Posts
    1
    Member #
    1602

    Current Rating

    Visual Appeal:
    0.0 out of 5

    Accessibility:
    0.0 out of 5

    Website Speed:
    0.0 out of 5

    Compatibility:
    0.0 out of 5

    Overall Rating:
    0.0 out of 5

    Rate This Site


    Advertisement (login to hide this!)


    You must be logged in to view this site

    What is the best advice I can get on using an image in a header that I want to keep proportioned with the page even when viewed with different screen resolutions. The page is designed to be viewed at 800x600 but when viewing at another resolution the image in the header is amiss. Any help or suggestions will be much appreciated.
    Thanks In advance,
    J Bush

  2.  

  3. #2
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    I'm going to assume that you are trying to make the site span 100% of the screen at all resolutions. The most common approach to this is to make the banner, and make one side of it (or both) a repeating pattern that you can set as the background to a table cell. TurtleTips is one site that does this, if you look at the header, you can draw a vertical line after the M in .com and everything after that is just a bg.

    Your other alternative is using javascript to detect the browser's resolution and then inserting the appropriate sized image, but that could get a little messy.

  4. #3
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    If you're trying to make it a banner image that scales to the width of the page, what you can do is design it at 1600 pixels wide and put it as the background image of the cell (as spluffdaddy suggests). Then, it will only show as much of the image as can fit on the screen and won't require scrolling.

  5. #4
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    Liked
    1 times
    check out one of my posts on here http://www.webdesignforums.net/showt...ghlight=banner it might help
    JR


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:33 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com