5 replies [Last post]
EssentialBuyerGuides
EssentialBuyerGuides's picture
Offline
Enthusiast
England
Last seen: 17 years 31 weeks ago
England
Joined: 2004-06-25
Posts: 91
Points: 0

http://www.essentialwineclub.com

If you have time and other browsers a quick look at this and a yea or nay as to whether it looks right or not is all I ask. Laughing out loud

Thanks in advance.

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

Layout/Alignment Check - Seems to work in Win IE 6 / NN 7

Viewed in Firefox, seems to pretty much to mirror IE, one point the body text is a bit on the small side ( smaller than the nav text) may be hard for anyone with less than 20/20 vision to read if you can it may be better to try and use em sizing then you can resize text in IE browser,you probably should change the .content2 text size from pt to at least px as pt are regarded as a print size and perceived wisdom suggests screen is best laid out with px or em.

Hugo.

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

EssentialBuyerGuides
EssentialBuyerGuides's picture
Offline
Enthusiast
England
Last seen: 17 years 31 weeks ago
England
Joined: 2004-06-25
Posts: 91
Points: 0

Layout/Alignment Check - Seems to work in Win IE 6 / NN 7

Thanks for checking Hugo. Smile

Yeah, the body text, I'm totally confused by em's, I'm never sure how they determine sizes, especially when nested in several containing divs, I'm still getting used to not working in definite pixel sizes. I'm from the school of Build-in-PS-and-Slice-into-tables. Smile

Also, I'm not sure lucida is working across all platforms, I've seen a few sites using it and it looked pretty clean on screen, but a few people have reported getting Times or Serif instead.

Other than verdana and arial, are there any other fonts mostly available cross platform that are sans-serif and good for screen. Smile?

I'll have a go with raising the type size anyway, see how it looks in pixels and em's.

Cheers

John

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

Layout/Alignment Check - Seems to work in Win IE 6 / NN 7

Fonts are a difficult one, one reason you may be finding a problem with fonts is that you have specified sans when it should be san-serif it may be that peoples machines not having lucida and not recognizing sans are defaulting to times and arial. It's always hard to know what fonts are going to be available on a machine ( which can be a major pain as they can vary in scale so much!) I've been using trebuchet ms a lot which seems to be a popular designer font but found that when I was checking on my other box that it was defaulting to verdana which confused me as they were meant to be identical setups until I realised that trebuchet must have been installed with ms word which was only on one box I now tend to go with "trebuchet ms", verdana,arial,helvetica,sans-serif but you could give tahoma a try.

I agree that em are a bit more difficult to get ones head around and yes there are things you need to be aware of with inheritance of size with nested divs but I understand they do have a lot of major benefits over fixed sizing it's just another thing to have to understand ( does it ever end ? Crying )

if you havn't seen these links they may help a little,

http://www.alistapart.com/articles/elastic/

http://www.thenoodleincident.com/tutorials/typography/

http://www.clagnut.com/blog/348/

Hugo.

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

EssentialBuyerGuides
EssentialBuyerGuides's picture
Offline
Enthusiast
England
Last seen: 17 years 31 weeks ago
England
Joined: 2004-06-25
Posts: 91
Points: 0

Layout/Alignment Check - Seems to work in Win IE 6 / NN 7

Sorry for the late reply Hugo, I just wanted to say thanks for the help and that I finally went with pixel sizes for simpliciy until I get my head around box model properly.

I did manage to get the site validating with the w3c for CSS and XHTML, which was cool. Smile

I've spent some time reading the links you posted, I just need some free time now ( heh, no such thing ) to sit down and expermiment , to totally understand it.

Again, thanks for the help, the customer seems pretty happy with the finished product, so all is well and good.

I'm now trying to cram my head full of PHP and ASP at the moment, having been thrown right in the deep end and now have to update and maintain sites in both languages. hehe

Fun never ends. Smile

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

Layout/Alignment Check - Seems to work in Win IE 6 / NN 7

Don't blame you for going with pixel sizing, I'm still finding em difficult to get to grips with, it's not an intuitive at all !
I've been getting to know and love PHP, endless uses, very elegant
once you understand basics like include statements it's all very cut and pasteable Smile ASP on the other hand , don't envy you there , can't say I have any experience of it other than it's MS and no where as flexible as PHP so I believe, quite happy to avoid if at all possible Smile

Hugo.

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