View Full Version : header/graphics used/size???


malachithree10
10-23-2003, 09:12 PM
Can anyone tell me how to create a website like this?

http://www.clublanding.com/index.php

Is this all graphics/images at the top of the site (the blue, orange, yellow)? How was this done? I was wondering how you would make a header like this one with those graphics. Every time I try to make an image to fit exactly at the top of my website it ends up too long or not long enough and I have scroll bars everywhere. Are there specific measurements for graphics/images like these to fit the top of your webpage?

Thanks for any help in understanding.
Malachithree10

Arc Angel
10-23-2003, 09:46 PM
The whole header your talking about is all graphics most likely done in a graphics program like Adobe Photoshop or Paint Shop Pro. My advice would be to get a trial of one of the above named programs and then do all the lessons/tutorials that come with. Eventually after you've gotten the basics down you can probably find a tutorial on the web that will show you how to make similar effects.
You can specify your image height and width either in your graphics program, or edit it in your code:
<img src="yoursource" width="#" height="#"> Both work, it's up to you I suppose. The best way to see if your image is the right size is to preview it in a browser before editing it. After each time tweak it until it looks like you want it to. And keep in mind that for different resolutions it will look different.

Hope that helps! :)

malachithree10
10-23-2003, 10:02 PM
Ok, call me computer illiterate, but what do you mean by "tweak it"? and what do you mean by different resolutions? Do you mean screen resolutions in my properties for my monitor settings? What is usually the best settings as for screen resolutions? Do the images look differently with different resolutions then? I don't see a difference when changing the monitor settings on my computer in that of the website.

Thank you for your help on this one.
:)

Arc Angel
10-23-2003, 11:43 PM
By tweak it I mean alter the size of your image in the width and height attributes. Yes I meant the your monitor screen resolutions. The images don't change really, they just look bigger on a 800x600 resolution than they do on say a 1024x768. So if you make them too big then you will get scrollbars on some resolutions. There is no 'best setting' really. If you make it for 800x600 it will look pretty decent in almost all resolutions.