Site feedback

Hello,

I have upload the following web site:
http://www.std-equipamentos.pt/

I feel the fonts are two big.
Could you advice me on this?

Any suggestion for this or any other issue is welcome.

Thanks,
Miguel

In article
<8d08ff80-6f33-4d5a-a8a8-7cb9f3eaad2b (AT) v20g2000yqm (DOT) googlegroups.com>,
shapper <mdmoura (AT) gmail (DOT) com> wrote:

Hello,

I have upload the following web site:
http://www.std-equipamentos.pt/

I feel the fonts are two big.
Could you advice me on this?

Any suggestion for this or any other issue is welcome.

I assume you are posting here to get feedback on the CSS.

<http://preview.tinyurl.com/mvhb8w>

--
dorayme

On Jul 21, 12:28*am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
8d08ff80-6f33-4d5a-a8a8-7cb9f3eaa... (AT) v20g2000yqm (DOT) googlegroups.com>,

*shapper <mdmo... (AT) gmail (DOT) com> wrote:
Hello,

I have upload the following web site:
http://www.std-equipamentos.pt/

I feel the fonts are two big.
Could you advice me on this?

Any suggestion for this or any other issue is welcome.

I assume you are posting here to get feedback on the CSS.

http://preview.tinyurl.com/mvhb8w

--
dorayme

Now I got lost. I got it validated in:
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2 Fwww.std-equipamentos.pt%2F

shapper wrote:

Hello,

I have upload the following web site:
http://www.std-equipamentos.pt/

I feel the fonts are two big.
Could you advice me on this?

Any suggestion for this or any other issue is welcome.

You appear to be using the user's preferred font size, which is the
right thing to do. Your line spacing is a bit large, perhaps, but quite
acceptable.

Perhaps the text looks large because many sites choose to use sizes
smaller than users prefer, and you may have become accustomed to this.

Your design falls apart when the browser window is narrower than you
expect, because you have sized widths in absolute units (e.g. 880px).
You would do better to follow liquid design principles and use percentages.

On Jul 21, 12:28*am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

http://preview.tinyurl.com/mvhb8w

I corrected the font family errors. But I am not sure how to fix the
following warnings:

1. The color warnings.
Does this mean I always need to set a background color even if
transparent?

2. The width on floating. So how would I style the pager list items? I
am not sure what I am doing wrong.

On Jul 21, 12:50*am, C A Upsdell <cupsd... (AT) nospam (DOT) not> wrote:

You appear to be using the user's preferred font size, which is the
right thing to do. *Your line spacing is a bit large, perhaps, but quite
acceptable.

Yes I used 1em and higher then that because that was always the advice
I got in this newsgroup.
And I completely understand it ... In my computer it looks fine but in
another one it seems to big.
Maybe I should add a Change Font Size and use JQuery or something like
that?
I've seen this approach on a few sites.

Perhaps the text looks large because many sites choose to use sizes
smaller than users prefer, and you may have become accustomed to this.

Yes I had and I think most people are because most sites are still
like that ... I think.

Your design falls apart when the browser window is narrower than you
expect, because you have sized widths in absolute units (e.g. 880px).
You would do better to follow liquid design principles and use percentages.

In this case I really needed a 880 px fixed width design. Was by
decision.

On Jul 21, 12:50*am, C A Upsdell <cupsd... (AT) nospam (DOT) not> wrote:
Your line spacing is a bit large, perhaps, but quite acceptable.

My line spacing is 1.5:

font: normal 1em/1.5 Arial, 'Helvetica Neue', Helvetica, sans-serif;

What value would you suggest me?

And by the way, what about the margin between each paragraph?
I am using p {margin: 10px 0;}

Thanks,
Miguel

On Jul 21, 12:28*am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

http://preview.tinyurl.com/mvhb8w

Dorayme,

I got free of the CSS error and solved most of the warnings.

If possible just let me know how can I solve the color and width
warnings.
I am not sure how should I do that.

Thanks,
Miguel

shapper wrote:

On Jul 21, 12:50 am, C A Upsdell <cupsd... (AT) nospam (DOT) not> wrote:
Your line spacing is a bit large, perhaps, but quite acceptable.

My line spacing is 1.5:

font: normal 1em/1.5 Arial, 'Helvetica Neue', Helvetica, sans-serif;

What value would you suggest me?

This depends on the line length. The line spacing should be greater if
you have long lines.

Another issue is that increasing the line spacing makes it harder to fit
critical text "above the fold": you don't want users to have to scroll
vertically to see important content.

And by the way, what about the margin between each paragraph?
I am using p {margin: 10px 0;}

I would specify a margin of zero, except the bottom margin, which should
be specified in em or ex units, e.g. margin-bottom:0.67em;

shapper wrote:

Your design falls apart when the browser window is narrower than you
expect, because you have sized widths in absolute units (e.g. 880px).
You would do better to follow liquid design principles and use percentages.

In this case I really needed a 880 px fixed width design. Was by
decision.

I do not see how your design requires a fixed width. The image in your
header is 880px wide, but you could always make this a background image,
and accept that it will be truncated if the browser window is narrower
than you expect.