1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design Background image dimension for Dreamweaver CS3

Discussion in 'Web Design' started by sanjalee, May 12, 2009.

  1. sanjalee

    sanjalee New Member

    I am new to web design. Can someone tell me the correct dimension of a background image to ensure maximum visibility when the site is opened?
     
  2. Stomme poes

    Stomme poes New Member

    &quot;correct dimension&quot;? If this is a background image, it will show up as whatever size it actually is (assuming these are regular raster graphics). So if the image is really 400px by 615px then that's what you'll get. The only choices you have for background images (images set in the background of an HTML element) is how they repeat, and what if any background colour that element should have if the image doesn't show (will also show through any transparency in your background image). Actual <IMG>s in your HTML, those can be resized by stating whatever height and width you want on them: AAARRG I'm trying to post an example of code but the forum keep eating it and changing it... However, setting the height and width to something other than what the image actually is, is a bad idea usually. Browsers suck at resizing images. Better to do it in your painting program and re-upload to your server. *edit I can't seem to post HTML for some reason. Isn't this forum like any other? It says vB code is ON. ??? ARRRG and the forum is eating all my characters and newlines! Sorry if this is an unreadable mess I didn't write it this way!!!
     
  3. Khushboo

    Khushboo New Member

    Its really depends on what your background image is. If it is a gradient that goes say from blue to white then set your background color to white, make the image 1 pixel wide by whatever height is required to complete your gradient and then set the background image to repeat-x and the background should be fine irregardless of the screen resolution. If it's more complex then a gradient you should look to making it into a 'tile' that can be repeated on both the x and y axis (as small as possible) and again that should sort you on all resolutions.