Site Ratings & Reviews - Please critique & question (2)

Author

Please critique & question (2)

Frank

2005-04-20, 7:54 pm

I really would appreciate any comments about our site:
http://www.vinculando.org

Here what I intended:
http://www.vinculando.org/sample.jpg

* I can't have the horizontal orange menu to display at 100% in IE. Can
anybody help me to fix the css?...
OR
* Any comments on other areas?

Thanks in advance!
Francisco.

kchayka

2005-04-20, 7:54 pm

Frank wrote:
>
> http://www.vinculando.org
>
> Here what I intended:
> http://www.vinculando.org/sample.jpg
>
> * I can't have the horizontal orange menu to display at 100% in IE.

I suspect the issue is putting margins on the body element. This can
have odd results in some browsers, like IE.

Try leaving the body margins 0, add a container for the content and put
the margins on that container instead. Adjust the margins of other
elements as needed.

As for the rest...

You have not set a background color for your splash page. My browser
default background is not white, so it looks odd. You have not set a
text color for any of your pages, so you may create an unreadable color
combination if the visitor uses default colors of light text on a dark
background.

If you set any one color (background, text, link, etc.), you must set
both background and foreground colors.

The colors used in the side navigation bar make it really hard to read,
especially over that background image, and especially in IE due to 100%
transparency. That lime green is hard to read on just about any
background color, IMO.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Nico Schuyt

2005-04-20, 7:54 pm

kchayka wrote:

> If you set any one color (background, text, link, etc.), you must set
> both background and foreground colors.

I often forget to set the backgrond color. Is it acceptable to add to the
stylesheet:
* {background-color: transparent} ?

--
Nico
http://www.nicoschuyt.nl

kchayka

2005-04-20, 7:54 pm

Nico Schuyt wrote:
> kchayka wrote:
>
>
> I often forget to set the backgrond color. Is it acceptable to add to the
> stylesheet:
> * {background-color: transparent} ?

Better is:
body {background-color:#fff; color:#000;}

Be sure to include a default color when using background images and/or
the background shorthand, too:
body {background: #fff url(img.png); color:#000;}

If you specifically set foreground and background colors on the body
element, all its descendents should inherit from it[1], except for link
foreground color(s). Setting a transparent background on individual
elements would be good for documentation purposes, if nothing else.
Arguably, it might prevent some conflicts with user stylesheets, but I'm
not convinced of that.

The bottom line is if you don't set any specific color, it will use the
browser default color. You, as an author, cannot know what that will be.

[1] Caveats for Netscape 4.x, which can get real confused on inheritance
issues.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Nico Schuyt

2005-04-20, 7:54 pm

kchayka wrote:
> Nico Schuyt wrote:
[color=darkred]
[color=darkred]
[color=darkred]
> Better is:
> body {background-color:#fff; color:#000;}
> Be sure to include a default color when using background images and/or
> the background shorthand, too:
> body {background: #fff url(img.png); color:#000;}
> If you specifically set foreground and background colors on the body
> element, all its descendents should inherit from it[1], except for
> link foreground color(s). ...

What I meant to say was whether the *{background: transparent} would solve
any problems with *other* elements than body. Especially the ones where a
foreground color is set.
But I understand that specifying a background color for body and links is
enough.

Thanks

--
Nico
http://www.nicoschuyt.nl

kchayka

2005-04-20, 7:54 pm

Nico Schuyt wrote:
>
> What I meant to say was whether the *{background: transparent} would solve
> any problems with *other* elements than body. Especially the ones where a
> foreground color is set.

I don't see much benefit in that global rule, since those other elements
will inherit background from their parent (body) anyway.

In the OP's case, there is no background-color set at all on the splash
page, but there is on the inside pages. There is no (foreground) color
set at all except for links and some headings, so those few elements are
the only ones that have both set. Normal body text does not. That's
where trouble lies.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Frank

2005-04-20, 7:55 pm

Kchayka,

Thanks a lot; I will work those issues out.
Best regards.

On 4/19/05 9:35 AM, kchayka wrote 3ckjhhF6p1qspU1@individual.net:

> If you set any one color (background, text, link, etc.), you must set
> both background and foreground colors.
>
> The colors used in the side navigation bar make it really hard to read,
> especially over that background image, and especially in IE due to 100%
> transparency. That lime green is hard to read on just about any
> background color, IMO.

Frank

2005-04-21, 4:40 am

On 4/19/05 9:35 AM, kchayka wrote:

>
> Try leaving the body margins 0, add a container for the content and put
> the margins on that container instead. Adjust the margins of other
> elements as needed.
>

You were right; the issue was resolved setting body margins to 0, but I also
had to take the menu out of the new #container div for it to display
properly, since letting it in would cause it to behave the same odd way...

Thanks again.