WYSIFA Forum

[cradl]

I have one pic page in my site. But when I browse it to see what it looks like on the web the pictures are different than what I see in KompoZer. Then when I double click on my top bar of my browser just like clicking on the Maximize button then it all looks good? What could cause this.

Also wondering how to get Pics to be left just. Centered and Righi just. I'am not sure of the code and I don't want to tab over to place them.

Relative links and absolute links what is the difference and how to tell.

Thanks

[ill66]

[cradl]

I have not published it to my host yet. But yes the pics are longer up and down untill I maximize it. I hope to publish it tonight and I will send a link.

So when I do the left, center, right just. It moves everthing in the line. Like what I have is pic, text then pic in same line on page. Can I single one think out from the next?

To publish to make sure I have it right? My Index.html file is my home page then all the other .html files I have for links are in one main folder then my photos are in a sub folder of the main one. Is that right? As long as I pointed everything to whre it needs to go it should work as long as I send the main folder to the host???

[wink0r]

Will you upload with an FTP client?

You want to upload the contents of your local folder to the server. If you upload the folder you would have to include the folder name in the file path ie: http: //mysite.com/mainfolder/ The server will look for an index.html file in the folder you specify. Sub-folders can contain an index.html file as well. There will be several file names that the server will look for in desending order. Typically like index.html, index.htm, index.php, home.html, home.htm. You can probably find a list in the documentation somewhere, but index.xxx files will be top choices.

Best practice is to use all lower case and no spaces in file names on the server. If you want to separate words you can use an underscore as in: other_page.html. Spaces are likely to cause problems with most servers, and cap's can be a problem depending on how or if case sensitivity is set up. It is always safe to use only lower case.

[dr john]

All your html pages should be in the same folder.
It is a good idea to have all your images in a sub-folder.

RE image size. Did you set the correct width and height for the image?
What size is it anyway? Have you re-sized it to fit nicely on the web page?

It sounds a bit like you have a big image, too big to fit the viewport, which then gets resized to be smaller by the browser, which suggests you haven't made a copy of it and resized it.
_________________
www.sky-web.net
www.kidneydialysis.org.uk

[cradl]

Yes They are big images 5.0mg pixles or 2592 x 1944. I have reduced them by 50% so that the file size is cut way down and then when I put them into KompoZer I say 15% of page. When I reduce to say 640x480 the pics are huge on the page if I do it the otherway they are smaller and seem to load quick but I have a high connection.

So if I just upload the main folder to the host via FTP then that will work?

[dr john]

Well if you set the size to 15%, obviously that will change when you resize the viewport...

Resize them to the size you'd like to see them on screen and leave it at that. They cannot load faster if you set a % size, the % is applied by the browser, you are still downloading the same file whatever the screen size is, for the browser to then process after it arrives.

Also images resized by the browser always look messy, as browsers are not very good at resizing images.

to see how bad a job browsers make, visit this page http://www.islip.org.uk/ - image top left.
Then view the image itself http://www.islip.org.uk/eddie1.jpg
Notice how bad it appears on the first page where it is squashed by the browser.

Or make your viewport rather small and view your own page - as you've already said it looks bad, doesn't it. And when someone with a bigger screen than yours views th eimage with the viewport at full screen, they'll see a pixilated image.
_________________
www.sky-web.net
www.kidneydialysis.org.uk

[cradl]

So if I resize all images to 640x480 in kompozer even though when I do that in kompozer it looks huge and takes up half the screen the image will be fine during the browsing prosses on the web because of the set pixels?

[wink0r]

You need to do the resize in an external photo editor. If you don't have one IfranView is a freeware editor that will do what you need to do. If you have more in your photos than what you need to focus on you should consider cropping the photo before resizing. That way the important part can be larger on the screen even though the file is smaller. KompoZer does not physically resize images.

[cradl]

So when I resize my 5.0MG photo reduce the image by 50% and then reduce it down to 640x480 then when I load it into KompoZer it takes up 1/4 of the screen. So what is the best size to do like a photo page with mutiple photos??

Then I don't want to say custom size like 10% of window because eveyone has different size screens. Right??

Some of my pics are taken on a 5.0 camera and some are taken on a 3.0 camera so the pixels are different. I just reduce by 50% to cut the file size down. So I would want to chage them all to like one or two sizes to get them to look the same.??

I guess I'am kinda lost...

[wink0r]

The sizes of the photos that you use are up to you. You want the photo to be big enough to show the detail that you want. The screen real estate that a picture takes up depends on the resolution of the screen on which it is viewed. Many CRT monitors were set at 800 X 600 by default. Most LCD monitors for desktop systems will be in the range of 1024 to 1280 currently for standard aspect ratio monitors. 1440 is becoming more common for wide format monitors.

A 640 X 480 picture will take up over 3/4 of an 800 X 600 screen but will be about 1/4 of a 1280 screen (a common resolution for 19" LCD monitors.)

I use large photos on my site because I don't like tiny pictures. By large I mean 750 to 800 px wide. These files are mostly in the 100 to 150 kb range, and they will take several seconds to download on a dial-up connection. If you put multiple photos on a page the browser will call for all of them so several pictures will start to download at the same time.

So the balance that you need to reach is between having the pictures large enough for comfortable viewing but small enough that they download within a reasonable time. It is often recommended that the total page should not be over about 300 kb. You would divide the 300 kb by the average file size of your pictures to find the maximum number of pictures of that size that you should put on the page. Though I haven't seen it in a while, people used to offer their pictures in two or three resolutions so that the viewer had the option of quicker download or more detail.

For balance and uniformity it is best to pick a size and use it for all of your photos. In most photo editors in the resize dialog box there is a check box to maintain the aspect ratio through the resize. Be sure that this option is checked. You can end up with some 'house of mirrors' distortions if you do not have this option enabled.

[cradl]

How do u when u choose a backgroung image in KompoZer have it size to the screen so it will fit all screens looking at it. Like when I pick one I only see about a quarter of it.

[agsone]

It's not trivial for a non-repeating image. Here's one idea from the excellent CSS Play site:

http://www.cssplay.co.uk/layouts/background.html

[Chaddy]