|
| |
|
|
rtwhite
Posts: 4
Joined: 9/25/2009
Status: offline
 |
Center for all browser settings - 9/25/2009 9:53:22
I have a customer that has made a request for the home page on their new website (that I am supposed to build). They want the banner on the home page to remain centered in the displayed page reguardless of the viewers monitor settings. The example they used to show me what they want is at, http://www.indianapia.com/ The webpage that I am building is at http://www.rtwhitewebs.com/piaofnc/index.htm
Would you please take a look and if you can, give me some instructions about how to make this work?
|
|
|
|
d a v e
Posts: 4348
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: Center for all browser settings - 9/25/2009 10:43:28
incidentally your statemap_small.jpg should be saved as/exported from the original as a gif ;)
_____________________________
David Prescott
Gekko web design
| |
|
|
|
rtwhite
Posts: 4
Joined: 9/25/2009
Status: offline
|
RE: Center for all browser settings - 9/25/2009 10:49:34
Why Dave? (Something else I don't know... gosh I am embarrased about being so dumb)
| |
|
|
|
d a v e
Posts: 4348
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: Center for all browser settings - 9/25/2009 10:59:55
jpeg works by discarding some information from an image - usually ones with thousands or more colours and subtle gradations between - basically photos, where you notice very little degradation in quality.
gifs are far more suited to images with relatively few colours (clipart, maps, anything that isn't photographic or with lots of gradients/comlicated drop shadows). gifs work by often reducing the number of colours (though not always) and when there are consecutive pixels in a row - using a kind of shorthand to say not 'one grey pixel, another grey pixel, another grey pixel... ' but '50 grey pixels in a row'.
using jpegs for image like clipart/your map results in a higher filesize, text that isn't as crisp and poor rendering of solid colour areas (e.g. the red in the P and A that looks smudged or dirty.
it's not a big thing really in this case but it's worth remembering the general rule of thumb 'jpegs for photos and gifs for everything else' ;) (i'm leaving pngs out of it for now :) )
_____________________________
David Prescott
Gekko web design
| |
|
|
|
womble
Posts: 6007
Joined: 3/14/2005
From: Living on the edge
Status: offline
|
RE: Center for all browser settings - 9/25/2009 16:39:53
Aw, go on Dave, tell us about pngs!.....Pleeeeeeassseeee!  
PNGs (Portable Network Graphics) - like jpegs, best used for photographic images and complex images with lots of variations of colour. What's the difference between JPEG and PNG? (avoiding the highly technical explanation) like JPEGs, PNGs are a compressed image format, but unlike JPEGs they're "lossless," so you don't lose any data - it's just encoded in a more efficient way (don't ask me to explain that, because last time I had to do that was for a university assignment, and I almost lost the will to live half way through ). With JPEGs, if they're compressed too much, images can get a little smudgy (not a technical term ) and you can get stray pixels cropping up in unwanted places.
The main advantage of PNGs over the JPEG format is that unlike JPEGs, which don't support transparency, the PNG format does support transparency, and also partial transparency. With GIF images you're limited to a maximum of 256 colours in each image (hence they're not much use for photos), whereas with JPEG and PNG, both support up to 16 million colours, so allow a lot more sutble shading and variations in colour. A PNG image can be 10 to 30% more compressed than a GIF image, but images compressed with PNG don't compress as much as JPEGs do.
PNGs are perfect really for photographic images where you also need areas of transparency, but they can also be useful for images with fewer colours, images that in years gone by would have probably usesd the GIF format. As an example, a site I'm currently working on has an image map, and the map has quite a few icons on it. I've attached an image with three versions of the same icon. All started out as a PNG image. On the left is the icon saved as a GIF and you can see the shading around the base of the rose, which is partially transparent in the orginal image, has disappeared (GIF doesn't support partial transparency). The middle image is the icon saved as a JPEG, and if you look closely you'll see areas of pixellation on both the the shading at the base of the stem, and on the petals of the rose. The original PNG image is on the right.
Thumbnail Image
 Attachment (1)
_____________________________
~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
