7 replies [Last post]
meandcat
meandcat's picture
Offline
Regular
Last seen: 12 years 45 weeks ago
Timezone: GMT+1
Joined: 2007-03-14
Posts: 33
Points: 1

Please give some suggestions of my new site. Thanks a lot

Site: www.hgwells.co.uk
CSS : www.hgwells.co.uk/CSS/template_css.css

eddy
eddy's picture
Offline
Enthusiast
Last seen: 11 years 18 weeks ago
Timezone: GMT+2
Joined: 2006-01-27
Posts: 59
Points: 0

looks nice, but the html and

looks nice, but the html and the css dont validate.

Anyone who hates kids can't be all bad.
W.C. Fields

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

meandcat site checks

meandcat site checks technically is for sites that are 'finished' and that is taken to mean that they are validated and checked through for errors, there are a few in your markup at the moment , fairly minor to clear up!

From the forum intro:
"If you think your site is ready for release then post a link here and we will check it out. Make sure you validate your code and check it in as many browsers as you can first."

It looks good though Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

lokiloks
lokiloks's picture
Offline
Enthusiast
Albuquerque, NM
Last seen: 12 years 14 weeks ago
Albuquerque, NM
Timezone: GMT-6
Joined: 2007-05-16
Posts: 145
Points: 24

Scalable Fonts

One of my biggest gripes about fluid design is what happens with fonts when scaled to extremely large or small. I've seen solutions to this out there somewhere, but I don't recall where.

Consider this:

Your fonts are unreadable at the smallest setting for IE 6 and look at the attached image for what it looks like at largest. Obviously the menu system is hard to use at that scale.

I'd recommend that you set the navigation to pixel based fonts or adjust the css so that if they do scale to largest on IE your menu is still workable. but I do think I recall seeing something out there about preventing the overlarge and oversmall scaling for fonts.

Hope that helps,

LokiLoks

AttachmentSize
hgwellsScreenshot.jpg 152.75 KB
Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 24 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

I think lokiloks' "solution"

I think lokiloks' "solution" to the font size question is even worse than the one you've chosen. Scaling a font in pixels makes it un-resizeable without contortions in IE6. Anyone who is using the smallest fonts available in IE6 will presumably be doing so for a reason on the other hand. But you should set the base font size to 1em or 100%, not 90% or .9em.

Your design is also quite brittle to font resizing in Firefox, the menu layout in particular breaking after a couple of size increases.

I have my default font size in firefox to a set to a size that reflects my ageing eyes and my wide viewport, and forcing it to 90% of that makes in close to unreadable for me, though it's not too bad.

Set your base font to 100% and design it so it looks good at that size. You are wasting a good deal of perfectly useable screen space with the present design.

But why go out of your way to offend people? That makes them likely to leave your site and not come back.

Ed Seedhouse

Posting Guidelines

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

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

unreadable fonts at smallest

unreadable fonts at smallest settings is the reason that you see 100.1% as body default size often as that prevents IE downsizing fonts to the point of unreadability.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

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

Hugo wrote:unreadable fonts

Hugo wrote:
unreadable fonts at smallest settings is the reason that you see 100.1% as body default size often as that prevents IE downsizing fonts to the point of unreadability.

I believe you, but I don't understand the reasoning. Is this because of some strange IE bug?

Ed Seedhouse

Posting Guidelines

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

meandcat
meandcat's picture
Offline
Regular
Last seen: 12 years 45 weeks ago
Timezone: GMT+1
Joined: 2007-03-14
Posts: 33
Points: 1

about CSS validate

Hi, guys.

Thanks for the suggestions. But I got some problems in the css when I have to use css trick but not passed the css validate. What can I do ? If I remove some of the trick the site will look mass.