Grow your CSS skills. Land your dream job.

‘Jump to link’ works in FF, not IE

  • # January 1, 2012 at 2:20 pm

    Hi there,

    This could be a CSS issue, but I’m posting it in Javascript. My friend’s website has these ‘jump to’ links here:
    http://www.jeffreitz.com/portfolio-1.html

    But the ‘Game Cards’ link only works in FF, not IE. Do you know of a reason? Can anyone help?

    Appreciated,
    Steph

    # January 1, 2012 at 5:41 pm

    @StephBertha anchor links are case sensitive so check your code to make sure the link and the anchor are spelled the same. I have not looked at your code other then seeing the anchor (Saigorei) link starts with an upper case http://www.jeffreitz.com/portfolio-1.html#Saigorei change it to http://www.jeffreitz.com/portfolio-1.html#saigorei (lower case).

    # January 1, 2012 at 8:18 pm

    Also, please please please remove the music playing. I couldn’t even find a link to turn it off!

    # January 1, 2012 at 9:52 pm

    music + website = 90’s web

    # January 1, 2012 at 9:55 pm

    90s are retro!

    # January 2, 2012 at 10:17 am

    @TheDoc but but the Jurassic Park theme!

    @springlab & @Senff LOL just wait until you hear kids start saying that was so 10’s then you’ll know what it feels like to be old :P

    # January 8, 2012 at 1:55 pm

    The music shouldn’t be playing. We put some code in to take care of it. It should ONLY be playing when clicked on that link.

    What browser are you viewing?

    # January 8, 2012 at 1:58 pm

    And it would be really appreciative if there weren’t 4 comments commenting on the music because that was not why I posted.

    I agree – music playing is 90s, but it would be helpful if there was constructive criticism by letting me know WHICH browser the music is playing in.

    Thank you.

    # January 8, 2012 at 1:58 pm

    Thank you springlab for actually answering the question. I’ll try that!

    # January 8, 2012 at 7:26 pm

    Music is playing on its own in Chrome.

    # January 9, 2012 at 4:10 am

    On a side note you may want to check your markup and CSS as you have some errors that will and may currently be causing cross browser issues.

    HTML: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.jeffreitz.com%2Fportfolio-1.html
    CSS: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.jeffreitz.com%2Fstyles.css&profile=css3&usermedium=all&warning=1&vextwarning=true&lang=en

    # January 9, 2012 at 11:22 am

    @Doc – Thank you, I will tell him about it.

    @ Sgt – I don’t want side notes. I didn’t post for side notes. I’m posting this as a favor to my friend hoping I would get a resolution. It is his job to fix the music and whatever else.

    Again, I ask, is there anybody who can help me?

    # January 9, 2012 at 11:49 am

    @StephBertha – SgtLegend was merely suggesting that you might want to look into some of the errors on the site as they can cause things to go awry in certain browsers. Nobody is going to spend 30min looking into your issue, especially when you start using the tone that you are. I understand the frustration, but nobody is actually required to help you.

    Things I have noticed:

    • The ‘Game Card’ link is the only one that works in FF.
    • The ‘Saigorie’ link is still capitalized.
    • As far as I can tell, none of the links other than ‘Game Cards’ work in any browser that I’ve tested. I’m guessing there is a larger problem with the Javascript.

    I would recommend trying to reduce the problem. Remove elements from the page. The best thing to do would be to create a simplified jsfiddle. It could be something else on the page entirely that is making it not work.

    # January 9, 2012 at 9:06 pm

    I know that nobody is required to help me, but when you spend hours trying to figure it out for free for a friend, all you want is some help. Pointing out issues as above doesn’t help me solve the initial problem. The time gets prolonged.

    I’m not a mean person, I’m just frustrated . . .

    Thank you, I will try that. I have tried making the S lowercase, but didn’t work. Posting on jsFiddle is a brilliant idea! If we don’t find a solution, then maybe a new script, entirely, is in order.

    # January 9, 2012 at 9:47 pm

    Yea, it could simply be a loosely coded script. The HTML looks like it could be slightly reworked as well.

    For example, I would wrap each section in a div with an id of the link you are trying to hit.

    http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

Projects

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by MediaTemple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.

*May or may not contain any actual "CSS" or "Tricks".