Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Jun 2004
    Posts
    130
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Hyperlinkt image not working in IE!

    Hey dudes!
    On a site i've been working, i have a button that's a transparent png.
    I had to go trough a lot of hassle to make that transparent in IE, but that works now.
    I've hyperlinkt the button like this:
    Code:
    <div class="button1"><a href="<?php echo $PHP_SELF."?page=71"; ?>"><img alt="Startpage" src="./images/button.gif" /></a></div>
    The imageis a background-image of the div. First I had the hyperlink around the div, but that's not valid xhtml, so i put the hyperlink inside the div, and used a transparant gif the size of the button to make it work.

    But this doens't work in IE. Beats me why too!
    Could someone help me plz?

  • #2
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm not really sure which bit doesn't work. Do you mean the link doesn't work or what?

    Oh, and it's Hyperlinked not Hyperlinkt.

  • #3
    Regular Coder
    Join Date
    Jun 2004
    Posts
    130
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry, i'm dutch :P
    and yeah, it's the hyperlink not working
    check http://feelgoodparty.dijksman.rawsoft.nl
    view it in mozilla: works,\
    do it in IE, doesn't work

  • #4
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm not sure, but I've got a feeling it's something to do with IE not supporting .png transparency properly. Why not just use a .gif file and see if that works?

  • #5
    Regular Coder
    Join Date
    Jun 2004
    Posts
    130
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i don't think thats it: the png is iin the background of the div, and the gif is the image that's hyperlinked.
    and i cannot go using gif: too low res!

  • #6
    Senior Coder
    Join Date
    Jul 2004
    Location
    New Zealand
    Posts
    1,315
    Thanks
    0
    Thanked 2 Times in 2 Posts
    GIF files do not have a limit on resolution. I think your problem may have something to do with the IE filters you're using to display the PNG images. You you select all, you'll see that they're selected. They're activeX components. At the very edge of the buttons you'll find the linked GIF image. So the ActiveX components (your transparent PNG images) are covering your links.

  • #7
    Regular Coder
    Join Date
    Jun 2004
    Posts
    130
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hmmm you're right. but how to get the png-s to go to the background then? i've tried setting the z-index but that doens't help.
    very weird: the png is background of the div, the gif is in the foreground of the div(well it should be) but f*ckin IE messes it up.
    any ideas about it?

    Edit:
    selecting it all is not an option as that isn't valid xhtml


  •  

    Posting Permissions

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