Links not working in IE

Discussion in 'CSS' started by mkei, Feb 23, 2008.

0
  1. #1
    I've got another little problem now, which I can't seem to get my head around. Everything works fine in Firefox, and you can see how it should work here.

    But when you load it in IE (I'm using IE6, haven't tested with IE7 yet) some/most of the thumbnails aren't clickable, or atleast are only clickable on their 1px wide border, which seems odd. It's the fact it's only some of them that confuses me, as if something invisible is going over the top of the others.

    Any input would be helpful, serious +rep to anyone who can help/solve this.
     
    mkei, Feb 23, 2008 IP
  2. mkei

    mkei Guest

    Messages:
    15
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Fixed by adding position: absolute; to my #map li's .. :) Cheers Stomme.
     
    mkei, Feb 24, 2008 IP
  3. NsaneNoob

    NsaneNoob Peon

    Messages:
    2,103
    Likes Received:
    59
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Congratz:)
     
    NsaneNoob, Feb 25, 2008 IP
  4. CanaryWoolf

    CanaryWoolf Peon

    Messages:
    114
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi

    You might want to sort a couple of other issues on the site (showing in IE6)

    [​IMG]
    Click to enlarge

    IE6 cannot handle the transparency on you PNG images - the transparent area shows up as a solid light blue.

    The solution to this can be found here and works like a treat. I've used it for some of the icons on my forum: http://www.bamzooki.org.uk/cgi-bin/yabb2/YaBB.pl and a little gimmick at the bottom of the page (Dalek)

    Also you will see that for some reason IE6 is pushing the main content down the page a little - which means that at 1024 x 768 you are losing some of the content off the screen which I'm sure is not what you intended.

    Good luck

    CW
     
    CanaryWoolf, Feb 26, 2008 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I don't see the new images either... cause I have JS off. Though I can still click the link, which is the more important thing.

    You could do this with CSS alone if you want. Mike Cherim and Eric Meyer have both done some neat demos. Mike put his images in a span and set them all in the same place on the page http://mikecherim.com/experiments/css_map_pop.php though you don't have to limit yourself to a certain place on the page... it can also be relative to the a's.
    Set the large image in a span in the a's where the JS is, and set them a bazillion gazillion em's or pixels or whatever to the left (and top just to be sure... some browser didn't just like left) and move them back into position upon hover.

    At the least, a span or tooltip or title showing the name of the item on :hover would be nice, so those without JS can still tell what they're clicking before they click.

    *Edit aaaandd you need to change script language="javascript" to script type="text/javascript" as "language="" " has been deprecated.
    *edit aaand... is that Cooper Black BT on the Bio and Off words? I love that font!

    Cheers back,
     
    Stomme poes, Feb 28, 2008 IP