11 replies [Last post]
Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 33 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

I have a new revised version of this up at http://members.shaw.ca/cameoco-op/test/

As always, comments would be appreciated.

Ed

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Your left column bg colour

Your left column bg colour doesn't extend all the way down on pages with longer content. It's more apparent when viewed at 800 x 600.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 33 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

> Your left column bg colour

> Your left column bg colour doesn't extend all the way down on pages
> with longer content.

Technically it does, but visually you are correct. The BG color extends all the way down, but the background image doesn't. I decided it looked better to just not repeat the image because the top and bottom are quite different and the impression given is even more disconcerting to my eyes. Maybe I should just lose the image but I rather like it. What do you think?

Glad to see you looked past the cover page - thanks!

I also noticed a couple of minor validation issues on a couple of pages which I will have to get around to squashing.

Ed

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 33 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

>It's more apparent when

>It's more apparent when viewed at 800 x 600.

Just thought I'd mention that the cover page doesn't work properly at < 1024 x 768 because the cover image is too large to work with the floated left "column" and so drops down. I decided to live with that because a tiny image on larger screen sizes seemed even worse. What do you think?

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

For your side image perhaps

For your side image perhaps you could fade it out to whatever colour you decided to use as the bg for that column.
For the image on the front, you could sets its dimensions in the CSS and have it scale down for smaller screen res. You'd have to set a max-width on it though so it didn't get distorted at larger screen res.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 33 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Tyssen wrote:For your side

Tyssen wrote:
For your side image perhaps you could fade it out to whatever colour you decided to use as the bg for that column.

First, I admit to knowing very little about image management and frankly I would'nt know how to go about doing that. All I have for a picture editor is MS Photo Editor which is pretty basic, but about all I can handle.

Second, the BG is actually on the element as you can see on the home page.

Quote:

For the image on the front, you could sets its dimensions in the CSS and have it scale down for smaller screen res. You'd have to set a max-width on it though so it didn't get distorted at larger screen res.

Would I do that with percentage sizes? I've been using the html code for that image to give the actual pixel size for faster page loading. The sign image is foreground in an tag, not background. The background is the "blue sky with whispy clouds" image.

Thanks for the suggestions!

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Ed Seedhouse wrote:Would I

Ed Seedhouse wrote:
Would I do that with percentage sizes?

Give your column a % width and then set the image to be 100% width of the container; don't specify a height and set max-width to be the image's true pixel width.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 33 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Tyssen wrote:For your side

Tyssen wrote:
For your side image perhaps you could fade it out to whatever colour you decided to use as the bg for that column.

I changed the background image to a different sky photo and let it repeat. The transistions are a little less jarring now, I think.

Quote:

For the image on the front, you could sets its dimensions in the CSS and have it scale down for smaller screen res. You'd have to set a max-width on it though so it didn't get distorted at larger screen res.

I took out the size specs in the tag and gave it a percentage width of 90% and a max-width of 800px. Of course that doesn't work in IE, but it doesn't scale too badly and the page stays together at 640x480.

Thanks for the tips.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

technossomy
technossomy's picture
Offline
Enthusiast
Last seen: 5 years 48 weeks ago
Timezone: GMT+1
Joined: 2004-06-09
Posts: 260
Points: 8

Background image

Do you really need a 450kb background image? I am concerned for the souls using a low bandwidth connection. Given the amount of hues embedded in the image, I'd say you could optimise it by at least 50%. In fact, do you really need an image as opposed to for instance gradient coloration?

Hope this helps

Tech

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 33 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

technossomy wrote:Do you

technossomy wrote:
Do you really need a 450kb background image? I am concerned for the souls using a low bandwidth connection. Given the amount of hues embedded in the image, I'd say you could optimise it by at least 50%. In fact, do you really need an image as opposed to for instance gradient coloration?

That's a very good point which, actually, I had already thought of. It may well get lost when the site goes live but I want to think about it's advantages and disadvantages for awhile.

Most of my local testers on on a cable connection so they haven't complained about that yet. I am too, but I did notice it.

As for optimizing the image size I must admit my graphic manipulation skills are pretty close to zero and MS Photo Editor is a lousy tool anyway. I've installed Picassa and am getting very frustrated trying to use it. I tried GIMP once without much luck - just too much to learn.

But you are right, the background image may have to go.

Thanks for the comment.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

jlhaslip
Offline
Enthusiast
Last seen: 11 years 11 weeks ago
Timezone: GMT-6
Joined: 2006-02-02
Posts: 199
Points: 0

background colour changes

The background colour starts out as dark blue and then changes to a lighter blue once the page is fully loaded. Is this how it is supposed to work? Or maybe it is a Browser issue for me? I am on an older iMac using Netscape 7 right now, so maybe this is only at my end?

I'm having a good day...so far.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 33 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

jlhaslip wrote:The

jlhaslip wrote:
The background colour starts out as dark blue and then changes to a lighter blue once the page is fully loaded. Is this how it is supposed to work? Or maybe it is a Browser issue for me? I am on an older iMac using Netscape 7 right now, so maybe this is only at my end?

No, it's not your browser. I need to adjust the background color to be consistent with the background image but I've lacked time to get to this in the last few days. Also I'm still mulling over the use of that background image since it's rather large and slow to load. I like the general effect but might well have to do without it. Also I want to fix the cover page image of the sign, but haven't figured out how to do that right yet.

I'm coming slowly around to the viewpoint that the cover page should have some real content on it with a much smaller picture of the sign, but I haven't figured out how to make it look "right" yet.

Thanks for the comments.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.