Re: Background for graphical headers

From: Daniel Piechnick


Hi Angela. I sometimes have the same problem, where something is designed for a certain screen size, and looks different on other screen sizes. There are two ways to fix this problem - the first way is to design your header to fit a 800 x 600 resolution. The header can just taper off and be about 700 pixels long. The other option is still to design the header for 800 x 600 resolution, but to create a "sliver" or repeating element to continue the header. To do this, you need to cut out a vertical section from your header and save it as a separate image. In your web page editor, you make a table that's 100% wide, put the header image in it, and set the "sliver" as the background. No matter how wide the screen is, the table will expand out, and the sliver will just keep repeating itself. If you've made a gradiented header, it may be hard to create a good repeating element, but it's worth a try :) Have a look at the "Piglet Factory" website tutorial for a good example of this process. :)