Go Back   Free website templates > Web Template Help > HTML - XHTML - CSS
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read


Join now to download all the free website templates or post on the forum. If you have never been on a forum before read the FAQ. It's quick, easy and free to join!
Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 05-12-2009, 06:13 AM
sanjalee's Avatar
Junior Member
 
Join Date: May 2009
Posts: 3
sanjalee is on a distinguished road
Default Background image dimension for Dreamweaver CS3

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?

Last edited by CovertPea; 05-12-2009 at 06:56 AM.
Reply With Quote
  #2 (permalink)  
Old 05-22-2009, 07:50 AM
Junior Member
 
Join Date: Mar 2009
Location: Netherlands
Posts: 6
Stomme poes is on a distinguished road
Default

&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!!!
Reply With Quote
  #3 (permalink)  
Old 10-05-2009, 06:20 AM
Junior Member
 
Join Date: Oct 2009
Posts: 6
Khushboo is on a distinguished road
Default

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.

Last edited by CovertPea; 10-05-2009 at 08:20 AM.
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 08:58 AM.



mouseover mouseover mouseover