Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > IE6 link colors & CSS override (vs. Firefox)

Reply
Thread Tools

IE6 link colors & CSS override (vs. Firefox)

 
 
Woodmon
Guest
Posts: n/a
 
      10-21-2005
The scenario:

For this example running current IE6.02 Update version SP2 and Firefox
1.5b2 on XP SP2

Internet Options > Colors >Unvisited/Visited colors are picked.

Everything in IE Accessibility dialog is unchecked - e.g. "ignore colors
specified on web pages" is unchecked.

In my web page I have different link colors set by CSS. However when my
web page renders in IE, the color for the border around the images,
indicating they are links, is not properly overridden by CSS. But at the
same time the color of text links are overridden correctly in IE.

Why the difference in IE?

Note my CSS link color overrides for both text links and image links
work fine in Firefox.

On a related note in IE I see a hover color can be enabled by check box,
and a color picked. So can IE's hover color setting be overridden? And
if so can different "hover" overrides be applied to different objects on
the page (via CSS and class). See my HTML below

Example of my CSS follows:

<style type="text/css" media="screen">

BODY { color: white }
A:link { color: 66CCFF; }
A:visited { color: CC66FF; }
A:active { color: CC66FF; }
A:hover { color: white; background-color: #0099cc; text-decoration:
#000000;}

..override a:link { color: CC66FF; }
..override a:visited { color: 66CCFF; }
..override a:active { color: 66CCFF; }
..override a:hover { color: blue; background-color: #0099cc;
text-decoration: #000000;}
</style>

HTML with image where IE does not apply the CSS link visited color:

<tr align="middle">
<td>
<a href="bigphoto.html" title="Example: photo1" alt="Example: photo1">
<img src="images/smallphoto.jpg" /></a>

</td>
</tr>

HTML showing override object:

<td class="override" align="center" bgcolor="006600">
<font size="1" color="white" face="helvetica, arial">
<b>
<a href="/contact.html">Contact Page</a>
</b>
</font>
</td>


Appreciate any suggestions.
Woody
 
Reply With Quote
 
 
 
 
Beauregard T. Shagnasty
Guest
Posts: n/a
 
      10-21-2005
Woodmon wrote:

> Why the difference in IE?


It's borked.

> Example of my CSS follows:
>
> <style type="text/css" media="screen">
>
> BODY { color: white }
> A:link { color: 66CCFF; }
> A:visited { color: CC66FF; }
> A:active { color: CC66FF; }
> A:hover { color: white; background-color: #0099cc; text-decoration:
> #000000;}
>
> .override a:link { color: CC66FF; }
> .override a:visited { color: 66CCFF; }
> .override a:active { color: 66CCFF; }
> .override a:hover { color: blue; background-color: #0099cc;
> text-decoration: #000000;}
> </style>


Try putting them in proper order: link, visited, hover, active

[Dare I say it? "Las Vegas Has Animals"]

--
-bts
-When motorcycling, never follow a pig truck
 
Reply With Quote
 
 
 
 
Woodmon
Guest
Posts: n/a
 
      10-21-2005
"Beauregard T. Shagnasty" <(E-Mail Removed)> wrote in
news:1wpmwhx9ui8yk$.1xf3wvet7mi6a$(E-Mail Removed):

> Woodmon wrote:
>
>> Why the difference in IE?

>
> It's borked.
>
>> Example of my CSS follows:
>>

> Try putting them in proper order: link, visited, hover, active



Thanks for the hover pointer. The hover was just an example. I am not
actually presently using the hover in my current CSS code. But the
question remains, will a CSS hover override IE browser hover setting and
can more than one CSS hover override color/effect be applied on the same
webpage.

Main priority of my post was to find a workaround to make the image link
color overrides work in IE. Although IE might be borked, is it possible?
Thanks.

Woodmon
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      10-21-2005
Beauregard T. Shagnasty wrote:

> Woodmon wrote:
>
>
>>Why the difference in IE?

>
>
> It's borked.
>
>
>>Example of my CSS follows:
>>
>><style type="text/css" media="screen">
>>
>>BODY { color: white }
>>A:link { color: 66CCFF; }
>>A:visited { color: CC66FF; }
>>A:active { color: CC66FF; }
>>A:hover { color: white; background-color: #0099cc; text-decoration:
>>#000000;}
>>
>>.override a:link { color: CC66FF; }


Try formatting color values correctly
..override a:link { color: #CC66FF; }

>>.override a:visited { color: 66CCFF; }
>>.override a:active { color: 66CCFF; }
>>.override a:hover { color: blue; background-color: #0099cc;
>>text-decoration: #000000;}
>></style>



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Beauregard T. Shagnasty
Guest
Posts: n/a
 
      10-21-2005
Woodmon wrote:

> "Beauregard T. Shagnasty" <(E-Mail Removed)> wrote in
> news:1wpmwhx9ui8yk$.1xf3wvet7mi6a$(E-Mail Removed):
>
>> Woodmon wrote:
>>
>>> Why the difference in IE?

>>
>> It's borked.
>>
>>> Example of my CSS follows:
>>>

>> Try putting them in proper order: link, visited, hover, active

>
> Thanks for the hover pointer. The hover was just an example. I am not
> actually presently using the hover in my current CSS code.


Then why did you post it? This is why we like to see URLs to real pages
with the problem.

--
-bts
-When motorcycling, never follow a pig truck
 
Reply With Quote
 
Beauregard T. Shagnasty
Guest
Posts: n/a
 
      10-21-2005
Jonathan N. Little wrote:

> Try formatting color values correctly
> .override a:link { color: #CC66FF; }


<lol!> I was paying too close attention to the order that I missed
that. Another reason for posting URLs.

--
-bts
-When motorcycling, never follow a pig truck
 
Reply With Quote
 
Woodmon
Guest
Posts: n/a
 
      10-21-2005
"Beauregard T. Shagnasty" <(E-Mail Removed)> wrote in
news:7154enmyjm7v.1s63x1iwp5em0$(E-Mail Removed):

> Jonathan N. Little wrote:
>
>> Try formatting color values correctly
>> .override a:link { color: #CC66FF; }

>
> <lol!> I was paying too close attention to the order that I missed
> that. Another reason for posting URLs.
>


Again sorry for multi-posting. I was conused versus cross-posting. now I
understand.

I cannot send you a URL as the site is not on a publicly accessible
server.

I removed the pound (#) signs as I read somewhere they were deprecated
(or not needed) in stylesheet color info. Possible I was confused.

And when I stated I removed the "hover" entry, it was not overriding the
color as I expected, so I removed it from the CSS thinking it may also be
contributing to my other problem (the orginal main topic of my post...
which is still an issue). But I found it did not make a difference. I do
want to add it back so, that is why I was asking if one can have multiple
hover overrides..

I appreciate your assist. A gentle nudge in the right direction for my
multi-posting mistake and positng in the incorrect forum is warranted (I
posted my question to CIAWS, which I thought was appropriate since it
directly related to my CSS code).

So are you folks always so aggressive in your responses? You will scare
off many with such tactics and do your business(es) listed in your sig a
dis-service.

Woodmon
 
Reply With Quote
 
Toby Inkster
Guest
Posts: n/a
 
      10-21-2005
Woodmon wrote:

> I removed the pound (#) signs as I read somewhere they were deprecated
> (or not needed) in stylesheet color info. Possible I was confused.


Certainly confused. There are five ways of specifying colours in CSS. Two
of them require a hash sign, the other three must never have a hash sign.

color: #F00; /* 3-digit hex */
color: #FF0000; /* 6-digit hex */
color: red; /* colour keywords */
color: rgb(255,0,0) /* RGB function (decimal) */
color: rgb(100%,0,0) /* RGB function (percentage) */

(There are also the "system colours", but these just expand the set of
colour keywords.)

> So are you folks always so aggressive in your responses? You will scare
> off many with such tactics


Perhaps that's the idea: maybe we don't want those who are easily scared
sticking around.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

 
Reply With Quote
 
Alan J. Flavell
Guest
Posts: n/a
 
      10-21-2005

On Fri, 21 Oct 2005, Beauregard T. Shagnasty quoted:

> Woodmon wrote:
>
> > A:hover { color: white; background-color: #0099cc; text-decoration:
> > #000000;}


This would also do the hover effect on <a name="..."> , which is
probably not what's wanted. I'd suggest using a:link:hover , to avoid
that happening.

> Try putting them in proper order: link, visited, hover, active


That too.
 
Reply With Quote
 
Woodmon
Guest
Posts: n/a
 
      10-21-2005
Toby Inkster <(E-Mail Removed)> wrote in
news:(E-Mail Removed)5n.co.uk:


> Certainly confused. There are five ways of specifying colours in CSS.
> Two of them require a hash sign, the other three must never have a
> hash sign.
>
> color: #F00; /* 3-digit hex */
> color: #FF0000; /* 6-digit hex */
> color: red; /* colour keywords */
> color: rgb(255,0,0) /* RGB function (decimal) */
> color: rgb(100%,0,0) /* RGB function (percentage) */
>
> (There are also the "system colours", but these just expand the set of
> colour keywords.)
>
>> So are you folks always so aggressive in your responses? You will
>> scare off many with such tactics

>
> Perhaps that's the idea: maybe we don't want those who are easily
> scared sticking around.
>





Glad I didn't scare you off Tony .

Thanks much. Inserting the hash mark worked. And reordering the
hover entry also worked.

Now I recall covering this stuff in the 90's when I first
learned HTML/CSS. Obviously I need to brush up at w3.org.

Now I just need to find a solution to my original question. Which was...

The link border color around images in IE are not
properly overridden by CSS. But the color of text
links in IE are overridden correctly. Any worka
arounds? CSS link color overrides work fine in
Firefox (for both text links and image links).
..

Woodmon


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Is there any library that can convert RGB colors to ANSI colors? ZelluX Python 3 12-01-2008 11:08 AM
TreeNode colors come from anchor colors AAaron123 ASP .Net 1 08-07-2008 07:56 PM
Possibly OT. IE6 and background colors.. The Natural Philosopher Javascript 31 10-28-2007 06:32 PM
RE: Link Link Link =?Utf-8?B?REw=?= Windows 64bit 0 05-17-2005 12:15 PM
Re: Link Link Link DANGER WILL ROBINSON!!! Kevin Spencer ASP .Net 0 05-17-2005 10:41 AM



Advertisments