Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Why is Font Different color in IE?

Options
  • 17-05-2010 11:54am
    #1
    Joebits
    Closed Accounts Posts: 314 ✭✭


    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 :o


Comments

  • Options
    #2
    Pablod
    Registered Users Posts: 489 ✭✭Pablod


    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


  • Options
    #3
    Eoin
    Moderators, Category Moderators, Motoring & Transport Moderators Posts: 21,238 CMod ✭✭✭✭Eoin


    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.


  • Options
    #4
    Joebits
    Closed Accounts Posts: 314 ✭✭Joebits


    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!!!


  • Options
    #5
    Eoin
    Moderators, Category Moderators, Motoring & Transport Moderators Posts: 21,238 CMod ✭✭✭✭Eoin


    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?


  • Options
    #6
    Evil Phil
    Registered Users Posts: 7,468 ✭✭✭Evil Phil


    Moved from development.


  • Advertisement
  • Options
    #7
    Joebits
    Closed Accounts Posts: 314 ✭✭Joebits


    <?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"&gt;

    <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>


  • Options
    #8
    Joebits
    Closed Accounts Posts: 314 ✭✭Joebits


    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:


  • Options
    #9
    Eoin
    Moderators, Category Moderators, Motoring & Transport Moderators Posts: 21,238 CMod ✭✭✭✭Eoin


    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]


  • Options
    #10
    Pablod
    Registered Users Posts: 489 ✭✭Pablod


    +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


Advertisement