Why is Font Different color in IE?

Joebits · 17-05-2010 11:54AM #1

In the process in making my website.
I have <body bgcolor=#FFFFFF TEXT=black >

why does my Font in Explorer go Yellow?
Yellow is the color of my hover/active links from my CSS sheet

This is so annoying help pleeeease

Pablod · 17-05-2010 12:49PM

Sounds like there could be an overlap on some of your styles.
Can you post the code so we can take a look? (HTML & CSS)
Cheers

Eoin · 17-05-2010 01:43PM

And if you're using a stylesheet already, you may as well move the style from the body tag into the css file.

body
{
    background-color: #FFF;
    color: #000;
}

It might be conflicting styles as Pablod said, or just a case of an <a> tag not being closed properly.

Joebits · 17-05-2010 05:44PM

First of all yesterday i did not have this problem. Just today when i turned on laptop and opened my pages in Firefox AND IE.

I have no problems in Firefox.

Heres my Code.
Stylesheet
body
{
background-image:url('pics/bg1.jpg');
background-repeat:repeat-x;
text-decoration: none ;

}

a:link {
color: white ;
background-color: transparent ;
text-decoration: none ;
}

a:visited {
color: white ;
background-color: transparent ;
text-decoration: none ;
}

a:hover {
color: yellow ;
background-color: transparen ;

}

a:active {
color: yellow ;
background-color: transparen ;
}

Body Tag in all pages:

<body bgcolor=#FFFFFF TEXT=black >

P.s. I HATE IE SO MUCH. I WISH IT WOULD JUST DIE ALREADY!!!

Eoin · 17-05-2010 05:47PM

IE might have its faults, but I'd be surprised if this was a browser issue. Can you post the HTML as well, not just the body tag?

Evil Phil · 17-05-2010 05:47PM

Moved from development.

Joebits · 17-05-2010 05:53PM

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta name="keywords" content=" "/>
<meta name="description" content=“"/>

<link rel="stylesheet" href="mystyle.css">

<title>Title</title>

</head>

<body bgcolor=#FFFFFF TEXT=black >

<center>

<table border="0" width="800" height="80" bgcolor=#000099 background="pics/MAINBG.jpg">
<tr height="50">
<td align="center" width="150" >
<img src="pics/MAINB.jpg" alt="Main" />
</td>
</tr>

<table border="0" width="800" height="50" bgcolor=#FFFFFF background="pics/LinksBG.jpg">

<tr height="50">
<td align="center" width="150" ><a href="Homepage.html">Home </A> </td>
<td align="center" width="150" ><a href="AboutMe.html">About Me </A></a>
</td>
<td align="center" width="150" ><a href="MyMusic.html">Music</td>
<td align="center" width="150" ><a href="Equipment.html">My Equipment</td>
<td align="center" width="150" ><a href="BookMe.html">Book Me/Contact</td>
<font color=yellow About Me</font>

</tr>

</table>

<table border="0" width="360" height="50">

<FORM METHOD="post">
<tr height="30">
<td align="center" width="170" >

<INPUT TYPE="button"
VALUE="BACK"
OnClick="history.go( -1 );return true;">
</td>

<td align="center" width="150" ><font color=yellow size=5> About Me</font></td>
<td align="center" width="150" ><INPUT TYPE="button"
VALUE="FORWARD"
OnClick="history.go( 1 );return true;">

</FORM></td>

</tr>

</table>

<table border="0" width="800" height="600" bgcolor=#FFFFFF>

<tr height="10">
<td align="center" width="150" > <div style="position: absolute; left: 240px; top: 200px; height: 200px; width: 800px;">

<p>CONTENT HERE
</p>
</div>
</td>

</tr>

</table>

</center>

</body>

</html>

Joebits · 17-05-2010 06:01PM

Another thing is Today, unlike yesterday, my IE keeps restricting ActiveX... maybe this has something to do with it?
Its very annoying as I have to X it everytime or just click yes to it...
?? :mad:

Eoin · 17-05-2010 06:59PM

If you're not accessing the page through a webserver, then IE will give you security warnings.

Edit - you have a load of errors in your HTML, including anchor tags that aren't closed as I suspected.

You've an anchor tag being closed twice here, two not being closed at all, a font tag that's badly formed. I'd correct all these before complaining about how crap IE is.

[html]
<td align="center" width="150" ><a href="AboutMe.html">About Me </A></a>
</td>
<td align="center" width="150" ><a href="MyMusic.html">Music</td>
<td align="center" width="150" ><a href="Equipment.html">My Equipment</td>
<td align="center" width="150" ><a href="BookMe.html">Book Me/Contact</td>
<font color=yellow About Me</font>
[/html]

Pablod · 17-05-2010 07:30PM

+1 to Eoin
Also you have inline styles on your tables as shown below which is styling the font yellow so these are ignoring your external styles.

As Eoin said - correct all the tags etc. first then use external styles for style your fonts etc..
Hope this helps

Why is Font Different color in IE?

Comments