www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Mysterious Links In IE.. Help Please!

  1. #1
    Join Date
    Jan 2010
    Posts
    3

    resolved [RESOLVED] Mysterious Links In IE.. Help Please!

    Hey!
    I am making a website for a college assignment and have come across a problem... It'll be great if you guys could help me please!

    I have rollover links that turn blue when a user hovers over them. These work perfectly fine in Firefox (latest update) but don't in Internet Explorer (7.0.. its what the college uses).

    The weird thing is that one link works in IE and the rest are just displayed as texts (and not even clickable).. The top link "Windows" is the one that works in IE, the rest don't even budge!

    I'm truly stumped and so are my class mates. I don't know how to make the links work in both IE and Firefox without destroying the work Ive done so far.


    ** Code for the links **

    <div id="links">
    <p class="style2"><a href="windows.html" class="navlinks">Windows</a><br />
    <br />
    <a href="quotations.html" class="navlinks">Quotations</a><br /><br />
    <a href="ordering.html" class="navlinks">Ordering</a><br /><br />
    <a href="expectations.html" class="navlinks">Expectations</a><br /><br />
    <a href="faq.html" class="navlinks">FAQ</a><br /><br />
    <a href="contactus.html" class="navlinks">Contact Us</a> </p>
    </div>


    ** CSS **

    /* Links */
    a.navlinks {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    }
    a.navlinks:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #99CCFF;
    /*font-size: 19px;*/
    font-weight: 500;
    }
    a.bodylinks {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-side: 12px;
    text-decoration: none;
    }
    /*a.bodylinks:hover {

    }*/



    ..If you need any additional info then please ask away, I will be on the computer 24-7 (as usual) until I fix this!

    Thanks for your time guys :]

  2. #2
    Join Date
    Jan 2010
    Posts
    3

    ..Update link to the problem page

    http://users7.jabry.com/rlightyhelp/index.html

    This is it.. Internet explorer hates the links. Firefox loves them.
    IE finds a massive problem, as normal (check the top link)

    Open this in IE and then Firefox and notice the problem.. IE 7.0 is what my college is running

  3. #3
    Join Date
    Aug 2006
    Posts
    1,943
    I don't have IE7, so unfortunately can't see the issue (IE8 looks fine). A couple items, may not be relevant at all, but:

    typo: font-side: 12px;

    and your use of the styles "#body" and "#title", is probably not the best thing. I don't know that it goes against any standards, but it's generally not good coding technique to reuse existing tag names for your divs.

    Lastly, a *transitional* doctype, really? What are you transitioning from? Should use strict doctypes in this situation.

    Like I say, I don't see any reason why any of these would fix the issue you're seeing, but as long as you're noodling on the code you might make the changes...

    Dave

  4. #4
    Join Date
    Mar 2007
    Posts
    946
    The problem is this

    PHP Code:
    #bodycontent {
    margin-left:150px;
    margin-top:-246px;

    It covers up your links. You can't see this unless you put a div around your bodycontent div and fill it in with a background color. You can see this in the screenshot I have attached.
    Attached Images Attached Images

  5. #5
    Join Date
    Jan 2010
    Posts
    3

    Smile Thanks a ton!

    Thanks for your help guys, my problem has now been fixed

    Really appreciate your help.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles