10 replies [Last post]
Coober
Offline
newbie
Last seen: 15 years 12 weeks ago
Timezone: GMT+2
Joined: 2005-07-31
Posts: 4
Points: 0

I have just re-written a site, which previously used tables for layout. The new version is purely CSS-driven. The site has only been tested in FF, NS, IE and Opera (latest versions of each).

I would appreciate any info regarding how the site works. I am especially interested to know how it works in older browsers and Mac browsers.

http://www.leschambres.co.za/newsite/index.htm

The 'old' site (which is still live) can be found here: http://www.leschambres.co.za/

Thanks,

Coober

s4ndp4pper
s4ndp4pper's picture
Offline
Regular
Gothenburg, SWE
Last seen: 14 years 10 weeks ago
Gothenburg, SWE
Timezone: GMT+1
Joined: 2004-03-09
Posts: 43
Points: 0

New site - now CSS-driven

Looks nice in Safari 2.0 and Firefox 1.0.6 on Mac OS X Tiger.

Also tried the site in IE 5.2.3 (Mac) and the menus didn't pop up, plus the menu had the same width as the whole main section. But MacIE is a browser with a small userbase anyway.

PS. I know, I have been arguing in this forum that you should cater for MacIE when making webpages. If you wish to, I recommend this method.

Validator.w3.org compels you! Validator.w3.org compels you!

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 4 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

New site - now CSS-driven

Its a nice site, but I think you have been overindulgent with some of the gimickry. And that flashy gimickry clashes with the muted sensible colour scheme of the rest of the site.

e.g.

The marquee on the reservations page, and its colour. On second thoughts that probably not indulgent, just bad Wink

The flash movie starts well, but goes on too long. Why do I need to wait for the letters to drop at the end. Overindulgent. A skip flash option is also common. Some UI persisntence (cookie) would be nice to stop the flash repeating everytime you revisit the home page after the first visit.

Also, I think you could choose a better font, especially for the small text - san-serif is much better at low font heights. The red warning text on some pages (to my eyes and screen) clashes badly with the backround.

From the initial flash, I suspect part of your target audience is international. You may want to pull in a US$ or Euro (or whatever currency) exchange rate and give an estimate in that currency.

Again who are your target audience? If they are older people who may want larger font-heights, many of your pages break slightly in FF at two sizes larger than normal and in IE at the largest font size.

Since you are using an IE conditional comment in your pages it is probably better to place the hover behaviour there. You may also want to make the comment "lte IE 6" to make sure you don't need to revisit every page after IE7 is released.

Anonymous
Anonymous's picture
Guru

New site - now CSS-driven

Chris..S wrote:
san-serif is much better at low font heights
Since when? :?

I agree with everything else you've mentioned.

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 4 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

New site - now CSS-driven

Triumph wrote:
Chris..S wrote:
san-serif is much better at low font heights
Since when? :?

I agree with everything else you've mentioned.

Since a long time Smile. Perhaps we need to decide what a low font-size is - but take a look at his footer. You aren't trying to tell me that is more legible in its current font than it would be in a sans-serif font? Maybe when we all have the font anti-aliasing thats available on macs, but until then... Wink

Anonymous
Anonymous's picture
Guru

New site - now CSS-driven

Chris..S wrote:
Since a long time Smile.
Hmmm...it's just that I've never heard that before. I've always heard (and experienced) that serif fonts are easier to read, especially in smaller sizes.

Chris..S wrote:
You aren't trying to tell me that is more legible in its current font than it would be in a sans-serif font?
I guess I am. Smile

That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat. That's why forums like this strain my eyes when someone types big blocks of text like this and the sentences go on and on and on and on and repeat.

Laughing out loud

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 4 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

New site - now CSS-driven

Thats a good few pixels larger than his footer font-size - which isn't a large block of text Wink

If you find the serif image easier to read than the san-serif font then your eyesight is much better than mine - thats georgia v verdana, if I used times you wouldn't be able to see a thing.

tbh, I suspect you see much nicer fonts on a mac than we get on a windows - post comparable images - maybe in another thread Laughing out loud

Coober
Offline
newbie
Last seen: 15 years 12 weeks ago
Timezone: GMT+2
Joined: 2005-07-31
Posts: 4
Points: 0

New site - now CSS-driven

Ok, so I agree with the comments regarding the footer. The text being smaller is more difficult to read. As a result I have changed the font and the size (of the footer).

However, I quite like the Times New Roman in the main body. I considered that it is unlikely that anyone would actually make the text smaller and at the intended original size, it seems pretty readable.

Having tried verdana etc. I didn't think this enhanced the site at all.

Coober

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 4 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

New site - now CSS-driven

To clarify, I was only mentioning sans-serif for your footer.

In windows the better looking fonts for web work are - Georgia (serif), Tahoma (sans-serif), Verdana (sans-serif, particularly good at small sizes). 'Times New Roman' (serif) and Arial (sans-serif) are passable. I haven't checked recently, but originally I couldn't find any font definitions in your style sheet and it sure looked like it was defaulting to serif - probably the worst possible choice on Windows.

Coober
Offline
newbie
Last seen: 15 years 12 weeks ago
Timezone: GMT+2
Joined: 2005-07-31
Posts: 4
Points: 0

New site - now CSS-driven

Have now changed the main font to Georgia.

Coober

Anonymous
Anonymous's picture
Guru

New site - now CSS-driven

I'd go ahead and set it to left text alignment. Justified text is just too unpredictable on web browsers:

Quote:
Les ... Chambres ... Guest ... House ... is ... situated ... in ... the ...
looks very unnatural and doesn't flow very well. It's just so loose that it affects readability.

Web browsers need hyphenation and justification controls. Smile