Help with colors and IE, please.

[Adam]

I am working on the following site: http://bricktroop60.awardspace.com/ for
my scout troop. It looks good in Firefox and Opera, but Internet Exploder
renders the colors differently. Does anyone know why this happens and if
so, can you explain why and how to fix it in simple terms (I am new at
this)?

Another question - The xhtml validation link has a border around it in FF
and IE, but not Opera. Any ideas on why this happens and how to remove it?

Thank you for any help that you can provide.

[Els]

Adam wrote:

I am working on the following site: http://bricktroop60.awardspace.com/ for
my scout troop. It looks good in Firefox and Opera, but Internet Exploder
renders the colors differently. Does anyone know why this happens and if
so, can you explain why and how to fix it in simple terms (I am new at
this)?

I see the same colours in IE as in FF. Are both those browsers on the
same machine for you?

Another question - The xhtml validation link has a border around it in FF
and IE, but not Opera. Any ideas on why this happens and how to remove it?

You got rid of the border on the CSS validation link, with the style
attribute value "border:0;width:88px;height:31px". Do the same on the
XHTML one.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

[Adam]

"Els" <el*********@tiscali.nlwrote in message
news:1f*****************************@40tude.net...

Adam wrote:

>I am working on the following site: http://bricktroop60.awardspace.com/
for
my scout troop. It looks good in Firefox and Opera, but Internet Exploder
renders the colors differently. Does anyone know why this happens and if
so, can you explain why and how to fix it in simple terms (I am new at
this)?

I see the same colours in IE as in FF. Are both those browsers on the
same machine for you?

I get different colors in IE on the same machine (it happens on 2 different
machines at my home, I have not checked it elsewhere yet).

>

>Another question - The xhtml validation link has a border around it in FF
and IE, but not Opera. Any ideas on why this happens and how to remove
it?

You got rid of the border on the CSS validation link, with the style
attribute value "border:0;width:88px;height:31px". Do the same on the
XHTML one.

Thank you.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

[Els]

Els wrote:

Adam wrote:

>I am working on the following site: http://bricktroop60.awardspace.com/ for

I see another problem. In IE, the letters "equests" are repeated below
the page on the left. This is caused by a bug, which is usually
triggered by a combination of having comments in the source, and
adding all widths in percentages up to 100%.

On your page, if you take out the comments in the footer, the problem
may disappear already. Not tested.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

[Adam]

"Els" <el*********@tiscali.nlwrote in message
news:wv*****************************@40tude.net...

Els wrote:

>Adam wrote:

>>I am working on the following site: http://bricktroop60.awardspace.com/
for

I see another problem. In IE, the letters "equests" are repeated below
the page on the left. This is caused by a bug, which is usually
triggered by a combination of having comments in the source, and
adding all widths in percentages up to 100%.

On your page, if you take out the comments in the footer, the problem
may disappear already. Not tested.

Thank you again.

>
--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

[maya]

Adam wrote:

I am working on the following site: http://bricktroop60.awardspace.com/ for
my scout troop. It looks good in Firefox and Opera, but Internet Exploder
renders the colors differently. Does anyone know why this happens and if
so, can you explain why and how to fix it in simple terms (I am new at
this)?

Another question - The xhtml validation link has a border around it in FF
and IE, but not Opera. Any ideas on why this happens and how to remove it?

include this

border="0"

in <imgtag for the image with the blue border. By default all images
that are links have a blue border. For this reason it's always a good
idea to include this in all <imgtags..

as for colors, I notice different font colors in IE and Firefox. To be
sure font-colors are always what you want in all browsers make sure you
set font colors, you can set this direclty in HTML, but since you have a
stylesheet (always best) you can do, in stylesheet:

h2 {color:#990000}
p {color:#990000}

if you want different colors for different paragraphs you can do:

<p class="two"... </p>

and then in CSS:

p.two {color:#CCCCCC}

or if you want to use the this color-attribute for other text-containing
elements:

.two {color:#CCCCCC}

then you can include

class="two"

in any element containing text (<td>, <div>, <span>, etc..) for
example: <span class="two"... </span and they will all have same
font color..
HTH. Good luck..

[Stephen Poley]

On Sat, 15 Jul 2006 22:19:30 -0400, maya <ma********@yahoo.comwrote:

>include this

border="0"

in <imgtag for the image with the blue border. By default all images
that are links have a blue border. For this reason it's always a good
idea to include this in all <imgtags..

The border is inserted to inform the reader that the image is a link.
Why make an image into a link and then hide that fact from the reader?

(Yes, I know it is sometimes obvious that an image is a link - but your
"always a good idea" is a far too sweeping generalisation.)

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

[Jim Moe]

Adam wrote:

I am working on the following site: http://bricktroop60.awardspace.com/ for
my scout troop. It looks good in Firefox and Opera, but Internet Exploder
renders the colors differently. Does anyone know why this happens and if
so, can you explain why and how to fix it in simple terms (I am new at
this)?

In what way are the colors different? Lighter? Darker? Dithered?
What is the color resolution of your monitor? 256 (8 bit) colors? Or
16/24/32 bit?
You could try setting all of the colors to their nearest "web-safe"
value. For instance, change #e6e6cd to #eec, #ffd65a to #fd5.

In IE there is a spurious "equest" below the footer. Change the width of
#footer to 99% to get rid of it.

Another question - The xhtml validation link has a border around it in FF
and IE, but not Opera. Any ideas on why this happens and how to remove it?

Having those links for validation is meaningless to most visitors.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[maya]

Stephen Poley wrote:

On Sat, 15 Jul 2006 22:19:30 -0400, maya <ma********@yahoo.comwrote:

>include this

border="0"

in <imgtag for the image with the blue border. By default all images
that are links have a blue border. For this reason it's always a good
idea to include this in all <imgtags..

The border is inserted to inform the reader that the image is a link.
Why make an image into a link and then hide that fact from the reader?

(Yes, I know it is sometimes obvious that an image is a link - but your
"always a good idea" is a far too sweeping generalisation.)

I guess so.. but very seldom do we see images that are links with those
bland-looking blue borders generated autom. by browsers; usu. when an
img is a link this is made obvious in other ways (content of image,
text, etc..) many times it's done in such a way that user can't even
tell if link is an image or plain text.. main thing, I think, is to
make it obvious to user that img is a link, and there are ways to do
this other than letting the browser generate a border around it.

[Daibhidh]

"Stephen Poley" <sb******************@xs4all.nlwrote in message
news:mp********************************@4ax.com...

The border is inserted to inform the reader that the image is a link.
Why make an image into a link and then hide that fact from the reader?

There was a time when this was perfectly obvious, but that time is long
passed. Most viewers don't know squat about blue borders. They want some
kind of hover effect.

Daibhidh