CSS Codes
CSS Layouts
Results 1 to 2 of 2

Thread: background image size

  1. 06-30-2008, 07:27 PM #1
    Tombstone79
    Tombstone79 is offline New Comer (less than 5 posts)
    Join Date
    Jun 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default background image size

    I am trying to help my wife with her website splash page. She has updated it and now you have to scroll up and down and left to right. What is the code I need to enter to make the background image fit to any display property? this is her code right now
    Code:
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newsplashidea1.jpg) -->
<table id="Table_01" width="1281" height="900" border="0" cellpadding="0" cellspacing="0">
    as you can see the width and height is set to 1281 and 900, what do I need to add/delete to make it automatically scale to any display?
    Thanks

    This is her splash page http://sweetonyouphotography.com/
    Reply With Quote Reply With Quote
  2. 07-01-2008, 10:32 AM #2
    jrheeder
    jrheeder is offline Junior Coders
    Join Date
    Jun 2008
    Posts
    21
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Quote Originally Posted by Tombstone79 View Post
    I am trying to help my wife with her website splash page. She has updated it and now you have to scroll up and down and left to right. What is the code I need to enter to make the background image fit to any display property? this is her code right now
    Code:
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newsplashidea1.jpg) -->
<table id="Table_01" width="1281" height="900" border="0" cellpadding="0" cellspacing="0">
    as you can see the width and height is set to 1281 and 900, what do I need to add/delete to make it automatically scale to any display?
    Thanks

    This is her splash page http://sweetonyouphotography.com/
    The reason why that occurs is because the average size of a screen normaly is 800pixels by 600pixels so you image overlaps that size.

    Instead of adding the values of the image in, try adding in a percantage of 100% so width="100%" and height="100%". Saying this though, normally the table size does not affect the layout, only the data within the table. So look at what size you images are, also try to use percentages here is avoid you trying to calculate the fully values of both the height and width of the image.
    Last edited by jrheeder; 07-01-2008 at 10:36 AM. Reason: Adding information
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

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
  •  

Forum Rules